@athenaintel/react 0.22.4 → 0.23.0

package/dist/chat/AthenaChat.cjs

@@ -1,11 +1,30 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+require("../packages/agent-runtime/src/generated/runconfig-contract.cjs");
+const react$1 = require("react");
+require("@assistant-ui/tap");
+require("statewire");
+require("../packages/agent-runtime/src/statewire-suspended.cjs");
+require("../packages/agent-runtime/src/conversation-list.cjs");
+require("@tanstack/react-query");
+require("../packages/agent-runtime/src/statewire-state.cjs");
+require("../packages/agent-runtime/src/messages.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");
+const githubWakeEvent = require("../packages/agent-runtime/src/github-wake-event.cjs");
+require("@assistant-ui/core");
+require("../packages/agent-runtime/src/thread-handoff.cjs");
 const tiptapText = require("./tiptap-text.cjs");
 const AthenaChatErrorBoundary = require("./AthenaChatErrorBoundary.cjs");
 const StatewireApprovalCard = require("./StatewireApprovalCard.cjs");
 const StatewireQueuedMessages = require("./StatewireQueuedMessages.cjs");
 const statewireBanners = require("./statewire-banners.cjs");
+const WaitingOnYouBanner = require("./WaitingOnYouBanner.cjs");
+const wakeMarker = require("../chat-ui/messages/wake-marker.cjs");
 const toolFallback = require("../tools/tool-fallback.cjs");
 const appendDocumentToolUi = require("../tools/append-document-tool-ui.cjs");
 const readAssetToolUi = require("../tools/read-asset-tool-ui.cjs");
@@ -18,15 +37,19 @@ const collapsible = require("../ui/collapsible.cjs");
 const chatComposerDock = require("../chat-ui/thread/chat-composer-dock.cjs");
 const chatThreadShell = require("../chat-ui/thread/chat-thread-shell.cjs");
 const statewireHistoryEdge = require("../chat-ui/thread/statewire-history-edge.cjs");
+const threadLoadingOverlay = require("../chat-ui/thread/thread-loading-overlay.cjs");
 const composerSendOrStop = require("../chat-ui/thread/composer-send-or-stop.cjs");
 const tiptapComposer = require("../chat-ui/composer/tiptap-composer.cjs");
 const apiClient = require("../chat-ui/mentions/suggestions/data/api-client.cjs");
 const messageComponents = require("../chat-ui/messages/message-components.cjs");
 const messageActionsConfig = require("../chat-ui/messages/message-actions-config.cjs");
 const useAthenaRunLive = require("./use-athena-run-live.cjs");
+const athenaChatWelcome = require("./athena-chat-welcome.cjs");
+const athenaComposerControls = require("./athena-composer-controls.cjs");
+const composerKeyboardHint = require("./composer-keyboard-hint.cjs");
+const usePrefersReducedMotion = require("../lib/use-prefers-reduced-motion.cjs");
 const react = require("@assistant-ui/react");
 const lucideReact = require("lucide-react");
-const react$1 = require("react");
 const threadIdContext = require("../threads/thread-id-context.cjs");
 const FileUploadButton = require("../composer/FileUploadButton.cjs");
 const ComposerQuotePreview = require("../composer/ComposerQuotePreview.cjs");
@@ -39,36 +62,15 @@ const useAttachFiles = require("../composer/useAttachFiles.cjs");
 const AthenaContext = require("../provider/AthenaContext.cjs");
 const athenaUrls = require("../lib/athena-urls.cjs");
 const utils = require("../lib/utils.cjs");
-const useSendMessage = require("../composer/useSendMessage.cjs");
 const index = require("../toolkits/index.cjs");
 const runActivity = require("./run-activity.cjs");
+const messageTime = require("./message-time.cjs");
+const threadScrollToBottom = require("./thread-scroll-to-bottom.cjs");
 const cnfast = require("cnfast");
 function QuotePostMessageBridge() {
   QuoteContext.useQuoteFromPostMessage();
   return null;
 }
