@athenaintel/react 0.48.0 → 0.52.1

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

@@ -10,6 +10,8 @@ const messageActionsConfig = require("../messages/message-actions-config.cjs");
 const userEditComposer = require("../messages/user-edit-composer.cjs");
 const runningIndicator = require("../messages/running-indicator.cjs");
 const handoffArrivalDivider = require("../messages/handoff-arrival-divider.cjs");
+const fromTheCallCard = require("../messages/from-the-call-card.cjs");
+const statewireHistoryEdge = require("./statewire-history-edge.cjs");
 const threadChrome = require("../messages/thread-chrome.cjs");
 const messages = require("../../agent-runtime/src/messages.cjs");
 const withArrivalDivider = /* @__PURE__ */ (() => {
@@ -19,6 +21,7 @@ const withArrivalDivider = /* @__PURE__ */ (() => {
     if (existing) return existing;
     const WithArrivalDivider = () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(Message, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(fromTheCallCard.FromTheCallAfterMessage, {}),
       /* @__PURE__ */ jsxRuntime.jsx(handoffArrivalDivider.HandoffArrivalAfterMessage, {})
     ] });
     wrapped.set(Message, WithArrivalDivider);
@@ -113,6 +116,7 @@ function ChatThreadShell({
                 react.ThreadPrimitive.ViewportFooter,
                 {
                   className: viewportFooterClassName ?? DEFAULT_VIEWPORT_FOOTER_CLASS,
+                  ...{ [statewireHistoryEdge.THREAD_VIEWPORT_FOOTER_ATTR]: "" },
                   children: [
                     scrollToBottom,
                     viewportFooter

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

@@ -1 +1 @@
-{"version":3,"file":"chat-thread-shell.cjs","sources":["../../../src/chat-ui/thread/chat-thread-shell.tsx"],"sourcesContent":["import { AuiIf, ThreadPrimitive, useAuiState } from \"@assistant-ui/react\";\nimport { deepAgentRowKey } from \"@athenaintel/agent-runtime\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport type { ComponentProps, 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 { AnswerLabelScope } from \"../messages/answer-label\";\nimport { MessageActionsReadOnlyProvider } from \"../messages/message-actions-config\";\nimport { UserEditComposer } from \"../messages/user-edit-composer\";\nimport { ThreadRunningIndicator } from \"../messages/running-indicator\";\nimport {\n  HandoffArrivalAfterMessage,\n  HandoffArrivalScope,\n} from \"../messages/handoff-arrival-divider\";\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\n// One wrapper per message renderer, so a renderer keeps its identity across\n// shells and renders: a row renders its message through the component it is\n// handed, and a new component identity would remount every row.\nconst withArrivalDivider = (() => {\n  const wrapped = new WeakMap<FC, FC>();\n  return (Message: FC): FC => {\n    const existing = wrapped.get(Message);\n    if (existing) return existing;\n    const WithArrivalDivider: FC = () => (\n      <>\n        <Message />\n        <HandoffArrivalAfterMessage />\n      </>\n    );\n    wrapped.set(Message, WithArrivalDivider);\n    return WithArrivalDivider;\n  };\n})();\n\ntype ThreadRowComponents = ComponentProps<typeof ThreadPrimitive.MessageByIndex>[\"components\"];\n\nconst ROW_KEY_SEPARATOR = \"\\u0000\";\n\n/**\n * The thread's messages, one row each under its row key (`deepAgentRowKey`).\n *\n * `ThreadPrimitive.Messages` keys a row by its message id. A page of older\n * history that folds into the first loaded turn (a long run's earlier steps)\n * gives that turn a new id on every page, so keyed by id the turn's row\n * remounted once per page: it flashed through its entrance animation, closed\n * what the person had opened in it and took the browser's scroll anchor with\n * it. The row key stays with the row the turn continues, so the page lands in\n * the mounted row. A message from another runtime keys by its id, as before.\n */\nconst ThreadRows: FC<{ components: ThreadRowComponents }> = ({ components }) => {\n  const joinedKeys = useAuiState((s) =>\n    s.thread.messages.map((message) => deepAgentRowKey(message)).join(ROW_KEY_SEPARATOR),\n  );\n  const rowKeys = useMemo(\n    () => (joinedKeys === \"\" ? [] : joinedKeys.split(ROW_KEY_SEPARATOR)),\n    [joinedKeys],\n  );\n  return (\n    <>\n      {rowKeys.map((key, index) => (\n        <ThreadPrimitive.MessageByIndex key={key} index={index} components={components} />\n      ))}\n    </>\n  );\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 the thread's rows. */\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   * The backend id of the thread on screen. When this surface picked the\n   * conversation up from another one (`recordHandoffArrival`), the transcript\n   * shows \"Continued from …\" after the last message that was already there.\n   */\n  arrivalThreadId?: string | null;\n  /**\n   * The signed-in viewer's Athena user id (`user_…`), for the answer labels\n   * (`AnswerLabel`): their own answers read \"for you\", and an answer for\n   * another person is labelled even in a 1:1 chat. Omitted, answers name the\n   * person by name and are labelled only once the thread holds several agents\n   * or several people.\n   */\n  viewerUserId?: string | null;\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  arrivalThreadId = null,\n  viewerUserId = null,\n}: ChatThreadShellProps) {\n  const {\n    UserMessage,\n    AssistantMessage,\n    UserEditComposer: UserEditComposerComponent = UserEditComposer,\n  } = components;\n  // A row resolves its renderer by component identity, so keep the merged map\n  // referentially stable across renders.\n  const messageComponents = useMemo(\n    () => ({\n      UserMessage: withArrivalDivider(UserMessage),\n      AssistantMessage: withArrivalDivider(AssistantMessage),\n      UserEditComposer: UserEditComposerComponent,\n    }),\n    [UserMessage, AssistantMessage, UserEditComposerComponent],\n  );\n  const messages = (\n    <HandoffArrivalScope threadId={arrivalThreadId}>\n      <AnswerLabelScope viewerUserId={viewerUserId}>\n        <ThreadRows components={messageComponents} />\n      </AnswerLabelScope>\n    </HandoffArrivalScope>\n  );\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":["jsxs","Fragment","jsx","HandoffArrivalAfterMessage","useAuiState","deepAgentRowKey","useMemo","ThreadPrimitive","AuiIf","THREAD_SCROLL_TO_BOTTOM_CLASS","ChevronDownIcon","runningIndicator","ThreadRunningIndicator","UserEditComposer","messageComponents","messages","HandoffArrivalScope","AnswerLabelScope","MessageActionsReadOnlyProvider","THREAD_PANEL_CLASS"],"mappings":"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"}
+{"version":3,"file":"chat-thread-shell.cjs","sources":["../../../src/chat-ui/thread/chat-thread-shell.tsx"],"sourcesContent":["import { AuiIf, ThreadPrimitive, useAuiState } from \"@assistant-ui/react\";\nimport { deepAgentRowKey } from \"@athenaintel/agent-runtime\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport type { ComponentProps, 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 { AnswerLabelScope } from \"../messages/answer-label\";\nimport { MessageActionsReadOnlyProvider } from \"../messages/message-actions-config\";\nimport { UserEditComposer } from \"../messages/user-edit-composer\";\nimport { ThreadRunningIndicator } from \"../messages/running-indicator\";\nimport {\n  HandoffArrivalAfterMessage,\n  HandoffArrivalScope,\n} from \"../messages/handoff-arrival-divider\";\nimport { FromTheCallAfterMessage } from \"../messages/from-the-call-card\";\nimport { THREAD_VIEWPORT_FOOTER_ATTR } from \"./statewire-history-edge\";\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\n// One wrapper per message renderer, so a renderer keeps its identity across\n// shells and renders: a row renders its message through the component it is\n// handed, and a new component identity would remount every row.\nconst withArrivalDivider = (() => {\n  const wrapped = new WeakMap<FC, FC>();\n  return (Message: FC): FC => {\n    const existing = wrapped.get(Message);\n    if (existing) return existing;\n    // After the message: the \"From the call\" card where a call's stretch\n    // ends, then the arrival divider (the arrival came after the call).\n    const WithArrivalDivider: FC = () => (\n      <>\n        <Message />\n        <FromTheCallAfterMessage />\n        <HandoffArrivalAfterMessage />\n      </>\n    );\n    wrapped.set(Message, WithArrivalDivider);\n    return WithArrivalDivider;\n  };\n})();\n\ntype ThreadRowComponents = ComponentProps<typeof ThreadPrimitive.MessageByIndex>[\"components\"];\n\nconst ROW_KEY_SEPARATOR = \"\\u0000\";\n\n/**\n * The thread's messages, one row each under its row key (`deepAgentRowKey`).\n *\n * `ThreadPrimitive.Messages` keys a row by its message id. A page of older\n * history that folds into the first loaded turn (a long run's earlier steps)\n * gives that turn a new id on every page, so keyed by id the turn's row\n * remounted once per page: it flashed through its entrance animation, closed\n * what the person had opened in it and took the browser's scroll anchor with\n * it. The row key stays with the row the turn continues, so the page lands in\n * the mounted row. A message from another runtime keys by its id, as before.\n */\nconst ThreadRows: FC<{ components: ThreadRowComponents }> = ({ components }) => {\n  const joinedKeys = useAuiState((s) =>\n    s.thread.messages.map((message) => deepAgentRowKey(message)).join(ROW_KEY_SEPARATOR),\n  );\n  const rowKeys = useMemo(\n    () => (joinedKeys === \"\" ? [] : joinedKeys.split(ROW_KEY_SEPARATOR)),\n    [joinedKeys],\n  );\n  return (\n    <>\n      {rowKeys.map((key, index) => (\n        <ThreadPrimitive.MessageByIndex key={key} index={index} components={components} />\n      ))}\n    </>\n  );\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 the thread's rows. */\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   * The backend id of the thread on screen. When this surface picked the\n   * conversation up from another one (`recordHandoffArrival`), the transcript\n   * shows \"Continued from …\" after the last message that was already there.\n   * A host that is a handover destination also mounts `HandoffCursorReveal`\n   * for it in `viewportOverlay`, so the transcript opens at the message the\n   * other surface was reading (hosts that never receive one, the Office pane,\n   * don't carry it).\n   */\n  arrivalThreadId?: string | null;\n  /**\n   * The signed-in viewer's Athena user id (`user_…`), for the answer labels\n   * (`AnswerLabel`): their own answers read \"for you\", and an answer for\n   * another person is labelled even in a 1:1 chat. Omitted, answers name the\n   * person by name and are labelled only once the thread holds several agents\n   * or several people.\n   */\n  viewerUserId?: string | null;\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  arrivalThreadId = null,\n  viewerUserId = null,\n}: ChatThreadShellProps) {\n  const {\n    UserMessage,\n    AssistantMessage,\n    UserEditComposer: UserEditComposerComponent = UserEditComposer,\n  } = components;\n  // A row resolves its renderer by component identity, so keep the merged map\n  // referentially stable across renders.\n  const messageComponents = useMemo(\n    () => ({\n      UserMessage: withArrivalDivider(UserMessage),\n      AssistantMessage: withArrivalDivider(AssistantMessage),\n      UserEditComposer: UserEditComposerComponent,\n    }),\n    [UserMessage, AssistantMessage, UserEditComposerComponent],\n  );\n  const messages = (\n    <HandoffArrivalScope threadId={arrivalThreadId}>\n      <AnswerLabelScope viewerUserId={viewerUserId}>\n        <ThreadRows components={messageComponents} />\n      </AnswerLabelScope>\n    </HandoffArrivalScope>\n  );\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            {...{ [THREAD_VIEWPORT_FOOTER_ATTR]: \"\" }}\n          >\n            {scrollToBottom}\n            {viewportFooter}\n          </ThreadPrimitive.ViewportFooter>\n        </ThreadPrimitive.Viewport>\n        {belowViewport}\n        {composer}\n      </ThreadPrimitive.Root>\n    </MessageActionsReadOnlyProvider>\n  );\n}\n"],"names":["jsxs","Fragment","jsx","FromTheCallAfterMessage","HandoffArrivalAfterMessage","useAuiState","deepAgentRowKey","useMemo","ThreadPrimitive","AuiIf","THREAD_SCROLL_TO_BOTTOM_CLASS","ChevronDownIcon","runningIndicator","ThreadRunningIndicator","UserEditComposer","messageComponents","messages","HandoffArrivalScope","AnswerLabelScope","MessageActionsReadOnlyProvider","THREAD_PANEL_CLASS","THREAD_VIEWPORT_FOOTER_ATTR"],"mappings":"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"}

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

@@ -106,6 +106,10 @@ export interface ChatThreadShellProps {
      * The backend id of the thread on screen. When this surface picked the
      * conversation up from another one (`recordHandoffArrival`), the transcript
      * shows "Continued from …" after the last message that was already there.
+     * A host that is a handover destination also mounts `HandoffCursorReveal`
+     * for it in `viewportOverlay`, so the transcript opens at the message the
+     * other surface was reading (hosts that never receive one, the Office pane,
+     * don't carry it).
      */
     arrivalThreadId?: string | null;
     /**

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

@@ -8,6 +8,8 @@ import { MessageActionsReadOnlyProvider } from "../messages/message-actions-conf
 import { UserEditComposer } from "../messages/user-edit-composer.js";
 import { ThreadRunningIndicator } from "../messages/running-indicator.js";
 import { HandoffArrivalScope, HandoffArrivalAfterMessage } from "../messages/handoff-arrival-divider.js";
+import { FromTheCallAfterMessage } from "../messages/from-the-call-card.js";
+import { THREAD_VIEWPORT_FOOTER_ATTR } from "./statewire-history-edge.js";
 import { THREAD_PANEL_CLASS } from "../messages/thread-chrome.js";
 import { deepAgentRowKey } from "../../agent-runtime/src/messages.js";
 const withArrivalDivider = /* @__PURE__ */ (() => {
@@ -17,6 +19,7 @@ const withArrivalDivider = /* @__PURE__ */ (() => {
     if (existing) return existing;
     const WithArrivalDivider = () => /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Message, {}),
+      /* @__PURE__ */ jsx(FromTheCallAfterMessage, {}),
       /* @__PURE__ */ jsx(HandoffArrivalAfterMessage, {})
     ] });
     wrapped.set(Message, WithArrivalDivider);
@@ -111,6 +114,7 @@ function ChatThreadShell({
                 ThreadPrimitive.ViewportFooter,
                 {
                   className: viewportFooterClassName ?? DEFAULT_VIEWPORT_FOOTER_CLASS,
+                  ...{ [THREAD_VIEWPORT_FOOTER_ATTR]: "" },
                   children: [
                     scrollToBottom,
                     viewportFooter

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

@@ -1 +1 @@
-{"version":3,"file":"chat-thread-shell.js","sources":["../../../src/chat-ui/thread/chat-thread-shell.tsx"],"sourcesContent":["import { AuiIf, ThreadPrimitive, useAuiState } from \"@assistant-ui/react\";\nimport { deepAgentRowKey } from \"@athenaintel/agent-runtime\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport type { ComponentProps, 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 { AnswerLabelScope } from \"../messages/answer-label\";\nimport { MessageActionsReadOnlyProvider } from \"../messages/message-actions-config\";\nimport { UserEditComposer } from \"../messages/user-edit-composer\";\nimport { ThreadRunningIndicator } from \"../messages/running-indicator\";\nimport {\n  HandoffArrivalAfterMessage,\n  HandoffArrivalScope,\n} from \"../messages/handoff-arrival-divider\";\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\n// One wrapper per message renderer, so a renderer keeps its identity across\n// shells and renders: a row renders its message through the component it is\n// handed, and a new component identity would remount every row.\nconst withArrivalDivider = (() => {\n  const wrapped = new WeakMap<FC, FC>();\n  return (Message: FC): FC => {\n    const existing = wrapped.get(Message);\n    if (existing) return existing;\n    const WithArrivalDivider: FC = () => (\n      <>\n        <Message />\n        <HandoffArrivalAfterMessage />\n      </>\n    );\n    wrapped.set(Message, WithArrivalDivider);\n    return WithArrivalDivider;\n  };\n})();\n\ntype ThreadRowComponents = ComponentProps<typeof ThreadPrimitive.MessageByIndex>[\"components\"];\n\nconst ROW_KEY_SEPARATOR = \"\\u0000\";\n\n/**\n * The thread's messages, one row each under its row key (`deepAgentRowKey`).\n *\n * `ThreadPrimitive.Messages` keys a row by its message id. A page of older\n * history that folds into the first loaded turn (a long run's earlier steps)\n * gives that turn a new id on every page, so keyed by id the turn's row\n * remounted once per page: it flashed through its entrance animation, closed\n * what the person had opened in it and took the browser's scroll anchor with\n * it. The row key stays with the row the turn continues, so the page lands in\n * the mounted row. A message from another runtime keys by its id, as before.\n */\nconst ThreadRows: FC<{ components: ThreadRowComponents }> = ({ components }) => {\n  const joinedKeys = useAuiState((s) =>\n    s.thread.messages.map((message) => deepAgentRowKey(message)).join(ROW_KEY_SEPARATOR),\n  );\n  const rowKeys = useMemo(\n    () => (joinedKeys === \"\" ? [] : joinedKeys.split(ROW_KEY_SEPARATOR)),\n    [joinedKeys],\n  );\n  return (\n    <>\n      {rowKeys.map((key, index) => (\n        <ThreadPrimitive.MessageByIndex key={key} index={index} components={components} />\n      ))}\n    </>\n  );\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 the thread's rows. */\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   * The backend id of the thread on screen. When this surface picked the\n   * conversation up from another one (`recordHandoffArrival`), the transcript\n   * shows \"Continued from …\" after the last message that was already there.\n   */\n  arrivalThreadId?: string | null;\n  /**\n   * The signed-in viewer's Athena user id (`user_…`), for the answer labels\n   * (`AnswerLabel`): their own answers read \"for you\", and an answer for\n   * another person is labelled even in a 1:1 chat. Omitted, answers name the\n   * person by name and are labelled only once the thread holds several agents\n   * or several people.\n   */\n  viewerUserId?: string | null;\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  arrivalThreadId = null,\n  viewerUserId = null,\n}: ChatThreadShellProps) {\n  const {\n    UserMessage,\n    AssistantMessage,\n    UserEditComposer: UserEditComposerComponent = UserEditComposer,\n  } = components;\n  // A row resolves its renderer by component identity, so keep the merged map\n  // referentially stable across renders.\n  const messageComponents = useMemo(\n    () => ({\n      UserMessage: withArrivalDivider(UserMessage),\n      AssistantMessage: withArrivalDivider(AssistantMessage),\n      UserEditComposer: UserEditComposerComponent,\n    }),\n    [UserMessage, AssistantMessage, UserEditComposerComponent],\n  );\n  const messages = (\n    <HandoffArrivalScope threadId={arrivalThreadId}>\n      <AnswerLabelScope viewerUserId={viewerUserId}>\n        <ThreadRows components={messageComponents} />\n      </AnswerLabelScope>\n    </HandoffArrivalScope>\n  );\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":"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"}
+{"version":3,"file":"chat-thread-shell.js","sources":["../../../src/chat-ui/thread/chat-thread-shell.tsx"],"sourcesContent":["import { AuiIf, ThreadPrimitive, useAuiState } from \"@assistant-ui/react\";\nimport { deepAgentRowKey } from \"@athenaintel/agent-runtime\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport type { ComponentProps, 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 { AnswerLabelScope } from \"../messages/answer-label\";\nimport { MessageActionsReadOnlyProvider } from \"../messages/message-actions-config\";\nimport { UserEditComposer } from \"../messages/user-edit-composer\";\nimport { ThreadRunningIndicator } from \"../messages/running-indicator\";\nimport {\n  HandoffArrivalAfterMessage,\n  HandoffArrivalScope,\n} from \"../messages/handoff-arrival-divider\";\nimport { FromTheCallAfterMessage } from \"../messages/from-the-call-card\";\nimport { THREAD_VIEWPORT_FOOTER_ATTR } from \"./statewire-history-edge\";\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\n// One wrapper per message renderer, so a renderer keeps its identity across\n// shells and renders: a row renders its message through the component it is\n// handed, and a new component identity would remount every row.\nconst withArrivalDivider = (() => {\n  const wrapped = new WeakMap<FC, FC>();\n  return (Message: FC): FC => {\n    const existing = wrapped.get(Message);\n    if (existing) return existing;\n    // After the message: the \"From the call\" card where a call's stretch\n    // ends, then the arrival divider (the arrival came after the call).\n    const WithArrivalDivider: FC = () => (\n      <>\n        <Message />\n        <FromTheCallAfterMessage />\n        <HandoffArrivalAfterMessage />\n      </>\n    );\n    wrapped.set(Message, WithArrivalDivider);\n    return WithArrivalDivider;\n  };\n})();\n\ntype ThreadRowComponents = ComponentProps<typeof ThreadPrimitive.MessageByIndex>[\"components\"];\n\nconst ROW_KEY_SEPARATOR = \"\\u0000\";\n\n/**\n * The thread's messages, one row each under its row key (`deepAgentRowKey`).\n *\n * `ThreadPrimitive.Messages` keys a row by its message id. A page of older\n * history that folds into the first loaded turn (a long run's earlier steps)\n * gives that turn a new id on every page, so keyed by id the turn's row\n * remounted once per page: it flashed through its entrance animation, closed\n * what the person had opened in it and took the browser's scroll anchor with\n * it. The row key stays with the row the turn continues, so the page lands in\n * the mounted row. A message from another runtime keys by its id, as before.\n */\nconst ThreadRows: FC<{ components: ThreadRowComponents }> = ({ components }) => {\n  const joinedKeys = useAuiState((s) =>\n    s.thread.messages.map((message) => deepAgentRowKey(message)).join(ROW_KEY_SEPARATOR),\n  );\n  const rowKeys = useMemo(\n    () => (joinedKeys === \"\" ? [] : joinedKeys.split(ROW_KEY_SEPARATOR)),\n    [joinedKeys],\n  );\n  return (\n    <>\n      {rowKeys.map((key, index) => (\n        <ThreadPrimitive.MessageByIndex key={key} index={index} components={components} />\n      ))}\n    </>\n  );\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 the thread's rows. */\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   * The backend id of the thread on screen. When this surface picked the\n   * conversation up from another one (`recordHandoffArrival`), the transcript\n   * shows \"Continued from …\" after the last message that was already there.\n   * A host that is a handover destination also mounts `HandoffCursorReveal`\n   * for it in `viewportOverlay`, so the transcript opens at the message the\n   * other surface was reading (hosts that never receive one, the Office pane,\n   * don't carry it).\n   */\n  arrivalThreadId?: string | null;\n  /**\n   * The signed-in viewer's Athena user id (`user_…`), for the answer labels\n   * (`AnswerLabel`): their own answers read \"for you\", and an answer for\n   * another person is labelled even in a 1:1 chat. Omitted, answers name the\n   * person by name and are labelled only once the thread holds several agents\n   * or several people.\n   */\n  viewerUserId?: string | null;\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  arrivalThreadId = null,\n  viewerUserId = null,\n}: ChatThreadShellProps) {\n  const {\n    UserMessage,\n    AssistantMessage,\n    UserEditComposer: UserEditComposerComponent = UserEditComposer,\n  } = components;\n  // A row resolves its renderer by component identity, so keep the merged map\n  // referentially stable across renders.\n  const messageComponents = useMemo(\n    () => ({\n      UserMessage: withArrivalDivider(UserMessage),\n      AssistantMessage: withArrivalDivider(AssistantMessage),\n      UserEditComposer: UserEditComposerComponent,\n    }),\n    [UserMessage, AssistantMessage, UserEditComposerComponent],\n  );\n  const messages = (\n    <HandoffArrivalScope threadId={arrivalThreadId}>\n      <AnswerLabelScope viewerUserId={viewerUserId}>\n        <ThreadRows components={messageComponents} />\n      </AnswerLabelScope>\n    </HandoffArrivalScope>\n  );\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            {...{ [THREAD_VIEWPORT_FOOTER_ATTR]: \"\" }}\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":"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"}

package/dist/chat-ui/thread/handoff-cursor.cjs

@@ -0,0 +1,216 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("@assistant-ui/react");
+const require$$0 = require("react");
+const statewireHistoryEdge = require("./statewire-history-edge.cjs");
+const handoffArrival = require("../../agent-runtime/src/handoff-arrival.cjs");
+const handoffCursor = require("../../agent-runtime/src/handoff-cursor.cjs");
+const editCommand = require("../../agent-runtime/src/edit-command.cjs");
+const THREAD_ROOT_SELECTOR = "[data-aui-thread-root]";
+const HANDOFF_CURSOR_REVEALED_ATTR = "data-handoff-cursor-revealed";
+const HANDOFF_CURSOR_POLL_MS = 150;
+const escapeAttributeValue = (value) => typeof CSS !== "undefined" && typeof CSS.escape === "function" ? CSS.escape(value) : value.replace(/["\\]/g, "\\$&");
+function findThreadViewport(anchor) {
+  var _a;
+  if (!anchor) return null;
+  const inside = anchor.closest(`[${statewireHistoryEdge.THREAD_VIEWPORT_ATTR}]`);
+  if (inside) return inside;
+  return ((_a = anchor.closest(THREAD_ROOT_SELECTOR)) == null ? void 0 : _a.querySelector(`[${statewireHistoryEdge.THREAD_VIEWPORT_ATTR}]`)) ?? null;
+}
+function coveredBottomOf(viewport) {
+  const footer = viewport.querySelector(`[${statewireHistoryEdge.THREAD_VIEWPORT_FOOTER_ATTR}]`);
+  if (!footer) return 0;
+  return Math.max(0, viewport.getBoundingClientRect().bottom - footer.getBoundingClientRect().top);
+}
+function readThreadReadingCursor(viewport) {
+  if (!viewport) return null;
+  return handoffCursor.readingCursorOf({ viewport, coveredBottomPx: coveredBottomOf(viewport) });
+}
+function useReadThreadReadingCursor() {
+  const store = react.useThreadViewportStore({ optional: true });
+  return require$$0.useCallback(
+    (anchor) => readThreadReadingCursor((store == null ? void 0 : store.getState().element.viewport) ?? findThreadViewport(anchor)),
+    [store]
+  );
+}
+function scrollMessageIntoView({
+  viewport,
+  element
+}) {
+  const box = viewport.getBoundingClientRect();
+  const rect = element.getBoundingClientRect();
+  const visible = Math.max(1, box.height - coveredBottomOf(viewport));
+  const offsetTop = rect.top - box.top + viewport.scrollTop;
+  const top = rect.height >= visible ? offsetTop - 8 : offsetTop - (visible - rect.height) / 2;
+  viewport.scrollTo({ top: Math.max(0, top), behavior: "instant" });
+}
+function isInView({ viewport, element }) {
+  const box = viewport.getBoundingClientRect();
+  const rect = element.getBoundingClientRect();
+  return rect.bottom > box.top && rect.top < box.bottom - coveredBottomOf(viewport);
+}
+function highlightMessage(element) {
+  element.setAttribute(HANDOFF_CURSOR_REVEALED_ATTR, "");
+  const animation = typeof element.animate === "function" ? element.animate(
+    [
+      {
+        backgroundColor: "rgba(37, 99, 235, 0.12)",
+        boxShadow: "0 0 0 2px rgba(37, 99, 235, 0.35)",
+        borderRadius: "12px"
+      },
+      {
+        backgroundColor: "rgba(37, 99, 235, 0.12)",
+        boxShadow: "0 0 0 2px rgba(37, 99, 235, 0.35)",
+        borderRadius: "12px",
+        offset: 0.5
+      },
+      {
+        backgroundColor: "rgba(37, 99, 235, 0)",
+        boxShadow: "0 0 0 2px rgba(37, 99, 235, 0)",
+        borderRadius: "12px"
+      }
+    ],
+    { duration: handoffCursor.HANDOFF_CURSOR_HIGHLIGHT_MS, easing: "ease-out" }
+  ) : null;
+  const timer = setTimeout(
+    () => element.removeAttribute(HANDOFF_CURSOR_REVEALED_ATTR),
+    handoffCursor.HANDOFF_CURSOR_HIGHLIGHT_MS
+  );
+  return () => {
+    clearTimeout(timer);
+    animation == null ? void 0 : animation.cancel();
+    element.removeAttribute(HANDOFF_CURSOR_REVEALED_ATTR);
+  };
+}
+function startHandoffCursorReveal({
+  cursor,
+  readThread,
+  readViewport,
+  onSettled,
+  now = () => Date.now()
+}) {
+  let waitingSince = now();
+  let pagesLoaded = 0;
+  let paging = false;
+  let pageLandsAt = 0;
+  let settled = false;
+  let revealed = null;
+  let personScrolled = false;
+  let unhighlight = null;
+  let detach = null;
+  const settle = () => {
+    if (settled) return;
+    settled = true;
+    clearInterval(timer);
+    detach == null ? void 0 : detach();
+    onSettled();
+  };
+  const pageOlder = () => {
+    paging = true;
+    editCommand.loadOlderDeepAgentHistoryPage({
+      readExtras: () => editCommand.readDeepAgentStatewireExtras(readThread().extras)
+    }).then((loaded) => {
+      if (!loaded) {
+        pagesLoaded = Number.POSITIVE_INFINITY;
+        return;
+      }
+      pagesLoaded += 1;
+      waitingSince = now();
+    }).catch(() => {
+      pagesLoaded = Number.POSITIVE_INFINITY;
+    }).finally(() => {
+      paging = false;
+      pageLandsAt = now() + 2 * HANDOFF_CURSOR_POLL_MS;
+    });
+  };
+  const tick = () => {
+    if (settled) return;
+    if (revealed) {
+      if (personScrolled || now() - revealed.at >= handoffCursor.HANDOFF_CURSOR_SETTLE_MS) {
+        settle();
+        return;
+      }
+      if (revealed.element.isConnected && !isInView(revealed)) scrollMessageIntoView(revealed);
+      return;
+    }
+    const viewport = readViewport();
+    const { messages, isLoading, extras } = readThread();
+    const targetId = handoffCursor.handoffCursorMessageId({ messages, cursor });
+    const element = targetId !== null && viewport ? viewport.querySelector(
+      `[${handoffCursor.MESSAGE_ROW_ID_ATTRIBUTE}="${escapeAttributeValue(targetId)}"]`
+    ) : null;
+    const step = handoffCursor.handoffCursorRevealStep({
+      found: element !== null,
+      // Still attaching, a page in flight, or the row not rendered yet.
+      loading: isLoading || paging || now() < pageLandsAt || messages.length === 0 || targetId !== null && !element,
+      hasOlder: editCommand.deepAgentHistoryHasOlder(extras),
+      pagesLoaded,
+      elapsedMs: now() - waitingSince
+    });
+    switch (step) {
+      case "reveal": {
+        if (!viewport || !element) return;
+        scrollMessageIntoView({ viewport, element });
+        unhighlight = highlightMessage(element);
+        revealed = { element, viewport, at: now() };
+        const stop = () => {
+          personScrolled = true;
+        };
+        const events = ["wheel", "touchstart", "pointerdown", "keydown"];
+        for (const event of events) viewport.addEventListener(event, stop, { passive: true });
+        detach = () => {
+          for (const event of events) viewport.removeEventListener(event, stop);
+        };
+        return;
+      }
+      case "page":
+        pageOlder();
+        return;
+      case "wait":
+        return;
+      case "bottom":
+        settle();
+        return;
+    }
+  };
+  const timer = setInterval(tick, HANDOFF_CURSOR_POLL_MS);
+  tick();
+  return () => {
+    if (settled) return;
+    settled = true;
+    clearInterval(timer);
+    detach == null ? void 0 : detach();
+    unhighlight == null ? void 0 : unhighlight();
+  };
+}
+const HandoffCursorReveal = ({ threadId }) => {
+  const cursor = handoffArrival.useHandoffArrivalCursor(threadId);
+  const aui = react.useAui();
+  const viewport = react.useThreadViewport({
+    optional: true,
+    selector: (state) => state.element.viewport
+  });
+  const viewportRef = require$$0.useRef(viewport);
+  viewportRef.current = viewport;
+  require$$0.useEffect(() => {
+    if (!threadId || !cursor) return void 0;
+    return startHandoffCursorReveal({
+      cursor,
+      readThread: () => {
+        const state = aui.thread().getState();
+        return { messages: state.messages, isLoading: state.isLoading, extras: state.extras };
+      },
+      readViewport: () => viewportRef.current ?? null,
+      onSettled: () => handoffArrival.settleHandoffArrivalCursor(threadId)
+    });
+  }, [aui, cursor, threadId]);
+  return null;
+};
+exports.HANDOFF_CURSOR_POLL_MS = HANDOFF_CURSOR_POLL_MS;
+exports.HANDOFF_CURSOR_REVEALED_ATTR = HANDOFF_CURSOR_REVEALED_ATTR;
+exports.HandoffCursorReveal = HandoffCursorReveal;
+exports.findThreadViewport = findThreadViewport;
+exports.readThreadReadingCursor = readThreadReadingCursor;
+exports.startHandoffCursorReveal = startHandoffCursorReveal;
+exports.useReadThreadReadingCursor = useReadThreadReadingCursor;
+//# sourceMappingURL=handoff-cursor.cjs.map

package/dist/chat-ui/thread/handoff-cursor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"handoff-cursor.cjs","sources":["../../../src/chat-ui/thread/handoff-cursor.tsx"],"sourcesContent":["/**\n * Handovers open where the person was reading (`@athenaintel/agent-runtime`'s\n * `handoff-cursor`), for every host of `ChatThreadShell` (Athena in Chrome,\n * the desktop app, `AthenaChat`).\n *\n * As a source, `useReadThreadReadingCursor` reads the shell's viewport at the\n * moment of the click: `null` at the bottom, else the id of the last message\n * fully in view. As a destination, `HandoffCursorReveal` (mounted by the shell\n * for its `arrivalThreadId`) scrolls to the message the arrival names once the\n * transcript has it, paging older history in when it is further back, and\n * highlights it briefly; a cursor it can't find leaves the view at the bottom.\n */\nimport {\n  type ThreadMessage,\n  type ThreadViewportState,\n  useAui,\n  useThreadViewport,\n  useThreadViewportStore,\n} from \"@assistant-ui/react\";\nimport {\n  deepAgentHistoryHasOlder,\n  HANDOFF_CURSOR_HIGHLIGHT_MS,\n  HANDOFF_CURSOR_SETTLE_MS,\n  handoffCursorMessageId,\n  handoffCursorRevealStep,\n  loadOlderDeepAgentHistoryPage,\n  MESSAGE_ROW_ID_ATTRIBUTE,\n  readDeepAgentStatewireExtras,\n  readingCursorOf,\n  settleHandoffArrivalCursor,\n  useHandoffArrivalCursor,\n} from \"@athenaintel/agent-runtime\";\nimport type { FC } from \"react\";\nimport { useCallback, useEffect, useRef } from \"react\";\nimport { THREAD_VIEWPORT_ATTR, THREAD_VIEWPORT_FOOTER_ATTR } from \"./statewire-history-edge\";\n/** What assistant-ui's `ThreadPrimitive.Root` stamps on the thread panel. */\nconst THREAD_ROOT_SELECTOR = \"[data-aui-thread-root]\";\n/** Set on the revealed message while it is highlighted. */\nexport const HANDOFF_CURSOR_REVEALED_ATTR = \"data-handoff-cursor-revealed\";\n/** How often a landing looks for its message while the transcript loads. */\nexport const HANDOFF_CURSOR_POLL_MS = 150;\n\nconst escapeAttributeValue = (value: string): string =>\n  typeof CSS !== \"undefined\" && typeof CSS.escape === \"function\"\n    ? CSS.escape(value)\n    : value.replace(/[\"\\\\]/g, \"\\\\$&\");\n\n/** The thread viewport `anchor` sits in, or the one of the thread panel it sits in. */\nexport function findThreadViewport(anchor: Element | null | undefined): HTMLElement | null {\n  if (!anchor) return null;\n  const inside = anchor.closest<HTMLElement>(`[${THREAD_VIEWPORT_ATTR}]`);\n  if (inside) return inside;\n  return (\n    anchor.closest(THREAD_ROOT_SELECTOR)?.querySelector<HTMLElement>(`[${THREAD_VIEWPORT_ATTR}]`) ??\n    null\n  );\n}\n\n/** How much of `viewport` its sticky footer (the composer dock) covers at the bottom. */\nfunction coveredBottomOf(viewport: HTMLElement): number {\n  const footer = viewport.querySelector<HTMLElement>(`[${THREAD_VIEWPORT_FOOTER_ATTR}]`);\n  if (!footer) return 0;\n  return Math.max(0, viewport.getBoundingClientRect().bottom - footer.getBoundingClientRect().top);\n}\n\n/** Where `viewport` is being read: `null` at the bottom, else a message id. */\nexport function readThreadReadingCursor(viewport: HTMLElement | null): string | null {\n  if (!viewport) return null;\n  return readingCursorOf({ viewport, coveredBottomPx: coveredBottomOf(viewport) });\n}\n\n/**\n * Reads where the thread is being read, at the moment of a click: inside the\n * viewport (a composer toolbar, even from a portaled dialog) through the\n * thread's viewport store; elsewhere in the panel (a header menu) from the\n * DOM around `anchor`. `null` at the bottom or with no viewport found.\n */\nexport function useReadThreadReadingCursor(): (anchor?: Element | null) => string | null {\n  const store = useThreadViewportStore({ optional: true });\n  return useCallback(\n    (anchor?: Element | null) =>\n      readThreadReadingCursor(store?.getState().element.viewport ?? findThreadViewport(anchor)),\n    [store],\n  );\n}\n\n/** Scrolls `element` into `viewport`'s visible part: centred, or its top when taller. */\nfunction scrollMessageIntoView({\n  viewport,\n  element,\n}: {\n  viewport: HTMLElement;\n  element: HTMLElement;\n}): void {\n  const box = viewport.getBoundingClientRect();\n  const rect = element.getBoundingClientRect();\n  const visible = Math.max(1, box.height - coveredBottomOf(viewport));\n  const offsetTop = rect.top - box.top + viewport.scrollTop;\n  const top =\n    rect.height >= visible ? offsetTop - 8 : offsetTop - (visible - rect.height) / 2;\n  // `instant`: the shell's viewport scrolls smoothly by default.\n  viewport.scrollTo({ top: Math.max(0, top), behavior: \"instant\" });\n}\n\nfunction isInView({ viewport, element }: { viewport: HTMLElement; element: HTMLElement }): boolean {\n  const box = viewport.getBoundingClientRect();\n  const rect = element.getBoundingClientRect();\n  return rect.bottom > box.top && rect.top < box.bottom - coveredBottomOf(viewport);\n}\n\n/**\n * A brief tint on the revealed message, through the Web Animations API so it\n * needs nothing from the host's stylesheet. Returns its undo.\n */\nfunction highlightMessage(element: HTMLElement): () => void {\n  element.setAttribute(HANDOFF_CURSOR_REVEALED_ATTR, \"\");\n  const animation =\n    typeof element.animate === \"function\"\n      ? element.animate(\n          [\n            {\n              backgroundColor: \"rgba(37, 99, 235, 0.12)\",\n              boxShadow: \"0 0 0 2px rgba(37, 99, 235, 0.35)\",\n              borderRadius: \"12px\",\n            },\n            {\n              backgroundColor: \"rgba(37, 99, 235, 0.12)\",\n              boxShadow: \"0 0 0 2px rgba(37, 99, 235, 0.35)\",\n              borderRadius: \"12px\",\n              offset: 0.5,\n            },\n            {\n              backgroundColor: \"rgba(37, 99, 235, 0)\",\n              boxShadow: \"0 0 0 2px rgba(37, 99, 235, 0)\",\n              borderRadius: \"12px\",\n            },\n          ],\n          { duration: HANDOFF_CURSOR_HIGHLIGHT_MS, easing: \"ease-out\" },\n        )\n      : null;\n  const timer = setTimeout(\n    () => element.removeAttribute(HANDOFF_CURSOR_REVEALED_ATTR),\n    HANDOFF_CURSOR_HIGHLIGHT_MS,\n  );\n  return () => {\n    clearTimeout(timer);\n    animation?.cancel();\n    element.removeAttribute(HANDOFF_CURSOR_REVEALED_ATTR);\n  };\n}\n\ninterface ThreadSnapshot {\n  messages: readonly ThreadMessage[];\n  isLoading: boolean;\n  extras: unknown;\n}\n\n/**\n * Opens the transcript at `cursor`: looks for the message every\n * {@link HANDOFF_CURSOR_POLL_MS}, pages older history in while it is further\n * back, scrolls to it, holds it in view while the transcript settles (until\n * the person scrolls), and highlights it. Calls `onSettled` once it revealed\n * the message or gave up (the bottom). Returns its cancel.\n */\nexport function startHandoffCursorReveal({\n  cursor,\n  readThread,\n  readViewport,\n  onSettled,\n  now = () => Date.now(),\n}: {\n  cursor: string;\n  readThread: () => ThreadSnapshot;\n  readViewport: () => HTMLElement | null;\n  onSettled: () => void;\n  now?: () => number;\n}): () => void {\n  // Progress restarts the wait: the reveal started, or a page of older history landed.\n  let waitingSince = now();\n  let pagesLoaded = 0;\n  let paging = false;\n  // A page that landed renders on a later commit: look again before paging on.\n  let pageLandsAt = 0;\n  let settled = false;\n  let revealed: { element: HTMLElement; viewport: HTMLElement; at: number } | null = null;\n  let personScrolled = false;\n  let unhighlight: (() => void) | null = null;\n  let detach: (() => void) | null = null;\n\n  const settle = () => {\n    if (settled) return;\n    settled = true;\n    clearInterval(timer);\n    detach?.();\n    onSettled();\n  };\n  const pageOlder = () => {\n    paging = true;\n    loadOlderDeepAgentHistoryPage({\n      readExtras: () => readDeepAgentStatewireExtras(readThread().extras),\n    })\n      .then((loaded) => {\n        if (!loaded) {\n          // Nothing older could be stated: the history is exhausted.\n          pagesLoaded = Number.POSITIVE_INFINITY;\n          return;\n        }\n        pagesLoaded += 1;\n        waitingSince = now();\n      })\n      .catch(() => {\n        pagesLoaded = Number.POSITIVE_INFINITY;\n      })\n      .finally(() => {\n        paging = false;\n        pageLandsAt = now() + 2 * HANDOFF_CURSOR_POLL_MS;\n      });\n  };\n  const tick = () => {\n    if (settled) return;\n    if (revealed) {\n      if (personScrolled || now() - revealed.at >= HANDOFF_CURSOR_SETTLE_MS) {\n        settle();\n        return;\n      }\n      if (revealed.element.isConnected && !isInView(revealed)) scrollMessageIntoView(revealed);\n      return;\n    }\n    const viewport = readViewport();\n    const { messages, isLoading, extras } = readThread();\n    const targetId = handoffCursorMessageId({ messages, cursor });\n    const element =\n      targetId !== null && viewport\n        ? viewport.querySelector<HTMLElement>(\n            `[${MESSAGE_ROW_ID_ATTRIBUTE}=\"${escapeAttributeValue(targetId)}\"]`,\n          )\n        : null;\n    const step = handoffCursorRevealStep({\n      found: element !== null,\n      // Still attaching, a page in flight, or the row not rendered yet.\n      loading:\n        isLoading ||\n        paging ||\n        now() < pageLandsAt ||\n        messages.length === 0 ||\n        (targetId !== null && !element),\n      hasOlder: deepAgentHistoryHasOlder(extras),\n      pagesLoaded,\n      elapsedMs: now() - waitingSince,\n    });\n    switch (step) {\n      case \"reveal\": {\n        if (!viewport || !element) return;\n        scrollMessageIntoView({ viewport, element });\n        unhighlight = highlightMessage(element);\n        revealed = { element, viewport, at: now() };\n        const stop = () => {\n          personScrolled = true;\n        };\n        const events = [\"wheel\", \"touchstart\", \"pointerdown\", \"keydown\"] as const;\n        for (const event of events) viewport.addEventListener(event, stop, { passive: true });\n        detach = () => {\n          for (const event of events) viewport.removeEventListener(event, stop);\n        };\n        return;\n      }\n      case \"page\":\n        pageOlder();\n        return;\n      case \"wait\":\n        return;\n      case \"bottom\":\n        settle();\n        return;\n    }\n  };\n  const timer = setInterval(tick, HANDOFF_CURSOR_POLL_MS);\n  tick();\n  return () => {\n    // Once settled, the highlight fades out on its own timer.\n    if (settled) return;\n    settled = true;\n    clearInterval(timer);\n    detach?.();\n    unhighlight?.();\n  };\n}\n\n/**\n * Opens `threadId`'s transcript at the message the source was reading, once,\n * when this surface picked the conversation up with a cursor\n * (`recordHandoffArrival({ cursor })`). Renders nothing.\n */\nexport const HandoffCursorReveal: FC<{ threadId: string | null | undefined }> = ({ threadId }) => {\n  const cursor = useHandoffArrivalCursor(threadId);\n  const aui = useAui();\n  const viewport = useThreadViewport({\n    optional: true,\n    selector: (state: ThreadViewportState) => state.element.viewport,\n  });\n  const viewportRef = useRef(viewport);\n  viewportRef.current = viewport;\n  useEffect(() => {\n    if (!threadId || !cursor) return undefined;\n    return startHandoffCursorReveal({\n      cursor,\n      readThread: () => {\n        const state = aui.thread().getState();\n        return { messages: state.messages, isLoading: state.isLoading, extras: state.extras };\n      },\n      readViewport: () => viewportRef.current ?? null,\n      onSettled: () => settleHandoffArrivalCursor(threadId),\n    });\n  }, [aui, cursor, threadId]);\n  return null;\n};\n"],"names":["THREAD_VIEWPORT_ATTR","THREAD_VIEWPORT_FOOTER_ATTR","readingCursorOf","useThreadViewportStore","useCallback","HANDOFF_CURSOR_HIGHLIGHT_MS","loadOlderDeepAgentHistoryPage","readDeepAgentStatewireExtras","HANDOFF_CURSOR_SETTLE_MS","handoffCursorMessageId","MESSAGE_ROW_ID_ATTRIBUTE","handoffCursorRevealStep","deepAgentHistoryHasOlder","useHandoffArrivalCursor","useAui","useThreadViewport","useRef","useEffect","settleHandoffArrivalCursor"],"mappings":"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"}

package/dist/chat-ui/thread/handoff-cursor.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Handovers open where the person was reading (`@athenaintel/agent-runtime`'s
+ * `handoff-cursor`), for every host of `ChatThreadShell` (Athena in Chrome,
+ * the desktop app, `AthenaChat`).
+ *
+ * As a source, `useReadThreadReadingCursor` reads the shell's viewport at the
+ * moment of the click: `null` at the bottom, else the id of the last message
+ * fully in view. As a destination, `HandoffCursorReveal` (mounted by the shell
+ * for its `arrivalThreadId`) scrolls to the message the arrival names once the
+ * transcript has it, paging older history in when it is further back, and
+ * highlights it briefly; a cursor it can't find leaves the view at the bottom.
+ */
+import { type ThreadMessage } from "@assistant-ui/react";
+import type { FC } from "react";
+/** Set on the revealed message while it is highlighted. */
+export declare const HANDOFF_CURSOR_REVEALED_ATTR = "data-handoff-cursor-revealed";
+/** How often a landing looks for its message while the transcript loads. */
+export declare const HANDOFF_CURSOR_POLL_MS = 150;
+/** The thread viewport `anchor` sits in, or the one of the thread panel it sits in. */
+export declare function findThreadViewport(anchor: Element | null | undefined): HTMLElement | null;
+/** Where `viewport` is being read: `null` at the bottom, else a message id. */
+export declare function readThreadReadingCursor(viewport: HTMLElement | null): string | null;
+/**
+ * Reads where the thread is being read, at the moment of a click: inside the
+ * viewport (a composer toolbar, even from a portaled dialog) through the
+ * thread's viewport store; elsewhere in the panel (a header menu) from the
+ * DOM around `anchor`. `null` at the bottom or with no viewport found.
+ */
+export declare function useReadThreadReadingCursor(): (anchor?: Element | null) => string | null;
+interface ThreadSnapshot {
+    messages: readonly ThreadMessage[];
+    isLoading: boolean;
+    extras: unknown;
+}
+/**
+ * Opens the transcript at `cursor`: looks for the message every
+ * {@link HANDOFF_CURSOR_POLL_MS}, pages older history in while it is further
+ * back, scrolls to it, holds it in view while the transcript settles (until
+ * the person scrolls), and highlights it. Calls `onSettled` once it revealed
+ * the message or gave up (the bottom). Returns its cancel.
+ */
+export declare function startHandoffCursorReveal({ cursor, readThread, readViewport, onSettled, now, }: {
+    cursor: string;
+    readThread: () => ThreadSnapshot;
+    readViewport: () => HTMLElement | null;
+    onSettled: () => void;
+    now?: () => number;
+}): () => void;
+/**
+ * Opens `threadId`'s transcript at the message the source was reading, once,
+ * when this surface picked the conversation up with a cursor
+ * (`recordHandoffArrival({ cursor })`). Renders nothing.
+ */
+export declare const HandoffCursorReveal: FC<{
+    threadId: string | null | undefined;
+}>;
+export {};