@athenaintel/react 0.50.0 → 0.53.0

package/dist/chat/AthenaChat.d.ts

@@ -36,6 +36,13 @@ export interface AthenaChatProps {
      * express a per-thread fence, so the host that knows passes it here.
      */
     readOnly?: boolean;
+    /**
+     * What sits above the composer for the run's plan. Defaults to
+     * `<AthenaPlanStrip />`: the plan's progress and current step, opening to
+     * the whole `write_todos` list. Pass your own element to replace it, or
+     * `null` for none (a host that shows the plan elsewhere).
+     */
+    plan?: ReactNode;
     /**
      * The Athena app this chat runs in. With it, the chat says when the person
      * is driving the conversation from another of their apps ("Driving on your
@@ -116,6 +123,12 @@ export interface AthenaChatComposerSlots {
      * `placeholder`.
      */
     runningPlaceholder?: string;
+    /**
+     * A row at the top of the composer, above the editor and inside its border: where Spaces shows
+     * its running status and Follow Agent Operations switch (Athena Desktop's Follow Athena). Rendered
+     * as given, above any voice offer, quote or attachment preview; absent, nothing changes.
+     */
+    aboveEditor?: ReactNode;
     /** Toolbar contents after the attach button. */
     toolbarStart?: ReactNode;
     /** Toolbar contents before the mic and the send/stop control. */

package/dist/chat/AthenaChat.js

@@ -2,6 +2,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { TiptapText } from "./tiptap-text.js";
 import { AthenaChatErrorBoundary } from "./AthenaChatErrorBoundary.js";
 import { StatewireApprovalCard } from "./StatewireApprovalCard.js";
+import { AthenaPlanStrip } from "./AthenaPlanStrip.js";
 import { StatewireQueuedMessages } from "./StatewireQueuedMessages.js";
 import { StatewireConnectionBanner, StatewireErrorBanner } from "./statewire-banners.js";
 import { AthenaChatModeMenu } from "../catalog/chat-pickers.js";
@@ -26,6 +27,7 @@ import { Button } from "../ui/button.js";
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "../ui/collapsible.js";
 import { ChatComposerDock } from "../chat-ui/thread/chat-composer-dock.js";
 import { ChatThreadShell } from "../chat-ui/thread/chat-thread-shell.js";
+import { HandoffCursorReveal } from "../chat-ui/thread/handoff-cursor.js";
 import { StatewireHistoryEdge } from "../chat-ui/thread/statewire-history-edge.js";
 import { ThreadLoadingOverlay } from "../chat-ui/thread/thread-loading-overlay.js";
 import { ComposerSendOrStop } from "../chat-ui/thread/composer-send-or-stop.js";
@@ -164,6 +166,7 @@ const AthenaChatContent = ({
   maxWidth = "46rem",
   turnAnchor = "bottom",
   readOnly = false,
+  plan,
   surface,
   confirmDecision,
   toolUIs,
@@ -297,7 +300,10 @@ const AthenaChatContent = ({
       ] }),
       viewportClassName: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-hidden overflow-y-scroll overscroll-y-none scroll-smooth px-4 pt-4",
       contentClassName: "flex w-full flex-1 flex-col",
-      viewportOverlay: /* @__PURE__ */ jsx(ThreadScrollToTop, {}),
+      viewportOverlay: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(HandoffCursorReveal, { threadId: statewireThreadId }),
+        /* @__PURE__ */ jsx(ThreadScrollToTop, {})
+      ] }),
       welcome: /* @__PURE__ */ jsx(AthenaChatWelcome, { welcomeMessage, welcomeSubtext }),
       beforeMessages: /* @__PURE__ */ jsx(StatewireHistoryEdge, { className: "aui-thread-history-edge" }),
       components: messageComponents,
@@ -311,6 +317,7 @@ const AthenaChatContent = ({
         /* @__PURE__ */ jsx(StatewireErrorBanner, { onStartNewSession: startNewSession }),
         /* @__PURE__ */ jsx(StatewireRunRefusalNotice, { onStartNewSession: startNewSession }),
         /* @__PURE__ */ jsx(StatewireApprovalCard, { confirmDecision }),
+        plan === void 0 ? /* @__PURE__ */ jsx(AthenaPlanStrip, { className: "mx-3" }) : plan,
         /* @__PURE__ */ jsx(StatewireQueuedMessages, {}),
         /* @__PURE__ */ jsx(AttachmentProvider, { children: /* @__PURE__ */ jsxs(QuoteProvider, { children: [
           /* @__PURE__ */ jsx(QuotePostMessageBridge, {}),
@@ -362,17 +369,24 @@ const ThreadScrollToTop = () => {
   const { isAtTop, containerRef, handleClick } = useScrollToTop();
   const isEmpty = useAuiState((s) => s.thread.isEmpty);
   if (isEmpty) return null;
-  return /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-10 mx-auto flex h-0 w-full max-w-(--thread-max-width) justify-center", children: /* @__PURE__ */ jsx(
-    TooltipIconButton,
-    {
-      ref: containerRef,
-      tooltip: "Scroll to top",
-      variant: "outline",
-      className: cn("aui-thread-scroll-to-top absolute top-2 rounded-full p-4 dark:bg-background dark:hover:bg-accent", isAtTop && "invisible"),
-      onClick: handleClick,
-      children: /* @__PURE__ */ jsx(ArrowUpIcon, {})
-    }
-  ) });
+  return (
+    // At the viewport's right edge, beside the text column: over the column
+    // it would cover the line being read.
+    /* @__PURE__ */ jsx("div", { className: "pointer-events-none sticky top-0 z-10 flex h-0 w-full justify-end", children: /* @__PURE__ */ jsx(
+      TooltipIconButton,
+      {
+        ref: containerRef,
+        tooltip: "Scroll to top",
+        variant: "outline",
+        className: cn(
+          "aui-thread-scroll-to-top pointer-events-auto absolute top-2 right-0 size-8 rounded-full bg-background/90 shadow-sm dark:bg-background dark:hover:bg-accent",
+          isAtTop && "invisible"
+        ),
+        onClick: handleClick,
+        children: /* @__PURE__ */ jsx(ArrowUpIcon, {})
+      }
+    ) })
+  );
 };
 const ATHENA_CHAT_MENTION_CATEGORIES = [
   "favorites",
@@ -607,6 +621,7 @@ const AthenaChatComposer = ({ tools, slots, dictation, voice: voiceOptions, cont
             appearance: "paper",
             dragActive,
             beforeEditor: /* @__PURE__ */ jsxs(Fragment, { children: [
+              slots == null ? void 0 : slots.aboveEditor,
               /* @__PURE__ */ jsx(
                 ChatVoiceStatus,
                 {