-const DEFAULT_SUGGESTIONS = [
-  {
-    icon: lucideReact.SearchIcon,
-    title: "Research a topic and draft a report",
-    prompt: "Search the web for the latest developments in enterprise AI adoption, then create a document summarizing the key trends, market data, and strategic implications."
-  },
-  {
-    icon: lucideReact.SearchIcon,
-    title: "Compare recent AI model launches",
-    prompt: "Search the web for the latest major AI model launches from OpenAI, Anthropic, and Google, then summarize the release dates, standout capabilities, and practical tradeoffs in a concise comparison table."
-  },
-  {
-    icon: lucideReact.PresentationIcon,
-    title: "Build a presentation from scratch",
-    prompt: "Create a 5-slide investor update presentation covering market opportunity, product traction, key metrics, competitive positioning, and next steps."
-  },
-  {
-    icon: lucideReact.FileTextIcon,
-    title: "Set up a structured spreadsheet",
-    prompt: "Create a project tracking spreadsheet with columns for task name, owner, priority, status, start date, due date, and completion percentage."
-  }
-];
 const AthenaChatDefaultComponentsContext = react$1.createContext(null);
 const AthenaReasoningTextComponentContext = react$1.createContext(null);
 const useAthenaChatDefaultComponents = () => {
@@ -79,11 +81,20 @@ const useAthenaChatDefaultComponents = () => {
   return value;
 };
 const AthenaDefaultAssistantMessage = () => {
-  const { toolUIs, TextComponent, ReasoningComponent, EmptyComponent, ActionBarComponent, groupToolCalls } = useAthenaChatDefaultComponents();
+  const {
+    toolUIs,
+    TextComponent,
+    ReasoningComponent,
+    EmptyComponent,
+    ActionBarComponent,
+    AvatarComponent,
+    groupToolCalls
+  } = useAthenaChatDefaultComponents();
   return /* @__PURE__ */ jsxRuntime.jsx(
     AthenaAssistantMessage,
     {
       toolUIs,
+      AvatarComponent,
       TextComponent,
       ReasoningComponent,
       EmptyComponent,
@@ -122,50 +133,22 @@ const withNestedPtcMessages = (ToolUI) => {
   };
   return ToolUIWithNestedPtcMessages;
 };
-const SuggestionCard = ({
-  suggestion,
-  index: index2
-}) => {
-  const Icon = suggestion.icon;
-  const sendMessage = useSendMessage.useSendMessage();
-  const handleClick = react$1.useCallback(() => {
-    void sendMessage(suggestion.prompt);
-  }, [sendMessage, suggestion.prompt]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      type: "button",
-      onClick: handleClick,
-      className: `fade-in slide-in-from-bottom-2 animate-in fill-mode-both group flex items-start gap-3 rounded-xl border border-border/60 bg-background p-3.5 text-left shadow-sm transition-all duration-150 hover:border-border hover:bg-muted/40 hover:shadow-md`,
-      style: { animationDelay: `${100 + index2 * 75}ms` },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted/60 text-muted-foreground transition-colors group-hover:bg-primary/10 group-hover:text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-4" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] font-medium leading-snug text-foreground", children: suggestion.title }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground/0 transition-all group-hover:text-muted-foreground" })
-      ]
-    }
-  );
-};
-const AthenaChatWelcome = ({ welcomeMessage, welcomeSubtext, welcomeSuggestions }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aui-thread-welcome-root mx-auto my-auto flex w-full max-w-(--thread-max-width) grow flex-col", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aui-thread-welcome-center flex w-full grow flex-col items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aui-thread-welcome-message flex size-full flex-col justify-center px-4", children: [
-  /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both font-semibold text-2xl duration-200", children: welcomeMessage }),
-  welcomeSubtext && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-muted-foreground text-lg delay-75 duration-200", children: welcomeSubtext }),
-  welcomeSuggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 grid grid-cols-1 gap-2.5 sm:grid-cols-2", children: welcomeSuggestions.map((s, i) => /* @__PURE__ */ jsxRuntime.jsx(SuggestionCard, { suggestion: s, index: i }, s.title)) })
-] }) }) });
 const AthenaChat = ({
   className,
   welcomeMessage = "Hello there!",
   welcomeSubtext = "What can I help you with?",
-  maxWidth = "44rem",
+  maxWidth = "46rem",
   turnAnchor = "bottom",
   readOnly = false,
   toolUIs,
   mentionTools,
-  welcomeSuggestions = DEFAULT_SUGGESTIONS,
+  welcomeSuggestions = athenaChatWelcome.DEFAULT_WELCOME_SUGGESTIONS,
   components,
-  groupToolCalls = false
+  groupToolCalls = true
 }) => {
   var _a, _b, _c;
   const athenaConfig = AthenaContext.useAthenaConfig();
+  const statewireThreadId = react$1.useContext(threadIdContext.AthenaStatewireThreadIdContext);
   const mentionAuth = react$1.useMemo(
     () => ({
       backendUrl: athenaConfig.backendUrl,
@@ -206,6 +189,7 @@ const AthenaChat = ({
   const reasoningComponent = (_b = components == null ? void 0 : components.messageParts) == null ? void 0 : _b.Reasoning;
   const emptyComponent = ((_c = components == null ? void 0 : components.messageParts) == null ? void 0 : _c.Empty) ?? AthenaAssistantMessageEmpty;
   const actionBarComponent = (components == null ? void 0 : components.AssistantActionBar) ?? AthenaAssistantActionBar;
+  const avatarComponent = components == null ? void 0 : components.AssistantAvatar;
   const defaultComponentsContextValue = react$1.useMemo(
     () => ({
       toolUIs: mergedToolUIs,
@@ -213,9 +197,18 @@ const AthenaChat = ({
       ReasoningComponent: reasoningComponent,
       EmptyComponent: emptyComponent,
       ActionBarComponent: actionBarComponent,
+      AvatarComponent: avatarComponent,
       groupToolCalls
     }),
-    [actionBarComponent, emptyComponent, groupToolCalls, mergedToolUIs, reasoningComponent, textComponent]
+    [
+      actionBarComponent,
+      avatarComponent,
+      emptyComponent,
+      groupToolCalls,
+      mergedToolUIs,
+      reasoningComponent,
+      textComponent
+    ]
   );
   const AssistantMessageComponent = (components == null ? void 0 : components.AssistantMessage) ?? AthenaDefaultAssistantMessage;
   const UserMessageComponent = (components == null ? void 0 : components.UserMessage) ?? AthenaDefaultUserMessage;
@@ -226,10 +219,10 @@ const AthenaChat = ({
     }),
     [AssistantMessageComponent, UserMessageComponent]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(AthenaChatDefaultComponentsContext.Provider, { value: defaultComponentsContextValue, children: /* @__PURE__ */ jsxRuntime.jsx(AthenaChatErrorBoundary.AthenaChatErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(AthenaChatDefaultComponentsContext.Provider, { value: defaultComponentsContextValue, children: /* @__PURE__ */ jsxRuntime.jsx(AthenaChatErrorBoundary.AthenaChatErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(toolFallback.ToolFallbackAppearanceProvider, { appearance: "thread", children: /* @__PURE__ */ jsxRuntime.jsx(
     chatThreadShell.ChatThreadShell,
     {
-      overlay: /* @__PURE__ */ jsxRuntime.jsx(ThreadLoadingOverlay, {}),
+      overlay: /* @__PURE__ */ jsxRuntime.jsx(threadLoadingOverlay.ThreadLoadingOverlay, {}),
       panelClassName: cnfast.cn(
         "aui-root aui-thread-root @container relative flex h-full flex-col bg-background",
         className
@@ -237,46 +230,35 @@ const AthenaChat = ({
       maxWidth,
       turnAnchor,
       readOnly,
+      banners: /* @__PURE__ */ jsxRuntime.jsx(WaitingOnYouBanner.WaitingOnYouBanner, { className: "px-4 pt-3" }),
       viewportClassName: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll scroll-smooth px-4 pt-4",
       contentClassName: "flex w-full flex-1 flex-col",
       viewportOverlay: /* @__PURE__ */ jsxRuntime.jsx(ThreadScrollToTop, {}),
-      welcome: /* @__PURE__ */ jsxRuntime.jsx(
-        AthenaChatWelcome,
-        {
-          welcomeMessage,
-          welcomeSubtext,
-          welcomeSuggestions
-        }
-      ),
+      welcome: /* @__PURE__ */ jsxRuntime.jsx(athenaChatWelcome.AthenaChatWelcome, { welcomeMessage, welcomeSubtext }),
       beforeMessages: /* @__PURE__ */ jsxRuntime.jsx(statewireHistoryEdge.StatewireHistoryEdge, { className: "aui-thread-history-edge" }),
       components: messageComponents2,
       runningIndicator: null,
-      scrollToBottom: /* @__PURE__ */ jsxRuntime.jsx(ThreadScrollToBottom, {}),
-      viewportFooterClassName: "aui-thread-viewport-footer sticky bottom-0 mx-auto mt-auto flex w-full max-w-(--thread-max-width) flex-col gap-4 overflow-visible rounded-t-3xl bg-background pb-4 md:pb-6",
+      scrollToBottom: null,
+      viewportFooterClassName: "aui-thread-viewport-footer sticky bottom-0 mx-auto mt-auto flex w-full max-w-(--thread-max-width) flex-col gap-4 overflow-visible rounded-t-3xl bg-background pt-4 pb-4 md:pb-6",
       viewportFooter: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        welcomeSuggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(react.ThreadPrimitive.Empty, { children: /* @__PURE__ */ jsxRuntime.jsx(athenaChatWelcome.AthenaChatWelcomeSuggestions, { suggestions: welcomeSuggestions }) }),
         /* @__PURE__ */ jsxRuntime.jsx(statewireBanners.StatewireConnectionBanner, {}),
         /* @__PURE__ */ jsxRuntime.jsx(statewireBanners.StatewireErrorBanner, {}),
         /* @__PURE__ */ jsxRuntime.jsx(StatewireApprovalCard.StatewireApprovalCard, {}),
         /* @__PURE__ */ jsxRuntime.jsx(StatewireQueuedMessages.StatewireQueuedMessages, {}),
         /* @__PURE__ */ jsxRuntime.jsx(AttachmentContext.AttachmentProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(QuoteContext.QuoteProvider, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(QuotePostMessageBridge, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(apiClient.MentionAuthCtx.Provider, { value: mentionAuth, children: /* @__PURE__ */ jsxRuntime.jsx(AthenaChatComposer, { tools }) })
+          /* @__PURE__ */ jsxRuntime.jsx(apiClient.MentionAuthCtx.Provider, { value: mentionAuth, children: /* @__PURE__ */ jsxRuntime.jsx(
+            AthenaChatComposer,
+            {
+              tools,
+              welcomeSuggestionCount: welcomeSuggestions.length
+            }
+          ) })
         ] }) })
       ] })
     }
-  ) }) });
-};
-const ThreadLoadingOverlay = () => {
-  const remoteId = threadIdContext.useAthenaThreadId();
-  const [timedOut, setTimedOut] = react$1.useState(false);
-  react$1.useEffect(() => {
-    if (!remoteId) return;
-    setTimedOut(false);
-    const timer = setTimeout(() => setTimedOut(true), 15e3);
-    return () => clearTimeout(timer);
-  }, [remoteId]);
-  if (!remoteId || timedOut) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(react.AuiIf, { condition: (s) => s.thread.isEmpty, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-background/80", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-5 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent" }) }) });
+  ) }) }, statewireThreadId ?? void 0) });
 };
 const THREAD_VIEWPORT_ATTR = "data-aui-thread-viewport";
 const useScrollToTop = () => {
@@ -322,63 +304,13 @@ const ThreadScrollToTop = () => {
     }
   ) });
 };
