@athenaintel/react 0.19.0 → 0.21.0

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const StatewireApprovalCard = require("../chat/StatewireApprovalCard.cjs");
+const useStatewireApprovalRequest = require("../chat/use-statewire-approval-request.cjs");
+const StatewireQueuedMessages = require("../chat/StatewireQueuedMessages.cjs");
+const statewireHistoryEdge = require("./thread/statewire-history-edge.cjs");
+const statewireWindowContext = require("../provider/statewire-window-context.cjs");
+const continuePill = require("./messages/continue-pill.cjs");
+const runtimeMessage = require("./messages/runtime-message.cjs");
+const statewireContinueRun = require("./messages/statewire-continue-run.cjs");
+require("../packages/agent-runtime/src/generated/runconfig-contract.cjs");
+require("react");
+require("@assistant-ui/tap");
+require("statewire");
+require("../packages/agent-runtime/src/statewire-suspended.cjs");
+require("@tanstack/react-query");
+const interrupts = require("../packages/agent-runtime/src/interrupts.cjs");
+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("../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;
+exports.HistoryEdgeRow = statewireHistoryEdge.HistoryEdgeRow;
+exports.StatewireHistoryEdge = statewireHistoryEdge.StatewireHistoryEdge;
+exports.StatewireToolOutputsContext = statewireWindowContext.StatewireToolOutputsContext;
+exports.useStatewireToolOutputs = statewireWindowContext.useStatewireToolOutputs;
+exports.ContinuePill = continuePill.ContinuePill;
+exports.RuntimeMessageCard = runtimeMessage.RuntimeMessageCard;
+exports.StatewireContinueRunAffordance = statewireContinueRun.StatewireContinueRunAffordance;
+exports.StatewireContinueRunButton = statewireContinueRun.StatewireContinueRunButton;
+exports.StatewireRunEndedFooter = statewireContinueRun.StatewireRunEndedFooter;
+exports.HITL_PENDING_RESUME_GRACE_MS = interrupts.HITL_PENDING_RESUME_GRACE_MS;
+//# sourceMappingURL=statewire.cjs.map

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

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

package/dist/chat-ui/statewire.js

@@ -0,0 +1,40 @@
+import { StatewireApprovalCard } from "../chat/StatewireApprovalCard.js";
+import { useStatewireApprovalRequest } from "../chat/use-statewire-approval-request.js";
+import { StatewireQueuedMessages } from "../chat/StatewireQueuedMessages.js";
+import { HistoryEdgeRow, StatewireHistoryEdge } from "./thread/statewire-history-edge.js";
+import { StatewireToolOutputsContext, useStatewireToolOutputs } from "../provider/statewire-window-context.js";
+import { ContinuePill } from "./messages/continue-pill.js";
+import { RuntimeMessageCard } from "./messages/runtime-message.js";
+import { StatewireContinueRunAffordance, StatewireContinueRunButton, StatewireRunEndedFooter } from "./messages/statewire-continue-run.js";
+import "../packages/agent-runtime/src/generated/runconfig-contract.js";
+import "react";
+import "@assistant-ui/tap";
+import "statewire";
+import "../packages/agent-runtime/src/statewire-suspended.js";
+import "@tanstack/react-query";
+import { HITL_PENDING_RESUME_GRACE_MS } from "../packages/agent-runtime/src/interrupts.js";
+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 "../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,
+  HistoryEdgeRow,
+  RuntimeMessageCard,
+  StatewireApprovalCard,
+  StatewireContinueRunAffordance,
+  StatewireContinueRunButton,
+  StatewireHistoryEdge,
+  StatewireQueuedMessages,
+  StatewireRunEndedFooter,
+  StatewireToolOutputsContext,
+  useStatewireApprovalRequest,
+  useStatewireToolOutputs
+};
+//# sourceMappingURL=statewire.js.map

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

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

