@athenaintel/react 0.41.3 → 0.42.2

package/dist/chat/AthenaChat.js

@@ -12,9 +12,12 @@ import { WakeMarkerMessage } from "../chat-ui/messages/wake-marker.js";
 import { ToolFallback, ToolFallbackAppearanceProvider } from "../tools/tool-fallback.js";
 import { AppendDocumentToolUI } from "../tools/append-document-tool-ui.js";
 import { ReadAssetToolUI } from "../tools/read-asset-tool-ui.js";
+import { isSdkInlineTool } from "../tools/inline-tools.js";
+import { SubagentTaskToolUI } from "../tools/subagent-task-tool-ui.js";
 import { TOOL_UI_REGISTRY } from "../tools/tool-uis.js";
 import { SuperGroupingFinalText } from "./super-grouping/SuperGroupingCard.js";
 import { SuperGroupingTranscript } from "./super-grouping/SuperGroupingTranscript.js";
+import { useApprovalWaitInScope, StatewireApprovalWaitProvider } from "./use-statewire-approval-request.js";
 import { NestedPtcComponentsProvider, useNestedPtcComponents, NestedPtcMessages } from "../tools/NestedPtcMessages.js";
 import { TooltipIconButton } from "./tooltip-icon-button.js";
 import { Button } from "../ui/button.js";
