@athenaintel/react 0.19.0 → 0.20.0

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.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.js

@@ -0,0 +1,102 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ThreadPrimitive, AuiIf } from "@assistant-ui/react";
+import { ChevronDownIcon } from "lucide-react";
+import { useMemo } from "react";
+import { THREAD_PANEL_CLASS, THREAD_SCROLL_TO_BOTTOM_CLASS } from "../messages/message-components.js";
+import { MessageActionsReadOnlyProvider } from "../messages/message-actions-config.js";
+import { UserEditComposer } from "../messages/user-edit-composer.js";
+import { ThreadRunningIndicator } from "../messages/running-indicator.js";
+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__ */ jsx(AuiIf, { condition: (state) => !state.thread.isEmpty, children: /* @__PURE__ */ jsx("div", { className: "flex justify-center pb-0.5", children: /* @__PURE__ */ jsx(
+  ThreadPrimitive.ScrollToBottom,
+  {
+    "aria-label": "Scroll to bottom",
+    title: "Scroll to bottom",
+    className: THREAD_SCROLL_TO_BOTTOM_CLASS,
+    children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-3.5" })
+  }
+) }) });
+function ChatThreadShell({
+  overlay,
+  header,
+  banners,
+  viewportOverlay,
+  welcome,
+  beforeMessages,
+  components,
+  renderMessages,
+  belowViewport,
+  composer,
+  panelClassName,
+  maxWidth = "100%",
+  turnAnchor,
+  viewportClassName,
+  contentClassName,
+  runningIndicator = /* @__PURE__ */ jsx(ThreadRunningIndicator, {}),
+  scrollToBottom = /* @__PURE__ */ jsx(DefaultScrollToBottom, {}),
+  viewportFooter,
+  viewportFooterClassName,
+  readOnly = false
+}) {
+  const {
+    UserMessage,
+    AssistantMessage,
+    UserEditComposer: UserEditComposerComponent = UserEditComposer
+  } = components;
+  const messageComponents = useMemo(
+    () => ({
+      UserMessage,
+      AssistantMessage,
+      UserEditComposer: UserEditComposerComponent
+    }),
+    [UserMessage, AssistantMessage, UserEditComposerComponent]
+  );
+  const messages = /* @__PURE__ */ jsx(ThreadPrimitive.Messages, { components: messageComponents });
+  return /* @__PURE__ */ jsx(MessageActionsReadOnlyProvider, { readOnly, children: /* @__PURE__ */ jsxs(
+    ThreadPrimitive.Root,
+    {
+      className: panelClassName ?? THREAD_PANEL_CLASS,
+      style: { "--thread-max-width": maxWidth },
+      children: [
+        overlay,
+        header,
+        banners,
+        /* @__PURE__ */ jsxs(
+          ThreadPrimitive.Viewport,
+          {
+            turnAnchor,
+            className: viewportClassName ?? DEFAULT_VIEWPORT_CLASS,
+            "data-aui-thread-viewport": "",
+            children: [
+              viewportOverlay,
+              /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col items-center", children: /* @__PURE__ */ jsxs("div", { className: contentClassName ?? DEFAULT_CONTENT_CLASS, children: [
+                welcome != null ? /* @__PURE__ */ jsx(ThreadPrimitive.Empty, { children: welcome }) : null,
+                beforeMessages,
+                renderMessages ? renderMessages(messages) : messages,
+                runningIndicator
+              ] }) }),
+              /* @__PURE__ */ jsxs(
+                ThreadPrimitive.ViewportFooter,
+                {
+                  className: viewportFooterClassName ?? DEFAULT_VIEWPORT_FOOTER_CLASS,
+                  children: [
+                    scrollToBottom,
+                    viewportFooter
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        belowViewport,
+        composer
+      ]
+    }
+  ) });
+}
+export {
+  ChatThreadShell
+};
+//# sourceMappingURL=chat-thread-shell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-thread-shell.js","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":[],"mappings":";;;;;;;;AAsBA,MAAM,yBACJ;AACF,MAAM,wBAAwB;AAC9B,MAAM,gCAAgC;AAEtC,MAAM,wBAA4B,MAChC,oBAAC,OAAA,EAAM,WAAW,CAAC,UAAU,CAAC,MAAM,OAAO,SACzC,UAAA,oBAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC,cAAW;AAAA,IACX,OAAM;AAAA,IACN,WAAW;AAAA,IAEX,UAAA,oBAAC,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,EACA,uCAAoB,wBAAA,EAAuB;AAAA,EAC3C,qCAAkB,uBAAA,EAAsB;AAAA,EACxC;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAyB;AACvB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,4BAA4B;AAAA,EAAA,IAC5C;AAGJ,QAAM,oBAAoB;AAAA,IACxB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,IAAA;AAAA,IAEpB,CAAC,aAAa,kBAAkB,yBAAyB;AAAA,EAAA;AAE3D,QAAM,WAAW,oBAAC,gBAAgB,UAAhB,EAAyB,YAAY,mBAAmB;AAC1E,SACE,oBAAC,kCAA+B,UAC9B,UAAA;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,WAAW,kBAAkB;AAAA,MAC7B,OAAO,EAAE,sBAAsB,SAAA;AAAA,MAE9B,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,QACA;AAAA,QACD;AAAA,UAAC,gBAAgB;AAAA,UAAhB;AAAA,YACC;AAAA,YACA,WAAW,qBAAqB;AAAA,YAChC,4BAAyB;AAAA,YAExB,UAAA;AAAA,cAAA;AAAA,cAMD,oBAAC,SAAI,WAAU,qCACb,+BAAC,OAAA,EAAI,WAAW,oBAAoB,uBACjC,UAAA;AAAA,gBAAA,WAAW,OACV,oBAAC,gBAAgB,OAAhB,EAAuB,mBAAQ,IAC9B;AAAA,gBACH;AAAA,gBACA,iBAAiB,eAAe,QAAQ,IAAI;AAAA,gBAC5C;AAAA,cAAA,EAAA,CACH,EAAA,CACF;AAAA,cACA;AAAA,gBAAC,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/composer-send-or-stop.cjs

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const athenaDiagnostics = require("../../diagnostics/athena-diagnostics.cjs");
+const react = require("@assistant-ui/react");
+const react$1 = require("react");
+const composerAction = require("../composer/composer-action.cjs");
+const messageComponents = require("../messages/message-components.cjs");
+const ComposerSendOrStop = ({
+  composerRef,
+  hasDraft,
+  disabled = false,
+  sendBlockedReason = null,
+  sendDisabledTitle,
+  stopDisabledTitle,
+  onBeforeSend,
+  onStop,
+  components
+}) => {
+  const aui = react.useAui();
+  const isRunning = react.useAuiState(
+    (state) => {
+      var _a;
+      return ((_a = state.optional.thread) == null ? void 0 : _a.isRunning) ?? false;
+    }
+  );
+  const action = composerAction.resolveComposerAction({ hasDraft, isRunning });
+  const SendButton = (components == null ? void 0 : components.SendButton) ?? messageComponents.ComposerSendButton;
+  const StopButton = (components == null ? void 0 : components.StopButton) ?? messageComponents.ComposerStopButton;
+  const cancelRun = react$1.useCallback(() => {
+    try {
+      aui.thread.cancelRun();
+      return true;
+    } catch (error) {
+      athenaDiagnostics.athenaDiagnostics.emit("composer.cancel.error", {
+        level: "warn",
+        data: { error: error instanceof Error ? error.message : String(error) }
+      });
+      return false;
+    }
+  }, [aui]);
+  if (action === "stop") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      StopButton,
+      {
+        onStop: () => {
+          if (onStop) {
+            onStop({ cancelRun });
+          } else {
+            cancelRun();
+          }
+        },
+        disabled,
+        title: disabled && stopDisabledTitle ? stopDisabledTitle : void 0
+      }
+    );
+  }
+  const handleSend = async () => {
+    var _a;
+    await (onBeforeSend == null ? void 0 : onBeforeSend({ action }));
+    await ((_a = composerRef.current) == null ? void 0 : _a.submit());
+  };
+  const sendTitle = disabled && sendDisabledTitle ? sendDisabledTitle : sendBlockedReason ?? void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SendButton,
+    {
+      action,
+      onSend: () => void handleSend(),
+      disabled: disabled || !hasDraft || sendBlockedReason != null,
+      title: sendTitle
+    }
+  );
+};
+exports.ComposerSendOrStop = ComposerSendOrStop;
+//# sourceMappingURL=composer-send-or-stop.cjs.map

