@athenaintel/react 0.19.0 → 0.21.0

package/dist/chat-ui/messages/voice-delegation-card.cjs

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@assistant-ui/react");
+const lucideReact = require("lucide-react");
+const useAthenaRunLive = require("../../chat/use-athena-run-live.cjs");
+const cnfast = require("cnfast");
+const VoiceDelegationCard = ({ text, live, className }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: cnfast.cn("flex justify-end px-1 pb-0.5", className),
+    "data-testid": "voice-delegation-card",
+    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-[85%] rounded-xl border border-primary/20 bg-primary/5 px-3 py-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1 flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex size-4 items-center justify-center rounded bg-primary/15", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AudioLinesIcon, { className: "size-2.5 text-primary", "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium uppercase tracking-wide text-primary", children: "Voice task" }),
+        live ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            className: "inline-flex items-center gap-1 text-[10px] text-primary/80",
+            "data-testid": "voice-delegation-live",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LoaderIcon, { className: "size-2.5 animate-spin", "aria-hidden": true }),
+              "running"
+            ]
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap break-words text-sm text-foreground", children: text })
+    ] })
+  }
+);
+const VoiceDelegationMessage = ({ className }) => {
+  const text = react.useAuiState(
+    (s) => s.message.content.map((part) => part.type === "text" ? part.text : "").filter(Boolean).join("\n")
+  );
+  const isTrailingUserMessage = react.useAuiState((s) => {
+    const messages = s.thread.messages;
+    for (let index = messages.length - 1; index >= 0; index--) {
+      const candidate = messages[index];
+      if ((candidate == null ? void 0 : candidate.role) !== "user") continue;
+      return candidate.id === s.message.id;
+    }
+    return false;
+  });
+  const isRunning = useAthenaRunLive.useAthenaRunLive();
+  return /* @__PURE__ */ jsxRuntime.jsx(VoiceDelegationCard, { text, live: isRunning && isTrailingUserMessage, className });
+};
+exports.VoiceDelegationCard = VoiceDelegationCard;
+exports.VoiceDelegationMessage = VoiceDelegationMessage;
+//# sourceMappingURL=voice-delegation-card.cjs.map

