@athenaintel/react 0.19.0 → 0.21.0

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;
     /**

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

@@ -0,0 +1,75 @@
+import { jsx } from "react/jsx-runtime";
+import { athenaDiagnostics } from "../../diagnostics/athena-diagnostics.js";
+import { useAui, useAuiState } from "@assistant-ui/react";
+import { useCallback } from "react";
+import { resolveComposerAction } from "../composer/composer-action.js";
+import { ComposerSendButton, ComposerStopButton } from "../messages/message-components.js";
+const ComposerSendOrStop = ({
+  composerRef,
+  hasDraft,
+  disabled = false,
+  sendBlockedReason = null,
+  sendDisabledTitle,
+  stopDisabledTitle,
+  onBeforeSend,
+  onStop,
+  components
+}) => {
+  const aui = useAui();
+  const isRunning = useAuiState(
+    (state) => {
+      var _a;
+      return ((_a = state.optional.thread) == null ? void 0 : _a.isRunning) ?? false;
+    }
+  );
+  const action = resolveComposerAction({ hasDraft, isRunning });
+  const SendButton = (components == null ? void 0 : components.SendButton) ?? ComposerSendButton;
+  const StopButton = (components == null ? void 0 : components.StopButton) ?? ComposerStopButton;
+  const cancelRun = useCallback(() => {
+    try {
+      aui.thread.cancelRun();
+      return true;
+    } catch (error) {
+      athenaDiagnostics.emit("composer.cancel.error", {
+        level: "warn",
+        data: { error: error instanceof Error ? error.message : String(error) }
+      });
+      return false;
+    }
+  }, [aui]);
+  if (action === "stop") {
+    return /* @__PURE__ */ 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__ */ jsx(
+    SendButton,
+    {
+      action,
+      onSend: () => void handleSend(),
+      disabled: disabled || !hasDraft || sendBlockedReason != null,
+      title: sendTitle
+    }
+  );
+};
+export {
+  ComposerSendOrStop
+};
+//# sourceMappingURL=composer-send-or-stop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"composer-send-or-stop.js","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":[],"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,MAAM,OAAA;AACZ,QAAM,YAAY;AAAA,IAChB,CAAC,UAAA;;AAAU,0BAAM,SAAS,WAAf,mBAAuB,cAAa;AAAA;AAAA,EAAA;AAEjD,QAAM,SAAS,sBAAsB,EAAE,UAAU,WAAW;AAC5D,QAAM,cAAa,yCAAY,eAAc;AAC7C,QAAM,cAAa,yCAAY,eAAc;AAE7C,QAAM,YAAY,YAAY,MAAe;AAC3C,QAAI;AACF,UAAI,OAAO,UAAA;AACX,aAAO;AAAA,IACT,SAAS,OAAO;AACd,wBAAkB,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,WACE;AAAA,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,SACE;AAAA,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/statewire-history-edge.cjs