package/dist/chat-ui/thread/composer-send-or-stop.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer-send-or-stop.cjs","sources":["../../../src/chat-ui/thread/composer-send-or-stop.tsx"],"sourcesContent":["import { athenaDiagnostics } from \"../../diagnostics/athena-diagnostics\";\nimport { useAui, useAuiState } from \"@assistant-ui/react\";\nimport type { FC, RefObject } from \"react\";\nimport { useCallback } from \"react\";\nimport {\n  resolveComposerAction,\n  type ComposerAction,\n} from \"../composer/composer-action\";\nimport {\n  ComposerSendButton,\n  ComposerStopButton,\n  type ComposerSendButtonProps,\n  type ComposerStopButtonProps,\n} from \"../messages/message-components\";\n\n/**\n * The slice of a composer handle this control needs: something whose draft\n * can be submitted. `TiptapComposerHandle` satisfies it; hosts with their own\n * editor plumbing (the SDK's AthenaChat) expose a compatible handle.\n */\nexport interface ComposerSubmitHandle {\n  submit: () => void | Promise<void>;\n}\n\nexport interface ComposerStopControls {\n  /**\n   * Cancels the active run via the runtime. Returns false when cancellation\n   * threw (e.g. the run already settled), so hosts can report whether their\n   * own teardown still needs to stop backend work.\n   */\n  cancelRun: () => boolean;\n}\n\n/**\n * Control renderers, for hosts with their own published theming contract\n * (AthenaChat's `aui-*` class system). Defaults render the shared buttons.\n */\nexport interface ComposerSendOrStopComponents {\n  SendButton?: FC<ComposerSendButtonProps>;\n  StopButton?: FC<ComposerStopButtonProps>;\n}\n\nexport interface ComposerSendOrStopProps {\n  composerRef: RefObject<ComposerSubmitHandle | null>;\n  hasDraft: boolean;\n  /** Disables both send and stop (e.g. while a conversation restores). */\n  disabled?: boolean;\n  /**\n   * Blocks sending (not stopping) with this reason as the tooltip — e.g. a\n   * broken host tunnel that would make tool calls silently fail.\n   */\n  sendBlockedReason?: string | null;\n  /** Tooltip for the send/queue control while `disabled`. */\n  sendDisabledTitle?: string;\n  /** Tooltip for the stop control while `disabled`. */\n  stopDisabledTitle?: string;\n  /**\n   * Host work to run before the draft submits (per-turn bookkeeping).\n   * `action` distinguishes a fresh send from queueing into an active run.\n   */\n  onBeforeSend?: (context: {\n    action: Extract<ComposerAction, \"send\" | \"queue\">;\n  }) => void | Promise<void>;\n  /**\n   * Full custom stop sequence. Hosts that must tear down in-flight host-side\n   * work sequence it around `controls.cancelRun()`. Default: cancel the run.\n   */\n  onStop?: (controls: ComposerStopControls) => void;\n  components?: ComposerSendOrStopComponents;\n}\n\n/**\n * The shared send/queue/stop control: sends the composer draft, queues it as\n * a follow-up while a run is in flight, or stops the run when there is\n * nothing to queue.\n */\nexport const ComposerSendOrStop: FC<ComposerSendOrStopProps> = ({\n  composerRef,\n  hasDraft,\n  disabled = false,\n  sendBlockedReason = null,\n  sendDisabledTitle,\n  stopDisabledTitle,\n  onBeforeSend,\n  onStop,\n  components,\n}) => {\n  const aui = useAui();\n  const isRunning = useAuiState(\n    (state) => state.optional.thread?.isRunning ?? false,\n  );\n  const action = resolveComposerAction({ hasDraft, isRunning });\n  const SendButton = components?.SendButton ?? ComposerSendButton;\n  const StopButton = components?.StopButton ?? ComposerStopButton;\n\n  const cancelRun = useCallback((): boolean => {\n    try {\n      aui.thread.cancelRun();\n      return true;\n    } catch (error) {\n      athenaDiagnostics.emit(\"composer.cancel.error\", {\n        level: \"warn\",\n        data: { error: error instanceof Error ? error.message : String(error) },\n      });\n      return false;\n    }\n  }, [aui]);\n\n  if (action === \"stop\") {\n    return (\n      <StopButton\n        onStop={() => {\n          if (onStop) {\n            onStop({ cancelRun });\n          } else {\n            cancelRun();\n          }\n        }}\n        disabled={disabled}\n        title={disabled && stopDisabledTitle ? stopDisabledTitle : undefined}\n      />\n    );\n  }\n\n  const handleSend = async () => {\n    await onBeforeSend?.({ action });\n    await composerRef.current?.submit();\n  };\n  const sendTitle =\n    disabled && sendDisabledTitle\n      ? sendDisabledTitle\n      : (sendBlockedReason ?? undefined);\n  return (\n    <SendButton\n      action={action}\n      onSend={() => void handleSend()}\n      disabled={disabled || !hasDraft || sendBlockedReason != null}\n      title={sendTitle}\n    />\n  );\n};\n"],"names":["useAui","useAuiState","resolveComposerAction","ComposerSendButton","ComposerStopButton","useCallback","athenaDiagnostics","jsx"],"mappings":";;;;;;;;AA4EO,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,MAAMA,MAAAA,OAAA;AACZ,QAAM,YAAYC,MAAAA;AAAAA,IAChB,CAAC,UAAA;;AAAU,0BAAM,SAAS,WAAf,mBAAuB,cAAa;AAAA;AAAA,EAAA;AAEjD,QAAM,SAASC,eAAAA,sBAAsB,EAAE,UAAU,WAAW;AAC5D,QAAM,cAAa,yCAAY,eAAcC,kBAAAA;AAC7C,QAAM,cAAa,yCAAY,eAAcC,kBAAAA;AAE7C,QAAM,YAAYC,QAAAA,YAAY,MAAe;AAC3C,QAAI;AACF,UAAI,OAAO,UAAA;AACX,aAAO;AAAA,IACT,SAAS,OAAO;AACdC,wBAAAA,kBAAkB,KAAK,yBAAyB;AAAA,QAC9C,OAAO;AAAA,QACP,MAAM,EAAE,OAAO,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,EAAA;AAAA,MAAE,CACvE;AACD,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,MAAI,WAAW,QAAQ;AACrB,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ,MAAM;AACZ,cAAI,QAAQ;AACV,mBAAO,EAAE,WAAW;AAAA,UACtB,OAAO;AACL,sBAAA;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,QACA,OAAO,YAAY,oBAAoB,oBAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjE;AAEA,QAAM,aAAa,YAAY;;AAC7B,WAAM,6CAAe,EAAE;AACvB,YAAM,iBAAY,YAAZ,mBAAqB;AAAA,EAC7B;AACA,QAAM,YACJ,YAAY,oBACR,oBACC,qBAAqB;AAC5B,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,QAAQ,MAAM,KAAK,WAAA;AAAA,MACnB,UAAU,YAAY,CAAC,YAAY,qBAAqB;AAAA,MACxD,OAAO;AAAA,IAAA;AAAA,EAAA;AAGb;;"}

package/dist/chat-ui/thread/composer-send-or-stop.d.ts

@@ -28,12 +28,6 @@ export interface ComposerSendOrStopComponents {
 export interface ComposerSendOrStopProps {
     composerRef: RefObject<ComposerSubmitHandle | null>;
     hasDraft: boolean;
-    /**
-     * Whether a draft may queue behind an active run (server-owned queue).
-     * Hosts on transports without a queue pass false so an active run always
-     * resolves to stop. Defaults to true.
-     */
-    canQueue?: boolean;
     /** Disables both send and stop (e.g. while a conversation restores). */
     disabled?: boolean;
     /**