package/dist/chat-ui/messages/voice-delegation-card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"voice-delegation-card.cjs","sources":["../../../src/chat-ui/messages/voice-delegation-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAuiState } from \"@assistant-ui/react\";\nimport { AudioLinesIcon, LoaderIcon } from \"lucide-react\";\nimport type { FC } from \"react\";\nimport { useAthenaRunLive } from \"../../chat/use-athena-run-live\";\nimport { cn } from \"../../lib/utils\";\n\nexport interface VoiceDelegationCardProps {\n  /** The live voice model's plain-language ask (never markdown). */\n  text: string;\n  /** Whether this delegation is plausibly the one running right now. */\n  live: boolean;\n  className?: string;\n}\n\n/**\n * The card for a voice delegation's anchor message: the unit of work the live\n * voice model handed to the thread. It replaces the plain user bubble on every\n * surface, so delegated work reads as delegated work instead of \"the user\n * typed this twice\" — the spoken ask itself sits just above it as a spoken\n * turn. The run it dispatched streams below as ordinary messages and tool\n * cards. Pure presenter; {@link VoiceDelegationMessage} binds it to the\n * message in scope.\n */\nexport const VoiceDelegationCard: FC<VoiceDelegationCardProps> = ({ text, live, className }) => (\n  <div\n    className={cn(\"flex justify-end px-1 pb-0.5\", className)}\n    data-testid=\"voice-delegation-card\"\n  >\n    <div className=\"max-w-[85%] rounded-xl border border-primary/20 bg-primary/5 px-3 py-2\">\n      <div className=\"mb-1 flex items-center gap-1.5\">\n        <span className=\"inline-flex size-4 items-center justify-center rounded bg-primary/15\">\n          <AudioLinesIcon className=\"size-2.5 text-primary\" aria-hidden />\n        </span>\n        <span className=\"text-[10px] font-medium uppercase tracking-wide text-primary\">\n          Voice task\n        </span>\n        {live ? (\n          <span\n            className=\"inline-flex items-center gap-1 text-[10px] text-primary/80\"\n            data-testid=\"voice-delegation-live\"\n          >\n            <LoaderIcon className=\"size-2.5 animate-spin\" aria-hidden />\n            running\n          </span>\n        ) : null}\n      </div>\n      <div className=\"whitespace-pre-wrap break-words text-sm text-foreground\">{text}</div>\n    </div>\n  </div>\n);\n\n/**\n * {@link VoiceDelegationCard} bound to the assistant-ui message in scope. The\n * live pulse shows only while this delegation is plausibly the one running:\n * the thread is running and no later user turn superseded it.\n */\nexport const VoiceDelegationMessage: FC<{ className?: string }> = ({ className }) => {\n  const text = useAuiState((s) =>\n    s.message.content\n      .map((part) => (part.type === \"text\" ? part.text : \"\"))\n      .filter(Boolean)\n      .join(\"\\n\"),\n  );\n  const isTrailingUserMessage = useAuiState((s) => {\n    const messages = s.thread.messages;\n    for (let index = messages.length - 1; index >= 0; index--) {\n      const candidate = messages[index];\n      if (candidate?.role !== \"user\") continue;\n      return candidate.id === s.message.id;\n    }\n    return false;\n  });\n  const isRunning = useAthenaRunLive();\n  return (\n    <VoiceDelegationCard text={text} live={isRunning && isTrailingUserMessage} className={className} />\n  );\n};\n"],"names":["jsx","cn","jsxs","AudioLinesIcon","LoaderIcon","useAuiState","useAthenaRunLive"],"mappings":";;;;;;;AAyBO,MAAM,sBAAoD,CAAC,EAAE,MAAM,MAAM,gBAC9EA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,OAAAA,GAAG,gCAAgC,SAAS;AAAA,IACvD,eAAY;AAAA,IAEZ,UAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,0EACb,UAAA;AAAA,MAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,QAAAF,2BAAAA,IAAC,QAAA,EAAK,WAAU,wEACd,UAAAA,2BAAAA,IAACG,8BAAe,WAAU,yBAAwB,eAAW,KAAA,CAAC,EAAA,CAChE;AAAA,QACAH,2BAAAA,IAAC,QAAA,EAAK,WAAU,gEAA+D,UAAA,cAE/E;AAAA,QACC,OACCE,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YAEZ,UAAA;AAAA,cAAAF,2BAAAA,IAACI,YAAAA,YAAA,EAAW,WAAU,yBAAwB,eAAW,MAAC;AAAA,cAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,IAG5D;AAAA,MAAA,GACN;AAAA,MACAJ,2BAAAA,IAAC,OAAA,EAAI,WAAU,2DAA2D,UAAA,KAAA,CAAK;AAAA,IAAA,EAAA,CACjF;AAAA,EAAA;AACF;AAQK,MAAM,yBAAqD,CAAC,EAAE,gBAAgB;AACnF,QAAM,OAAOK,MAAAA;AAAAA,IAAY,CAAC,MACxB,EAAE,QAAQ,QACP,IAAI,CAAC,SAAU,KAAK,SAAS,SAAS,KAAK,OAAO,EAAG,EACrD,OAAO,OAAO,EACd,KAAK,IAAI;AAAA,EAAA;AAEd,QAAM,wBAAwBA,kBAAY,CAAC,MAAM;AAC/C,UAAM,WAAW,EAAE,OAAO;AAC1B,aAAS,QAAQ,SAAS,SAAS,GAAG,SAAS,GAAG,SAAS;AACzD,YAAM,YAAY,SAAS,KAAK;AAChC,WAAI,uCAAW,UAAS,OAAQ;AAChC,aAAO,UAAU,OAAO,EAAE,QAAQ;AAAA,IACpC;AACA,WAAO;AAAA,EACT,CAAC;AACD,QAAM,YAAYC,iBAAAA,iBAAA;AAClB,wCACG,qBAAA,EAAoB,MAAY,MAAM,aAAa,uBAAuB,WAAsB;AAErG;;;"}

package/dist/chat-ui/messages/voice-delegation-card.d.ts

@@ -0,0 +1,26 @@
+import type { FC } from "react";
+export interface VoiceDelegationCardProps {
+    /** The live voice model's plain-language ask (never markdown). */
+    text: string;
+    /** Whether this delegation is plausibly the one running right now. */
+    live: boolean;
+    className?: string;
+}
+/**
+ * The card for a voice delegation's anchor message: the unit of work the live
+ * voice model handed to the thread. It replaces the plain user bubble on every
+ * surface, so delegated work reads as delegated work instead of "the user
+ * typed this twice" — the spoken ask itself sits just above it as a spoken
+ * turn. The run it dispatched streams below as ordinary messages and tool
+ * cards. Pure presenter; {@link VoiceDelegationMessage} binds it to the
+ * message in scope.
+ */
+export declare const VoiceDelegationCard: FC<VoiceDelegationCardProps>;
+/**
+ * {@link VoiceDelegationCard} bound to the assistant-ui message in scope. The
+ * live pulse shows only while this delegation is plausibly the one running:
+ * the thread is running and no later user turn superseded it.
+ */
+export declare const VoiceDelegationMessage: FC<{
+    className?: string;
+}>;