@@ -0,0 +1,135 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@assistant-ui/react");
+require("../../packages/agent-runtime/src/generated/runconfig-contract.cjs");
+const react$1 = require("react");
+require("@assistant-ui/tap");
+require("statewire");
+const errors = require("../../packages/agent-runtime/src/errors.cjs");
+require("../../packages/agent-runtime/src/statewire-suspended.cjs");
+require("@tanstack/react-query");
+require("../../packages/agent-runtime/src/statewire-state.cjs");
+require("../../packages/agent-runtime/src/messages.cjs");
+const useDeepAgentWindowSync = require("../../packages/agent-runtime/src/use-deep-agent-window-sync.cjs");
+require("@assistant-ui/store");
+require("../../packages/agent-runtime/src/quota-safe-local-storage-session.cjs");
+require("../../packages/agent-runtime/src/statewire-attach-observer.cjs");
+require("../../packages/agent-runtime/src/thread-status.cjs");
+require("@assistant-ui/react-statewire");
+require("@assistant-ui/core");
+require("../../packages/agent-runtime/src/thread-handoff.cjs");
+const statewireWindowContext = require("../../provider/statewire-window-context.cjs");
+const cnfast = require("cnfast");
+const THREAD_VIEWPORT_ATTR = "data-aui-thread-viewport";
+const HISTORY_EDGE_NEAR_MARGIN_PX = 1500;
+const HistoryEdgeRow = ({
+  olderCount,
+  loading,
+  onLoadOlder,
+  className,
+  rowRef
+}) => {
+  if (olderCount <= 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: rowRef,
+      "data-testid": "thread-history-edge",
+      className: cnfast.cn(
+        "flex w-full max-w-(--thread-max-width) items-center justify-center py-1 text-xs text-muted-foreground",
+        className
+      ),
+      children: loading ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-testid": "thread-history-edge-loading", children: "Loading earlier messages…" }) : /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          "data-testid": "thread-history-edge-load",
+          onClick: onLoadOlder,
+          className: "rounded-lg px-2.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+          children: [
+            olderCount.toLocaleString(),
+            " earlier ",
+            olderCount === 1 ? "message" : "messages"
+          ]
+        }
+      )
+    }
+  );
+};
+const StatewireHistoryEdge = ({
+  toolOutputs: toolOutputsProp,
+  className,
+  onHistoryLoad
+}) => {
+  var _a;
+  const providerToolOutputs = statewireWindowContext.useStatewireToolOutputs();
+  const toolOutputs = toolOutputsProp ?? providerToolOutputs ?? void 0;
+  const messages = react.useAuiState((s) => s.thread.messages);
+  const [nearTop, setNearTop] = react$1.useState(false);
+  const [nearTopEpoch, setNearTopEpoch] = react$1.useState(0);
+  const nearTopRef = react$1.useRef(false);
+  const [rowEl, setRowEl] = react$1.useState(null);
+  const { olderCount, loading, loadOlder } = useDeepAgentWindowSync.useDeepAgentWindowSync({
+    messages,
+    toolOutputs,
+    nearTop,
+    nearTopEpoch,
+    onHistoryLoad,
+    onError: (error, command) => {
+      if (error instanceof Error && errors.isStatewireChannelTeardown(error)) return;
+      console.warn(`[StatewireHistoryEdge] ${command} failed:`, error);
+    }
+  });
+  react$1.useEffect(() => {
+    if (!rowEl || olderCount <= 0 || typeof IntersectionObserver === "undefined") return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          const near = entry.isIntersecting;
+          if (nearTopRef.current === near) continue;
+          nearTopRef.current = near;
+          setNearTop(near);
+          if (near) setNearTopEpoch((epoch) => epoch + 1);
+        }
+      },
+      {
+        root: rowEl.closest(`[${THREAD_VIEWPORT_ATTR}]`),
+        rootMargin: `${HISTORY_EDGE_NEAR_MARGIN_PX}px 0px`
+      }
+    );
+    observer.observe(rowEl);
+    return () => {
+      observer.disconnect();
+      nearTopRef.current = false;
+      setNearTop(false);
+    };
+  }, [rowEl, olderCount]);
+  const shapeRef = react$1.useRef(
+    null
+  );
+  const firstId = (_a = messages[0]) == null ? void 0 : _a.id;
+  const length = messages.length;
+  react$1.useLayoutEffect(() => {
+    const viewport = (rowEl == null ? void 0 : rowEl.closest(`[${THREAD_VIEWPORT_ATTR}]`)) ?? null;
+    const prev = shapeRef.current;
+    const prepended = viewport !== null && prev !== null && prev.firstId !== void 0 && firstId !== prev.firstId && length > prev.length;
+    if (prepended) viewport.scrollTop += viewport.scrollHeight - prev.scrollHeight;
+    shapeRef.current = loading || prepended || prev === null ? { firstId, length, scrollHeight: (viewport == null ? void 0 : viewport.scrollHeight) ?? 0 } : { firstId, length, scrollHeight: prev.scrollHeight };
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    HistoryEdgeRow,
+    {
+      rowRef: setRowEl,
+      olderCount,
+      loading,
+      onLoadOlder: loadOlder,
+      className
+    }
+  );
+};
+exports.HISTORY_EDGE_NEAR_MARGIN_PX = HISTORY_EDGE_NEAR_MARGIN_PX;
+exports.HistoryEdgeRow = HistoryEdgeRow;
+exports.StatewireHistoryEdge = StatewireHistoryEdge;
+exports.THREAD_VIEWPORT_ATTR = THREAD_VIEWPORT_ATTR;
+//# sourceMappingURL=statewire-history-edge.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"statewire-history-edge.cjs","sources":["../../../src/chat-ui/thread/statewire-history-edge.tsx"],"sourcesContent":["import { useAuiState } from \"@assistant-ui/react\";\nimport {\n  type DeepAgentHistoryLoadEvent,\n  type DeepAgentToolOutputStore,\n  isStatewireChannelTeardown,\n  useDeepAgentWindowSync,\n} from \"@athenaintel/agent-runtime\";\nimport type { FC } from \"react\";\nimport { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { useStatewireToolOutputs } from \"../../provider/statewire-window-context\";\n\n/** The attribute `ChatThreadShell` stamps on the scroll viewport. */\nexport const THREAD_VIEWPORT_ATTR = \"data-aui-thread-viewport\";\n\n/**\n * How far above the viewport the edge row counts as near: the row sits above\n * the first loaded message, so reaching it means the user has scrolled past\n * everything loaded and the next page should already be on its way.\n */\nexport const HISTORY_EDGE_NEAR_MARGIN_PX = 1500;\n\nexport interface HistoryEdgeRowProps {\n  /** Messages older than the loaded window the server still holds. */\n  olderCount: number;\n  /** A page of older history is in flight. */\n  loading: boolean;\n  onLoadOlder: () => void;\n  className?: string;\n  /** The row element, for the viewport observer. */\n  rowRef?: (element: HTMLElement | null) => void;\n}\n\n/**\n * The top edge of the LOADED history on a windowed wire: how many older\n * messages the server still holds, a manual way to load the next page, and\n * the in-flight state. Renders nothing when the whole transcript is loaded\n * (or the wire is not windowed).\n */\nexport const HistoryEdgeRow: FC<HistoryEdgeRowProps> = ({\n  olderCount,\n  loading,\n  onLoadOlder,\n  className,\n  rowRef,\n}) => {\n  if (olderCount <= 0) return null;\n  return (\n    <div\n      ref={rowRef}\n      data-testid=\"thread-history-edge\"\n      className={cn(\n        \"flex w-full max-w-(--thread-max-width) items-center justify-center py-1 text-xs text-muted-foreground\",\n        className,\n      )}\n    >\n      {loading ? (\n        <span data-testid=\"thread-history-edge-loading\">Loading earlier messages…</span>\n      ) : (\n        <button\n          type=\"button\"\n          data-testid=\"thread-history-edge-load\"\n          onClick={onLoadOlder}\n          className=\"rounded-lg px-2.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\"\n        >\n          {olderCount.toLocaleString()} earlier {olderCount === 1 ? \"message\" : \"messages\"}\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport interface StatewireHistoryEdgeProps {\n  /**\n   * The thread's tool-output store (the one its converter substitutes from).\n   * Defaults to `AthenaProvider`'s; hosts mounting the runtime themselves pass\n   * the store they gave `useDeepAgentRuntime({ toolOutputs })`.\n   */\n  toolOutputs?: DeepAgentToolOutputStore;\n  className?: string;\n  /** A `history/load` settled (telemetry). */\n  onHistoryLoad?: (event: DeepAgentHistoryLoadEvent) => void;\n}\n\n/**\n * The client half of the windowed wire for a DOM thread — mounted once per\n * thread, inside the scroll viewport above the messages (`ChatThreadShell`'s\n * `beforeMessages` slot):\n *\n * - renders the \"N earlier messages\" edge row and loads the next page when\n *   the row comes near the viewport (scrolling up) or on its button, keeping\n *   the reading position when the page lands above the view;\n * - fetches cut tool outputs whole for the rendered cards, so they re-render\n *   complete through the converter (`toolOutputs`).\n *\n * Inert on a wire that is not windowed: no row, no reads.\n */\nexport const StatewireHistoryEdge: FC<StatewireHistoryEdgeProps> = ({\n  toolOutputs: toolOutputsProp,\n  className,\n  onHistoryLoad,\n}) => {\n  const providerToolOutputs = useStatewireToolOutputs();\n  const toolOutputs = toolOutputsProp ?? providerToolOutputs ?? undefined;\n  const messages = useAuiState((s) => s.thread.messages);\n  const [nearTop, setNearTop] = useState(false);\n  const [nearTopEpoch, setNearTopEpoch] = useState(0);\n  const nearTopRef = useRef(false);\n  const [rowEl, setRowEl] = useState<HTMLElement | null>(null);\n  const { olderCount, loading, loadOlder } = useDeepAgentWindowSync({\n    messages,\n    toolOutputs,\n    nearTop,\n    nearTopEpoch,\n    onHistoryLoad,\n    onError: (error, command) => {\n      // Leaving the thread settles an in-flight read as lost: lifecycle, not a failure.\n      if (error instanceof Error && isStatewireChannelTeardown(error)) return;\n      console.warn(`[StatewireHistoryEdge] ${command} failed:`, error);\n    },\n  });\n\n  // The row's own visibility is the near-top level: a level, not an edge, so\n  // pages chain while the user stays at the top and stop once the prepended\n  // content has pushed the row away again.\n  useEffect(() => {\n    if (!rowEl || olderCount <= 0 || typeof IntersectionObserver === \"undefined\") return;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          const near = entry.isIntersecting;\n          if (nearTopRef.current === near) continue;\n          nearTopRef.current = near;\n          setNearTop(near);\n          if (near) setNearTopEpoch((epoch) => epoch + 1);\n        }\n      },\n      {\n        root: rowEl.closest<HTMLElement>(`[${THREAD_VIEWPORT_ATTR}]`),\n        rootMargin: `${HISTORY_EDGE_NEAR_MARGIN_PX}px 0px`,\n      },\n    );\n    observer.observe(rowEl);\n    return () => {\n      observer.disconnect();\n      nearTopRef.current = false;\n      setNearTop(false);\n    };\n  }, [rowEl, olderCount]);\n\n  // A prepend (older history landing) keeps the reading position: the\n  // viewport scrolls by the height the page added above the view, so the\n  // message the user was on stays put. The pre-prepend height is measured\n  // only while a page is in flight (a layout read per render would force a\n  // reflow on every streamed token otherwise).\n  const shapeRef = useRef<{ firstId: string | undefined; length: number; scrollHeight: number } | null>(\n    null,\n  );\n  const firstId = messages[0]?.id;\n  const length = messages.length;\n  useLayoutEffect(() => {\n    const viewport = rowEl?.closest<HTMLElement>(`[${THREAD_VIEWPORT_ATTR}]`) ?? null;\n    const prev = shapeRef.current;\n    const prepended =\n      viewport !== null &&\n      prev !== null &&\n      prev.firstId !== undefined &&\n      firstId !== prev.firstId &&\n      length > prev.length;\n    if (prepended) viewport.scrollTop += viewport.scrollHeight - prev.scrollHeight;\n    shapeRef.current =\n      loading || prepended || prev === null\n        ? { firstId, length, scrollHeight: viewport?.scrollHeight ?? 0 }\n        : { firstId, length, scrollHeight: prev.scrollHeight };\n  });\n\n  return (\n    <HistoryEdgeRow\n      rowRef={setRowEl}\n      olderCount={olderCount}\n      loading={loading}\n      onLoadOlder={loadOlder}\n      className={className}\n    />\n  );\n};\n"],"names":["jsx","cn","jsxs","useStatewireToolOutputs","useAuiState","useState","useRef","useDeepAgentWindowSync","isStatewireChannelTeardown","useEffect","useLayoutEffect"],"mappings":"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"}

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