-const ThreadScrollToBottom = () => /* @__PURE__ */ jsxRuntime.jsx(react.ThreadPrimitive.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-  tooltipIconButton.TooltipIconButton,
-  {
-    tooltip: "Scroll to bottom",
-    variant: "outline",
-    className: "aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible dark:bg-background dark:hover:bg-accent",
-    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownIcon, {})
-  }
-) });
-const AthenaComposerSendButton = ({
-  action,
-  onSend,
-  disabled,
-  title
-}) => {
-  const label = action === "queue" ? "Queue message" : "Send message";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    tooltipIconButton.TooltipIconButton,
-    {
-      tooltip: title ?? label,
-      side: "bottom",
-      type: "button",
-      variant: "default",
-      size: "icon",
-      className: "aui-composer-send size-8 rounded-full",
-      "aria-label": label,
-      onClick: onSend,
-      disabled,
-      children: action === "queue" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListPlusIcon, { className: "aui-composer-send-icon size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpIcon, { className: "aui-composer-send-icon size-4" })
-    }
-  );
-};
-const AthenaComposerStopButton = ({ onStop, disabled, title }) => /* @__PURE__ */ jsxRuntime.jsx(
-  button.Button,
-  {
-    type: "button",
-    variant: "default",
-    size: "icon",
-    className: "aui-composer-cancel size-8 rounded-full",
-    "aria-label": "Stop generating",
-    title,
-    onClick: onStop,
-    disabled,
-    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SquareIcon, { className: "aui-composer-cancel-icon size-3 fill-current" })
-  }
-);
-const ATHENA_COMPOSER_COMPONENTS = {
-  SendButton: AthenaComposerSendButton,
-  StopButton: AthenaComposerStopButton
-};
 const ATHENA_CHAT_MENTION_CATEGORIES = [
   "favorites",
   "assets",
   "projects",
   "folders"
 ];
