@athenaintel/react 0.20.0 → 0.21.0

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";

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

@@ -0,0 +1,70 @@
+import { Editor } from "@tiptap/core";
+import { DOMParser } from "@tiptap/pm/model";
+import StarterKit from "@tiptap/starter-kit";
+import CodeBlock from "@tiptap/extension-code-block";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+import Link from "@tiptap/extension-link";
+import Image from "@tiptap/extension-image";
+import Table from "@tiptap/extension-table";
+import TableRow from "@tiptap/extension-table-row";
+import TableCell from "@tiptap/extension-table-cell";
+import TableHeader from "@tiptap/extension-table-header";
+import TaskList from "@tiptap/extension-task-list";
+import TaskItem from "@tiptap/extension-task-item";
+import { Markdown } from "tiptap-markdown";
+import { MentionExtension } from "../mentions/mention-extension.js";
+import { ChatCodeBlockNodeView, ChatMentionNodeView } from "./chat-node-views.js";
+const ChatMentionExtension = MentionExtension.extend({
+  addNodeView: () => ReactNodeViewRenderer(ChatMentionNodeView, { as: "span" })
+});
+const ChatCodeBlockExtension = CodeBlock.extend({
+  addNodeView: () => ReactNodeViewRenderer(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 }),
+    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 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 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";
+export {
+  CHAT_TEXT_CLASS,
+  createChatTextExtensions,
+  parseChatText
+};
+//# sourceMappingURL=chat-text-schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-text-schema.js","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":["ProseMirrorDOMParser"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAM,uBAAuB,iBAAiB,OAAO;AAAA,EACnD,aAAa,MAAM,sBAAsB,qBAAqB,EAAE,IAAI,QAAQ;AAC9E,CAAC;AACD,MAAM,yBAAyB,UAAU,OAAO;AAAA,EAC9C,aAAa,MAAM,sBAAsB,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,IACnC,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,IAAI,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,SAAOA,UAAqB,WAAW,aAAa,MAAM,EAAE,MAAM,IAAI;AACxE;AAGO,MAAM,kBACX;"}

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

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const ATTRIBUTE_PROPS = {
+  class: "className",
+  for: "htmlFor",
+  tabindex: "tabIndex",
+  contenteditable: "contentEditable",
+  spellcheck: "spellCheck",
+  colspan: "colSpan",
+  rowspan: "rowSpan",
+  readonly: "readOnly",
+  maxlength: "maxLength",
+  autocomplete: "autoComplete",
+  crossorigin: "crossOrigin",
+  srcset: "srcSet",
+  datetime: "dateTime"
+};
+function styleTextToObject(style) {
+  const result = {};
+  for (const declaration of style.split(";")) {
+    const separator = declaration.indexOf(":");
+    if (separator === -1) continue;
+    const property = declaration.slice(0, separator).trim();
+    const value = declaration.slice(separator + 1).trim();
+    if (property === "" || value === "") continue;
+    const key = property.startsWith("--") ? property : property.replace(
+      /-([a-z])/g,
+      (_match, letter) => letter.toUpperCase()
+    );
+    result[key] = value;
+  }
+  return result;
+}
+function attributesToProps(attrs) {
+  const props = {};
+  for (const [name, value] of Object.entries(attrs)) {
+    if (value === null || value === void 0) continue;
+    if (name === "style" && typeof value === "string") {
+      props.style = styleTextToObject(value);
+      continue;
+    }
+    if (name === "checked") {
+      props.defaultChecked = value !== false;
+      continue;
+    }
+    props[ATTRIBUTE_PROPS[name] ?? name] = value;
+  }
+  return props;
+}
+function isAttributeObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) && !(typeof Node !== "undefined" && value instanceof Node);
+}
+function renderDOMOutputSpec(spec, content, key) {
+  if (typeof spec === "string") return spec;
+  if (!Array.isArray(spec)) {
+    throw new Error(
+      "static message body: DOMOutputSpec must use the array form"
+    );
+  }
+  const [tag, ...rest] = spec;
+  if (typeof tag !== "string") {
+    throw new Error("static message body: DOMOutputSpec tag must be a string");
+  }
+  const tagName = tag.includes(" ") ? tag.slice(tag.lastIndexOf(" ") + 1) : tag;
+  let attrs = {};
+  let children = rest;
+  if (rest.length > 0 && isAttributeObject(rest[0])) {
+    attrs = rest[0];
+    children = rest.slice(1);
+  }
+  const rendered = children.map(
+    (child, index) => child === 0 ? content : renderDOMOutputSpec(child, content, index)
+  );
+  const props = attributesToProps(attrs);
+  if (tagName === "input") props.disabled = true;
+  if (key !== void 0) props.key = key;
+  return react.createElement(tagName, props, ...rendered);
+}
+exports.attributesToProps = attributesToProps;
+exports.renderDOMOutputSpec = renderDOMOutputSpec;
+exports.styleTextToObject = styleTextToObject;
+//# sourceMappingURL=dom-output-spec.cjs.map

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

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

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