package/dist/chat-ui/thread/chat-composer-dock.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@assistant-ui/react");
+const messageComponents = require("../messages/message-components.cjs");
+function ChatComposerDock({
+  className,
+  surfaceClassName,
+  editorRowClassName,
+  toolbarClassName,
+  aboveSurface,
+  beforeEditor,
+  editor,
+  toolbarStart,
+  toolbarEnd
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: className ?? messageComponents.COMPOSER_DOCK_CLASS, children: [
+    aboveSurface,
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      react.ComposerPrimitive.Root,
+      {
+        className: surfaceClassName ?? messageComponents.COMPOSER_SURFACE_CLASS,
+        children: [
+          beforeEditor,
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: editorRowClassName ?? messageComponents.COMPOSER_EDITOR_ROW_CLASS, children: editor }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: toolbarClassName ?? messageComponents.COMPOSER_TOOLBAR_CLASS, children: [
+            toolbarStart,
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
+            toolbarEnd
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+exports.ChatComposerDock = ChatComposerDock;
+//# sourceMappingURL=chat-composer-dock.cjs.map

package/dist/chat-ui/thread/chat-composer-dock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-composer-dock.cjs","sources":["../../../src/chat-ui/thread/chat-composer-dock.tsx"],"sourcesContent":["import { ComposerPrimitive } from \"@assistant-ui/react\";\nimport type { ReactNode } from \"react\";\nimport {\n  COMPOSER_DOCK_CLASS,\n  COMPOSER_EDITOR_ROW_CLASS,\n  COMPOSER_SURFACE_CLASS,\n  COMPOSER_TOOLBAR_CLASS,\n} from \"../messages/message-components\";\n\nexport interface ChatComposerDockProps {\n  /**\n   * Replaces the dock chrome (padding + background around the surface).\n   * Hosts with their own composer chrome system (AthenaChat's `aui-*`\n   * classes) pass their chrome here; the scaffolding structure stays shared.\n   */\n  className?: string;\n  /** Replaces the bordered composer-surface chrome. */\n  surfaceClassName?: string;\n  /** Replaces the editor-row chrome. */\n  editorRowClassName?: string;\n  /** Replaces the toolbar-row chrome. */\n  toolbarClassName?: string;\n  /** Rendered inside the dock, above the composer surface (error banners). */\n  aboveSurface?: ReactNode;\n  /**\n   * Rendered inside the surface above the editor row: context chips,\n   * restore notices, attachment strips.\n   */\n  beforeEditor?: ReactNode;\n  /** The editor element (a TiptapComposer, typically ref-held by the host). */\n  editor: ReactNode;\n  /** Toolbar contents before the spacer (attach buttons, pickers). */\n  toolbarStart?: ReactNode;\n  /** Toolbar contents after the spacer (voice and send/stop controls). */\n  toolbarEnd: ReactNode;\n}\n\n/**\n * The shared composer scaffolding: dock padding, the bordered surface, the\n * editor row, and the toolbar with its start/end slots around a flexible\n * spacer. Hosts supply the editor element and toolbar controls.\n */\nexport function ChatComposerDock({\n  className,\n  surfaceClassName,\n  editorRowClassName,\n  toolbarClassName,\n  aboveSurface,\n  beforeEditor,\n  editor,\n  toolbarStart,\n  toolbarEnd,\n}: ChatComposerDockProps) {\n  return (\n    <div className={className ?? COMPOSER_DOCK_CLASS}>\n      {aboveSurface}\n      <ComposerPrimitive.Root\n        className={surfaceClassName ?? COMPOSER_SURFACE_CLASS}\n      >\n        {beforeEditor}\n        <div className={editorRowClassName ?? COMPOSER_EDITOR_ROW_CLASS}>\n          {editor}\n        </div>\n        <div className={toolbarClassName ?? COMPOSER_TOOLBAR_CLASS}>\n          {toolbarStart}\n          <div className=\"flex-1\" />\n          {toolbarEnd}\n        </div>\n      </ComposerPrimitive.Root>\n    </div>\n  );\n}\n"],"names":["jsxs","COMPOSER_DOCK_CLASS","ComposerPrimitive","COMPOSER_SURFACE_CLASS","jsx","COMPOSER_EDITOR_ROW_CLASS","COMPOSER_TOOLBAR_CLASS"],"mappings":";;;;;AA0CO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,SACEA,2BAAAA,KAAC,OAAA,EAAI,WAAW,aAAaC,kBAAAA,qBAC1B,UAAA;AAAA,IAAA;AAAA,IACDD,2BAAAA;AAAAA,MAACE,MAAAA,kBAAkB;AAAA,MAAlB;AAAA,QACC,WAAW,oBAAoBC,kBAAAA;AAAAA,QAE9B,UAAA;AAAA,UAAA;AAAA,UACDC,2BAAAA,IAAC,OAAA,EAAI,WAAW,sBAAsBC,6CACnC,UAAA,QACH;AAAA,UACAL,2BAAAA,KAAC,OAAA,EAAI,WAAW,oBAAoBM,kBAAAA,wBACjC,UAAA;AAAA,YAAA;AAAA,YACDF,2BAAAA,IAAC,OAAA,EAAI,WAAU,SAAA,CAAS;AAAA,YACvB;AAAA,UAAA,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;;"}

package/dist/chat-ui/thread/chat-composer-dock.js

@@ -0,0 +1,37 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { ComposerPrimitive } from "@assistant-ui/react";
+import { COMPOSER_DOCK_CLASS, COMPOSER_SURFACE_CLASS, COMPOSER_EDITOR_ROW_CLASS, COMPOSER_TOOLBAR_CLASS } from "../messages/message-components.js";
+function ChatComposerDock({
+  className,
+  surfaceClassName,
+  editorRowClassName,
+  toolbarClassName,
+  aboveSurface,
+  beforeEditor,
+  editor,
+  toolbarStart,
+  toolbarEnd
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: className ?? COMPOSER_DOCK_CLASS, children: [
+    aboveSurface,
+    /* @__PURE__ */ jsxs(
+      ComposerPrimitive.Root,
+      {
+        className: surfaceClassName ?? COMPOSER_SURFACE_CLASS,
+        children: [
+          beforeEditor,
+          /* @__PURE__ */ jsx("div", { className: editorRowClassName ?? COMPOSER_EDITOR_ROW_CLASS, children: editor }),
+          /* @__PURE__ */ jsxs("div", { className: toolbarClassName ?? COMPOSER_TOOLBAR_CLASS, children: [
+            toolbarStart,
+            /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+            toolbarEnd
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  ChatComposerDock
+};
+//# sourceMappingURL=chat-composer-dock.js.map

package/dist/chat-ui/thread/chat-composer-dock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-composer-dock.js","sources":["../../../src/chat-ui/thread/chat-composer-dock.tsx"],"sourcesContent":["import { ComposerPrimitive } from \"@assistant-ui/react\";\nimport type { ReactNode } from \"react\";\nimport {\n  COMPOSER_DOCK_CLASS,\n  COMPOSER_EDITOR_ROW_CLASS,\n  COMPOSER_SURFACE_CLASS,\n  COMPOSER_TOOLBAR_CLASS,\n} from \"../messages/message-components\";\n\nexport interface ChatComposerDockProps {\n  /**\n   * Replaces the dock chrome (padding + background around the surface).\n   * Hosts with their own composer chrome system (AthenaChat's `aui-*`\n   * classes) pass their chrome here; the scaffolding structure stays shared.\n   */\n  className?: string;\n  /** Replaces the bordered composer-surface chrome. */\n  surfaceClassName?: string;\n  /** Replaces the editor-row chrome. */\n  editorRowClassName?: string;\n  /** Replaces the toolbar-row chrome. */\n  toolbarClassName?: string;\n  /** Rendered inside the dock, above the composer surface (error banners). */\n  aboveSurface?: ReactNode;\n  /**\n   * Rendered inside the surface above the editor row: context chips,\n   * restore notices, attachment strips.\n   */\n  beforeEditor?: ReactNode;\n  /** The editor element (a TiptapComposer, typically ref-held by the host). */\n  editor: ReactNode;\n  /** Toolbar contents before the spacer (attach buttons, pickers). */\n  toolbarStart?: ReactNode;\n  /** Toolbar contents after the spacer (voice and send/stop controls). */\n  toolbarEnd: ReactNode;\n}\n\n/**\n * The shared composer scaffolding: dock padding, the bordered surface, the\n * editor row, and the toolbar with its start/end slots around a flexible\n * spacer. Hosts supply the editor element and toolbar controls.\n */\nexport function ChatComposerDock({\n  className,\n  surfaceClassName,\n  editorRowClassName,\n  toolbarClassName,\n  aboveSurface,\n  beforeEditor,\n  editor,\n  toolbarStart,\n  toolbarEnd,\n}: ChatComposerDockProps) {\n  return (\n    <div className={className ?? COMPOSER_DOCK_CLASS}>\n      {aboveSurface}\n      <ComposerPrimitive.Root\n        className={surfaceClassName ?? COMPOSER_SURFACE_CLASS}\n      >\n        {beforeEditor}\n        <div className={editorRowClassName ?? COMPOSER_EDITOR_ROW_CLASS}>\n          {editor}\n        </div>\n        <div className={toolbarClassName ?? COMPOSER_TOOLBAR_CLASS}>\n          {toolbarStart}\n          <div className=\"flex-1\" />\n          {toolbarEnd}\n        </div>\n      </ComposerPrimitive.Root>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AA0CO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,SACE,qBAAC,OAAA,EAAI,WAAW,aAAa,qBAC1B,UAAA;AAAA,IAAA;AAAA,IACD;AAAA,MAAC,kBAAkB;AAAA,MAAlB;AAAA,QACC,WAAW,oBAAoB;AAAA,QAE9B,UAAA;AAAA,UAAA;AAAA,UACD,oBAAC,OAAA,EAAI,WAAW,sBAAsB,2BACnC,UAAA,QACH;AAAA,UACA,qBAAC,OAAA,EAAI,WAAW,oBAAoB,wBACjC,UAAA;AAAA,YAAA;AAAA,YACD,oBAAC,OAAA,EAAI,WAAU,SAAA,CAAS;AAAA,YACvB;AAAA,UAAA,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

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

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react$1 = require("@assistant-ui/react");
+const lucideReact = require("lucide-react");
+const react = require("react");
+const messageComponents = require("../messages/message-components.cjs");
+const messageActionsConfig = require("../messages/message-actions-config.cjs");
+const userEditComposer = require("../messages/user-edit-composer.cjs");
+const runningIndicator = require("../messages/running-indicator.cjs");
+const DEFAULT_VIEWPORT_CLASS = "relative flex flex-1 flex-col overflow-y-auto scroll-smooth";
+const DEFAULT_CONTENT_CLASS = "w-full flex-1 px-3 pt-3";
+const DEFAULT_VIEWPORT_FOOTER_CLASS = "sticky bottom-0";
+const DefaultScrollToBottom = () => /* @__PURE__ */ jsxRuntime.jsx(react$1.AuiIf, { condition: (state) => !state.thread.isEmpty, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center pb-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(
+  react$1.ThreadPrimitive.ScrollToBottom,
+  {
+    "aria-label": "Scroll to bottom",
+    title: "Scroll to bottom",
+    className: messageComponents.THREAD_SCROLL_TO_BOTTOM_CLASS,
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-3.5" })
+  }
+) }) });
+function ChatThreadShell({
+  overlay,
+  header,
+  banners,
+  viewportOverlay,
+  welcome,
+  beforeMessages,
+  components,
+  renderMessages,
+  belowViewport,
+  composer,
+  panelClassName,
+  maxWidth = "100%",
+  turnAnchor,
+  viewportClassName,
+  contentClassName,
+  runningIndicator: runningIndicator$1 = /* @__PURE__ */ jsxRuntime.jsx(runningIndicator.ThreadRunningIndicator, {}),
+  scrollToBottom = /* @__PURE__ */ jsxRuntime.jsx(DefaultScrollToBottom, {}),
+  viewportFooter,
+  viewportFooterClassName,
+  readOnly = false
+}) {
+  const {
+    UserMessage,
+    AssistantMessage,
+    UserEditComposer: UserEditComposerComponent = userEditComposer.UserEditComposer
+  } = components;
+  const messageComponents$1 = react.useMemo(
+    () => ({
+      UserMessage,
+      AssistantMessage,
+      UserEditComposer: UserEditComposerComponent
+    }),
+    [UserMessage, AssistantMessage, UserEditComposerComponent]
+  );
+  const messages = /* @__PURE__ */ jsxRuntime.jsx(react$1.ThreadPrimitive.Messages, { components: messageComponents$1 });
+  return /* @__PURE__ */ jsxRuntime.jsx(messageActionsConfig.MessageActionsReadOnlyProvider, { readOnly, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    react$1.ThreadPrimitive.Root,
+    {
+      className: panelClassName ?? messageComponents.THREAD_PANEL_CLASS,
+      style: { "--thread-max-width": maxWidth },
+      children: [
+        overlay,
+        header,
+        banners,
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          react$1.ThreadPrimitive.Viewport,
+          {
+            turnAnchor,
+            className: viewportClassName ?? DEFAULT_VIEWPORT_CLASS,
+            "data-aui-thread-viewport": "",
+            children: [
+              viewportOverlay,
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: contentClassName ?? DEFAULT_CONTENT_CLASS, children: [
+                welcome != null ? /* @__PURE__ */ jsxRuntime.jsx(react$1.ThreadPrimitive.Empty, { children: welcome }) : null,
+                beforeMessages,
+                renderMessages ? renderMessages(messages) : messages,
+                runningIndicator$1
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                react$1.ThreadPrimitive.ViewportFooter,
+                {
+                  className: viewportFooterClassName ?? DEFAULT_VIEWPORT_FOOTER_CLASS,
+                  children: [
+                    scrollToBottom,
+                    viewportFooter
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        belowViewport,
+        composer
+      ]
+    }
+  ) });
+}
+exports.ChatThreadShell = ChatThreadShell;
+//# sourceMappingURL=chat-thread-shell.cjs.map

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

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