-const AthenaChatComposer = ({ tools }) => {
+const AthenaChatComposer = ({ tools, welcomeSuggestionCount }) => {
   const aui = react.useAui();
   const threadId = threadIdContext.useAthenaStatewireThreadId();
   const { appUrl } = AthenaContext.useAthenaConfig();
@@ -387,6 +319,15 @@ const AthenaChatComposer = ({ tools }) => {
   const { attachFiles } = useAttachFiles.useAttachFiles();
   const composerRef = react$1.useRef(null);
   const [hasText, setHasText] = react$1.useState(false);
+  const [dragActive, setDragActive] = react$1.useState(false);
+  const keyboardHint = composerKeyboardHint.useComposerKeyboardHint();
+  const reducedMotion = usePrefersReducedMotion.usePrefersReducedMotion();
+  const isEmpty = react.useAuiState((state) => state.thread.isEmpty);
+  const [mountedEmpty] = react$1.useState(() => isEmpty);
+  const entrance = athenaChatWelcome.welcomeEntrance(
+    athenaChatWelcome.welcomeComposerDelayMs(welcomeSuggestionCount),
+    reducedMotion || !mountedEmpty
+  );
   const rootCategories = react$1.useMemo(() => {
     const categories = [...ATHENA_CHAT_MENTION_CATEGORIES];
     if (tools.some((tool) => tool.type === "toolkit")) categories.push("toolkits");
@@ -442,41 +383,62 @@ const AthenaChatComposer = ({ tools }) => {
     }),
     [attachFiles]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(ComposerDropZone.ComposerDropZone, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    chatComposerDock.ChatComposerDock,
+  return /* @__PURE__ */ jsxRuntime.jsx(ComposerDropZone.ComposerDropZone, { onDragActiveChange: setDragActive, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
     {
-      className: "",
-      surfaceClassName: "aui-composer-root relative flex w-full flex-col rounded-2xl border border-input bg-background px-1 pt-2 outline-none transition-shadow focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/20",
-      editorRowClassName: "px-2.5",
-      toolbarClassName: "aui-composer-action-wrapper relative mx-2 mb-2 flex items-center",
-      beforeEditor: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ComposerQuotePreview.ComposerQuotePreview, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(ComposerAttachmentPreview.ComposerAttachmentPreview, {})
-      ] }),
-      editor: /* @__PURE__ */ jsxRuntime.jsx(
-        tiptapComposer.TiptapComposer,
+      className: cnfast.cn("aui-composer-entrance", entrance.className),
+      style: entrance.style,
+      onFocus: keyboardHint.onFocus,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        chatComposerDock.ChatComposerDock,
         {
-          ref: composerRef,
-          threadId,
-          placeholder: "Type @ to tag an asset",
-          tools,
-          rootCategories,
-          onDraftStateChange: setHasText,
-          waitForHostUploads,
-          interceptSubmit,
-          fileIntake
-        }
-      ),
-      toolbarStart: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxRuntime.jsx(FileUploadButton.FileUploadButton, {}) }),
-      toolbarEnd: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-        composerSendOrStop.ComposerSendOrStop,
-        {
-          composerRef,
-          hasDraft: hasText || hasExtras,
-          sendBlockedReason: isUploading ? "Upload in progress..." : null,
-          components: ATHENA_COMPOSER_COMPONENTS
+          appearance: "paper",
+          dragActive,
+          aboveSurface: /* @__PURE__ */ jsxRuntime.jsx(threadScrollToBottom.ThreadScrollToBottom, {}),
+          beforeEditor: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ComposerQuotePreview.ComposerQuotePreview, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(ComposerAttachmentPreview.ComposerAttachmentPreview, {})
+          ] }),
+          editor: /* @__PURE__ */ jsxRuntime.jsx(
+            tiptapComposer.TiptapComposer,
+            {
+              ref: composerRef,
+              threadId,
+              appearance: "paper",
+              placeholder: "Type @ to tag an asset",
+              tools,
+              rootCategories,
+              onDraftStateChange: setHasText,
+              waitForHostUploads,
+              interceptSubmit,
+              fileIntake,
+              onSubmitted: keyboardHint.onSubmitted
+            }
+          ),
+          toolbarStart: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(FileUploadButton.FileUploadButton, { className: "aui-composer-attach size-8 rounded-full p-0 disabled:opacity-30" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              athenaComposerControls.AthenaComposerMentionButton,
+              {
+                onClick: () => {
+                  var _a, _b;
+                  return (_b = (_a = composerRef.current) == null ? void 0 : _a.openMentionMenu) == null ? void 0 : _b.call(_a);
+                }
+              }
+            )
+          ] }),
+          toolbarEnd: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+            composerSendOrStop.ComposerSendOrStop,
+            {
+              composerRef,
+              hasDraft: hasText || hasExtras,
+              sendBlockedReason: isUploading ? "Upload in progress..." : null,
+              components: athenaComposerControls.ATHENA_COMPOSER_COMPONENTS
+            }
+          ) }),
+          belowSurface: /* @__PURE__ */ jsxRuntime.jsx(composerKeyboardHint.ComposerKeyboardHint, { visible: keyboardHint.visible })
         }