@@ -42,8 +45,9 @@ import { DEFAULT_WELCOME_SUGGESTIONS, AthenaChatWelcomeSuggestions, AthenaChatWe
 import { AthenaComposerSendButton, ATHENA_COMPOSER_COMPONENTS, AthenaComposerMentionButton } from "./athena-composer-controls.js";
 import { useComposerKeyboardHint, ComposerKeyboardHint } from "./composer-keyboard-hint.js";
 import { usePrefersReducedMotion } from "../lib/use-prefers-reduced-motion.js";
+import { useStatewireSessionLane } from "../runtime/statewire-session-lane.js";
 import { AthenaAuthContext } from "../auth/AthenaAuthContext.js";
-import { useAuiState, ActionBarPrimitive, ActionBarMorePrimitive, MessagePrimitive, ThreadPrimitive, AuiIf, ErrorPrimitive, useAui } from "@assistant-ui/react";
+import { useAuiState, ActionBarPrimitive, ActionBarMorePrimitive, MessagePrimitive, AuiIf, ErrorPrimitive, ThreadPrimitive, useAui } from "@assistant-ui/react";
 import { MoreHorizontalIcon, DownloadIcon, ExternalLinkIcon, BrainIcon, ChevronRightIcon, CheckIcon, CopyIcon, RefreshCwIcon, AlertCircleIcon, ArrowUpIcon, PencilIcon } from "lucide-react";
 import { useMemo, useContext, useState, useRef, useEffect, createContext, useCallback } from "react";
 import { useAthenaThreadId, AthenaStatewireThreadIdContext, useAthenaStatewireThreadId } from "../threads/thread-id-context.js";
@@ -55,7 +59,7 @@ import { ComposerAttachmentPreview } from "../composer/ComposerAttachmentPreview
 import { ComposerDropZone } from "../composer/ComposerDropZone.js";
 import { QuoteProvider, useQuoteFromPostMessage, useQuote } from "../composer/QuoteContext.js";
 import { AttachmentProvider, useAttachments } from "../composer/AttachmentContext.js";
-import { buildComposedSend } from "../composer/build-composed-message.js";
+import { buildComposedSend, holdComposedSend } from "../composer/build-composed-message.js";
 import { useAttachFiles } from "../composer/useAttachFiles.js";
 import { useAthenaConfig } from "../provider/AthenaContext.js";
 import { createAthenaSpacesUrl } from "../lib/athena-urls.js";
@@ -64,9 +68,17 @@ import { getToolkitDisplayInfo } from "../toolkits/index.js";
 import { runActivityKey, runActivityVerb, isToolCallInFlight, runActivityLabel, runProgressKey, runElapsedLabel, isRunActivityStalled } from "./run-activity.js";
 import { readMessageCreatedAt, parseMessageTime, isSameCalendarDay, formatDayLabel, formatMessageTime, formatMessageDateTime } from "./message-time.js";
 import { ThreadScrollToBottom } from "./thread-scroll-to-bottom.js";
+import { QueryClientProvider } from "@tanstack/react-query";
+import { useCatalogQueryClient } from "../catalog/runtime-catalog.js";
+import { isStatewireChannelLive } from "../runtime/statewire-lifecycle.js";
+import { useComposerChatVoice, ChatVoiceButton, ChatVoiceStatus } from "./chat-voice-controls.js";
+import { TASK_TOOL_NAME } from "../agent-runtime/src/tool-names.js";
+import { useTurnToolCallsAwaitingApproval } from "../agent-runtime/src/subagents.js";
 import { isGithubWakeMessage } from "../agent-runtime/src/github-wake-event.js";
 import { isSubscriptionWakeMessage } from "../agent-runtime/src/subscription-wake-event.js";
 import { useDeepAgentConnection, readRunLive } from "../agent-runtime/src/thread-status.js";
+import { useChatOutboxReachable, useDeepAgentChatOutboxContext } from "../agent-runtime/src/use-deep-agent-chat-outbox.js";
+import { CHAT_EDIT_UNREACHABLE_LABEL } from "../agent-runtime/src/chat-outbox.js";
 import { cn } from "cnfast";
 const DEFAULT_COMPOSER_PLACEHOLDER = "Type @ to tag an asset";
 function QuotePostMessageBridge() {
@@ -136,7 +148,11 @@ const withNestedPtcMessages = (ToolUI) => {
   };
   return ToolUIWithNestedPtcMessages;
 };
-const AthenaChat = ({
+const AthenaChat = (props) => {
+  const queryClient = useCatalogQueryClient();
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(AthenaChatContent, { ...props }) });
+};
+const AthenaChatContent = ({
   className,
   welcomeMessage = "Hello there!",
   welcomeSubtext = "What can I help you with?",
@@ -149,7 +165,8 @@ const AthenaChat = ({
   components,
   groupToolCalls = true,
   composer: composerSlots,
-  dictation = true
+  dictation = true,
+  voice = true
 }) => {
   var _a, _b, _c, _d, _e, _f;
   const athenaConfig = useAthenaConfig();
@@ -249,7 +266,7 @@ const AthenaChat = ({
     }),
     [AssistantMessageComponent, UserMessageComponent]
   );
-  return /* @__PURE__ */ jsx(AthenaChatDefaultComponentsContext.Provider, { value: defaultComponentsContextValue, children: /* @__PURE__ */ jsx(AthenaChatErrorBoundary, { children: /* @__PURE__ */ jsx(ToolFallbackAppearanceProvider, { appearance: "thread", children: /* @__PURE__ */ jsx(MentionAuthCtx.Provider, { value: mentionAuth, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(AthenaChatDefaultComponentsContext.Provider, { value: defaultComponentsContextValue, children: /* @__PURE__ */ jsx(AthenaChatErrorBoundary, { children: /* @__PURE__ */ jsx(StatewireApprovalWaitProvider, { children: /* @__PURE__ */ jsx(ToolFallbackAppearanceProvider, { appearance: "thread", children: /* @__PURE__ */ jsx(MentionAuthCtx.Provider, { value: mentionAuth, children: /* @__PURE__ */ jsx(
     ChatThreadShell,
     {
       overlay: /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -291,13 +308,14 @@ const AthenaChat = ({
               tools,
               slots: composerSlots,
               dictation,
+              voice: readOnly ? false : voice,
               welcomeSuggestionCount: welcomeSuggestions.length
             }
           )
         ] }) })
       ] })
     }
-  ) }) }) }, statewireThreadId ?? void 0) });
+  ) }) }) }) }, statewireThreadId ?? void 0) });
 };
 const THREAD_VIEWPORT_ATTR = "data-aui-thread-viewport";
 const useScrollToTop = () => {
@@ -349,20 +367,32 @@ const ATHENA_CHAT_MENTION_CATEGORIES = [
   "projects",
   "folders"
 ];
-const AthenaChatComposer = ({ tools, slots, dictation, welcomeSuggestionCount }) => {
+const AthenaChatComposer = ({ tools, slots, dictation, voice: voiceOptions, welcomeSuggestionCount }) => {
   const aui = useAui();
   const threadId = useAthenaStatewireThreadId();
   const { appUrl } = useAthenaConfig();
-  const { attachments, clearAttachments, isUploading } = useAttachments();
+  const { attachments, clearAttachments, isUploading, notice: attachNotice, setNotice: setAttachNotice } = useAttachments();
   const { quote, clearQuote } = useQuote();
   const { attachFiles } = useAttachFiles();
+  const sessionLane = useStatewireSessionLane();
   const composerRef = useRef(null);
   const [hasText, setHasText] = useState(false);
+  const [composerNotice, setComposerNotice] = useState(null);
+  const onDraftStateChange = useCallback(
+    (next) => {
+      setHasText(next);
+      setComposerNotice(null);
+      setAttachNotice(null);
+    },
+    [setAttachNotice]
+  );
+  const notice = composerNotice ?? attachNotice;
   const isRunning = useAuiState((state) => {
     var _a;
     return ((_a = state.optional.thread) == null ? void 0 : _a.isRunning) ?? false;
   });
   const connection = useDeepAgentConnection();
+  const { voice, active: voiceActive, enabled: voiceEnabled, audioRef } = useComposerChatVoice({ options: voiceOptions });
   const runLive = useAuiState((state) => {
     const thread = state.optional.thread;
     return thread ? readRunLive(thread, connection) : false;
@@ -399,7 +429,7 @@ const AthenaChatComposer = ({ tools, slots, dictation, welcomeSuggestionCount })
     onAutoEnd: appendSpokenText
   });
   const recording = dictationEnabled && dictationCtl.isActive;
-  const showMic = dictationEnabled && dictationCtl.isSupported;
+  const showMic = dictationEnabled && dictationCtl.isSupported && !voiceActive;
   const { isActive: dictationActive, cancel: cancelDictation } = dictationCtl;
   useEffect(() => {
     if (!dictationEnabled && dictationActive) cancelDictation();
@@ -449,8 +479,38 @@ const AthenaChatComposer = ({ tools, slots, dictation, welcomeSuggestionCount })
     [appUrl, aui, clearAttachments, clearQuote, threadId]
   );
   const interceptSubmit = useCallback(
-    (text, draftMarkdown) => attachmentsRef.current.length > 0 || quoteRef.current !== null ? sendComposed({ text, draftMarkdown }) : false,
-    [sendComposed]
+    async (text, draftMarkdown) => {
+      if (attachmentsRef.current.length > 0 || quoteRef.current !== null) {
+        return sendComposed({ text, draftMarkdown });
+      }
+      return voice.phase === "live" && text.length > 0 ? voice.sendUserText(text) : false;
+    },
+    [sendComposed, voice.phase, voice.sendUserText]
+  );
+  const hasPendingExtras = useCallback(
+    () => attachmentsRef.current.length > 0 || quoteRef.current !== null,
+    []
+  );
+  const holdPendingExtras = useCallback(
+    ({
+      outbox,
+      send,
+      attachments: attachments2
+    }) => {
+      const held = holdComposedSend({
+        outbox,
+        attachments: attachmentsRef.current,
+        carried: attachments2,
+        quote: quoteRef.current,
+        send,
+        appUrl
+      });
+      if (!held) return false;
+      clearAttachments();
+      clearQuote();
+      return true;
+    },
+    [appUrl, clearAttachments, clearQuote]
   );
   const fileIntake = useMemo(
     () => ({
@@ -468,6 +528,7 @@ const AthenaChatComposer = ({ tools, slots, dictation, welcomeSuggestionCount })
     const { text: spoken, error } = await dictationCtl.stop();
     appendSpokenText(spoken);
     if (error) return;
+    if (sessionLane == null ? void 0 : sessionLane.isPending()) await sessionLane.whenKnown();
     const send = ((_b = (_a = composerRef.current) == null ? void 0 : _a.captureSend) == null ? void 0 : _b.call(_a)) ?? {
       text: aui.composer.getState().text ?? "",
       draftMarkdown: aui.composer.getState().text ?? ""
@@ -495,101 +556,111 @@ const AthenaChatComposer = ({ tools, slots, dictation, welcomeSuggestionCount })
     prepareComposerSend({ threadId, ...send });
     aui.composer.setText(send.text);
     aui.composer.send({ steer: false });
-  }, [appendSpokenText, aui, dictationCtl, isRunning, sendComposed, slots, threadId]);
-  return /* @__PURE__ */ jsx(ComposerDropZone, { onDragActiveChange: setDragActive, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("aui-composer-entrance", entrance.className),
-      style: entrance.style,
-      onFocus: keyboardHint.onFocus,
-      children: /* @__PURE__ */ jsx(
-        ChatComposerDock,
-        {
-          appearance: "paper",
-          dragActive,
-          aboveSurface: /* @__PURE__ */ jsx(ThreadScrollToBottom, {}),
-          beforeEditor: /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(ComposerQuotePreview, {}),
-            /* @__PURE__ */ jsx(ComposerAttachmentPreview, {})
-          ] }),
-          editor: /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("div", { className: cn(recording && "hidden"), children: /* @__PURE__ */ jsx(
-              TiptapComposer,
-              {
-                ref: composerRef,
-                threadId,
-                appearance: "paper",
-                placeholder: (runLive ? slots == null ? void 0 : slots.runningPlaceholder : void 0) ?? (slots == null ? void 0 : slots.placeholder) ?? DEFAULT_COMPOSER_PLACEHOLDER,
-                tools,
-                rootCategories,
-                onDraftStateChange: setHasText,
-                waitForHostUploads,
-                interceptSubmit,
-                fileIntake,
-                onSubmitted: keyboardHint.onSubmitted
-              }
-            ) }),
-            recording && /* @__PURE__ */ jsx(
-              DictationStrip,
-              {
-                status: dictationCtl.status,
-                transcript: dictationCtl.transcript,
-                stream: dictationCtl.stream,
-                stoppingLabel: dictationCtl.engine.stoppingLabel
-              }
-            ),
-            dictationEnabled && dictationCtl.status === DICTATION_STATUSES.error && dictationCtl.error && /* @__PURE__ */ jsx("p", { className: "aui-dictation-error px-1.5 pb-1 text-destructive text-xs", role: "alert", children: dictationCtl.error.message })
-          ] }),
-          toolbarStart: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: recording ? /* @__PURE__ */ jsx(DictationCancelButton, { onClick: dictationCtl.cancel }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(FileUploadButton, { className: "aui-composer-attach size-8 rounded-full p-0 disabled:opacity-30" }),
-            /* @__PURE__ */ jsx(
-              AthenaComposerMentionButton,
-              {
-                onClick: () => {
-                  var _a, _b;
-                  return (_b = (_a = composerRef.current) == null ? void 0 : _a.openMentionMenu) == null ? void 0 : _b.call(_a);
+  }, [appendSpokenText, aui, dictationCtl, isRunning, sendComposed, sessionLane, slots, threadId]);
+  return /* @__PURE__ */ jsxs(ComposerDropZone, { onDragActiveChange: setDragActive, children: [
+    /* @__PURE__ */ jsx("audio", { ref: audioRef, autoPlay: true, playsInline: true }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("aui-composer-entrance", entrance.className),
+        style: entrance.style,
+        onFocus: keyboardHint.onFocus,
+        children: /* @__PURE__ */ jsx(
+          ChatComposerDock,
+          {
+            appearance: "paper",
+            dragActive,
+            aboveSurface: /* @__PURE__ */ jsx(ThreadScrollToBottom, {}),
+            beforeEditor: /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(ChatVoiceStatus, { voice }),
+              /* @__PURE__ */ jsx(ComposerQuotePreview, {}),
+              /* @__PURE__ */ jsx(ComposerAttachmentPreview, {})
+            ] }),
+            editor: /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { className: cn(recording && "hidden"), children: /* @__PURE__ */ jsx(
+                TiptapComposer,
+                {
+                  ref: composerRef,
+                  threadId,
+                  appearance: "paper",
+                  placeholder: (runLive ? slots == null ? void 0 : slots.runningPlaceholder : void 0) ?? (slots == null ? void 0 : slots.placeholder) ?? DEFAULT_COMPOSER_PLACEHOLDER,
+                  tools,
+                  rootCategories,
+                  onDraftStateChange,
+                  waitForHostUploads,
+                  interceptSubmit,
+                  hasPendingExtras,
+                  holdPendingExtras,
+                  onAttachmentError: setComposerNotice,
+                  fileIntake,
+                  onSubmitted: keyboardHint.onSubmitted
                 }
-              }
-            ),
-            /* @__PURE__ */ jsx(AthenaChatModeMenu, {}),
-            slots == null ? void 0 : slots.toolbarStart
-          ] }) }),
-          toolbarEnd: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: recording ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              DictationStopButton,
-              {
-                onClick: () => void stopDictation(),
-                disabled: dictationCtl.status === DICTATION_STATUSES.stopping
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              AthenaComposerSendButton,
-              {
-                action: isRunning ? "queue" : "send",
-                onSend: () => void sendDictation(),
-                disabled: dictationCtl.status !== DICTATION_STATUSES.listening || isUploading,
-                title: isUploading ? "Upload in progress..." : void 0
-              }
-            )
-          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            slots == null ? void 0 : slots.toolbarEnd,
-            showMic && /* @__PURE__ */ jsx(DictationMicButton, { onClick: dictationCtl.start, disabled: isUploading }),
-            /* @__PURE__ */ jsx(
-              ComposerSendOrStop,
-              {
-                composerRef,
-                hasDraft: hasText || hasExtras,
-                sendBlockedReason: isUploading ? "Upload in progress..." : null,
-                onBeforeSend: slots == null ? void 0 : slots.onBeforeSend,
-                components: ATHENA_COMPOSER_COMPONENTS
-              }
-            )
-          ] }) }),
-          belowSurface: /* @__PURE__ */ jsx(ComposerKeyboardHint, { visible: keyboardHint.visible })
-        }
-      )
-    }
-  ) });
+              ) }),
+              notice && /* @__PURE__ */ jsx("p", { className: "aui-composer-notice px-1.5 pb-1 text-destructive text-xs", role: "alert", children: notice }),
+              recording && /* @__PURE__ */ jsx(
+                DictationStrip,
+                {
+                  status: dictationCtl.status,
+                  transcript: dictationCtl.transcript,
+                  stream: dictationCtl.stream,
+                  stoppingLabel: dictationCtl.engine.stoppingLabel
+                }
+              ),
+              dictationEnabled && dictationCtl.status === DICTATION_STATUSES.error && dictationCtl.error && /* @__PURE__ */ jsx("p", { className: "aui-dictation-error px-1.5 pb-1 text-destructive text-xs", role: "alert", children: dictationCtl.error.message })
+            ] }),
+            toolbarStart: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: recording ? /* @__PURE__ */ jsx(DictationCancelButton, { onClick: dictationCtl.cancel }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(FileUploadButton, { className: "aui-composer-attach size-8 rounded-full p-0 disabled:opacity-30" }),
+              /* @__PURE__ */ jsx(
+                AthenaComposerMentionButton,
+                {
+                  onClick: () => {
+                    var _a, _b;
+                    return (_b = (_a = composerRef.current) == null ? void 0 : _a.openMentionMenu) == null ? void 0 : _b.call(_a);
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(AthenaChatModeMenu, {}),
+              slots == null ? void 0 : slots.toolbarStart
+            ] }) }),
+            toolbarEnd: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: recording ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                DictationStopButton,
+                {
+                  onClick: () => void stopDictation(),
+                  disabled: dictationCtl.status === DICTATION_STATUSES.stopping
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                AthenaComposerSendButton,
+                {
+                  action: isRunning ? "queue" : "send",
+                  onSend: () => void sendDictation(),
+                  disabled: dictationCtl.status !== DICTATION_STATUSES.listening || isUploading,
+                  title: isUploading ? "Upload in progress..." : void 0
+                }
+              )
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              slots == null ? void 0 : slots.toolbarEnd,
+              showMic && /* @__PURE__ */ jsx(DictationMicButton, { onClick: dictationCtl.start, disabled: isUploading }),
+              voiceEnabled && /* @__PURE__ */ jsx(ChatVoiceButton, { voice, disabled: isUploading || dictationCtl.isActive || !isStatewireChannelLive(connection) }),
+              /* @__PURE__ */ jsx(
+                ComposerSendOrStop,
+                {
+                  composerRef,
+                  hasDraft: hasText || hasExtras,
+                  liveVoice: voice.phase === "live" && !hasExtras,
+                  sendBlockedReason: isUploading ? "Upload in progress..." : null,
+                  onBeforeSend: slots == null ? void 0 : slots.onBeforeSend,
+                  components: ATHENA_COMPOSER_COMPONENTS
+                }
+              )
+            ] }) }),
+            belowSurface: /* @__PURE__ */ jsx(ComposerKeyboardHint, { visible: keyboardHint.visible })
+          }
+        )
+      }
+    )
+  ] });
 };
 const MessageError = () => /* @__PURE__ */ jsx(MessagePrimitive.Error, { children: /* @__PURE__ */ jsxs(ErrorPrimitive.Root, { className: "aui-message-error-root mt-2 flex items-start gap-2 rounded-md border border-destructive bg-destructive/10 p-3 text-destructive text-sm dark:bg-destructive/5 dark:text-red-200", children: [
   /* @__PURE__ */ jsx(AlertCircleIcon, { className: "mt-0.5 size-4 shrink-0" }),
@@ -840,6 +911,7 @@ const AthenaReasoningPart = ({
   );
 };
 const noToolGrouping = () => null;
+const isInlineToolOrSubagent = (toolName) => toolName === TASK_TOOL_NAME || isSdkInlineTool(toolName);
 const AthenaAssistantMessage = ({
   toolUIs,
   AvatarComponent,
@@ -857,6 +929,8 @@ const AthenaAssistantMessage = ({
     }
     return wrappedToolUIs;
   }, [toolUIs]);
+  const isInlineTool = toolUIs[TASK_TOOL_NAME] === SubagentTaskToolUI ? isInlineToolOrSubagent : isSdkInlineTool;
+  const waitingToolCallIds = useTurnToolCallsAwaitingApproval(useApprovalWaitInScope().toolCallIds);
   const nestedPtcComponents = useMemo(
     () => ({
       Text: TextComponent,
@@ -894,6 +968,8 @@ const AthenaAssistantMessage = ({
                     toolUIs: toolUIsWithNestedMessages,
                     TextComponent,
                     ReasoningComponent: effectiveReasoningComponent,
+                    isInlineTool,
+                    waitingToolCallIds,
                     renderRunningMeta: renderGroupedRunningMeta
                   }
                 ),
@@ -951,7 +1027,20 @@ const EditMessageButton = () => {
   const allowEdit = useAuiState((s) => s.thread.capabilities.edit);
   const isRunning = useAthenaRunLive();
   const readOnly = useMessageActionsReadOnly();
+  const reachable = useChatOutboxReachable(useDeepAgentChatOutboxContext());
   if (!allowEdit || isRunning || readOnly) return null;
+  if (!reachable) {
+    return /* @__PURE__ */ jsx(
+      TooltipIconButton,
+      {
+        tooltip: CHAT_EDIT_UNREACHABLE_LABEL,
+        "aria-disabled": true,
+        "data-testid": "chat-message-edit-unreachable",
+        className: "cursor-not-allowed opacity-50",
+        children: /* @__PURE__ */ jsx(PencilIcon, {})
+      }
+    );
+  }
   return /* @__PURE__ */ jsx(ActionBarPrimitive.Edit, { asChild: true, children: /* @__PURE__ */ jsx(TooltipIconButton, { tooltip: "Edit", children: /* @__PURE__ */ jsx(PencilIcon, {}) }) });
 };
 const AthenaUserActionBar = () => {