@@ -0,0 +1,11 @@
+import type { DOMOutputSpec } from "@tiptap/pm/model";
+import { type CSSProperties, type ReactNode } from "react";
+/** `text-align: center; --x: 1` → `{ textAlign: 'center', '--x': '1' }`. */
+export declare function styleTextToObject(style: string): CSSProperties;
+/** A spec's attribute object as React props. `null`/`undefined` values are dropped, like the serializer drops them. */
+export declare function attributesToProps(attrs: Record<string, unknown>): Record<string, unknown>;
+/**
+ * Render a spec, placing `content` at its hole (`0`). Throws for a spec the
+ * array grammar cannot express (a DOM node, a `{ dom, contentDOM }` pair).
+ */
+export declare function renderDOMOutputSpec(spec: DOMOutputSpec, content: ReactNode, key?: string | number): ReactNode;

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

@@ -0,0 +1,83 @@
+import { createElement } from "react";
+const ATTRIBUTE_PROPS = {
+  class: "className",
+  for: "htmlFor",
+  tabindex: "tabIndex",
+  contenteditable: "contentEditable",
+  spellcheck: "spellCheck",
+  colspan: "colSpan",
+  rowspan: "rowSpan",
+  readonly: "readOnly",
+  maxlength: "maxLength",
+  autocomplete: "autoComplete",
+  crossorigin: "crossOrigin",
+  srcset: "srcSet",
+  datetime: "dateTime"
+};
+function styleTextToObject(style) {
+  const result = {};
+  for (const declaration of style.split(";")) {
+    const separator = declaration.indexOf(":");
+    if (separator === -1) continue;
+    const property = declaration.slice(0, separator).trim();
+    const value = declaration.slice(separator + 1).trim();
+    if (property === "" || value === "") continue;
+    const key = property.startsWith("--") ? property : property.replace(
+      /-([a-z])/g,
+      (_match, letter) => letter.toUpperCase()
+    );
+    result[key] = value;
+  }
+  return result;
+}
+function attributesToProps(attrs) {
+  const props = {};
+  for (const [name, value] of Object.entries(attrs)) {
+    if (value === null || value === void 0) continue;
+    if (name === "style" && typeof value === "string") {
+      props.style = styleTextToObject(value);
+      continue;
+    }
+    if (name === "checked") {
+      props.defaultChecked = value !== false;
+      continue;
+    }
+    props[ATTRIBUTE_PROPS[name] ?? name] = value;
+  }
+  return props;
+}
+function isAttributeObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) && !(typeof Node !== "undefined" && value instanceof Node);
+}
+function renderDOMOutputSpec(spec, content, key) {
+  if (typeof spec === "string") return spec;
+  if (!Array.isArray(spec)) {
+    throw new Error(
+      "static message body: DOMOutputSpec must use the array form"
+    );
+  }
+  const [tag, ...rest] = spec;
+  if (typeof tag !== "string") {
+    throw new Error("static message body: DOMOutputSpec tag must be a string");
+  }
+  const tagName = tag.includes(" ") ? tag.slice(tag.lastIndexOf(" ") + 1) : tag;
+  let attrs = {};
+  let children = rest;
+  if (rest.length > 0 && isAttributeObject(rest[0])) {
+    attrs = rest[0];
+    children = rest.slice(1);
+  }
+  const rendered = children.map(
+    (child, index) => child === 0 ? content : renderDOMOutputSpec(child, content, index)
+  );
+  const props = attributesToProps(attrs);
+  if (tagName === "input") props.disabled = true;
+  if (key !== void 0) props.key = key;
+  return createElement(tagName, props, ...rendered);
+}
+export {
+  attributesToProps,
+  renderDOMOutputSpec,
+  styleTextToObject
+};
+//# sourceMappingURL=dom-output-spec.js.map

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

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