@@ -0,0 +1,135 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAuiState } from "@assistant-ui/react";
+import "../../packages/agent-runtime/src/generated/runconfig-contract.js";
+import { useState, useRef, useEffect, useLayoutEffect } from "react";
+import "@assistant-ui/tap";
+import "statewire";
+import { isStatewireChannelTeardown } from "../../packages/agent-runtime/src/errors.js";
+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 { useDeepAgentWindowSync } from "../../packages/agent-runtime/src/use-deep-agent-window-sync.js";
+import "@assistant-ui/store";
+import "../../packages/agent-runtime/src/quota-safe-local-storage-session.js";
+import "../../packages/agent-runtime/src/statewire-attach-observer.js";
+import "../../packages/agent-runtime/src/thread-status.js";
+import "@assistant-ui/react-statewire";
+import "@assistant-ui/core";
+import "../../packages/agent-runtime/src/thread-handoff.js";
+import { useStatewireToolOutputs } from "../../provider/statewire-window-context.js";
+import { cn } from "cnfast";
+const THREAD_VIEWPORT_ATTR = "data-aui-thread-viewport";
+const HISTORY_EDGE_NEAR_MARGIN_PX = 1500;
+const HistoryEdgeRow = ({
+  olderCount,
+  loading,
+  onLoadOlder,
+  className,
+  rowRef
+}) => {
+  if (olderCount <= 0) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: rowRef,
+      "data-testid": "thread-history-edge",
+      className: cn(
+        "flex w-full max-w-(--thread-max-width) items-center justify-center py-1 text-xs text-muted-foreground",
+        className
+      ),
+      children: loading ? /* @__PURE__ */ jsx("span", { "data-testid": "thread-history-edge-loading", children: "Loading earlier messages…" }) : /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "data-testid": "thread-history-edge-load",
+          onClick: onLoadOlder,
+          className: "rounded-lg px-2.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+          children: [
+            olderCount.toLocaleString(),
+            " earlier ",
+            olderCount === 1 ? "message" : "messages"
+          ]
+        }
+      )
+    }
+  );
+};
+const StatewireHistoryEdge = ({
+  toolOutputs: toolOutputsProp,
+  className,
+  onHistoryLoad
+}) => {
+  var _a;
+  const providerToolOutputs = useStatewireToolOutputs();
+  const toolOutputs = toolOutputsProp ?? providerToolOutputs ?? void 0;
+  const messages = useAuiState((s) => s.thread.messages);
+  const [nearTop, setNearTop] = useState(false);
+  const [nearTopEpoch, setNearTopEpoch] = useState(0);
+  const nearTopRef = useRef(false);
+  const [rowEl, setRowEl] = useState(null);
+  const { olderCount, loading, loadOlder } = useDeepAgentWindowSync({
+    messages,
+    toolOutputs,
+    nearTop,
+    nearTopEpoch,
+    onHistoryLoad,
+    onError: (error, command) => {
+      if (error instanceof Error && isStatewireChannelTeardown(error)) return;
+      console.warn(`[StatewireHistoryEdge] ${command} failed:`, error);
+    }
+  });
+  useEffect(() => {
+    if (!rowEl || olderCount <= 0 || typeof IntersectionObserver === "undefined") return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          const near = entry.isIntersecting;
+          if (nearTopRef.current === near) continue;
+          nearTopRef.current = near;
+          setNearTop(near);
+          if (near) setNearTopEpoch((epoch) => epoch + 1);
+        }
+      },
+      {
+        root: rowEl.closest(`[${THREAD_VIEWPORT_ATTR}]`),
+        rootMargin: `${HISTORY_EDGE_NEAR_MARGIN_PX}px 0px`
+      }
+    );
+    observer.observe(rowEl);
+    return () => {
+      observer.disconnect();
+      nearTopRef.current = false;
+      setNearTop(false);
+    };
+  }, [rowEl, olderCount]);
+  const shapeRef = useRef(
+    null
+  );
+  const firstId = (_a = messages[0]) == null ? void 0 : _a.id;
+  const length = messages.length;
+  useLayoutEffect(() => {
+    const viewport = (rowEl == null ? void 0 : rowEl.closest(`[${THREAD_VIEWPORT_ATTR}]`)) ?? null;
+    const prev = shapeRef.current;
+    const prepended = viewport !== null && prev !== null && prev.firstId !== void 0 && firstId !== prev.firstId && length > prev.length;
+    if (prepended) viewport.scrollTop += viewport.scrollHeight - prev.scrollHeight;
+    shapeRef.current = loading || prepended || prev === null ? { firstId, length, scrollHeight: (viewport == null ? void 0 : viewport.scrollHeight) ?? 0 } : { firstId, length, scrollHeight: prev.scrollHeight };
+  });
+  return /* @__PURE__ */ jsx(
+    HistoryEdgeRow,
+    {
+      rowRef: setRowEl,
+      olderCount,
+      loading,
+      onLoadOlder: loadOlder,
+      className
+    }
+  );
+};
+export {
+  HISTORY_EDGE_NEAR_MARGIN_PX,
+  HistoryEdgeRow,
+  StatewireHistoryEdge,
+  THREAD_VIEWPORT_ATTR
+};
+//# sourceMappingURL=statewire-history-edge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"statewire-history-edge.js","sources":["../../../src/chat-ui/thread/statewire-history-edge.tsx"],"sourcesContent":["import { useAuiState } from \"@assistant-ui/react\";\nimport {\n  type DeepAgentHistoryLoadEvent,\n  type DeepAgentToolOutputStore,\n  isStatewireChannelTeardown,\n  useDeepAgentWindowSync,\n} from \"@athenaintel/agent-runtime\";\nimport type { FC } from \"react\";\nimport { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { useStatewireToolOutputs } from \"../../provider/statewire-window-context\";\n\n/** The attribute `ChatThreadShell` stamps on the scroll viewport. */\nexport const THREAD_VIEWPORT_ATTR = \"data-aui-thread-viewport\";\n\n/**\n * How far above the viewport the edge row counts as near: the row sits above\n * the first loaded message, so reaching it means the user has scrolled past\n * everything loaded and the next page should already be on its way.\n */\nexport const HISTORY_EDGE_NEAR_MARGIN_PX = 1500;\n\nexport interface HistoryEdgeRowProps {\n  /** Messages older than the loaded window the server still holds. */\n  olderCount: number;\n  /** A page of older history is in flight. */\n  loading: boolean;\n  onLoadOlder: () => void;\n  className?: string;\n  /** The row element, for the viewport observer. */\n  rowRef?: (element: HTMLElement | null) => void;\n}\n\n/**\n * The top edge of the LOADED history on a windowed wire: how many older\n * messages the server still holds, a manual way to load the next page, and\n * the in-flight state. Renders nothing when the whole transcript is loaded\n * (or the wire is not windowed).\n */\nexport const HistoryEdgeRow: FC<HistoryEdgeRowProps> = ({\n  olderCount,\n  loading,\n  onLoadOlder,\n  className,\n  rowRef,\n}) => {\n  if (olderCount <= 0) return null;\n  return (\n    <div\n      ref={rowRef}\n      data-testid=\"thread-history-edge\"\n      className={cn(\n        \"flex w-full max-w-(--thread-max-width) items-center justify-center py-1 text-xs text-muted-foreground\",\n        className,\n      )}\n    >\n      {loading ? (\n        <span data-testid=\"thread-history-edge-loading\">Loading earlier messages…</span>\n      ) : (\n        <button\n          type=\"button\"\n          data-testid=\"thread-history-edge-load\"\n          onClick={onLoadOlder}\n          className=\"rounded-lg px-2.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\"\n        >\n          {olderCount.toLocaleString()} earlier {olderCount === 1 ? \"message\" : \"messages\"}\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport interface StatewireHistoryEdgeProps {\n  /**\n   * The thread's tool-output store (the one its converter substitutes from).\n   * Defaults to `AthenaProvider`'s; hosts mounting the runtime themselves pass\n   * the store they gave `useDeepAgentRuntime({ toolOutputs })`.\n   */\n  toolOutputs?: DeepAgentToolOutputStore;\n  className?: string;\n  /** A `history/load` settled (telemetry). */\n  onHistoryLoad?: (event: DeepAgentHistoryLoadEvent) => void;\n}\n\n/**\n * The client half of the windowed wire for a DOM thread — mounted once per\n * thread, inside the scroll viewport above the messages (`ChatThreadShell`'s\n * `beforeMessages` slot):\n *\n * - renders the \"N earlier messages\" edge row and loads the next page when\n *   the row comes near the viewport (scrolling up) or on its button, keeping\n *   the reading position when the page lands above the view;\n * - fetches cut tool outputs whole for the rendered cards, so they re-render\n *   complete through the converter (`toolOutputs`).\n *\n * Inert on a wire that is not windowed: no row, no reads.\n */\nexport const StatewireHistoryEdge: FC<StatewireHistoryEdgeProps> = ({\n  toolOutputs: toolOutputsProp,\n  className,\n  onHistoryLoad,\n}) => {\n  const providerToolOutputs = useStatewireToolOutputs();\n  const toolOutputs = toolOutputsProp ?? providerToolOutputs ?? undefined;\n  const messages = useAuiState((s) => s.thread.messages);\n  const [nearTop, setNearTop] = useState(false);\n  const [nearTopEpoch, setNearTopEpoch] = useState(0);\n  const nearTopRef = useRef(false);\n  const [rowEl, setRowEl] = useState<HTMLElement | null>(null);\n  const { olderCount, loading, loadOlder } = useDeepAgentWindowSync({\n    messages,\n    toolOutputs,\n    nearTop,\n    nearTopEpoch,\n    onHistoryLoad,\n    onError: (error, command) => {\n      // Leaving the thread settles an in-flight read as lost: lifecycle, not a failure.\n      if (error instanceof Error && isStatewireChannelTeardown(error)) return;\n      console.warn(`[StatewireHistoryEdge] ${command} failed:`, error);\n    },\n  });\n\n  // The row's own visibility is the near-top level: a level, not an edge, so\n  // pages chain while the user stays at the top and stop once the prepended\n  // content has pushed the row away again.\n  useEffect(() => {\n    if (!rowEl || olderCount <= 0 || typeof IntersectionObserver === \"undefined\") return;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          const near = entry.isIntersecting;\n          if (nearTopRef.current === near) continue;\n          nearTopRef.current = near;\n          setNearTop(near);\n          if (near) setNearTopEpoch((epoch) => epoch + 1);\n        }\n      },\n      {\n        root: rowEl.closest<HTMLElement>(`[${THREAD_VIEWPORT_ATTR}]`),\n        rootMargin: `${HISTORY_EDGE_NEAR_MARGIN_PX}px 0px`,\n      },\n    );\n    observer.observe(rowEl);\n    return () => {\n      observer.disconnect();\n      nearTopRef.current = false;\n      setNearTop(false);\n    };\n  }, [rowEl, olderCount]);\n\n  // A prepend (older history landing) keeps the reading position: the\n  // viewport scrolls by the height the page added above the view, so the\n  // message the user was on stays put. The pre-prepend height is measured\n  // only while a page is in flight (a layout read per render would force a\n  // reflow on every streamed token otherwise).\n  const shapeRef = useRef<{ firstId: string | undefined; length: number; scrollHeight: number } | null>(\n    null,\n  );\n  const firstId = messages[0]?.id;\n  const length = messages.length;\n  useLayoutEffect(() => {\n    const viewport = rowEl?.closest<HTMLElement>(`[${THREAD_VIEWPORT_ATTR}]`) ?? null;\n    const prev = shapeRef.current;\n    const prepended =\n      viewport !== null &&\n      prev !== null &&\n      prev.firstId !== undefined &&\n      firstId !== prev.firstId &&\n      length > prev.length;\n    if (prepended) viewport.scrollTop += viewport.scrollHeight - prev.scrollHeight;\n    shapeRef.current =\n      loading || prepended || prev === null\n        ? { firstId, length, scrollHeight: viewport?.scrollHeight ?? 0 }\n        : { firstId, length, scrollHeight: prev.scrollHeight };\n  });\n\n  return (\n    <HistoryEdgeRow\n      rowRef={setRowEl}\n      olderCount={olderCount}\n      loading={loading}\n      onLoadOlder={loadOlder}\n      className={className}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}