package/dist/chat-ui/messages/voice-delegation-card.js

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAuiState } from "@assistant-ui/react";
+import { AudioLinesIcon, LoaderIcon } from "lucide-react";
+import { useAthenaRunLive } from "../../chat/use-athena-run-live.js";
+import { cn } from "cnfast";
+const VoiceDelegationCard = ({ text, live, className }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("flex justify-end px-1 pb-0.5", className),
+    "data-testid": "voice-delegation-card",
+    children: /* @__PURE__ */ jsxs("div", { className: "max-w-[85%] rounded-xl border border-primary/20 bg-primary/5 px-3 py-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "inline-flex size-4 items-center justify-center rounded bg-primary/15", children: /* @__PURE__ */ jsx(AudioLinesIcon, { className: "size-2.5 text-primary", "aria-hidden": true }) }),
+        /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium uppercase tracking-wide text-primary", children: "Voice task" }),
+        live ? /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: "inline-flex items-center gap-1 text-[10px] text-primary/80",
+            "data-testid": "voice-delegation-live",
+            children: [
+              /* @__PURE__ */ jsx(LoaderIcon, { className: "size-2.5 animate-spin", "aria-hidden": true }),
+              "running"
+            ]
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap break-words text-sm text-foreground", children: text })
+    ] })
+  }
+);
+const VoiceDelegationMessage = ({ className }) => {
+  const text = useAuiState(
+    (s) => s.message.content.map((part) => part.type === "text" ? part.text : "").filter(Boolean).join("\n")
+  );
+  const isTrailingUserMessage = useAuiState((s) => {
+    const messages = s.thread.messages;
+    for (let index = messages.length - 1; index >= 0; index--) {
+      const candidate = messages[index];
+      if ((candidate == null ? void 0 : candidate.role) !== "user") continue;
+      return candidate.id === s.message.id;
+    }
+    return false;
+  });
+  const isRunning = useAthenaRunLive();
+  return /* @__PURE__ */ jsx(VoiceDelegationCard, { text, live: isRunning && isTrailingUserMessage, className });
+};
+export {
+  VoiceDelegationCard,
+  VoiceDelegationMessage
+};
+//# sourceMappingURL=voice-delegation-card.js.map