package/dist/chat-ui/statewire.cjs

@@ -19,10 +19,11 @@ require("../packages/agent-runtime/src/messages.cjs");
 require("../packages/agent-runtime/src/statewire-state.cjs");
 require("@assistant-ui/react-statewire");
 require("@assistant-ui/store");
-require("@assistant-ui/react-statewire/local-storage");
+require("../packages/agent-runtime/src/quota-safe-local-storage-session.cjs");
 require("../packages/agent-runtime/src/statewire-attach-observer.cjs");
 require("../packages/agent-runtime/src/thread-status.cjs");
 require("@assistant-ui/core");
+require("../packages/agent-runtime/src/thread-handoff.cjs");
 exports.StatewireApprovalCard = StatewireApprovalCard.StatewireApprovalCard;
 exports.useStatewireApprovalRequest = useStatewireApprovalRequest.useStatewireApprovalRequest;
 exports.StatewireQueuedMessages = StatewireQueuedMessages.StatewireQueuedMessages;

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

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

package/dist/chat-ui/statewire.js

@@ -17,10 +17,11 @@ import "../packages/agent-runtime/src/messages.js";
 import "../packages/agent-runtime/src/statewire-state.js";
 import "@assistant-ui/react-statewire";
 import "@assistant-ui/store";
-import "@assistant-ui/react-statewire/local-storage";
+import "../packages/agent-runtime/src/quota-safe-local-storage-session.js";
 import "../packages/agent-runtime/src/statewire-attach-observer.js";
 import "../packages/agent-runtime/src/thread-status.js";
 import "@assistant-ui/core";