-      ) })
+      )
     }
   ) });
 };
@@ -493,9 +455,54 @@ const MessageError = () => /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive
     }
   ) })
 ] }) });
+const RunStatusLine = ({ verb, resetKey, counterOnly = false, className }) => {
+  const [seconds, setSeconds] = react$1.useState(0);
+  react$1.useEffect(() => {
+    setSeconds(0);
+    const startedAt = Date.now();
+    const timer = setInterval(() => {
+      setSeconds(Math.floor((Date.now() - startedAt) / 1e3));
+    }, 1e3);
+    return () => clearInterval(timer);
+  }, [resetKey]);
+  const stalled = seconds >= runActivity.RUN_ACTIVITY_STALL_SECONDS;
+  if (counterOnly && seconds < runActivity.RUN_ACTIVITY_COUNTER_SECONDS) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "run-status-line",
+      "data-stalled": stalled ? "true" : void 0,
+      className: cnfast.cn(
+        "aui-run-activity mt-2 flex items-center gap-2 px-1 text-[12px] text-muted-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cnfast.cn(
+              "size-1.5 shrink-0 rounded-full bg-current opacity-60",
+              !stalled && "animate-pulse motion-reduce:animate-none"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cnfast.cn("tabular-nums", stalled && "text-amber-600 dark:text-amber-400"),
+            children: runActivity.runActivityLabel(seconds, verb)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-live": "polite", className: "sr-only", children: stalled ? "Assistant is still working; nothing new for over thirty seconds." : `${verb}…` })
+      ]
+    }
+  );
+};
 const AthenaAssistantMessageEmpty = ({ status }) => {
   if ((status == null ? void 0 : status.type) !== "running") return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shimmer text-[13px] text-muted-foreground", children: "Thinking..." });
+  return /* @__PURE__ */ jsxRuntime.jsx(RunStatusLine, { verb: "Thinking", resetKey: "empty", className: "mt-0" });
 };
 const AthenaMessageEmptyIndicator = ({
   EmptyComponent
@@ -514,27 +521,77 @@ const AthenaMessageActivityIndicator = () => {
     return ((_a = s.message.status) == null ? void 0 : _a.type) === "running";
   });
   const activityKey = react.useAuiState((s) => runActivity.runActivityKey(s.message.parts));
-  const [seconds, setSeconds] = react$1.useState(0);
-  react$1.useEffect(() => {
-    setSeconds(0);
-    if (!isRunning || activityKey === null) return;
-    const startedAt = Date.now();
-    const timer = setInterval(() => {
-      setSeconds(Math.floor((Date.now() - startedAt) / 1e3));
-    }, 1e3);
-    return () => clearInterval(timer);
-  }, [isRunning, activityKey]);
+  const verb = react.useAuiState((s) => runActivity.runActivityVerb(s.message.parts));
   if (!isRunning || activityKey === null) return null;
-  const stalled = seconds >= runActivity.RUN_ACTIVITY_STALL_SECONDS;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aui-run-activity mt-2 flex items-center gap-2 px-1 text-[12px] text-muted-foreground", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 animate-bounce rounded-full bg-current [animation-delay:0ms]" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 animate-bounce rounded-full bg-current [animation-delay:150ms]" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 animate-bounce rounded-full bg-current [animation-delay:300ms]" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: stalled ? "text-amber-600 dark:text-amber-400" : void 0, children: runActivity.runActivityLabel(seconds) }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-live": "polite", className: "sr-only", children: stalled ? "Assistant is still working; nothing new for over thirty seconds." : "Assistant is working." })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(RunStatusLine, { verb: verb ?? "Working", resetKey: activityKey });
+};
+const AthenaGroupedRunMeta = () => {
+  const activityKey = react.useAuiState((s) => runActivity.runActivityKey(s.message.parts));
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RunStatusLine,
+    {
+      verb: "Working",
+      resetKey: activityKey ?? "thinking",
+      counterOnly: true,
+      className: "mt-1 px-0"
+    }
+  );
+};
+const renderGroupedRunningMeta = () => /* @__PURE__ */ jsxRuntime.jsx(AthenaGroupedRunMeta, {});
+const MessageDaySeparator = () => {
+  const stamp = react.useAuiState((s) => {
+    var _a;
+    return messageTime.readMessageCreatedAt((_a = s.message.metadata) == null ? void 0 : _a.custom);
+  });
+  const previousStamp = react.useAuiState((s) => {
+    var _a;
+    const index2 = s.message.index;
+    const previous = index2 > 0 ? s.thread.messages[index2 - 1] : void 0;
+    return messageTime.readMessageCreatedAt((_a = previous == null ? void 0 : previous.metadata) == null ? void 0 : _a.custom);
+  });
+  const label = react$1.useMemo(() => {
+    const date = stamp ? messageTime.parseMessageTime(stamp) : null;
+    const previous = previousStamp ? messageTime.parseMessageTime(previousStamp) : null;
+    if (!date || !previous || messageTime.isSameCalendarDay(date, previous)) return null;
+    return messageTime.formatDayLabel(date);
+  }, [stamp, previousStamp]);
+  if (!label) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "separator",
+      "aria-label": label,
+      "data-slot": "day-separator",
+      className: "aui-day-separator mb-3 flex w-full items-center gap-3 text-[11px] font-medium text-muted-foreground",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "h-px flex-1 bg-border" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "h-px flex-1 bg-border" })
+      ]
+    }
+  );
+};
+const MessageTimestamp = ({ className }) => {
+  const stamp = react.useAuiState((s) => {
+    var _a;
+    return messageTime.readMessageCreatedAt((_a = s.message.metadata) == null ? void 0 : _a.custom);
+  });
+  const date = react$1.useMemo(() => stamp ? messageTime.parseMessageTime(stamp) : null, [stamp]);
+  if (!date) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "time",
+    {
+      dateTime: date.toISOString(),
+      title: messageTime.formatMessageDateTime(date),
+      "data-slot": "message-timestamp",
+      className: cnfast.cn(
+        "aui-message-timestamp shrink-0 text-[11px] tabular-nums text-muted-foreground",
+        messageComponents.ACTION_BAR_REVEAL_CLASS,
+        className
+      ),
+      children: messageTime.formatMessageTime(date)
+    }
+  );
 };
 const AthenaReasoningPart = ({
   text,
@@ -614,11 +671,12 @@ const AthenaReasoningPart = ({
 const noToolGrouping = () => null;
 const AthenaAssistantMessage = ({
   toolUIs,
+  AvatarComponent,
   TextComponent = tiptapText.TiptapText,
   ReasoningComponent,
   EmptyComponent = AthenaAssistantMessageEmpty,
   ActionBarComponent = AthenaAssistantActionBar,
-  groupToolCalls = false
+  groupToolCalls = true
 }) => {
   const effectiveReasoningComponent = ReasoningComponent ?? AthenaReasoningPart;
   const toolUIsWithNestedMessages = react$1.useMemo(() => {
@@ -646,50 +704,71 @@ const AthenaAssistantMessage = ({
       className: "aui-assistant-message-root group/aui-assistant-message fade-in slide-in-from-bottom-1 relative mx-auto w-full max-w-(--thread-max-width) animate-in py-3 duration-150",
       "data-role": "assistant",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(AthenaReasoningTextComponentContext.Provider, { value: TextComponent, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aui-assistant-message-content wrap-break-word px-2 text-foreground leading-relaxed", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(NestedPtcMessages.NestedPtcComponentsProvider, { components: nestedPtcComponents, children: groupToolCalls ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              SuperGroupingCard.SuperGroupingCard,
-              {
-                toolUIs: toolUIsWithNestedMessages,
-                TextComponent,
-                ReasoningComponent: effectiveReasoningComponent
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(SuperGroupingCard.SuperGroupingFinalText, { TextComponent }),
-            /* @__PURE__ */ jsxRuntime.jsx(AthenaMessageActivityIndicator, {})
-          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(AthenaMessageEmptyIndicator, { EmptyComponent }),
-            /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.GroupedParts, { groupBy: noToolGrouping, children: ({ part }) => {
-              var _a;
-              switch (part.type) {
-                case "tool-call": {
-                  const ToolUI = toolUIsWithNestedMessages[part.toolName];
-                  const toolProps = part;
-                  return ToolUI ? /* @__PURE__ */ jsxRuntime.jsx(ToolUI, { ...toolProps }) : /* @__PURE__ */ jsxRuntime.jsx(toolFallback.ToolFallback, { ...toolProps });
-                }
-                case "reasoning": {
-                  const ReasoningRenderer = effectiveReasoningComponent;
-                  return /* @__PURE__ */ jsxRuntime.jsx(ReasoningRenderer, { ...part });
+        /* @__PURE__ */ jsxRuntime.jsx(MessageDaySeparator, {}),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-slot": "assistant-lead",
+              className: "aui-assistant-message-lead flex shrink-0 justify-center",
+              children: AvatarComponent ? /* @__PURE__ */ jsxRuntime.jsx(AvatarComponent, {}) : /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  "data-slot": "assistant-rule",
+                  className: "aui-assistant-message-rule w-0.5 self-stretch rounded-full bg-border"
                 }
-                case "text": {
-                  const textPart = part;
-                  if (textPart.text === "" && ((_a = textPart.status) == null ? void 0 : _a.type) === "running") {
-                    return /* @__PURE__ */ jsxRuntime.jsx(EmptyComponent, { status: textPart.status });
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(AthenaReasoningTextComponentContext.Provider, { value: TextComponent, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aui-assistant-message-content wrap-break-word px-2 text-foreground leading-relaxed", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(NestedPtcMessages.NestedPtcComponentsProvider, { components: nestedPtcComponents, children: groupToolCalls ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  SuperGroupingCard.SuperGroupingCard,
+                  {
+                    toolUIs: toolUIsWithNestedMessages,
+                    TextComponent,
+                    ReasoningComponent: effectiveReasoningComponent,
+                    renderRunningMeta: renderGroupedRunningMeta
                   }
-                  return /* @__PURE__ */ jsxRuntime.jsx(TextComponent, { ...textPart });
-                }
-                default:
-                  return null;
-              }
-            } }),
-            /* @__PURE__ */ jsxRuntime.jsx(AthenaMessageActivityIndicator, {})
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(MessageError, {})
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aui-assistant-message-footer mt-1 ml-2 flex items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(messageComponents.BranchPicker, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(ActionBarComponent, {})
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(SuperGroupingCard.SuperGroupingFinalText, { TextComponent })
+              ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(AthenaMessageEmptyIndicator, { EmptyComponent }),
+                /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.GroupedParts, { groupBy: noToolGrouping, children: ({ part }) => {
+                  var _a;
+                  switch (part.type) {
+                    case "tool-call": {
+                      const ToolUI = toolUIsWithNestedMessages[part.toolName];
+                      const toolProps = part;
+                      return ToolUI ? /* @__PURE__ */ jsxRuntime.jsx(ToolUI, { ...toolProps }) : /* @__PURE__ */ jsxRuntime.jsx(toolFallback.ToolFallback, { ...toolProps });
+                    }
+                    case "reasoning": {
+                      const ReasoningRenderer = effectiveReasoningComponent;
+                      return /* @__PURE__ */ jsxRuntime.jsx(ReasoningRenderer, { ...part });
+                    }
+                    case "text": {
+                      const textPart = part;
+                      if (textPart.text === "" && ((_a = textPart.status) == null ? void 0 : _a.type) === "running") {
+                        return /* @__PURE__ */ jsxRuntime.jsx(EmptyComponent, { status: textPart.status });
+                      }
+                      return /* @__PURE__ */ jsxRuntime.jsx(TextComponent, { ...textPart });
+                    }
+                    default:
+                      return null;
+                  }
+                } }),
+                /* @__PURE__ */ jsxRuntime.jsx(AthenaMessageActivityIndicator, {})
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(MessageError, {})
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aui-assistant-message-footer mt-1 ml-2 flex items-center gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(messageComponents.BranchPicker, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(ActionBarComponent, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(MessageTimestamp, { className: "ml-auto group-hover/aui-assistant-message:opacity-100" })
+            ] })
+          ] })
         ] })
       ]
     }
@@ -788,20 +867,43 @@ const AthenaAssistantActionBar = ({ className }) => {
 };
 const AthenaUserMessage = ({
   TextComponent = tiptapText.TiptapText
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  react.MessagePrimitive.Root,
-  {
-    className: "aui-user-message-root group/aui-user-message fade-in slide-in-from-bottom-1 mx-auto flex w-full max-w-(--thread-max-width) animate-in justify-end px-2 py-3 duration-150",
-    "data-role": "user",
-    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 max-w-full flex-col items-end gap-1", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aui-user-message-content wrap-break-word rounded-2xl bg-muted px-4 py-2.5 text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.Parts, { components: { Text: TextComponent } }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aui-user-message-footer -mr-1 flex items-center gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(messageComponents.BranchPicker, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(AthenaUserActionBar, {})
-      ] })
-    ] })
+}) => {
+  const isWake = react.useAuiState((s) => {
+    var _a;
+    return githubWakeEvent.isGithubWakeMessage((_a = s.message.metadata) == null ? void 0 : _a.custom);
+  });
+  if (isWake) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      react.MessagePrimitive.Root,
+      {
+        className: "aui-user-message-root aui-wake-marker-root mx-auto w-full max-w-(--thread-max-width) px-2 py-1",
+        "data-role": "user",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(MessageDaySeparator, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(wakeMarker.WakeMarkerMessage, {})
+        ]
+      }
+    );
   }
-);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    react.MessagePrimitive.Root,
+    {
+      className: "aui-user-message-root group/aui-user-message fade-in slide-in-from-bottom-1 mx-auto flex w-full max-w-(--thread-max-width) animate-in flex-col items-end px-2 py-3 duration-150",
+      "data-role": "user",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(MessageDaySeparator, {}),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 max-w-[75%] flex-col items-end gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aui-user-message-content wrap-break-word rounded-2xl bg-muted/70 px-4 py-2.5 text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.Parts, { components: { Text: TextComponent } }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aui-user-message-footer -mr-1 flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(MessageTimestamp, { className: "mr-1 group-hover/aui-user-message:opacity-100" }),
+            /* @__PURE__ */ jsxRuntime.jsx(messageComponents.BranchPicker, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(AthenaUserActionBar, {})
+          ] })
+        ] })
+      ]
+    }
+  );
+};
 exports.AthenaAssistantActionBar = AthenaAssistantActionBar;
 exports.AthenaAssistantMessage = AthenaAssistantMessage;
 exports.AthenaChat = AthenaChat;