package/dist/chat-ui/messages/voice-delegation-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voice-delegation-card.js","sources":["../../../src/chat-ui/messages/voice-delegation-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAuiState } from \"@assistant-ui/react\";\nimport { AudioLinesIcon, LoaderIcon } from \"lucide-react\";\nimport type { FC } from \"react\";\nimport { useAthenaRunLive } from \"../../chat/use-athena-run-live\";\nimport { cn } from \"../../lib/utils\";\n\nexport interface VoiceDelegationCardProps {\n  /** The live voice model's plain-language ask (never markdown). */\n  text: string;\n  /** Whether this delegation is plausibly the one running right now. */\n  live: boolean;\n  className?: string;\n}\n\n/**\n * The card for a voice delegation's anchor message: the unit of work the live\n * voice model handed to the thread. It replaces the plain user bubble on every\n * surface, so delegated work reads as delegated work instead of \"the user\n * typed this twice\" — the spoken ask itself sits just above it as a spoken\n * turn. The run it dispatched streams below as ordinary messages and tool\n * cards. Pure presenter; {@link VoiceDelegationMessage} binds it to the\n * message in scope.\n */\nexport const VoiceDelegationCard: FC<VoiceDelegationCardProps> = ({ text, live, className }) => (\n  <div\n    className={cn(\"flex justify-end px-1 pb-0.5\", className)}\n    data-testid=\"voice-delegation-card\"\n  >\n    <div className=\"max-w-[85%] rounded-xl border border-primary/20 bg-primary/5 px-3 py-2\">\n      <div className=\"mb-1 flex items-center gap-1.5\">\n        <span className=\"inline-flex size-4 items-center justify-center rounded bg-primary/15\">\n          <AudioLinesIcon className=\"size-2.5 text-primary\" aria-hidden />\n        </span>\n        <span className=\"text-[10px] font-medium uppercase tracking-wide text-primary\">\n          Voice task\n        </span>\n        {live ? (\n          <span\n            className=\"inline-flex items-center gap-1 text-[10px] text-primary/80\"\n            data-testid=\"voice-delegation-live\"\n          >\n            <LoaderIcon className=\"size-2.5 animate-spin\" aria-hidden />\n            running\n          </span>\n        ) : null}\n      </div>\n      <div className=\"whitespace-pre-wrap break-words text-sm text-foreground\">{text}</div>\n    </div>\n  </div>\n);\n\n/**\n * {@link VoiceDelegationCard} bound to the assistant-ui message in scope. The\n * live pulse shows only while this delegation is plausibly the one running:\n * the thread is running and no later user turn superseded it.\n */\nexport const VoiceDelegationMessage: FC<{ className?: string }> = ({ className }) => {\n  const text = useAuiState((s) =>\n    s.message.content\n      .map((part) => (part.type === \"text\" ? part.text : \"\"))\n      .filter(Boolean)\n      .join(\"\\n\"),\n  );\n  const isTrailingUserMessage = useAuiState((s) => {\n    const messages = s.thread.messages;\n    for (let index = messages.length - 1; index >= 0; index--) {\n      const candidate = messages[index];\n      if (candidate?.role !== \"user\") continue;\n      return candidate.id === s.message.id;\n    }\n    return false;\n  });\n  const isRunning = useAthenaRunLive();\n  return (\n    <VoiceDelegationCard text={text} live={isRunning && isTrailingUserMessage} className={className} />\n  );\n};\n"],"names":[],"mappings":";;;;;AAyBO,MAAM,sBAAoD,CAAC,EAAE,MAAM,MAAM,gBAC9E;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAG,gCAAgC,SAAS;AAAA,IACvD,eAAY;AAAA,IAEZ,UAAA,qBAAC,OAAA,EAAI,WAAU,0EACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAU,wEACd,UAAA,oBAAC,kBAAe,WAAU,yBAAwB,eAAW,KAAA,CAAC,EAAA,CAChE;AAAA,QACA,oBAAC,QAAA,EAAK,WAAU,gEAA+D,UAAA,cAE/E;AAAA,QACC,OACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YAEZ,UAAA;AAAA,cAAA,oBAAC,YAAA,EAAW,WAAU,yBAAwB,eAAW,MAAC;AAAA,cAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,IAG5D;AAAA,MAAA,GACN;AAAA,MACA,oBAAC,OAAA,EAAI,WAAU,2DAA2D,UAAA,KAAA,CAAK;AAAA,IAAA,EAAA,CACjF;AAAA,EAAA;AACF;AAQK,MAAM,yBAAqD,CAAC,EAAE,gBAAgB;AACnF,QAAM,OAAO;AAAA,IAAY,CAAC,MACxB,EAAE,QAAQ,QACP,IAAI,CAAC,SAAU,KAAK,SAAS,SAAS,KAAK,OAAO,EAAG,EACrD,OAAO,OAAO,EACd,KAAK,IAAI;AAAA,EAAA;AAEd,QAAM,wBAAwB,YAAY,CAAC,MAAM;AAC/C,UAAM,WAAW,EAAE,OAAO;AAC1B,aAAS,QAAQ,SAAS,SAAS,GAAG,SAAS,GAAG,SAAS;AACzD,YAAM,YAAY,SAAS,KAAK;AAChC,WAAI,uCAAW,UAAS,OAAQ;AAChC,aAAO,UAAU,OAAO,EAAE,QAAQ;AAAA,IACpC;AACA,WAAO;AAAA,EACT,CAAC;AACD,QAAM,YAAY,iBAAA;AAClB,6BACG,qBAAA,EAAoB,MAAY,MAAM,aAAa,uBAAuB,WAAsB;AAErG;"}

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

