@athenaintel/react 0.43.0 → 0.48.0

package/dist/chat/AthenaChat.cjs

@@ -7,8 +7,10 @@ const StatewireApprovalCard = require("./StatewireApprovalCard.cjs");
 const StatewireQueuedMessages = require("./StatewireQueuedMessages.cjs");
 const statewireBanners = require("./statewire-banners.cjs");
 const chatPickers = require("../catalog/chat-pickers.cjs");
+const offlineStatus = require("../agent-runtime/src/offline-status.cjs");
 const StatewireRunRefusalNotice = require("./StatewireRunRefusalNotice.cjs");
 const WaitingOnYouBanner = require("./WaitingOnYouBanner.cjs");
+const DrivingOnChip = require("./DrivingOnChip.cjs");
 const offlineHistory = require("../offline/offline-history.cjs");
 const wakeMarker = require("../chat-ui/messages/wake-marker.cjs");
 const toolFallback = require("../tools/tool-fallback.cjs");
@@ -40,6 +42,9 @@ const useAthenaDictationEngine = require("../dictation/use-athena-dictation-engi
 const tiptapComposer = require("../chat-ui/composer/tiptap-composer.cjs");
 const apiClient = require("../chat-ui/mentions/suggestions/data/api-client.cjs");
 const useAccountWorkspaceId = require("../chat-ui/mentions/use-account-workspace-id.cjs");
+const answerLabel = require("../chat-ui/messages/answer-label.cjs");
+const arrivalAnimation = require("../chat-ui/messages/arrival-animation.cjs");
+const messageImages = require("../chat-ui/messages/message-images.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");
@@ -51,7 +56,7 @@ const statewireSessionLane = require("../runtime/statewire-session-lane.cjs");
 const AthenaAuthContext = require("../auth/AthenaAuthContext.cjs");
 const react = require("@assistant-ui/react");
 const lucideReact = require("lucide-react");
-const react$1 = require("react");
+const require$$0 = require("react");
 const threadIdContext = require("../threads/thread-id-context.cjs");
 const statewireThreadList = require("../threads/statewire-thread-list.cjs");
 const markViewedThreadRead = require("../threads/mark-viewed-thread-read.cjs");
@@ -84,14 +89,14 @@ const chatOutbox = require("../agent-runtime/src/chat-outbox.cjs");
 const cnfast = require("cnfast");
 const DEFAULT_COMPOSER_PLACEHOLDER = "Type @ to tag an asset";
 function QuotePostMessageBridge() {
-  const marker = react$1.useRef(null);
+  const marker = require$$0.useRef(null);
   QuoteContext.useQuoteFromPostMessage({ scope: marker });
   return /* @__PURE__ */ jsxRuntime.jsx("span", { ref: marker, hidden: true });
 }
-const AthenaChatDefaultComponentsContext = react$1.createContext(null);
-const AthenaReasoningTextComponentContext = react$1.createContext(null);
+const AthenaChatDefaultComponentsContext = require$$0.createContext(null);
+const AthenaReasoningTextComponentContext = require$$0.createContext(null);
 const useAthenaChatDefaultComponents = () => {
-  const value = react$1.useContext(AthenaChatDefaultComponentsContext);
+  const value = require$$0.useContext(AthenaChatDefaultComponentsContext);
   if (!value) {
     throw new Error("Athena default chat components must be used within AthenaChat.");
   }
@@ -161,6 +166,8 @@ const AthenaChatContent = ({
   maxWidth = "46rem",
   turnAnchor = "bottom",
   readOnly = false,
+  surface,
+  confirmDecision,
   toolUIs,
   mentionTools,
   welcomeSuggestions = athenaChatWelcome.DEFAULT_WELCOME_SUGGESTIONS,
@@ -168,14 +175,15 @@ const AthenaChatContent = ({
   groupToolCalls = true,
   composer: composerSlots,
   dictation = true,
-  voice = true
+  voice = true,
+  continueByVoice = null
 }) => {
   var _a, _b, _c, _d, _e, _f;
   const athenaConfig = AthenaContext.useAthenaConfig();
-  const authState = react$1.useContext(AthenaAuthContext.AthenaAuthContext);
-  const statewireThreadId = react$1.useContext(threadIdContext.AthenaStatewireThreadIdContext);
+  const authState = require$$0.useContext(AthenaAuthContext.AthenaAuthContext);
+  const statewireThreadId = require$$0.useContext(threadIdContext.AthenaStatewireThreadIdContext);
   const startNewSession = (_a = statewireThreadList.useAthenaStatewireThreadList()) == null ? void 0 : _a.newThread;
-  const mentionCredentials = react$1.useMemo(
+  const mentionCredentials = require$$0.useMemo(
     () => {
       var _a2;
       return {
@@ -199,15 +207,16 @@ const AthenaChatContent = ({
     },
     [athenaConfig, (_b = authState == null ? void 0 : authState.user) == null ? void 0 : _b.userId]
   );
-  const accountWorkspaceId = useAccountWorkspaceId.useAccountWorkspaceId(mentionCredentials);
-  const mentionAuth = react$1.useMemo(
+  const account = useAccountWorkspaceId.useAccountIdentity(mentionCredentials, { tokenGetter: athenaConfig.getToken });
+  const accountWorkspaceId = account.workspaceId;
+  const mentionAuth = require$$0.useMemo(
     () => ({
       ...mentionCredentials,
       workspaceId: mentionCredentials.workspaceId ?? accountWorkspaceId
     }),
     [mentionCredentials, accountWorkspaceId]
   );
-  const providerMentionTools = react$1.useMemo(() => {
+  const providerMentionTools = require$$0.useMemo(() => {
     const uniqueToolkitIds = Array.from(new Set(athenaConfig.enabledToolkits));
     return uniqueToolkitIds.map((id) => {
       const toolkit = index.getToolkitDisplayInfo(id);
@@ -221,7 +230,7 @@ const AthenaChatContent = ({
     });
   }, [athenaConfig.enabledToolkits]);
   const tools = mentionTools ?? providerMentionTools;
-  const mergedToolUIs = react$1.useMemo(
+  const mergedToolUIs = require$$0.useMemo(
     () => ({
       append_markdown_to_athena_document: appendDocumentToolUi.AppendDocumentToolUI,
       read_full_asset: readAssetToolUi.ReadAssetToolUI,
@@ -237,7 +246,7 @@ const AthenaChatContent = ({
   const emptyComponent = ((_f = components == null ? void 0 : components.messageParts) == null ? void 0 : _f.Empty) ?? AthenaAssistantMessageEmpty;
   const actionBarComponent = (components == null ? void 0 : components.AssistantActionBar) ?? AthenaAssistantActionBar;
   const avatarComponent = components == null ? void 0 : components.AssistantAvatar;
-  const defaultComponentsContextValue = react$1.useMemo(
+  const defaultComponentsContextValue = require$$0.useMemo(
     () => ({
       toolUIs: mergedToolUIs,
       TextComponent: textComponent,
@@ -261,7 +270,7 @@ const AthenaChatContent = ({
   );
   const AssistantMessageComponent = (components == null ? void 0 : components.AssistantMessage) ?? AthenaDefaultAssistantMessage;
   const UserMessageComponent = (components == null ? void 0 : components.UserMessage) ?? AthenaDefaultUserMessage;
-  const messageComponents$1 = react$1.useMemo(
+  const messageComponents$1 = require$$0.useMemo(
     () => ({
       UserMessage: UserMessageComponent,
       AssistantMessage: AssistantMessageComponent
@@ -282,6 +291,8 @@ const AthenaChatContent = ({
       maxWidth,
       turnAnchor,
       readOnly,
+      arrivalThreadId: statewireThreadId,
+      viewerUserId: account.userId ?? null,
       banners: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(offlineHistory.OfflineSnapshotBanner, { className: "px-4 pt-3" }),
         /* @__PURE__ */ jsxRuntime.jsx(WaitingOnYouBanner.WaitingOnYouBanner, { className: "px-4 pt-3" })
@@ -293,14 +304,15 @@ const AthenaChatContent = ({
       beforeMessages: /* @__PURE__ */ jsxRuntime.jsx(statewireHistoryEdge.StatewireHistoryEdge, { className: "aui-thread-history-edge" }),
       components: messageComponents$1,
       runningIndicator: null,
-      scrollToBottom: null,
+      scrollToBottom: /* @__PURE__ */ jsxRuntime.jsx(threadScrollToBottom.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 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 }) }),
+        surface && /* @__PURE__ */ jsxRuntime.jsx(DrivingOnChip.DrivingOnChip, { here: surface }),
         /* @__PURE__ */ jsxRuntime.jsx(statewireBanners.StatewireConnectionBanner, {}),
         /* @__PURE__ */ jsxRuntime.jsx(statewireBanners.StatewireErrorBanner, { onStartNewSession: startNewSession }),
         /* @__PURE__ */ jsxRuntime.jsx(StatewireRunRefusalNotice.StatewireRunRefusalNotice, { onStartNewSession: startNewSession }),
-        /* @__PURE__ */ jsxRuntime.jsx(StatewireApprovalCard.StatewireApprovalCard, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(StatewireApprovalCard.StatewireApprovalCard, { confirmDecision }),
         /* @__PURE__ */ jsxRuntime.jsx(StatewireQueuedMessages.StatewireQueuedMessages, {}),
         /* @__PURE__ */ jsxRuntime.jsx(AttachmentContext.AttachmentProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(QuoteContext.QuoteProvider, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(QuotePostMessageBridge, {}),
@@ -311,6 +323,7 @@ const AthenaChatContent = ({
               slots: composerSlots,
               dictation,
               voice: readOnly ? false : voice,
+              continueByVoice: readOnly ? null : continueByVoice,
               welcomeSuggestionCount: welcomeSuggestions.length
             }
           )
@@ -321,16 +334,16 @@ const AthenaChatContent = ({
 };
 const THREAD_VIEWPORT_ATTR = "data-aui-thread-viewport";
 const useScrollToTop = () => {
-  const [isAtTop, setIsAtTop] = react$1.useState(true);
-  const [buttonEl, setButtonEl] = react$1.useState(null);
-  const containerRef = react$1.useCallback((node) => {
+  const [isAtTop, setIsAtTop] = require$$0.useState(true);
+  const [buttonEl, setButtonEl] = require$$0.useState(null);
+  const containerRef = require$$0.useCallback((node) => {
     setButtonEl(node);
   }, []);
-  const getViewport = react$1.useCallback(() => {
+  const getViewport = require$$0.useCallback(() => {
     if (!buttonEl) return null;
     return buttonEl.closest(`[${THREAD_VIEWPORT_ATTR}]`);
   }, [buttonEl]);
-  react$1.useEffect(() => {
+  require$$0.useEffect(() => {
     const viewport = getViewport();
     if (!viewport) return;
     const handleScroll = () => {
@@ -340,7 +353,7 @@ const useScrollToTop = () => {
     viewport.addEventListener("scroll", handleScroll, { passive: true });
     return () => viewport.removeEventListener("scroll", handleScroll);
   }, [getViewport]);
-  const handleClick = react$1.useCallback(() => {
+  const handleClick = require$$0.useCallback(() => {
     const viewport = getViewport();
     if (!viewport) return;
     viewport.scrollTo({ top: 0, behavior: "smooth" });
@@ -369,7 +382,7 @@ const ATHENA_CHAT_MENTION_CATEGORIES = [
   "projects",
   "folders"
 ];
-const AthenaChatComposer = ({ tools, slots, dictation, voice: voiceOptions, welcomeSuggestionCount }) => {
+const AthenaChatComposer = ({ tools, slots, dictation, voice: voiceOptions, continueByVoice, welcomeSuggestionCount }) => {
   const aui = react.useAui();
   const threadId = threadIdContext.useAthenaStatewireThreadId();
   const { appUrl } = AthenaContext.useAthenaConfig();
@@ -377,10 +390,10 @@ const AthenaChatComposer = ({ tools, slots, dictation, voice: voiceOptions, welc
   const { quote, clearQuote } = QuoteContext.useQuote();
   const { attachFiles } = useAttachFiles.useAttachFiles();
   const sessionLane = statewireSessionLane.useStatewireSessionLane();
-  const composerRef = react$1.useRef(null);
-  const [hasText, setHasText] = react$1.useState(false);
-  const [composerNotice, setComposerNotice] = react$1.useState(null);
-  const onDraftStateChange = react$1.useCallback(
+  const composerRef = require$$0.useRef(null);
+  const [hasText, setHasText] = require$$0.useState(false);
+  const [composerNotice, setComposerNotice] = require$$0.useState(null);
+  const onDraftStateChange = require$$0.useCallback(
     (next) => {
       setHasText(next);
       setComposerNotice(null);
@@ -389,6 +402,7 @@ const AthenaChatComposer = ({ tools, slots, dictation, voice: voiceOptions, welc
     [setAttachNotice]
   );
   const notice = composerNotice ?? attachNotice;
+  const needsConnectionReason = (slots == null ? void 0 : slots.needsConnectionReason) || null;
   const isRunning = react.useAuiState((state) => {
     var _a;
     return ((_a = state.optional.thread) == null ? void 0 : _a.isRunning) ?? false;
@@ -399,18 +413,18 @@ const AthenaChatComposer = ({ tools, slots, dictation, voice: voiceOptions, welc
     const thread = state.optional.thread;
     return thread ? threadStatus.readRunLive(thread, connection) : false;
   });
-  const [dragActive, setDragActive] = react$1.useState(false);
+  const [dragActive, setDragActive] = require$$0.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 [mountedEmpty] = require$$0.useState(() => isEmpty);
   const entrance = athenaChatWelcome.welcomeEntrance(
     athenaChatWelcome.welcomeComposerDelayMs(welcomeSuggestionCount),
     reducedMotion || !mountedEmpty
   );
   const dictationEnabled = dictation !== false;
   const dictationOptions = typeof dictation === "object" ? dictation : void 0;
-  const appendSpokenText = react$1.useCallback(
+  const appendSpokenText = require$$0.useCallback(
     (spoken) => {
       if (!spoken) return;
       const composer = composerRef.current;
@@ -433,36 +447,36 @@ const AthenaChatComposer = ({ tools, slots, dictation, voice: voiceOptions, welc
   const recording = dictationEnabled && dictationCtl.isActive;
   const showMic = dictationEnabled && dictationCtl.isSupported && !voiceActive;
   const { isActive: dictationActive, cancel: cancelDictation } = dictationCtl;
-  react$1.useEffect(() => {
+  require$$0.useEffect(() => {
     if (!dictationEnabled && dictationActive) cancelDictation();
   }, [cancelDictation, dictationActive, dictationEnabled]);
-  const rootCategories = react$1.useMemo(() => {
+  const rootCategories = require$$0.useMemo(() => {
     const categories = [...ATHENA_CHAT_MENTION_CATEGORIES];
     if (tools.some((tool) => tool.type === "toolkit")) categories.push("toolkits");
     if (tools.some((tool) => tool.type === "tool")) categories.push("tools");
     return categories;
   }, [tools]);
-  const attachmentsRef = react$1.useRef(attachments);
+  const attachmentsRef = require$$0.useRef(attachments);
   attachmentsRef.current = attachments;
-  const quoteRef = react$1.useRef(quote);
+  const quoteRef = require$$0.useRef(quote);
   quoteRef.current = quote;
   const hasExtras = attachments.length > 0 || quote !== null;
-  const isUploadingRef = react$1.useRef(isUploading);
+  const isUploadingRef = require$$0.useRef(isUploading);
   isUploadingRef.current = isUploading;
-  const uploadWaitersRef = react$1.useRef([]);
-  react$1.useEffect(() => {
+  const uploadWaitersRef = require$$0.useRef([]);
+  require$$0.useEffect(() => {
     if (isUploading) return;
     const waiters = uploadWaitersRef.current;
     uploadWaitersRef.current = [];
     for (const resolve of waiters) resolve();
   }, [isUploading]);
-  const waitForHostUploads = react$1.useCallback(() => {
+  const waitForHostUploads = require$$0.useCallback(() => {
     if (!isUploadingRef.current) return;
     return new Promise((resolve) => {
       uploadWaitersRef.current.push(resolve);
     });
   }, []);
-  const sendComposed = react$1.useCallback(
+  const sendComposed = require$$0.useCallback(
     (editorSend) => {
       const send = buildComposedMessage.buildComposedSend({
         attachments: attachmentsRef.current,
@@ -480,7 +494,18 @@ const AthenaChatComposer = ({ tools, slots, dictation, voice: voiceOptions, welc
     },
     [appUrl, aui, clearAttachments, clearQuote, threadId]
   );
-  const interceptSubmit = react$1.useCallback(
+  const continueByVoiceRef = require$$0.useRef(continueByVoice);
+  continueByVoiceRef.current = continueByVoice;
+  const settleContinueByVoice = require$$0.useCallback(() => {
+    var _a;
+    return (_a = continueByVoiceRef.current) == null ? void 0 : _a.onDone();
+  }, []);
+  const { onSubmitted: onKeyboardHintSubmitted } = keyboardHint;
+  const handleComposerSubmitted = require$$0.useCallback(() => {
+    onKeyboardHintSubmitted();
+    settleContinueByVoice();
+  }, [onKeyboardHintSubmitted, settleContinueByVoice]);
+  const interceptSubmit = require$$0.useCallback(
     async (text, draftMarkdown) => {
       if (attachmentsRef.current.length > 0 || quoteRef.current !== null) {
         return sendComposed({ text, draftMarkdown });
@@ -489,11 +514,11 @@ const AthenaChatComposer = ({ tools, slots, dictation, voice: voiceOptions, welc
     },
     [sendComposed, voice.phase, voice.sendUserText]
   );
-  const hasPendingExtras = react$1.useCallback(
+  const hasPendingExtras = require$$0.useCallback(
     () => attachmentsRef.current.length > 0 || quoteRef.current !== null,
     []
   );
-  const holdPendingExtras = react$1.useCallback(
+  const holdPendingExtras = require$$0.useCallback(
     ({
       outbox,
       send,
@@ -514,7 +539,7 @@ const AthenaChatComposer = ({ tools, slots, dictation, voice: voiceOptions, welc
     },
     [appUrl, clearAttachments, clearQuote]
   );
-  const fileIntake = react$1.useMemo(
+  const fileIntake = require$$0.useMemo(
     () => ({
       onPaste: (files) => {
         void attachFiles(files, "paste");
@@ -522,10 +547,10 @@ const AthenaChatComposer = ({ tools, slots, dictation, voice: voiceOptions, welc
     }),
     [attachFiles]
   );
-  const stopDictation = react$1.useCallback(async () => {
+  const stopDictation = require$$0.useCallback(async () => {
     appendSpokenText((await dictationCtl.stop()).text);
   }, [appendSpokenText, dictationCtl]);
-  const sendDictation = react$1.useCallback(async () => {
+  const sendDictation = require$$0.useCallback(async () => {
     var _a, _b, _c;
     const { text: spoken, error } = await dictationCtl.stop();
     appendSpokenText(spoken);
@@ -551,6 +576,7 @@ const AthenaChatComposer = ({ tools, slots, dictation, voice: voiceOptions, welc
       });
       return;
     }
+    settleContinueByVoice();
     if (extras) {
       sendComposed(send);
       return;
@@ -558,7 +584,17 @@ const AthenaChatComposer = ({ tools, slots, dictation, voice: voiceOptions, welc
     composerMessage.prepareComposerSend({ threadId, ...send });
     aui.composer.setText(send.text);
     aui.composer.send({ steer: false });
-  }, [appendSpokenText, aui, dictationCtl, isRunning, sendComposed, sessionLane, slots, threadId]);
+  }, [
+    appendSpokenText,
+    aui,
+    dictationCtl,
+    isRunning,
+    sendComposed,
+    sessionLane,
+    settleContinueByVoice,
+    slots,
+    threadId
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(ComposerDropZone.ComposerDropZone, { onDragActiveChange: setDragActive, children: [
     /* @__PURE__ */ jsxRuntime.jsx("audio", { ref: audioRef, autoPlay: true, playsInline: true }),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -572,9 +608,25 @@ const AthenaChatComposer = ({ tools, slots, dictation, voice: voiceOptions, welc
           {
             appearance: "paper",
             dragActive,
-            aboveSurface: /* @__PURE__ */ jsxRuntime.jsx(threadScrollToBottom.ThreadScrollToBottom, {}),
             beforeEditor: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chatVoiceControls.ChatVoiceStatus, { voice }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chatVoiceControls.ChatVoiceStatus,
+                {
+                  voice,
+                  offerMove: voiceEnabled,
+                  moveDisabled: isUploading || dictationCtl.isActive || !statewireLifecycle.isStatewireChannelLive(connection),
+                  moveDisabledReason: needsConnectionReason
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chatVoiceControls.ChatVoiceContinueOffer,
+                {
+                  voice,
+                  offer: voiceEnabled ? continueByVoice : null,
+                  disabled: isUploading || dictationCtl.isActive || !statewireLifecycle.isStatewireChannelLive(connection),
+                  disabledReason: needsConnectionReason
+                }
+              ),
               /* @__PURE__ */ jsxRuntime.jsx(ComposerQuotePreview.ComposerQuotePreview, {}),
               /* @__PURE__ */ jsxRuntime.jsx(ComposerAttachmentPreview.ComposerAttachmentPreview, {})
             ] }),
@@ -589,13 +641,14 @@ const AthenaChatComposer = ({ tools, slots, dictation, voice: voiceOptions, welc
                   tools,
                   rootCategories,
                   onDraftStateChange,
+                  mentionSearchUnavailable: needsConnectionReason ? offlineStatus.NEEDS_CONNECTION : null,
                   waitForHostUploads,
                   interceptSubmit,
                   hasPendingExtras,
                   holdPendingExtras,
                   onAttachmentError: setComposerNotice,
                   fileIntake,
-                  onSubmitted: keyboardHint.onSubmitted
+                  onSubmitted: handleComposerSubmitted
                 }
               ) }),
               notice && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "aui-composer-notice px-1.5 pb-1 text-destructive text-xs", role: "alert", children: notice }),
@@ -611,14 +664,21 @@ const AthenaChatComposer = ({ tools, slots, dictation, voice: voiceOptions, welc
               dictationEnabled && dictationCtl.status === dictationState.DICTATION_STATUSES.error && dictationCtl.error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "aui-dictation-error px-1.5 pb-1 text-destructive text-xs", role: "alert", children: dictationCtl.error.message })
             ] }),
             toolbarStart: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: recording ? /* @__PURE__ */ jsxRuntime.jsx(dictationControls.DictationCancelButton, { onClick: dictationCtl.cancel }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(FileUploadButton.FileUploadButton, { className: "aui-composer-attach size-8 rounded-full p-0 disabled:opacity-30" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                FileUploadButton.FileUploadButton,
+                {
+                  className: "aui-composer-attach size-8 rounded-full p-0 disabled:opacity-30",
+                  disabledReason: needsConnectionReason
+                }
+              ),
               /* @__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);
-                  }
+                  },
+                  disabledReason: needsConnectionReason
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(chatPickers.AthenaChatModeMenu, {}),
@@ -643,14 +703,29 @@ const AthenaChatComposer = ({ tools, slots, dictation, voice: voiceOptions, welc
               )
             ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               slots == null ? void 0 : slots.toolbarEnd,
-              showMic && /* @__PURE__ */ jsxRuntime.jsx(dictationControls.DictationMicButton, { onClick: dictationCtl.start, disabled: isUploading }),
-              voiceEnabled && /* @__PURE__ */ jsxRuntime.jsx(chatVoiceControls.ChatVoiceButton, { voice, disabled: isUploading || dictationCtl.isActive || !statewireLifecycle.isStatewireChannelLive(connection) }),
+              showMic && /* @__PURE__ */ jsxRuntime.jsx(
+                dictationControls.DictationMicButton,
+                {
+                  onClick: dictationCtl.start,
+                  disabled: isUploading,
+                  disabledReason: needsConnectionReason
+                }
+              ),
+              voiceEnabled && /* @__PURE__ */ jsxRuntime.jsx(
+                chatVoiceControls.ChatVoiceButton,
+                {
+                  voice,
+                  disabled: isUploading || dictationCtl.isActive || !statewireLifecycle.isStatewireChannelLive(connection),
+                  disabledReason: needsConnectionReason
+                }
+              ),
               /* @__PURE__ */ jsxRuntime.jsx(
                 composerSendOrStop.ComposerSendOrStop,
                 {
                   composerRef,
                   hasDraft: hasText || hasExtras,
                   liveVoice: voice.phase === "live" && !hasExtras,
+                  liveSession: voiceActive ? voice : null,
                   sendBlockedReason: isUploading ? "Upload in progress..." : null,
                   onBeforeSend: slots == null ? void 0 : slots.onBeforeSend,
                   components: athenaComposerControls.ATHENA_COMPOSER_COMPONENTS
@@ -678,8 +753,8 @@ const MessageError = () => /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive
   ) })
 ] }) });
 function useSecondsSince({ resetKey, ticking = true }) {
-  const [seconds, setSeconds] = react$1.useState(0);
-  react$1.useEffect(() => {
+  const [seconds, setSeconds] = require$$0.useState(0);
+  require$$0.useEffect(() => {
     setSeconds(0);
     if (!ticking) return;
     const startedAt = Date.now();
@@ -793,7 +868,7 @@ const MessageDaySeparator = () => {
     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 label = require$$0.useMemo(() => {
     const date = stamp ? messageTime.parseMessageTime(stamp) : null;
     const previous = previousStamp ? messageTime.parseMessageTime(previousStamp) : null;
     if (!date || !previous || messageTime.isSameCalendarDay(date, previous)) return null;
@@ -820,7 +895,7 @@ const MessageTimestamp = ({ className }) => {
     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]);
+  const date = require$$0.useMemo(() => stamp ? messageTime.parseMessageTime(stamp) : null, [stamp]);
   if (!date) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "time",
@@ -842,7 +917,7 @@ const AthenaReasoningPart = ({
   status,
   TextComponent
 }) => {
-  const inheritedTextComponent = react$1.useContext(AthenaReasoningTextComponentContext);
+  const inheritedTextComponent = require$$0.useContext(AthenaReasoningTextComponentContext);
   const EffectiveTextComponent = TextComponent ?? inheritedTextComponent ?? tiptapText.TiptapText;
   const isMessageRunning = react.useAuiState((state) => {
     var _a;
@@ -852,15 +927,15 @@ const AthenaReasoningPart = ({
     (state) => getReasoningTokensFromMetadata(state.message.metadata)
   );
   const isRunning = isMessageRunning || (status == null ? void 0 : status.type) === "running";
-  const [isCollapsed, setIsCollapsed] = react$1.useState(!isRunning);
-  const userOverrodeOpenStateRef = react$1.useRef(false);
+  const [isCollapsed, setIsCollapsed] = require$$0.useState(!isRunning);
+  const userOverrodeOpenStateRef = require$$0.useRef(false);
   const hasText = text.trim().length > 0;
   const reasoningTextProps = {
     type: "text",
     text,
     status: isRunning ? { type: "running" } : status
   };
-  react$1.useEffect(() => {
+  require$$0.useEffect(() => {
     if (userOverrodeOpenStateRef.current) {
       return;
     }
@@ -924,7 +999,7 @@ const AthenaAssistantMessage = ({
   groupToolCalls = true
 }) => {
   const effectiveReasoningComponent = ReasoningComponent ?? AthenaReasoningPart;
-  const toolUIsWithNestedMessages = react$1.useMemo(() => {
+  const toolUIsWithNestedMessages = require$$0.useMemo(() => {
     const wrappedToolUIs = {};
     for (const [toolName, ToolUI] of Object.entries(toolUIs)) {
       wrappedToolUIs[toolName] = withNestedPtcMessages(ToolUI);
@@ -933,7 +1008,7 @@ const AthenaAssistantMessage = ({
   }, [toolUIs]);
   const isInlineTool = toolUIs[toolNames.TASK_TOOL_NAME] === subagentTaskToolUi.SubagentTaskToolUI ? isInlineToolOrSubagent : inlineTools.isSdkInlineTool;
   const waitingToolCallIds = subagents.useTurnToolCallsAwaitingApproval(useStatewireApprovalRequest.useApprovalWaitInScope().toolCallIds);
-  const nestedPtcComponents = react$1.useMemo(
+  const nestedPtcComponents = require$$0.useMemo(
     () => ({
       Text: TextComponent,
       Reasoning: effectiveReasoningComponent,
@@ -945,10 +1020,14 @@ const AthenaAssistantMessage = ({
     }),
     [EmptyComponent, TextComponent, effectiveReasoningComponent, toolUIsWithNestedMessages]
   );
+  const arrivedLive = arrivalAnimation.useMessageArrivalAnimation();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     react.MessagePrimitive.Root,
     {
-      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",
+      className: cnfast.cn(
+        "aui-assistant-message-root group/aui-assistant-message relative mx-auto w-full max-w-(--thread-max-width) py-3",
+        arrivedLive && arrivalAnimation.MESSAGE_ARRIVAL_ANIMATION_CLASS
+      ),
       "data-role": "assistant",
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(MessageDaySeparator, {}),
@@ -962,6 +1041,7 @@ const AthenaAssistantMessage = ({
             }
           ) : null,
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(answerLabel.AnswerLabel, { className: "px-2 pb-1" }),
             /* @__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(
@@ -1129,6 +1209,11 @@ const AthenaUserMessage = ({
       return githubWakeEvent.isGithubWakeMessage((_a = s.message.metadata) == null ? void 0 : _a.custom) || subscriptionWakeEvent.isSubscriptionWakeMessage((_b = s.message.metadata) == null ? void 0 : _b.custom);
     }
   );
+  const arrivedLive = arrivalAnimation.useMessageArrivalAnimation();
+  const partComponents = require$$0.useMemo(
+    () => ({ Text: TextComponent, Image: messageImages.MessageImagePart }),
+    [TextComponent]
+  );
   if (isWake) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       react.MessagePrimitive.Root,
@@ -1145,12 +1230,15 @@ const AthenaUserMessage = ({
   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",
+      className: cnfast.cn(
+        "aui-user-message-root group/aui-user-message mx-auto flex w-full max-w-(--thread-max-width) flex-col items-end px-2 py-3",
+        arrivedLive && arrivalAnimation.MESSAGE_ARRIVAL_ANIMATION_CLASS
+      ),
       "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.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(messageImages.MessageImageGallery, { children: /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.Parts, { components: partComponents }) }) }),
           /* @__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, {}),