@athenaintel/react 0.18.0 → 0.20.0

package/dist/chat-ui/messages/user-edit-composer.js

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAuiState, ComposerPrimitive } from "@assistant-ui/react";
+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 "../../packages/agent-runtime/src/statewire-state.js";
+import "../../packages/agent-runtime/src/messages.js";
+import "@assistant-ui/react-statewire";
+import { useDeepAgentMessageEditSubmit } from "../../packages/agent-runtime/src/use-deep-agent-edit-submit.js";
+import "@assistant-ui/react-statewire/local-storage";
+import "../../packages/agent-runtime/src/statewire-attach-observer.js";
+import "../../packages/agent-runtime/src/thread-status.js";
+import "@assistant-ui/core";
+const UserEditComposer = () => {
+  const submit = useDeepAgentMessageEditSubmit();
+  const isEmpty = useAuiState((s) => s.message.composer.isEmpty);
+  const onKeyDown = (event) => {
+    if (event.key !== "Enter" || event.shiftKey || event.nativeEvent.isComposing) return;
+    event.preventDefault();
+    void submit();
+  };
+  return /* @__PURE__ */ jsx("div", { className: "mb-3 flex justify-end", "data-testid": "chat-user-edit-composer", children: /* @__PURE__ */ jsxs(ComposerPrimitive.Root, { className: "flex w-full max-w-[85%] flex-col gap-2 rounded-2xl rounded-br-md border border-border bg-muted px-3.5 py-2.5", children: [
+    /* @__PURE__ */ jsx(
+      ComposerPrimitive.Input,
+      {
+        autoFocus: true,
+        submitMode: "none",
+        onKeyDown,
+        className: "w-full resize-none bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground"
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-1.5", children: [
+      /* @__PURE__ */ jsx(ComposerPrimitive.Cancel, { asChild: true, children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "rounded-lg px-2.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+          children: "Cancel"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "data-testid": "chat-user-edit-send",
+          disabled: isEmpty,
+          onClick: () => void submit(),
+          className: "rounded-lg bg-foreground px-2.5 py-1 text-xs font-medium text-background shadow-sm transition-colors hover:bg-foreground/80 disabled:cursor-not-allowed disabled:opacity-60",
+          children: "Send"
+        }
+      )
+    ] })
+  ] }) });
+};
+export {
+  UserEditComposer
+};
+//# sourceMappingURL=user-edit-composer.js.map

package/dist/chat-ui/messages/user-edit-composer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-edit-composer.js","sources":["../../../src/chat-ui/messages/user-edit-composer.tsx"],"sourcesContent":["import { ComposerPrimitive, useAuiState } from \"@assistant-ui/react\";\nimport { useDeepAgentMessageEditSubmit } from \"@athenaintel/agent-runtime\";\nimport type { FC, KeyboardEvent } from \"react\";\n\n/**\n * Rendered in place of a user message while it is being edited (entered via\n * the action bar's Edit control, which seeds this composer with the message\n * text). Sending leaves as a `run/edit` anchored on the host's own parent of\n * the message (`useDeepAgentMessageEditSubmit`) — on a windowed wire the\n * lane's `anchorBefore` at the window edge — so the rewind is never rejected\n * `wrong-anchor` the way the library's converted-message anchor is after a\n * chunked assistant turn; Escape/Cancel exits edit mode.\n */\nexport const UserEditComposer: FC = () => {\n  const submit = useDeepAgentMessageEditSubmit();\n  const isEmpty = useAuiState((s) => s.message.composer.isEmpty);\n  const onKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (event.key !== \"Enter\" || event.shiftKey || event.nativeEvent.isComposing) return;\n    event.preventDefault();\n    void submit();\n  };\n  return (\n    <div className=\"mb-3 flex justify-end\" data-testid=\"chat-user-edit-composer\">\n      <ComposerPrimitive.Root className=\"flex w-full max-w-[85%] flex-col gap-2 rounded-2xl rounded-br-md border border-border bg-muted px-3.5 py-2.5\">\n        <ComposerPrimitive.Input\n          autoFocus\n          submitMode=\"none\"\n          onKeyDown={onKeyDown}\n          className=\"w-full resize-none bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground\"\n        />\n        <div className=\"flex items-center justify-end gap-1.5\">\n          <ComposerPrimitive.Cancel asChild>\n            <button\n              type=\"button\"\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              Cancel\n            </button>\n          </ComposerPrimitive.Cancel>\n          <button\n            type=\"button\"\n            data-testid=\"chat-user-edit-send\"\n            disabled={isEmpty}\n            onClick={() => void submit()}\n            className=\"rounded-lg bg-foreground px-2.5 py-1 text-xs font-medium text-background shadow-sm transition-colors hover:bg-foreground/80 disabled:cursor-not-allowed disabled:opacity-60\"\n          >\n            Send\n          </button>\n        </div>\n      </ComposerPrimitive.Root>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAaO,MAAM,mBAAuB,MAAM;AACxC,QAAM,SAAS,8BAAA;AACf,QAAM,UAAU,YAAY,CAAC,MAAM,EAAE,QAAQ,SAAS,OAAO;AAC7D,QAAM,YAAY,CAAC,UAA8C;AAC/D,QAAI,MAAM,QAAQ,WAAW,MAAM,YAAY,MAAM,YAAY,YAAa;AAC9E,UAAM,eAAA;AACN,SAAK,OAAA;AAAA,EACP;AACA,SACE,oBAAC,OAAA,EAAI,WAAU,yBAAwB,eAAY,2BACjD,UAAA,qBAAC,kBAAkB,MAAlB,EAAuB,WAAU,gHAChC,UAAA;AAAA,IAAA;AAAA,MAAC,kBAAkB;AAAA,MAAlB;AAAA,QACC,WAAS;AAAA,QACT,YAAW;AAAA,QACX;AAAA,QACA,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,qBAAC,OAAA,EAAI,WAAU,yCACb,UAAA;AAAA,MAAA,oBAAC,kBAAkB,QAAlB,EAAyB,SAAO,MAC/B,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACX,UAAA;AAAA,QAAA;AAAA,MAAA,GAGH;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,UAAU;AAAA,UACV,SAAS,MAAM,KAAK,OAAA;AAAA,UACpB,WAAU;AAAA,UACX,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

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

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

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

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

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

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

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

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

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