@@ -0,0 +1,76 @@
+"use strict";
+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 chatNodeViews = require("./chat-node-views.cjs");
+const chatTextSchema = require("./chat-text-schema.cjs");
+const domOutputSpec = require("./dom-output-spec.cjs");
+const subscribe = () => () => {
+};
+const browserSnapshot = () => true;
+const serverSnapshot = () => false;
+function ChatMessageBody({
+  text,
+  isRunning = false
+}) {
+  const hasDom = react.useSyncExternalStore(
+    subscribe,
+    browserSnapshot,
+    serverSnapshot
+  );
+  const doc = react.useMemo(
+    () => hasDom ? chatTextSchema.parseChatText(mentionChip.normalizeAthenaMentionHtml(text)) : null,
+    [hasDom, text]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: chatTextSchema.CHAT_TEXT_CLASS,
+      "data-chat-text": "",
+      "data-status": isRunning ? "running" : "complete",
+      children: doc ? renderContent(doc) : text
+    }
+  );
+}
+function renderNode(node) {
+  if (node.isText) return 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 }) });
+  }
+  const toDOM = node.type.spec.toDOM;
+  return toDOM ? domOutputSpec.renderDOMOutputSpec(toDOM(node), node.isLeaf ? null : renderContent(node)) : null;
+}
+function renderContent(parent) {
+  const nodes = [];
+  parent.forEach((node) => {
+    nodes.push(node);
+  });
+  return renderMarkRuns(nodes, 0);
+}
+function renderMarkRuns(nodes, depth) {
+  var _a, _b;
+  const children = [];
+  let index = 0;
+  while (index < nodes.length) {
+    const node = nodes[index];
+    const mark = node.marks[depth];
+    if (!mark) {
+      children.push(/* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: renderNode(node) }, index));
+      index++;
+      continue;
+    }
+    let end = index + 1;
+    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;
+    children.push(/* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: rendered }, index));
+    index = end;
+  }
+  return children;
+}
+exports.ChatMessageBody = ChatMessageBody;
+//# sourceMappingURL=chat-message-body.cjs.map

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

@@ -0,0 +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;;"}

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

@@ -0,0 +1,5 @@
+/** Render the composer's document schema through its own node/mark serializers. */
+export declare function ChatMessageBody({ text, isRunning, }: {
+    text: string;
+    isRunning?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,76 @@
+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 { renderDOMOutputSpec } from "./dom-output-spec.js";
+const subscribe = () => () => {
+};
+const browserSnapshot = () => true;
+const serverSnapshot = () => false;
+function ChatMessageBody({
+  text,
+  isRunning = false
+}) {
+  const hasDom = useSyncExternalStore(
+    subscribe,
+    browserSnapshot,
+    serverSnapshot
+  );
+  const doc = useMemo(
+    () => hasDom ? parseChatText(normalizeAthenaMentionHtml(text)) : null,
+    [hasDom, text]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: CHAT_TEXT_CLASS,
+      "data-chat-text": "",
+      "data-status": isRunning ? "running" : "complete",
+      children: doc ? renderContent(doc) : text
+    }
+  );
+}
+function renderNode(node) {
+  if (node.isText) return 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 }) });
+  }
+  const toDOM = node.type.spec.toDOM;
+  return toDOM ? renderDOMOutputSpec(toDOM(node), node.isLeaf ? null : renderContent(node)) : null;
+}
+function renderContent(parent) {
+  const nodes = [];
+  parent.forEach((node) => {
+    nodes.push(node);
+  });
+  return renderMarkRuns(nodes, 0);
+}
+function renderMarkRuns(nodes, depth) {
+  var _a, _b;
+  const children = [];
+  let index = 0;
+  while (index < nodes.length) {
+    const node = nodes[index];
+    const mark = node.marks[depth];
+    if (!mark) {
+      children.push(/* @__PURE__ */ jsx(Fragment, { children: renderNode(node) }, index));
+      index++;
+      continue;
+    }
+    let end = index + 1;
+    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));
+    index = end;
+  }
+  return children;
+}
+export {
+  ChatMessageBody
+};
+//# sourceMappingURL=chat-message-body.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@tiptap/react");
+const mentionChip = require("../mentions/mention-chip.cjs");
+const mentionExtension = require("../mentions/mention-extension.cjs");
+function ChatMention({
+  node,
+  interactive = true
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: "mention-chip",
+      "data-mention": "",
+      "data-type": node.attrs.type,
+      "data-name": node.attrs.name,
+      "data-id": node.attrs.id,
+      "data-asset-type": node.attrs.assetType,
+      "data-display-as-preview": String(node.attrs.displayAsPreview === true),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        mentionChip.MentionLink,
+        {
+          href: mentionExtension.makeMentionUrl(node.attrs),
+          interactive,
+          children: node.attrs.name
+        }
+      )
+    }
+  );
+}
+function ChatMentionNodeView({ node, editor }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.NodeViewWrapper, { as: "span", children: /* @__PURE__ */ jsxRuntime.jsx(ChatMention, { node, interactive: !editor.isEditable }) });
+}
+function ChatCodeBlock({
+  node,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "not-prose 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("pre", { className: "overflow-x-auto p-3 font-mono text-xs leading-relaxed text-foreground", children })
+  ] });
+}
+function ChatCodeBlockNodeView({ node }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.NodeViewWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(ChatCodeBlock, { node, children: /* @__PURE__ */ jsxRuntime.jsx(react.NodeViewContent, { as: "code" }) }) });
+}
+exports.ChatCodeBlock = ChatCodeBlock;
+exports.ChatCodeBlockNodeView = ChatCodeBlockNodeView;
+exports.ChatMention = ChatMention;
+exports.ChatMentionNodeView = ChatMentionNodeView;
+//# sourceMappingURL=chat-node-views.cjs.map

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