+import "../packages/agent-runtime/src/thread-handoff.js";
 export {
   ContinuePill,
   HITL_PENDING_RESUME_GRACE_MS,

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

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

package/dist/chat-ui/thread/statewire-history-edge.cjs

@@ -13,11 +13,12 @@ require("../../packages/agent-runtime/src/statewire-state.cjs");
 require("../../packages/agent-runtime/src/messages.cjs");
 const useDeepAgentWindowSync = require("../../packages/agent-runtime/src/use-deep-agent-window-sync.cjs");
 require("@assistant-ui/store");
-require("@assistant-ui/react-statewire/local-storage");
+require("../../packages/agent-runtime/src/quota-safe-local-storage-session.cjs");
 require("../../packages/agent-runtime/src/statewire-attach-observer.cjs");
 require("../../packages/agent-runtime/src/thread-status.cjs");
 require("@assistant-ui/react-statewire");
 require("@assistant-ui/core");
+require("../../packages/agent-runtime/src/thread-handoff.cjs");
 const statewireWindowContext = require("../../provider/statewire-window-context.cjs");
 const cnfast = require("cnfast");
 const THREAD_VIEWPORT_ATTR = "data-aui-thread-viewport";

package/dist/chat-ui/thread/statewire-history-edge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"statewire-history-edge.cjs","sources":["../../../src/chat-ui/thread/statewire-history-edge.tsx"],"sourcesContent":["import { useAuiState } from \"@assistant-ui/react\";\nimport {\n  type DeepAgentHistoryLoadEvent,\n  type DeepAgentToolOutputStore,\n  isStatewireChannelTeardown,\n  useDeepAgentWindowSync,\n} from \"@athenaintel/agent-runtime\";\nimport type { FC } from \"react\";\nimport { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { useStatewireToolOutputs } from \"../../provider/statewire-window-context\";\n\n/** The attribute `ChatThreadShell` stamps on the scroll viewport. */\nexport const THREAD_VIEWPORT_ATTR = \"data-aui-thread-viewport\";\n\n/**\n * How far above the viewport the edge row counts as near: the row sits above\n * the first loaded message, so reaching it means the user has scrolled past\n * everything loaded and the next page should already be on its way.\n */\nexport const HISTORY_EDGE_NEAR_MARGIN_PX = 1500;\n\nexport interface HistoryEdgeRowProps {\n  /** Messages older than the loaded window the server still holds. */\n  olderCount: number;\n  /** A page of older history is in flight. */\n  loading: boolean;\n  onLoadOlder: () => void;\n  className?: string;\n  /** The row element, for the viewport observer. */\n  rowRef?: (element: HTMLElement | null) => void;\n}\n\n/**\n * The top edge of the LOADED history on a windowed wire: how many older\n * messages the server still holds, a manual way to load the next page, and\n * the in-flight state. Renders nothing when the whole transcript is loaded\n * (or the wire is not windowed).\n */\nexport const HistoryEdgeRow: FC<HistoryEdgeRowProps> = ({\n  olderCount,\n  loading,\n  onLoadOlder,\n  className,\n  rowRef,\n}) => {\n  if (olderCount <= 0) return null;\n  return (\n    <div\n      ref={rowRef}\n      data-testid=\"thread-history-edge\"\n      className={cn(\n        \"flex w-full max-w-(--thread-max-width) items-center justify-center py-1 text-xs text-muted-foreground\",\n        className,\n      )}\n    >\n      {loading ? (\n        <span data-testid=\"thread-history-edge-loading\">Loading earlier messages…</span>\n      ) : (\n        <button\n          type=\"button\"\n          data-testid=\"thread-history-edge-load\"\n          onClick={onLoadOlder}\n          className=\"rounded-lg px-2.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\"\n        >\n          {olderCount.toLocaleString()} earlier {olderCount === 1 ? \"message\" : \"messages\"}\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport interface StatewireHistoryEdgeProps {\n  /**\n   * The thread's tool-output store (the one its converter substitutes from).\n   * Defaults to `AthenaProvider`'s; hosts mounting the runtime themselves pass\n   * the store they gave `useDeepAgentRuntime({ toolOutputs })`.\n   */\n  toolOutputs?: DeepAgentToolOutputStore;\n  className?: string;\n  /** A `history/load` settled (telemetry). */\n  onHistoryLoad?: (event: DeepAgentHistoryLoadEvent) => void;\n}\n\n/**\n * The client half of the windowed wire for a DOM thread — mounted once per\n * thread, inside the scroll viewport above the messages (`ChatThreadShell`'s\n * `beforeMessages` slot):\n *\n * - renders the \"N earlier messages\" edge row and loads the next page when\n *   the row comes near the viewport (scrolling up) or on its button, keeping\n *   the reading position when the page lands above the view;\n * - fetches cut tool outputs whole for the rendered cards, so they re-render\n *   complete through the converter (`toolOutputs`).\n *\n * Inert on a wire that is not windowed: no row, no reads.\n */\nexport const StatewireHistoryEdge: FC<StatewireHistoryEdgeProps> = ({\n  toolOutputs: toolOutputsProp,\n  className,\n  onHistoryLoad,\n}) => {\n  const providerToolOutputs = useStatewireToolOutputs();\n  const toolOutputs = toolOutputsProp ?? providerToolOutputs ?? undefined;\n  const messages = useAuiState((s) => s.thread.messages);\n  const [nearTop, setNearTop] = useState(false);\n  const [nearTopEpoch, setNearTopEpoch] = useState(0);\n  const nearTopRef = useRef(false);\n  const [rowEl, setRowEl] = useState<HTMLElement | null>(null);\n  const { olderCount, loading, loadOlder } = useDeepAgentWindowSync({\n    messages,\n    toolOutputs,\n    nearTop,\n    nearTopEpoch,\n    onHistoryLoad,\n    onError: (error, command) => {\n      // Leaving the thread settles an in-flight read as lost: lifecycle, not a failure.\n      if (error instanceof Error && isStatewireChannelTeardown(error)) return;\n      console.warn(`[StatewireHistoryEdge] ${command} failed:`, error);\n    },\n  });\n\n  // The row's own visibility is the near-top level: a level, not an edge, so\n  // pages chain while the user stays at the top and stop once the prepended\n  // content has pushed the row away again.\n  useEffect(() => {\n    if (!rowEl || olderCount <= 0 || typeof IntersectionObserver === \"undefined\") return;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          const near = entry.isIntersecting;\n          if (nearTopRef.current === near) continue;\n          nearTopRef.current = near;\n          setNearTop(near);\n          if (near) setNearTopEpoch((epoch) => epoch + 1);\n        }\n      },\n      {\n        root: rowEl.closest<HTMLElement>(`[${THREAD_VIEWPORT_ATTR}]`),\n        rootMargin: `${HISTORY_EDGE_NEAR_MARGIN_PX}px 0px`,\n      },\n    );\n    observer.observe(rowEl);\n    return () => {\n      observer.disconnect();\n      nearTopRef.current = false;\n      setNearTop(false);\n    };\n  }, [rowEl, olderCount]);\n\n  // A prepend (older history landing) keeps the reading position: the\n  // viewport scrolls by the height the page added above the view, so the\n  // message the user was on stays put. The pre-prepend height is measured\n  // only while a page is in flight (a layout read per render would force a\n  // reflow on every streamed token otherwise).\n  const shapeRef = useRef<{ firstId: string | undefined; length: number; scrollHeight: number } | null>(\n    null,\n  );\n  const firstId = messages[0]?.id;\n  const length = messages.length;\n  useLayoutEffect(() => {\n    const viewport = rowEl?.closest<HTMLElement>(`[${THREAD_VIEWPORT_ATTR}]`) ?? null;\n    const prev = shapeRef.current;\n    const prepended =\n      viewport !== null &&\n      prev !== null &&\n      prev.firstId !== undefined &&\n      firstId !== prev.firstId &&\n      length > prev.length;\n    if (prepended) viewport.scrollTop += viewport.scrollHeight - prev.scrollHeight;\n    shapeRef.current =\n      loading || prepended || prev === null\n        ? { firstId, length, scrollHeight: viewport?.scrollHeight ?? 0 }\n        : { firstId, length, scrollHeight: prev.scrollHeight };\n  });\n\n  return (\n    <HistoryEdgeRow\n      rowRef={setRowEl}\n      olderCount={olderCount}\n      loading={loading}\n      onLoadOlder={loadOlder}\n      className={className}\n    />\n  );\n};\n"],"names":["jsx","cn","jsxs","useStatewireToolOutputs","useAuiState","useState","useRef","useDeepAgentWindowSync","isStatewireChannelTeardown","useEffect","useLayoutEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,uBAAuB;AAO7B,MAAM,8BAA8B;AAmBpC,MAAM,iBAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,MAAI,cAAc,EAAG,QAAO;AAC5B,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAWC,OAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGD,oBACCD,2BAAAA,IAAC,QAAA,EAAK,eAAY,+BAA8B,uCAAyB,IAEzEE,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAU;AAAA,UAET,UAAA;AAAA,YAAA,WAAW,eAAA;AAAA,YAAiB;AAAA,YAAU,eAAe,IAAI,YAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACxE;AAAA,EAAA;AAIR;AA2BO,MAAM,uBAAsD,CAAC;AAAA,EAClE,aAAa;AAAA,EACb;AAAA,EACA;AACF,MAAM;;AACJ,QAAM,sBAAsBC,uBAAAA,wBAAA;AAC5B,QAAM,cAAc,mBAAmB,uBAAuB;AAC9D,QAAM,WAAWC,MAAAA,YAAY,CAAC,MAAM,EAAE,OAAO,QAAQ;AACrD,QAAM,CAAC,SAAS,UAAU,IAAIC,QAAAA,SAAS,KAAK;AAC5C,QAAM,CAAC,cAAc,eAAe,IAAIA,QAAAA,SAAS,CAAC;AAClD,QAAM,aAAaC,QAAAA,OAAO,KAAK;AAC/B,QAAM,CAAC,OAAO,QAAQ,IAAID,QAAAA,SAA6B,IAAI;AAC3D,QAAM,EAAE,YAAY,SAAS,UAAA,IAAcE,uBAAAA,uBAAuB;AAAA,IAChE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,CAAC,OAAO,YAAY;AAE3B,UAAI,iBAAiB,SAASC,OAAAA,2BAA2B,KAAK,EAAG;AACjE,cAAQ,KAAK,0BAA0B,OAAO,YAAY,KAAK;AAAA,IACjE;AAAA,EAAA,CACD;AAKDC,UAAAA,UAAU,MAAM;AACd,QAAI,CAAC,SAAS,cAAc,KAAK,OAAO,yBAAyB,YAAa;AAC9E,UAAM,WAAW,IAAI;AAAA,MACnB,CAAC,YAAY;AACX,mBAAW,SAAS,SAAS;AAC3B,gBAAM,OAAO,MAAM;AACnB,cAAI,WAAW,YAAY,KAAM;AACjC,qBAAW,UAAU;AACrB,qBAAW,IAAI;AACf,cAAI,KAAM,iBAAgB,CAAC,UAAU,QAAQ,CAAC;AAAA,QAChD;AAAA,MACF;AAAA,MACA;AAAA,QACE,MAAM,MAAM,QAAqB,IAAI,oBAAoB,GAAG;AAAA,QAC5D,YAAY,GAAG,2BAA2B;AAAA,MAAA;AAAA,IAC5C;AAEF,aAAS,QAAQ,KAAK;AACtB,WAAO,MAAM;AACX,eAAS,WAAA;AACT,iBAAW,UAAU;AACrB,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,OAAO,UAAU,CAAC;AAOtB,QAAM,WAAWH,QAAAA;AAAAA,IACf;AAAA,EAAA;AAEF,QAAM,WAAU,cAAS,CAAC,MAAV,mBAAa;AAC7B,QAAM,SAAS,SAAS;AACxBI,UAAAA,gBAAgB,MAAM;AACpB,UAAM,YAAW,+BAAO,QAAqB,IAAI,oBAAoB,SAAQ;AAC7E,UAAM,OAAO,SAAS;AACtB,UAAM,YACJ,aAAa,QACb,SAAS,QACT,KAAK,YAAY,UACjB,YAAY,KAAK,WACjB,SAAS,KAAK;AAChB,QAAI,UAAW,UAAS,aAAa,SAAS,eAAe,KAAK;AAClE,aAAS,UACP,WAAW,aAAa,SAAS,OAC7B,EAAE,SAAS,QAAQ,eAAc,qCAAU,iBAAgB,MAC3D,EAAE,SAAS,QAAQ,cAAc,KAAK,aAAA;AAAA,EAC9C,CAAC;AAED,SACEV,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,IAAA;AAAA,EAAA;AAGN;;;;;"}
+{"version":3,"file":"statewire-history-edge.cjs","sources":["../../../src/chat-ui/thread/statewire-history-edge.tsx"],"sourcesContent":["import { useAuiState } from \"@assistant-ui/react\";\nimport {\n  type DeepAgentHistoryLoadEvent,\n  type DeepAgentToolOutputStore,\n  isStatewireChannelTeardown,\n  useDeepAgentWindowSync,\n} from \"@athenaintel/agent-runtime\";\nimport type { FC } from \"react\";\nimport { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { useStatewireToolOutputs } from \"../../provider/statewire-window-context\";\n\n/** The attribute `ChatThreadShell` stamps on the scroll viewport. */\nexport const THREAD_VIEWPORT_ATTR = \"data-aui-thread-viewport\";\n\n/**\n * How far above the viewport the edge row counts as near: the row sits above\n * the first loaded message, so reaching it means the user has scrolled past\n * everything loaded and the next page should already be on its way.\n */\nexport const HISTORY_EDGE_NEAR_MARGIN_PX = 1500;\n\nexport interface HistoryEdgeRowProps {\n  /** Messages older than the loaded window the server still holds. */\n  olderCount: number;\n  /** A page of older history is in flight. */\n  loading: boolean;\n  onLoadOlder: () => void;\n  className?: string;\n  /** The row element, for the viewport observer. */\n  rowRef?: (element: HTMLElement | null) => void;\n}\n\n/**\n * The top edge of the LOADED history on a windowed wire: how many older\n * messages the server still holds, a manual way to load the next page, and\n * the in-flight state. Renders nothing when the whole transcript is loaded\n * (or the wire is not windowed).\n */\nexport const HistoryEdgeRow: FC<HistoryEdgeRowProps> = ({\n  olderCount,\n  loading,\n  onLoadOlder,\n  className,\n  rowRef,\n}) => {\n  if (olderCount <= 0) return null;\n  return (\n    <div\n      ref={rowRef}\n      data-testid=\"thread-history-edge\"\n      className={cn(\n        \"flex w-full max-w-(--thread-max-width) items-center justify-center py-1 text-xs text-muted-foreground\",\n        className,\n      )}\n    >\n      {loading ? (\n        <span data-testid=\"thread-history-edge-loading\">Loading earlier messages…</span>\n      ) : (\n        <button\n          type=\"button\"\n          data-testid=\"thread-history-edge-load\"\n          onClick={onLoadOlder}\n          className=\"rounded-lg px-2.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\"\n        >\n          {olderCount.toLocaleString()} earlier {olderCount === 1 ? \"message\" : \"messages\"}\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport interface StatewireHistoryEdgeProps {\n  /**\n   * The thread's tool-output store (the one its converter substitutes from).\n   * Defaults to `AthenaProvider`'s; hosts mounting the runtime themselves pass\n   * the store they gave `useDeepAgentRuntime({ toolOutputs })`.\n   */\n  toolOutputs?: DeepAgentToolOutputStore;\n  className?: string;\n  /** A `history/load` settled (telemetry). */\n  onHistoryLoad?: (event: DeepAgentHistoryLoadEvent) => void;\n}\n\n/**\n * The client half of the windowed wire for a DOM thread — mounted once per\n * thread, inside the scroll viewport above the messages (`ChatThreadShell`'s\n * `beforeMessages` slot):\n *\n * - renders the \"N earlier messages\" edge row and loads the next page when\n *   the row comes near the viewport (scrolling up) or on its button, keeping\n *   the reading position when the page lands above the view;\n * - fetches cut tool outputs whole for the rendered cards, so they re-render\n *   complete through the converter (`toolOutputs`).\n *\n * Inert on a wire that is not windowed: no row, no reads.\n */\nexport const StatewireHistoryEdge: FC<StatewireHistoryEdgeProps> = ({\n  toolOutputs: toolOutputsProp,\n  className,\n  onHistoryLoad,\n}) => {\n  const providerToolOutputs = useStatewireToolOutputs();\n  const toolOutputs = toolOutputsProp ?? providerToolOutputs ?? undefined;\n  const messages = useAuiState((s) => s.thread.messages);\n  const [nearTop, setNearTop] = useState(false);\n  const [nearTopEpoch, setNearTopEpoch] = useState(0);\n  const nearTopRef = useRef(false);\n  const [rowEl, setRowEl] = useState<HTMLElement | null>(null);\n  const { olderCount, loading, loadOlder } = useDeepAgentWindowSync({\n    messages,\n    toolOutputs,\n    nearTop,\n    nearTopEpoch,\n    onHistoryLoad,\n    onError: (error, command) => {\n      // Leaving the thread settles an in-flight read as lost: lifecycle, not a failure.\n      if (error instanceof Error && isStatewireChannelTeardown(error)) return;\n      console.warn(`[StatewireHistoryEdge] ${command} failed:`, error);\n    },\n  });\n\n  // The row's own visibility is the near-top level: a level, not an edge, so\n  // pages chain while the user stays at the top and stop once the prepended\n  // content has pushed the row away again.\n  useEffect(() => {\n    if (!rowEl || olderCount <= 0 || typeof IntersectionObserver === \"undefined\") return;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          const near = entry.isIntersecting;\n          if (nearTopRef.current === near) continue;\n          nearTopRef.current = near;\n          setNearTop(near);\n          if (near) setNearTopEpoch((epoch) => epoch + 1);\n        }\n      },\n      {\n        root: rowEl.closest<HTMLElement>(`[${THREAD_VIEWPORT_ATTR}]`),\n        rootMargin: `${HISTORY_EDGE_NEAR_MARGIN_PX}px 0px`,\n      },\n    );\n    observer.observe(rowEl);\n    return () => {\n      observer.disconnect();\n      nearTopRef.current = false;\n      setNearTop(false);\n    };\n  }, [rowEl, olderCount]);\n\n  // A prepend (older history landing) keeps the reading position: the\n  // viewport scrolls by the height the page added above the view, so the\n  // message the user was on stays put. The pre-prepend height is measured\n  // only while a page is in flight (a layout read per render would force a\n  // reflow on every streamed token otherwise).\n  const shapeRef = useRef<{ firstId: string | undefined; length: number; scrollHeight: number } | null>(\n    null,\n  );\n  const firstId = messages[0]?.id;\n  const length = messages.length;\n  useLayoutEffect(() => {\n    const viewport = rowEl?.closest<HTMLElement>(`[${THREAD_VIEWPORT_ATTR}]`) ?? null;\n    const prev = shapeRef.current;\n    const prepended =\n      viewport !== null &&\n      prev !== null &&\n      prev.firstId !== undefined &&\n      firstId !== prev.firstId &&\n      length > prev.length;\n    if (prepended) viewport.scrollTop += viewport.scrollHeight - prev.scrollHeight;\n    shapeRef.current =\n      loading || prepended || prev === null\n        ? { firstId, length, scrollHeight: viewport?.scrollHeight ?? 0 }\n        : { firstId, length, scrollHeight: prev.scrollHeight };\n  });\n\n  return (\n    <HistoryEdgeRow\n      rowRef={setRowEl}\n      olderCount={olderCount}\n      loading={loading}\n      onLoadOlder={loadOlder}\n      className={className}\n    />\n  );\n};\n"],"names":["jsx","cn","jsxs","useStatewireToolOutputs","useAuiState","useState","useRef","useDeepAgentWindowSync","isStatewireChannelTeardown","useEffect","useLayoutEffect"],"mappings":"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"}

package/dist/chat-ui/thread/statewire-history-edge.js

@@ -11,11 +11,12 @@ import "../../packages/agent-runtime/src/statewire-state.js";
 import "../../packages/agent-runtime/src/messages.js";
 import { useDeepAgentWindowSync } from "../../packages/agent-runtime/src/use-deep-agent-window-sync.js";
 import "@assistant-ui/store";
-import "@assistant-ui/react-statewire/local-storage";
+import "../../packages/agent-runtime/src/quota-safe-local-storage-session.js";
 import "../../packages/agent-runtime/src/statewire-attach-observer.js";
 import "../../packages/agent-runtime/src/thread-status.js";
 import "@assistant-ui/react-statewire";
 import "@assistant-ui/core";
+import "../../packages/agent-runtime/src/thread-handoff.js";
 import { useStatewireToolOutputs } from "../../provider/statewire-window-context.js";
 import { cn } from "cnfast";
 const THREAD_VIEWPORT_ATTR = "data-aui-thread-viewport";