package/dist/chat-ui/statewire.cjs

@@ -0,0 +1,39 @@
+"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("@assistant-ui/react-statewire/local-storage");
+require("../packages/agent-runtime/src/statewire-attach-observer.cjs");
+require("../packages/agent-runtime/src/thread-status.cjs");
+require("@assistant-ui/core");
+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.d.ts

@@ -0,0 +1,19 @@
+/**
+ * The statewire chat surfaces every Athena host mounts — the HITL approval
+ * card, the queued-messages tray, the continue affordances and the run-ended
+ * footer, with the runtime-message card and Continue pill they render — as a
+ * lean entry point. Hosts that already have their own composer and mention
+ * stack (Olympus) import this instead of the full `chat-ui` barrel, so the
+ * SDK's Tiptap and mention modules never enter their build graph.
+ *
+ * Published as the `@athenaintel/react/chat-ui/statewire` sub-path.
+ */
+export { StatewireApprovalCard, type StatewireApprovalCardProps, type StatewireApprovalRequestContext, } from "../chat/StatewireApprovalCard";
+export { type StatewireApprovalRequest, type StatewireInterruptPredicate, type UseStatewireApprovalRequestOptions, useStatewireApprovalRequest, } from "../chat/use-statewire-approval-request";
+export { StatewireQueuedMessages, type StatewireQueueEditorContext, type StatewireQueueEvent, type StatewireQueueRowContentContext, type StatewireQueuedMessagesProps, } from "../chat/StatewireQueuedMessages";
+export { HistoryEdgeRow, type HistoryEdgeRowProps, StatewireHistoryEdge, type StatewireHistoryEdgeProps, } from "./thread/statewire-history-edge";
+export { StatewireToolOutputsContext, useStatewireToolOutputs, } from "../provider/statewire-window-context";
+export { ContinuePill } from "./messages/continue-pill";
+export { RuntimeMessageCard, type RuntimeMessageCardProps } from "./messages/runtime-message";
+export { type ReadStatewireTailEnding, StatewireContinueRunAffordance, StatewireContinueRunButton, type StatewireContinueRunButtonProps, StatewireRunEndedFooter, type StatewireRunEndedFooterActionsContext, type StatewireRunEndedFooterProps, type StatewireTailEnding, } from "./messages/statewire-continue-run";
+export { HITL_PENDING_RESUME_GRACE_MS } from "@athenaintel/agent-runtime";

package/dist/chat-ui/statewire.js

@@ -0,0 +1,39 @@
+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 "@assistant-ui/react-statewire/local-storage";
+import "../packages/agent-runtime/src/statewire-attach-observer.js";
+import "../packages/agent-runtime/src/thread-status.js";
+import "@assistant-ui/core";
+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;;"}

package/dist/chat-ui/thread/chat-thread-shell.d.ts

@@ -31,6 +31,12 @@ export interface ChatThreadShellProps {
     viewportOverlay?: ReactNode;
     /** Empty-thread state, rendered via ThreadPrimitive.Empty when provided. */
     welcome?: ReactNode;
+    /**
+     * Rendered inside the message column right above the messages — the
+     * windowed wire's history edge (`StatewireHistoryEdge`): the "N earlier
+     * messages" row that pages older history in and fetches cut tool outputs.
+     */
+    beforeMessages?: ReactNode;
     /** Message renderers for ThreadPrimitive.Messages. */
     components: ChatThreadMessageComponents;
     /**
@@ -106,4 +112,4 @@ export interface ChatThreadShellProps {
  * layout, scroll behaviour, and empty/running states stay identical across
  * surfaces so fixes land once.
  */
-export declare function ChatThreadShell({ overlay, header, banners, viewportOverlay, welcome, components, renderMessages, belowViewport, composer, panelClassName, maxWidth, turnAnchor, viewportClassName, contentClassName, runningIndicator, scrollToBottom, viewportFooter, viewportFooterClassName, readOnly, }: ChatThreadShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatThreadShell({ overlay, header, banners, viewportOverlay, welcome, beforeMessages, components, renderMessages, belowViewport, composer, panelClassName, maxWidth, turnAnchor, viewportClassName, contentClassName, runningIndicator, scrollToBottom, viewportFooter, viewportFooterClassName, readOnly, }: ChatThreadShellProps): import("react/jsx-runtime").JSX.Element;