@@ -0,0 +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 type { ReactNode } from \"react\";\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\nexport function ChatCodeBlock({\n  node,\n  children,\n}: {\n  node: ProseMirrorNode;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"not-prose 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      <pre className=\"overflow-x-auto p-3 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","jsxs","NodeViewContent"],"mappings":";;;;;;AAaO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,cAAc;AAChB,GAGG;AACD,SACEA,2BAAAA;AAAAA,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,UAAAA,2BAAAA;AAAAA,QAACC,YAAAA;AAAAA,QAAA;AAAA,UACC,MAAMC,iBAAAA,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,SACEF,2BAAAA,IAACG,MAAAA,iBAAA,EAAgB,IAAG,QAClB,UAAAH,2BAAAA,IAAC,aAAA,EAAY,MAAY,aAAa,CAAC,OAAO,WAAA,CAAY,EAAA,CAC5D;AAEJ;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;AACD,SACEI,2BAAAA,KAAC,OAAA,EAAI,WAAU,8EACZ,UAAA;AAAA,IAAA,KAAK,MAAM,YACVJ,2BAAAA,IAAC,OAAA,EAAI,WAAU,8FACZ,UAAA,KAAK,MAAM,SAAA,CACd;AAAA,IAEFA,2BAAAA,IAAC,OAAA,EAAI,WAAU,yEACZ,SAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEO,SAAS,sBAAsB,EAAE,QAAuB;AAC7D,SACEA,2BAAAA,IAACG,MAAAA,iBAAA,EACC,UAAAH,2BAAAA,IAAC,eAAA,EAAc,MACb,yCAACK,MAAAA,iBAAA,EAAgB,IAAG,OAAA,CAAO,EAAA,CAC7B,GACF;AAEJ;;;;;"}

package/dist/chat-ui/rich-text/chat-node-views.d.ts

@@ -0,0 +1,13 @@
+import type { Node as ProseMirrorNode } from "@tiptap/pm/model";
+import { type NodeViewProps } from "@tiptap/react";
+import type { ReactNode } from "react";
+export declare function ChatMention({ node, interactive, }: {
+    node: ProseMirrorNode;
+    interactive?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ChatMentionNodeView({ node, editor }: NodeViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatCodeBlock({ node, children, }: {
+    node: ProseMirrorNode;
+    children: 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

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
+import { MentionLink } from "../mentions/mention-chip.js";
+import { makeMentionUrl } from "../mentions/mention-extension.js";
+function ChatMention({
+  node,
+  interactive = true
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "mention-chip",
+      "data-mention": "",
+      "data-type": node.attrs.type,
+      "data-name": node.attrs.name,
+      "data-id": node.attrs.id,
+      "data-asset-type": node.attrs.assetType,
+      "data-display-as-preview": String(node.attrs.displayAsPreview === true),
+      children: /* @__PURE__ */ jsx(
+        MentionLink,
+        {
+          href: makeMentionUrl(node.attrs),
+          interactive,
+          children: node.attrs.name
+        }
+      )
+    }
+  );
+}
+function ChatMentionNodeView({ node, editor }) {
+  return /* @__PURE__ */ jsx(NodeViewWrapper, { as: "span", children: /* @__PURE__ */ jsx(ChatMention, { node, interactive: !editor.isEditable }) });
+}
+function ChatCodeBlock({
+  node,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "not-prose 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("pre", { className: "overflow-x-auto p-3 font-mono text-xs leading-relaxed text-foreground", children })
+  ] });
+}
+function ChatCodeBlockNodeView({ node }) {
+  return /* @__PURE__ */ jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsx(ChatCodeBlock, { node, children: /* @__PURE__ */ jsx(NodeViewContent, { as: "code" }) }) });
+}
+export {
+  ChatCodeBlock,
+  ChatCodeBlockNodeView,
+  ChatMention,
+  ChatMentionNodeView
+};
+//# sourceMappingURL=chat-node-views.js.map

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

@@ -0,0 +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 type { ReactNode } from \"react\";\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\nexport function ChatCodeBlock({\n  node,\n  children,\n}: {\n  node: ProseMirrorNode;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"not-prose 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      <pre className=\"overflow-x-auto p-3 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":";;;;AAaO,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;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,8EACZ,UAAA;AAAA,IAAA,KAAK,MAAM,YACV,oBAAC,OAAA,EAAI,WAAU,8FACZ,UAAA,KAAK,MAAM,SAAA,CACd;AAAA,IAEF,oBAAC,OAAA,EAAI,WAAU,yEACZ,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;"}

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

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const core = require("@tiptap/core");
+const model = require("@tiptap/pm/model");
+const StarterKit = require("@tiptap/starter-kit");
+const CodeBlock = require("@tiptap/extension-code-block");
+const react = require("@tiptap/react");
+const Link = require("@tiptap/extension-link");
+const Image = require("@tiptap/extension-image");
+const Table = require("@tiptap/extension-table");
+const TableRow = require("@tiptap/extension-table-row");
+const TableCell = require("@tiptap/extension-table-cell");
+const TableHeader = require("@tiptap/extension-table-header");
+const TaskList = require("@tiptap/extension-task-list");
+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 ChatMentionExtension = mentionExtension.MentionExtension.extend({
+  addNodeView: () => react.ReactNodeViewRenderer(chatNodeViews.ChatMentionNodeView, { as: "span" })
+});
+const ChatCodeBlockExtension = CodeBlock.extend({
+  addNodeView: () => react.ReactNodeViewRenderer(chatNodeViews.ChatCodeBlockNodeView)
+});
+function createChatTextExtensions() {
+  return [
+    StarterKit.configure({ codeBlock: false }),
+    ChatCodeBlockExtension,
+    Link.configure({
+      openOnClick: false,
+      autolink: true,
+      linkOnPaste: true,
+      protocols: ["athena-point"]
+    }),
+    Image.configure({ inline: true }),
+    Table.configure({ resizable: false }),
+    TableRow,
+    TableCell,
+    TableHeader,
+    TaskList,
+    TaskItem.configure({ nested: true }),
+    tiptapMarkdown.Markdown.configure({
+      html: true,
+      tightLists: true,
+      tightListClass: "tight",
+      bulletListMarker: "-",
+      linkify: true,
+      breaks: true,
+      transformPastedText: true,
+      transformCopiedText: false
+    }),
+    ChatMentionExtension
+  ];
+}
+let parserEditor;
+function parseChatText(markdown) {
+  parserEditor ?? (parserEditor = new core.Editor({
+    extensions: createChatTextExtensions(),
+    content: "",
+    editable: false
+  }));
+  const html = parserEditor.storage.markdown.parser.parse(markdown);
+  const body = new window.DOMParser().parseFromString(html, "text/html").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";
+exports.CHAT_TEXT_CLASS = CHAT_TEXT_CLASS;
+exports.createChatTextExtensions = createChatTextExtensions;
+exports.parseChatText = parseChatText;
+//# sourceMappingURL=chat-text-schema.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-text-schema.cjs","sources":["../../../src/chat-ui/rich-text/chat-text-schema.tsx"],"sourcesContent":["import { Editor, type Extensions } from \"@tiptap/core\";\nimport { DOMParser as ProseMirrorDOMParser } from \"@tiptap/pm/model\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport CodeBlock from \"@tiptap/extension-code-block\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport Link from \"@tiptap/extension-link\";\nimport Image from \"@tiptap/extension-image\";\nimport Table from \"@tiptap/extension-table\";\nimport TableRow from \"@tiptap/extension-table-row\";\nimport TableCell from \"@tiptap/extension-table-cell\";\nimport TableHeader from \"@tiptap/extension-table-header\";\nimport TaskList from \"@tiptap/extension-task-list\";\nimport TaskItem from \"@tiptap/extension-task-item\";\nimport { Markdown } from \"tiptap-markdown\";\nimport { MentionExtension } from \"../mentions/mention-extension\";\nimport { ChatCodeBlockNodeView, ChatMentionNodeView } from \"./chat-node-views\";\n\nconst ChatMentionExtension = MentionExtension.extend({\n  addNodeView: () => ReactNodeViewRenderer(ChatMentionNodeView, { as: \"span\" }),\n});\nconst ChatCodeBlockExtension = CodeBlock.extend({\n  addNodeView: () => ReactNodeViewRenderer(ChatCodeBlockNodeView),\n});\n\n/** Both the editable draft and the static message body use this schema and parser. */\nexport function createChatTextExtensions(): Extensions {\n  return [\n    StarterKit.configure({ codeBlock: false }),\n    ChatCodeBlockExtension,\n    Link.configure({\n      openOnClick: false,\n      autolink: true,\n      linkOnPaste: true,\n      protocols: [\"athena-point\"],\n    }),\n    Image.configure({ inline: true }),\n    Table.configure({ resizable: false }),\n    TableRow,\n    TableCell,\n    TableHeader,\n    TaskList,\n    TaskItem.configure({ nested: true }),\n    Markdown.configure({\n      html: true,\n      tightLists: true,\n      tightListClass: \"tight\",\n      bulletListMarker: \"-\",\n      linkify: true,\n      breaks: true,\n      transformPastedText: true,\n      transformCopiedText: false,\n    }),\n    ChatMentionExtension,\n  ];\n}\n\nlet parserEditor: Editor | undefined;\n\n/** A single detached parser per browser tab, never an editor per message. */\nexport function parseChatText(markdown: string) {\n  parserEditor ??= new Editor({\n    extensions: createChatTextExtensions(),\n    content: \"\",\n    editable: false,\n  });\n  const html: string = parserEditor.storage.markdown.parser.parse(markdown);\n  const body = new window.DOMParser().parseFromString(html, \"text/html\").body;\n  return ProseMirrorDOMParser.fromSchema(parserEditor.schema).parse(body);\n}\n\n/** Typography is shared; the composer supplies only its padding and scroll boundary. */\nexport const CHAT_TEXT_CLASS =\n  \"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\";\n"],"names":["MentionExtension","ReactNodeViewRenderer","ChatMentionNodeView","ChatCodeBlockNodeView","Markdown","Editor","ProseMirrorDOMParser"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,MAAM,uBAAuBA,iBAAAA,iBAAiB,OAAO;AAAA,EACnD,aAAa,MAAMC,MAAAA,sBAAsBC,cAAAA,qBAAqB,EAAE,IAAI,QAAQ;AAC9E,CAAC;AACD,MAAM,yBAAyB,UAAU,OAAO;AAAA,EAC9C,aAAa,MAAMD,MAAAA,sBAAsBE,cAAAA,qBAAqB;AAChE,CAAC;AAGM,SAAS,2BAAuC;AACrD,SAAO;AAAA,IACL,WAAW,UAAU,EAAE,WAAW,OAAO;AAAA,IACzC;AAAA,IACA,KAAK,UAAU;AAAA,MACb,aAAa;AAAA,MACb,UAAU;AAAA,MACV,aAAa;AAAA,MACb,WAAW,CAAC,cAAc;AAAA,IAAA,CAC3B;AAAA,IACD,MAAM,UAAU,EAAE,QAAQ,MAAM;AAAA,IAChC,MAAM,UAAU,EAAE,WAAW,OAAO;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,UAAU,EAAE,QAAQ,MAAM;AAAA,IACnCC,eAAAA,SAAS,UAAU;AAAA,MACjB,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,qBAAqB;AAAA,MACrB,qBAAqB;AAAA,IAAA,CACtB;AAAA,IACD;AAAA,EAAA;AAEJ;AAEA,IAAI;AAGG,SAAS,cAAc,UAAkB;AAC9C,kCAAiB,IAAIC,KAAAA,OAAO;AAAA,IAC1B,YAAY,yBAAA;AAAA,IACZ,SAAS;AAAA,IACT,UAAU;AAAA,EAAA,CACX;AACD,QAAM,OAAe,aAAa,QAAQ,SAAS,OAAO,MAAM,QAAQ;AACxE,QAAM,OAAO,IAAI,OAAO,UAAA,EAAY,gBAAgB,MAAM,WAAW,EAAE;AACvE,SAAOC,MAAAA,UAAqB,WAAW,aAAa,MAAM,EAAE,MAAM,IAAI;AACxE;AAGO,MAAM,kBACX;;;;"}

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

@@ -0,0 +1,7 @@
+import { type Extensions } from "@tiptap/core";
+/** Both the editable draft and the static message body use this schema and parser. */
+export declare function createChatTextExtensions(): Extensions;
+/** A single detached parser per browser tab, never an editor per message. */
+export declare function parseChatText(markdown: string): import("prosemirror-model").Node;
+/** Typography is shared; the composer supplies only its padding and scroll boundary. */
+export declare 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";