@athenaintel/react 0.43.0 → 0.48.0

package/dist/chat-ui/messages/handoff-arrival-divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handoff-arrival-divider.js","sources":["../../../src/chat-ui/messages/handoff-arrival-divider.tsx"],"sourcesContent":["/**\n * The transcript divider a surface shows where a handed-off conversation\n * arrived (\"Continued from your phone\"), after the last message that was\n * already there. The arrival itself is `@athenaintel/agent-runtime`'s\n * `handoff-arrival`: ephemeral, client-side, recorded when a pick-up lands.\n */\nimport { useAuiState } from \"@assistant-ui/react\";\nimport {\n  HandoffArrivalContext,\n  useHandoffArrival,\n  useHandoffArrivalAfter,\n} from \"@athenaintel/agent-runtime\";\nimport type { ComponentPropsWithoutRef, FC, ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nexport interface HandoffArrivalDividerProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /** \"Continued from your phone\". */\n  label: string;\n}\n\n/** A hairline either side of the label, which reads as plain text: pure presenter. */\nexport const HandoffArrivalDivider: FC<HandoffArrivalDividerProps> = ({\n  label,\n  className,\n  ...rest\n}) => (\n  <div\n    {...rest}\n    data-testid=\"handoff-arrival-divider\"\n    className={cn(\n      \"my-3 flex w-full items-center gap-3 text-muted-foreground text-xs\",\n      className,\n    )}\n  >\n    <span aria-hidden=\"true\" className=\"h-px flex-1 bg-border\" />\n    <span className=\"shrink-0\">{label}</span>\n    <span aria-hidden=\"true\" className=\"h-px flex-1 bg-border\" />\n  </div>\n);\n\n/**\n * Anchors the arrival of `threadId` (if any) to the thread's last message once\n * its history has loaded, and gives the messages below it that anchor.\n */\nexport const HandoffArrivalScope: FC<{\n  threadId: string | null | undefined;\n  children: ReactNode;\n}> = ({ threadId, children }) => {\n  const lastMessageId = useAuiState((state) => state.thread.messages.at(-1)?.id ?? null);\n  const loading = useAuiState((state) => state.thread.isLoading);\n  const arrival = useHandoffArrival({ threadId, lastMessageId, loading });\n  return (\n    <HandoffArrivalContext.Provider value={arrival}>{children}</HandoffArrivalContext.Provider>\n  );\n};\n\n/** Inside a message: the divider when the conversation arrived right after it. */\nexport const HandoffArrivalAfterMessage: FC = () => {\n  const messageId = useAuiState((state) => state.message.id);\n  const label = useHandoffArrivalAfter(messageId);\n  return label ? <HandoffArrivalDivider label={label} /> : null;\n};\n"],"names":[],"mappings":";;;;AAsBO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAG;AAAA,IACJ,eAAY;AAAA,IACZ,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAGF,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,eAAY,QAAO,WAAU,yBAAwB;AAAA,MAC3D,oBAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,MAClC,oBAAC,QAAA,EAAK,eAAY,QAAO,WAAU,wBAAA,CAAwB;AAAA,IAAA;AAAA,EAAA;AAC7D;AAOK,MAAM,sBAGR,CAAC,EAAE,UAAU,eAAe;AAC/B,QAAM,gBAAgB,YAAY,CAAC,UAAA;;AAAU,wBAAM,OAAO,SAAS,GAAG,EAAE,MAA3B,mBAA8B,OAAM;AAAA,GAAI;AACrF,QAAM,UAAU,YAAY,CAAC,UAAU,MAAM,OAAO,SAAS;AAC7D,QAAM,UAAU,kBAAkB,EAAE,UAAU,eAAe,SAAS;AACtE,6BACG,sBAAsB,UAAtB,EAA+B,OAAO,SAAU,UAAS;AAE9D;AAGO,MAAM,6BAAiC,MAAM;AAClD,QAAM,YAAY,YAAY,CAAC,UAAU,MAAM,QAAQ,EAAE;AACzD,QAAM,QAAQ,uBAAuB,SAAS;AAC9C,SAAO,QAAQ,oBAAC,uBAAA,EAAsB,MAAA,CAAc,IAAK;AAC3D;"}

package/dist/chat-ui/messages/message-actions-config.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const MessageActionsReadOnlyContext = react.createContext(false);
+const require$$0 = require("react");
+const MessageActionsReadOnlyContext = require$$0.createContext(false);
 const MessageActionsReadOnlyProvider = ({ readOnly, children }) => /* @__PURE__ */ jsxRuntime.jsx(MessageActionsReadOnlyContext.Provider, { value: readOnly, children });
 function useMessageActionsReadOnly() {
-  return react.useContext(MessageActionsReadOnlyContext);
+  return require$$0.useContext(MessageActionsReadOnlyContext);
 }
 exports.MessageActionsReadOnlyProvider = MessageActionsReadOnlyProvider;
 exports.useMessageActionsReadOnly = useMessageActionsReadOnly;

package/dist/chat-ui/messages/message-actions-config.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"message-actions-config.cjs","sources":["../../../src/chat-ui/messages/message-actions-config.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, useContext } from \"react\";\n\nconst MessageActionsReadOnlyContext = createContext(false);\n\n/**\n * Marks the surrounding transcript read-only: the mutating message actions\n * (Edit, Regenerate) hide while Copy stays available. Hosts set this for\n * conversations whose server rejects dispatch — e.g. the Chrome extension's\n * legacy pre-cutover threads, where the runtime's static capability flags\n * cannot know a given thread is fenced.\n */\nexport const MessageActionsReadOnlyProvider: FC<\n  PropsWithChildren<{ readOnly: boolean }>\n> = ({ readOnly, children }) => (\n  <MessageActionsReadOnlyContext.Provider value={readOnly}>\n    {children}\n  </MessageActionsReadOnlyContext.Provider>\n);\n\nexport function useMessageActionsReadOnly(): boolean {\n  return useContext(MessageActionsReadOnlyContext);\n}\n"],"names":["createContext","jsx","useContext"],"mappings":";;;;AAGA,MAAM,gCAAgCA,MAAAA,cAAc,KAAK;AASlD,MAAM,iCAET,CAAC,EAAE,UAAU,eACfC,2BAAAA,IAAC,8BAA8B,UAA9B,EAAuC,OAAO,UAC5C,SAAA,CACH;AAGK,SAAS,4BAAqC;AACnD,SAAOC,MAAAA,WAAW,6BAA6B;AACjD;;;"}
+{"version":3,"file":"message-actions-config.cjs","sources":["../../../src/chat-ui/messages/message-actions-config.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, useContext } from \"react\";\n\nconst MessageActionsReadOnlyContext = createContext(false);\n\n/**\n * Marks the surrounding transcript read-only: the mutating message actions\n * (Edit, Regenerate) hide while Copy stays available. Hosts set this for\n * conversations whose server rejects dispatch — e.g. the Chrome extension's\n * legacy pre-cutover threads, where the runtime's static capability flags\n * cannot know a given thread is fenced.\n */\nexport const MessageActionsReadOnlyProvider: FC<\n  PropsWithChildren<{ readOnly: boolean }>\n> = ({ readOnly, children }) => (\n  <MessageActionsReadOnlyContext.Provider value={readOnly}>\n    {children}\n  </MessageActionsReadOnlyContext.Provider>\n);\n\nexport function useMessageActionsReadOnly(): boolean {\n  return useContext(MessageActionsReadOnlyContext);\n}\n"],"names":["createContext","jsx","useContext"],"mappings":";;;;AAGA,MAAM,gCAAgCA,WAAAA,cAAc,KAAK;AASlD,MAAM,iCAET,CAAC,EAAE,UAAU,eACfC,2BAAAA,IAAC,8BAA8B,UAA9B,EAAuC,OAAO,UAC5C,SAAA,CACH;AAGK,SAAS,4BAAqC;AACnD,SAAOC,WAAAA,WAAW,6BAA6B;AACjD;;;"}

package/dist/chat-ui/messages/message-components.cjs

@@ -3,10 +3,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("@assistant-ui/react");
 const lucideReact = require("lucide-react");
-const react$1 = require("react");
+const require$$0 = require("react");
 const useAthenaRunLive = require("../../chat/use-athena-run-live.cjs");
 const chatMessageBody = require("../rich-text/chat-message-body.cjs");
+const answerLabel = require("./answer-label.cjs");
 const messageActionsConfig = require("./message-actions-config.cjs");
+const messageImages = require("./message-images.cjs");
 const runtimeMessage = require("./runtime-message.cjs");
 const runningIndicator = require("./running-indicator.cjs");
 const voiceDelegationCard = require("./voice-delegation-card.cjs");
@@ -88,7 +90,7 @@ const UserMessageText = ({ text }) => {
       return (_b = (_a = s.message.metadata) == null ? void 0 : _a.custom) == null ? void 0 : _b[composerMarkdown.DEEP_AGENT_COMPOSER_MARKDOWN_KEY];
     }
   );
-  const shown = react$1.useMemo(
+  const shown = require$$0.useMemo(
     () => composerMarkdown.readDeepAgentComposerMarkdown({
       metadata: { [composerMarkdown.DEEP_AGENT_COMPOSER_MARKDOWN_KEY]: composerMarkdown$1 },
       text
@@ -97,6 +99,7 @@ const UserMessageText = ({ text }) => {
   );
   return /* @__PURE__ */ jsxRuntime.jsx(chatMessageBody.ChatMessageBody, { text: shown, typed: true });
 };
+const USER_MESSAGE_PART_COMPONENTS = { Text: UserMessageText, Image: messageImages.MessageImagePart };
 const UserActionBar = () => /* @__PURE__ */ jsxRuntime.jsxs(
   react.ActionBarPrimitive.Root,
   {
@@ -137,7 +140,7 @@ const UserMessage = () => {
       "data-message-role": "user",
       className: "group/user-message mb-3 flex justify-end",
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 max-w-[85%] flex-col items-end gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 max-w-full rounded-2xl rounded-br-md bg-muted px-3.5 py-2 text-sm text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.Content, { components: { Text: UserMessageText } }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 max-w-full rounded-2xl rounded-br-md bg-muted px-3.5 py-2 text-sm text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(messageImages.MessageImageGallery, { children: /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.Content, { components: USER_MESSAGE_PART_COMPONENTS }) }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-6 items-center gap-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx(BranchPicker, {}),
           /* @__PURE__ */ jsxRuntime.jsx(UserActionBar, {})
@@ -175,7 +178,7 @@ function createAssistantMessage({
   };
   const RuntimeEnding = ({ placement }) => {
     const message = react.useAuiState((s) => s.message);
-    const runtime = react$1.useMemo(() => runtimeMessages.readRuntimeMessageFromSourceMessages(message), [message]);
+    const runtime = require$$0.useMemo(() => runtimeMessages.readRuntimeMessageFromSourceMessages(message), [message]);
     if (!runtime || runtime.silent) return null;
     if (placement === "row" && !runtime.isSoleSourceMessage) return null;
     if (placement === "banner" && runtime.isSoleSourceMessage && runtime.kind !== "handoff") {
@@ -211,6 +214,7 @@ function createAssistantMessage({
         "data-message-role": "assistant",
         className: "group group/assistant-message mb-3",
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-[95%]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(answerLabel.AnswerLabel, { className: "mb-1" }),
           /* @__PURE__ */ jsxRuntime.jsx(RuntimeEnding, { placement: "banner" }),
           Content ? /* @__PURE__ */ jsxRuntime.jsx(Content, {}) : /* @__PURE__ */ jsxRuntime.jsx(
             react.MessagePrimitive.Content,

package/dist/chat-ui/messages/message-components.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"message-components.cjs","sources":["../../../src/chat-ui/messages/message-components.tsx"],"sourcesContent":["import {\n  ActionBarPrimitive,\n  AuiIf,\n  BranchPickerPrimitive,\n  MessagePrimitive,\n  useAuiState,\n  useMessagePartText,\n  useSmooth,\n  type ToolCallMessagePartComponent,\n} from \"@assistant-ui/react\";\nimport {\n  CHAT_EDIT_UNREACHABLE_LABEL,\n  DEEP_AGENT_COMPOSER_MARKDOWN_KEY,\n  hideUnterminatedMarkdownLink,\n  isGithubWakeMessage,\n  isSubscriptionWakeMessage,\n  isVoiceDelegationMessage,\n  readDeepAgentComposerMarkdown,\n  readRuntimeMessageFromSourceMessages,\n  readSoleRuntimeMessageKind,\n  useChatOutboxReachable,\n  useDeepAgentChatOutboxContext,\n} from \"@athenaintel/agent-runtime\";\nimport {\n  ArrowUpIcon,\n  CheckIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  CopyIcon,\n  ListPlusIcon,\n  PencilIcon,\n  RefreshCwIcon,\n} from \"lucide-react\";\nimport {\n  type FC,\n  type ReactNode,\n  useMemo,\n} from \"react\";\nimport { useAthenaRunLive } from \"../../chat/use-athena-run-live\";\nimport type { ComposerAction } from \"../composer/composer-action\";\nimport { cn } from \"../../lib/utils\";\nimport { ChatMessageBody } from \"../rich-text/chat-message-body\";\nimport { useMessageActionsReadOnly } from \"./message-actions-config\";\nimport { RuntimeMessageCard } from \"./runtime-message\";\nimport { hasVisibleContent } from \"./running-indicator\";\nimport { VoiceDelegationMessage } from \"./voice-delegation-card\";\nimport { WakeMarkerMessage } from \"./wake-marker\";\nimport { SmallIconButton } from \"./thread-chrome\";\n\nexport {\n  IconButton,\n  SmallIconButton,\n  THREAD_HEADER_ACTIONS_CLASS,\n  THREAD_HEADER_CLASS,\n  THREAD_HEADER_ICON_CLASS,\n  THREAD_HEADER_PILL_CLASS,\n  THREAD_PANEL_CLASS,\n} from \"./thread-chrome\";\n\nexport const BranchPicker: FC = () => (\n  <BranchPickerPrimitive.Root\n    hideWhenSingleBranch\n    className=\"inline-flex items-center gap-0.5 text-xs text-muted-foreground\"\n    data-testid=\"chat-branch-picker\"\n  >\n    <BranchPickerPrimitive.Previous asChild>\n      <SmallIconButton\n        tooltip=\"Previous branch\"\n        data-testid=\"chat-branch-previous\"\n      >\n        <ChevronLeftIcon className=\"size-3\" />\n      </SmallIconButton>\n    </BranchPickerPrimitive.Previous>\n    <span className=\"font-medium\" data-testid=\"chat-branch-count\">\n      <BranchPickerPrimitive.Number /> / <BranchPickerPrimitive.Count />\n    </span>\n    <BranchPickerPrimitive.Next asChild>\n      <SmallIconButton tooltip=\"Next branch\" data-testid=\"chat-branch-next\">\n        <ChevronRightIcon className=\"size-3\" />\n      </SmallIconButton>\n    </BranchPickerPrimitive.Next>\n  </BranchPickerPrimitive.Root>\n);\n\nconst CopyActionButton: FC = () => (\n  <ActionBarPrimitive.Copy asChild>\n    <SmallIconButton tooltip=\"Copy\">\n      <AuiIf condition={(state) => state.message.isCopied}>\n        <CheckIcon className=\"size-3\" />\n      </AuiIf>\n      <AuiIf condition={(state) => !state.message.isCopied}>\n        <CopyIcon className=\"size-3\" />\n      </AuiIf>\n    </SmallIconButton>\n  </ActionBarPrimitive.Copy>\n);\n\n/**\n * The edit primitive does not check the runtime's edit capability itself —\n * clicking it on a runtime without one throws inside onPress, where no error\n * boundary can catch it — so the button must gate on the capability and, to\n * match the rewind semantics of `run/edit`, stay hidden while a run is live.\n * The read-only context covers threads the capability flags cannot: a host's\n * static `edit: true` still applies to fenced legacy conversations. While the\n * host's chat outbox says Athena can't be reached it is not offered: shown\n * disabled, its tooltip says why, and it comes back once Athena answers.\n */\nconst EditActionButton: FC = () => {\n  const allowEdit = useAuiState((s) => s.thread.capabilities.edit);\n  const isRunning = useAthenaRunLive();\n  const readOnly = useMessageActionsReadOnly();\n  const reachable = useChatOutboxReachable(useDeepAgentChatOutboxContext());\n  if (!allowEdit || isRunning || readOnly) return null;\n  if (!reachable) {\n    return (\n      <SmallIconButton\n        tooltip={CHAT_EDIT_UNREACHABLE_LABEL}\n        aria-disabled\n        data-testid=\"chat-message-edit-unreachable\"\n        className=\"cursor-not-allowed opacity-50 hover:bg-transparent hover:text-muted-foreground\"\n      >\n        <PencilIcon className=\"size-3\" />\n      </SmallIconButton>\n    );\n  }\n  return (\n    <ActionBarPrimitive.Edit asChild>\n      <SmallIconButton tooltip=\"Edit\" data-testid=\"chat-message-edit\">\n        <PencilIcon className=\"size-3\" />\n      </SmallIconButton>\n    </ActionBarPrimitive.Edit>\n  );\n};\n\n/** Regenerate dispatches `run/reload`, so it hides on read-only threads too. */\nconst RegenerateActionButton: FC = () => {\n  const readOnly = useMessageActionsReadOnly();\n  if (readOnly) return null;\n  return (\n    <ActionBarPrimitive.Reload asChild>\n      <SmallIconButton tooltip=\"Regenerate\">\n        <RefreshCwIcon className=\"size-3\" />\n      </SmallIconButton>\n    </ActionBarPrimitive.Reload>\n  );\n};\n\n/**\n * Reveal-on-demand treatment for action bars: invisible and click-through\n * until the surrounding named group is hovered or a control inside receives\n * keyboard focus. The `focus-within` escape hatch is what keeps the hidden\n * controls reachable for keyboard users.\n */\nexport const ACTION_BAR_REVEAL_CLASS =\n  \"pointer-events-none opacity-0 transition-opacity focus-within:pointer-events-auto focus-within:opacity-100\";\n\n/** Shared chat body; the reveal holds incomplete links until their URL is complete. */\nexport const MarkdownText: FC = () => {\n  const revealed = useSmooth(useMessagePartText(), true);\n  const isRunning = revealed.status.type === \"running\";\n  const text = isRunning ? hideUnterminatedMarkdownLink(revealed.text) : revealed.text;\n  return <ChatMessageBody text={text} isRunning={isRunning} />;\n};\n\n/**\n * A user message's text, shown as it was typed.\n *\n * A composer sends plain text exactly as typed, because the model reads it\n * literally, so the text alone no longer says which characters are\n * formatting: read as Markdown, `List<T>` loses `<T>`, `obj.__init__` shows a\n * bold \"init\" and `a\\\\b` one backslash. A composer send therefore carries the\n * draft it was serialized from (`metadata.composer_markdown`, only when the\n * two differ), and this renders that draft when it is a draft of the\n * message's own text (`readDeepAgentComposerMarkdown`), formatting and\n * mention chips included. Any other text — no draft, or one of other words —\n * renders with the typed reading (`ChatMessageBody typed`), which leaves raw\n * HTML and underscore emphasis as the characters they were typed with, so\n * `List<T>`, `obj.__init__` and `a\\b` show as typed there too.\n *\n * Copy copies the message text, which is the text as sent, and Edit opens it\n * in a plain-text box, so neither reads the draft.\n */\nexport const UserMessageText: FC<{ text: string }> = ({ text }) => {\n  const composerMarkdown: unknown = useAuiState(\n    (s) => s.message.metadata?.custom?.[DEEP_AGENT_COMPOSER_MARKDOWN_KEY],\n  );\n  const shown = useMemo(\n    () =>\n      readDeepAgentComposerMarkdown({\n        metadata: { [DEEP_AGENT_COMPOSER_MARKDOWN_KEY]: composerMarkdown },\n        text,\n      }) ?? text,\n    [composerMarkdown, text],\n  );\n  return <ChatMessageBody text={shown} typed />;\n};\n\nconst UserActionBar: FC = () => (\n  <ActionBarPrimitive.Root\n    autohide=\"never\"\n    className={cn(\n      \"flex min-h-6 items-center gap-0.5\",\n      ACTION_BAR_REVEAL_CLASS,\n      \"group-hover/user-message:pointer-events-auto group-hover/user-message:opacity-100\",\n    )}\n  >\n    <CopyActionButton />\n    <EditActionButton />\n  </ActionBarPrimitive.Root>\n);\n\nexport const UserMessage: FC = () => {\n  // A GitHub wake or a subscription's delivery is an event, not words the\n  // user typed: it renders as the compact wake marker instead of a bubble\n  // quoting the injected text.\n  const isWake = useAuiState(\n    (s) =>\n      isGithubWakeMessage(s.message.metadata?.custom) ||\n      isSubscriptionWakeMessage(s.message.metadata?.custom),\n  );\n  // A voice delegation's anchor is the ask the live voice model handed to the\n  // thread, not words the user typed: it renders as the shared voice-task\n  // card on every host instead of a second user bubble under the spoken turn.\n  const isVoiceDelegation = useAuiState((s) =>\n    isVoiceDelegationMessage({ messageId: s.message.id, custom: s.message.metadata?.custom }),\n  );\n  if (isWake) {\n    return (\n      <MessagePrimitive.Root data-message-role=\"user\" className=\"mb-3\">\n        <WakeMarkerMessage />\n      </MessagePrimitive.Root>\n    );\n  }\n  if (isVoiceDelegation) {\n    return (\n      <MessagePrimitive.Root data-message-role=\"user\" className=\"mb-3\">\n        <VoiceDelegationMessage />\n      </MessagePrimitive.Root>\n    );\n  }\n  return (\n    <MessagePrimitive.Root\n      data-message-role=\"user\"\n      className=\"group/user-message mb-3 flex justify-end\"\n    >\n      <div className=\"flex min-w-0 max-w-[85%] flex-col items-end gap-1\">\n        <div className=\"min-w-0 max-w-full rounded-2xl rounded-br-md bg-muted px-3.5 py-2 text-sm text-foreground\">\n          <MessagePrimitive.Content components={{ Text: UserMessageText }} />\n        </div>\n        <div className=\"flex min-h-6 items-center gap-1\">\n          <BranchPicker />\n          <UserActionBar />\n        </div>\n      </div>\n    </MessagePrimitive.Root>\n  );\n};\n\nexport interface CreateAssistantMessageOptions {\n  /** Host-registered card for tools without a dedicated UI. */\n  toolFallback: ToolCallMessagePartComponent;\n  /** Extra action-bar controls appended after copy/regenerate. */\n  extraActions?: ReactNode;\n  /**\n   * Renders the message body. Hosts that group content into activity\n   * timelines supply their own; the default renders markdown and tool cards.\n   */\n  content?: FC;\n  /**\n   * Inline affordance rendered inside a runtime-ending card (e.g. a Continue\n   * button). Hosts without one leave it unset.\n   */\n  runtimeMessageAction?: ReactNode;\n}\n\n/**\n * Builds the assistant bubble. Call this once per host (memoized on its\n * inputs) so the returned component identity stays stable across renders.\n */\nexport function createAssistantMessage({\n  toolFallback,\n  extraActions,\n  content: Content,\n  runtimeMessageAction,\n}: CreateAssistantMessageOptions): FC {\n  const AssistantActionBar: FC = () => {\n    // The latest reply keeps its actions visible; older replies reveal them\n    // on hover so a long transcript is not a wall of icon rows.\n    const isLast = useAuiState((s) => s.message.isLast);\n    return (\n      <ActionBarPrimitive.Root\n        autohide=\"never\"\n        className={cn(\n          \"mt-1 flex min-h-6 items-center gap-0.5\",\n          !isLast && [\n            ACTION_BAR_REVEAL_CLASS,\n            \"group-hover/assistant-message:pointer-events-auto group-hover/assistant-message:opacity-100\",\n          ],\n        )}\n      >\n        <CopyActionButton />\n        <RegenerateActionButton />\n        {extraActions}\n      </ActionBarPrimitive.Root>\n    );\n  };\n\n  // A run-lifecycle marker or handoff summary is a system event, not\n  // assistant speech. When it owns the whole row, render the status card in\n  // place of the bubble; when it is chunked in with the assistant's own work\n  // (or is a handoff whose text IS the closing summary), keep the body and\n  // frame it with the card above.\n  const RuntimeEnding: FC<{ placement: \"row\" | \"banner\" }> = ({ placement }) => {\n    // Select the message (a stable store reference) and derive from it: the\n    // reader allocates a fresh object per call, and `useAuiState` compares\n    // snapshots with `Object.is`, so selecting the reader's result directly\n    // would re-render on every store update and trip React's update-depth\n    // guard.\n    const message = useAuiState((s) => s.message);\n    const runtime = useMemo(() => readRuntimeMessageFromSourceMessages(message), [message]);\n    if (!runtime || runtime.silent) return null;\n    if (placement === \"row\" && !runtime.isSoleSourceMessage) return null;\n    if (placement === \"banner\" && runtime.isSoleSourceMessage && runtime.kind !== \"handoff\") {\n      return null;\n    }\n    return <RuntimeMessageCard message={runtime} action={runtimeMessageAction} />;\n  };\n\n  const AssistantMessage: FC = () => {\n    // An assistant row exists before its first token streams; showing\n    // copy/regenerate against nothing looks broken, so wait for content.\n    const showActions = useAuiState((state) =>\n      hasVisibleContent(state.message.content),\n    );\n    // Primitive selector: the reader builds a fresh object per call.\n    const soleRuntimeKind = useAuiState((s) => readSoleRuntimeMessageKind(s.message));\n    const soleRuntimeSilent = useAuiState(\n      (s) => readRuntimeMessageFromSourceMessages(s.message)?.silent === true,\n    );\n\n    if (soleRuntimeKind && soleRuntimeKind !== \"handoff\") {\n      if (soleRuntimeSilent) return null;\n      return (\n        <MessagePrimitive.Root\n          data-message-role=\"assistant\"\n          className=\"group group/assistant-message mb-3\"\n        >\n          <div className=\"max-w-[95%]\">\n            <RuntimeEnding placement=\"row\" />\n          </div>\n        </MessagePrimitive.Root>\n      );\n    }\n\n    return (\n      <MessagePrimitive.Root\n        data-message-role=\"assistant\"\n        className=\"group group/assistant-message mb-3\"\n      >\n        <div className=\"max-w-[95%]\">\n          <RuntimeEnding placement=\"banner\" />\n          {Content ? (\n            <Content />\n          ) : (\n            <MessagePrimitive.Content\n              components={{\n                Text: MarkdownText,\n                tools: { Fallback: toolFallback },\n              }}\n            />\n          )}\n          {showActions ? (\n            <div className=\"flex min-h-6 items-center gap-1\">\n              <BranchPicker />\n              <AssistantActionBar />\n            </div>\n          ) : null}\n        </div>\n      </MessagePrimitive.Root>\n    );\n  };\n\n  return AssistantMessage;\n}\n\n/** Composer chrome: the dock around the composer, its surface and its rows. */\nexport const COMPOSER_DOCK_CLASS = \"bg-background px-2.5 pb-2 pt-1.5\";\nexport const COMPOSER_SURFACE_CLASS =\n  \"relative flex flex-col gap-1 rounded-xl border border-neutral-200 bg-white shadow-[0_2px_10px_rgba(54,45,33,0.08)]\";\nexport const COMPOSER_EDITOR_ROW_CLASS = \"px-2.5 pt-1\";\nexport const COMPOSER_TOOLBAR_CLASS =\n  \"flex items-center gap-1 border-t border-neutral-100 px-2 py-1.5\";\n/**\n * Paper composer chrome (`ChatComposerDock appearance=\"paper\"`): a card-toned\n * surface with a larger radius, a focus-within ring, a drag-over tint keyed\n * off `data-drag-active`, and a bottom rail — the chrome the SDK's\n * `AthenaChat` thread renders. Hosts on the default chrome above are\n * untouched. The dock carries no padding of its own; the paper host's footer\n * spaces it. The radius and border colour also bind to the `--composer-radius`\n * / `--composer-border` theme variables in `styles.css`.\n */\nexport const COMPOSER_PAPER_DOCK_CLASS = \"aui-composer-dock\";\nexport const COMPOSER_PAPER_SURFACE_CLASS =\n  \"aui-composer-root relative flex w-full flex-col rounded-[1.375rem] border border-border bg-card p-2.5 text-card-foreground shadow-[0_1px_2px_rgba(0,0,0,0.04)] outline-none transition-shadow duration-150 focus-within:shadow-[0_8px_24px_-14px_rgba(0,0,0,0.25)] focus-within:ring-2 focus-within:ring-ring/40 data-[drag-active=true]:bg-primary/5 data-[drag-active=true]:ring-2 data-[drag-active=true]:ring-primary/40\";\nexport const COMPOSER_PAPER_EDITOR_ROW_CLASS = \"px-0.5\";\nexport const COMPOSER_PAPER_TOOLBAR_CLASS =\n  \"aui-composer-action-wrapper relative flex items-center justify-between gap-1 pt-1\";\nexport const THREAD_SCROLL_TO_BOTTOM_CLASS =\n  \"inline-flex items-center justify-center rounded-full border bg-background/80 p-1 shadow-sm backdrop-blur transition-opacity hover:bg-accent disabled:invisible\";\n\nconst ComposerStopIcon: FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"size-4\"\n    viewBox=\"0 0 16 16\"\n    fill=\"currentColor\"\n  >\n    <rect width=\"10\" height=\"10\" x=\"3\" y=\"3\" rx=\"2\" />\n  </svg>\n);\n\nexport interface ComposerStopButtonProps {\n  onStop: () => void;\n  disabled?: boolean;\n  title?: string;\n}\n\nexport interface ComposerSendButtonProps {\n  action: Extract<ComposerAction, \"send\" | \"queue\">;\n  onSend: () => void;\n  disabled?: boolean;\n  title?: string;\n}\n\n/** Stop control shown while a run is in flight and there is nothing queued. */\nexport const ComposerStopButton: FC<ComposerStopButtonProps> = ({\n  onStop,\n  disabled = false,\n  title = \"Stop generation\",\n}) => (\n  <button\n    type=\"button\"\n    onClick={onStop}\n    disabled={disabled}\n    title={title}\n    className={cn(\n      \"inline-flex size-8 shrink-0 items-center justify-center rounded-lg bg-foreground text-background shadow-sm transition-colors hover:bg-foreground/80\",\n      disabled && \"cursor-not-allowed opacity-60\",\n    )}\n  >\n    <ComposerStopIcon />\n  </button>\n);\n/** Send control, which becomes a queue control while a run is in flight. */\nexport const ComposerSendButton: FC<ComposerSendButtonProps> = ({\n  action,\n  onSend,\n  disabled = false,\n  title,\n}) => (\n  <button\n    type=\"button\"\n    onClick={onSend}\n    disabled={disabled}\n    title={title ?? (action === \"queue\" ? \"Queue message\" : \"Send\")}\n    className={cn(\n      \"inline-flex size-8 shrink-0 items-center justify-center rounded-full shadow-sm transition-colors\",\n      disabled\n        ? \"cursor-not-allowed bg-muted text-muted-foreground opacity-60\"\n        : \"bg-foreground text-background hover:bg-foreground/80\",\n    )}\n  >\n    {action === \"queue\" ? (\n      <ListPlusIcon className=\"size-4\" />\n    ) : (\n      <ArrowUpIcon className=\"size-4\" />\n    )}\n  </button>\n);\n"],"names":["jsxs","BranchPickerPrimitive","jsx","SmallIconButton","ChevronLeftIcon","ChevronRightIcon","ActionBarPrimitive","AuiIf","CheckIcon","CopyIcon","useAuiState","useAthenaRunLive","useMessageActionsReadOnly","useChatOutboxReachable","useDeepAgentChatOutboxContext","CHAT_EDIT_UNREACHABLE_LABEL","PencilIcon","RefreshCwIcon","useSmooth","useMessagePartText","hideUnterminatedMarkdownLink","ChatMessageBody","composerMarkdown","DEEP_AGENT_COMPOSER_MARKDOWN_KEY","useMemo","readDeepAgentComposerMarkdown","cn","isGithubWakeMessage","isSubscriptionWakeMessage","isVoiceDelegationMessage","MessagePrimitive","WakeMarkerMessage","VoiceDelegationMessage","readRuntimeMessageFromSourceMessages","RuntimeMessageCard","hasVisibleContent","readSoleRuntimeMessageKind","ListPlusIcon","ArrowUpIcon"],"mappings":"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"}
+{"version":3,"file":"message-components.cjs","sources":["../../../src/chat-ui/messages/message-components.tsx"],"sourcesContent":["import {\n  ActionBarPrimitive,\n  AuiIf,\n  BranchPickerPrimitive,\n  MessagePrimitive,\n  useAuiState,\n  useMessagePartText,\n  useSmooth,\n  type ToolCallMessagePartComponent,\n} from \"@assistant-ui/react\";\nimport {\n  CHAT_EDIT_UNREACHABLE_LABEL,\n  DEEP_AGENT_COMPOSER_MARKDOWN_KEY,\n  hideUnterminatedMarkdownLink,\n  isGithubWakeMessage,\n  isSubscriptionWakeMessage,\n  isVoiceDelegationMessage,\n  readDeepAgentComposerMarkdown,\n  readRuntimeMessageFromSourceMessages,\n  readSoleRuntimeMessageKind,\n  useChatOutboxReachable,\n  useDeepAgentChatOutboxContext,\n} from \"@athenaintel/agent-runtime\";\nimport {\n  ArrowUpIcon,\n  CheckIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  CopyIcon,\n  ListPlusIcon,\n  PencilIcon,\n  RefreshCwIcon,\n} from \"lucide-react\";\nimport {\n  type FC,\n  type ReactNode,\n  useMemo,\n} from \"react\";\nimport { useAthenaRunLive } from \"../../chat/use-athena-run-live\";\nimport type { ComposerAction } from \"../composer/composer-action\";\nimport { cn } from \"../../lib/utils\";\nimport { ChatMessageBody } from \"../rich-text/chat-message-body\";\nimport { AnswerLabel } from \"./answer-label\";\nimport { useMessageActionsReadOnly } from \"./message-actions-config\";\nimport { MessageImageGallery, MessageImagePart } from \"./message-images\";\nimport { RuntimeMessageCard } from \"./runtime-message\";\nimport { hasVisibleContent } from \"./running-indicator\";\nimport { VoiceDelegationMessage } from \"./voice-delegation-card\";\nimport { WakeMarkerMessage } from \"./wake-marker\";\nimport { SmallIconButton } from \"./thread-chrome\";\n\nexport {\n  IconButton,\n  SmallIconButton,\n  THREAD_HEADER_ACTIONS_CLASS,\n  THREAD_HEADER_CLASS,\n  THREAD_HEADER_ICON_CLASS,\n  THREAD_HEADER_PILL_CLASS,\n  THREAD_PANEL_CLASS,\n} from \"./thread-chrome\";\n\nexport const BranchPicker: FC = () => (\n  <BranchPickerPrimitive.Root\n    hideWhenSingleBranch\n    className=\"inline-flex items-center gap-0.5 text-xs text-muted-foreground\"\n    data-testid=\"chat-branch-picker\"\n  >\n    <BranchPickerPrimitive.Previous asChild>\n      <SmallIconButton\n        tooltip=\"Previous branch\"\n        data-testid=\"chat-branch-previous\"\n      >\n        <ChevronLeftIcon className=\"size-3\" />\n      </SmallIconButton>\n    </BranchPickerPrimitive.Previous>\n    <span className=\"font-medium\" data-testid=\"chat-branch-count\">\n      <BranchPickerPrimitive.Number /> / <BranchPickerPrimitive.Count />\n    </span>\n    <BranchPickerPrimitive.Next asChild>\n      <SmallIconButton tooltip=\"Next branch\" data-testid=\"chat-branch-next\">\n        <ChevronRightIcon className=\"size-3\" />\n      </SmallIconButton>\n    </BranchPickerPrimitive.Next>\n  </BranchPickerPrimitive.Root>\n);\n\nconst CopyActionButton: FC = () => (\n  <ActionBarPrimitive.Copy asChild>\n    <SmallIconButton tooltip=\"Copy\">\n      <AuiIf condition={(state) => state.message.isCopied}>\n        <CheckIcon className=\"size-3\" />\n      </AuiIf>\n      <AuiIf condition={(state) => !state.message.isCopied}>\n        <CopyIcon className=\"size-3\" />\n      </AuiIf>\n    </SmallIconButton>\n  </ActionBarPrimitive.Copy>\n);\n\n/**\n * The edit primitive does not check the runtime's edit capability itself —\n * clicking it on a runtime without one throws inside onPress, where no error\n * boundary can catch it — so the button must gate on the capability and, to\n * match the rewind semantics of `run/edit`, stay hidden while a run is live.\n * The read-only context covers threads the capability flags cannot: a host's\n * static `edit: true` still applies to fenced legacy conversations. While the\n * host's chat outbox says Athena can't be reached it is not offered: shown\n * disabled, its tooltip says why, and it comes back once Athena answers.\n */\nconst EditActionButton: FC = () => {\n  const allowEdit = useAuiState((s) => s.thread.capabilities.edit);\n  const isRunning = useAthenaRunLive();\n  const readOnly = useMessageActionsReadOnly();\n  const reachable = useChatOutboxReachable(useDeepAgentChatOutboxContext());\n  if (!allowEdit || isRunning || readOnly) return null;\n  if (!reachable) {\n    return (\n      <SmallIconButton\n        tooltip={CHAT_EDIT_UNREACHABLE_LABEL}\n        aria-disabled\n        data-testid=\"chat-message-edit-unreachable\"\n        className=\"cursor-not-allowed opacity-50 hover:bg-transparent hover:text-muted-foreground\"\n      >\n        <PencilIcon className=\"size-3\" />\n      </SmallIconButton>\n    );\n  }\n  return (\n    <ActionBarPrimitive.Edit asChild>\n      <SmallIconButton tooltip=\"Edit\" data-testid=\"chat-message-edit\">\n        <PencilIcon className=\"size-3\" />\n      </SmallIconButton>\n    </ActionBarPrimitive.Edit>\n  );\n};\n\n/** Regenerate dispatches `run/reload`, so it hides on read-only threads too. */\nconst RegenerateActionButton: FC = () => {\n  const readOnly = useMessageActionsReadOnly();\n  if (readOnly) return null;\n  return (\n    <ActionBarPrimitive.Reload asChild>\n      <SmallIconButton tooltip=\"Regenerate\">\n        <RefreshCwIcon className=\"size-3\" />\n      </SmallIconButton>\n    </ActionBarPrimitive.Reload>\n  );\n};\n\n/**\n * Reveal-on-demand treatment for action bars: invisible and click-through\n * until the surrounding named group is hovered or a control inside receives\n * keyboard focus. The `focus-within` escape hatch is what keeps the hidden\n * controls reachable for keyboard users.\n */\nexport const ACTION_BAR_REVEAL_CLASS =\n  \"pointer-events-none opacity-0 transition-opacity focus-within:pointer-events-auto focus-within:opacity-100\";\n\n/** Shared chat body; the reveal holds incomplete links until their URL is complete. */\nexport const MarkdownText: FC = () => {\n  const revealed = useSmooth(useMessagePartText(), true);\n  const isRunning = revealed.status.type === \"running\";\n  const text = isRunning ? hideUnterminatedMarkdownLink(revealed.text) : revealed.text;\n  return <ChatMessageBody text={text} isRunning={isRunning} />;\n};\n\n/**\n * A user message's text, shown as it was typed.\n *\n * A composer sends plain text exactly as typed, because the model reads it\n * literally, so the text alone no longer says which characters are\n * formatting: read as Markdown, `List<T>` loses `<T>`, `obj.__init__` shows a\n * bold \"init\" and `a\\\\b` one backslash. A composer send therefore carries the\n * draft it was serialized from (`metadata.composer_markdown`, only when the\n * two differ), and this renders that draft when it is a draft of the\n * message's own text (`readDeepAgentComposerMarkdown`), formatting and\n * mention chips included. Any other text — no draft, or one of other words —\n * renders with the typed reading (`ChatMessageBody typed`), which leaves raw\n * HTML and underscore emphasis as the characters they were typed with, so\n * `List<T>`, `obj.__init__` and `a\\b` show as typed there too.\n *\n * Copy copies the message text, which is the text as sent, and Edit opens it\n * in a plain-text box, so neither reads the draft.\n */\nexport const UserMessageText: FC<{ text: string }> = ({ text }) => {\n  const composerMarkdown: unknown = useAuiState(\n    (s) => s.message.metadata?.custom?.[DEEP_AGENT_COMPOSER_MARKDOWN_KEY],\n  );\n  const shown = useMemo(\n    () =>\n      readDeepAgentComposerMarkdown({\n        metadata: { [DEEP_AGENT_COMPOSER_MARKDOWN_KEY]: composerMarkdown },\n        text,\n      }) ?? text,\n    [composerMarkdown, text],\n  );\n  return <ChatMessageBody text={shown} typed />;\n};\n\n/** A user message's parts: its text as typed, and its pictures, each opening the viewer. */\nconst USER_MESSAGE_PART_COMPONENTS = { Text: UserMessageText, Image: MessageImagePart };\n\nconst UserActionBar: FC = () => (\n  <ActionBarPrimitive.Root\n    autohide=\"never\"\n    className={cn(\n      \"flex min-h-6 items-center gap-0.5\",\n      ACTION_BAR_REVEAL_CLASS,\n      \"group-hover/user-message:pointer-events-auto group-hover/user-message:opacity-100\",\n    )}\n  >\n    <CopyActionButton />\n    <EditActionButton />\n  </ActionBarPrimitive.Root>\n);\n\nexport const UserMessage: FC = () => {\n  // A GitHub wake or a subscription's delivery is an event, not words the\n  // user typed: it renders as the compact wake marker instead of a bubble\n  // quoting the injected text.\n  const isWake = useAuiState(\n    (s) =>\n      isGithubWakeMessage(s.message.metadata?.custom) ||\n      isSubscriptionWakeMessage(s.message.metadata?.custom),\n  );\n  // A voice delegation's anchor is the ask the live voice model handed to the\n  // thread, not words the user typed: it renders as the shared voice-task\n  // card on every host instead of a second user bubble under the spoken turn.\n  const isVoiceDelegation = useAuiState((s) =>\n    isVoiceDelegationMessage({ messageId: s.message.id, custom: s.message.metadata?.custom }),\n  );\n  if (isWake) {\n    return (\n      <MessagePrimitive.Root data-message-role=\"user\" className=\"mb-3\">\n        <WakeMarkerMessage />\n      </MessagePrimitive.Root>\n    );\n  }\n  if (isVoiceDelegation) {\n    return (\n      <MessagePrimitive.Root data-message-role=\"user\" className=\"mb-3\">\n        <VoiceDelegationMessage />\n      </MessagePrimitive.Root>\n    );\n  }\n  return (\n    <MessagePrimitive.Root\n      data-message-role=\"user\"\n      className=\"group/user-message mb-3 flex justify-end\"\n    >\n      <div className=\"flex min-w-0 max-w-[85%] flex-col items-end gap-1\">\n        <div className=\"min-w-0 max-w-full rounded-2xl rounded-br-md bg-muted px-3.5 py-2 text-sm text-foreground\">\n          <MessageImageGallery>\n            <MessagePrimitive.Content components={USER_MESSAGE_PART_COMPONENTS} />\n          </MessageImageGallery>\n        </div>\n        <div className=\"flex min-h-6 items-center gap-1\">\n          <BranchPicker />\n          <UserActionBar />\n        </div>\n      </div>\n    </MessagePrimitive.Root>\n  );\n};\n\nexport interface CreateAssistantMessageOptions {\n  /** Host-registered card for tools without a dedicated UI. */\n  toolFallback: ToolCallMessagePartComponent;\n  /** Extra action-bar controls appended after copy/regenerate. */\n  extraActions?: ReactNode;\n  /**\n   * Renders the message body. Hosts that group content into activity\n   * timelines supply their own; the default renders markdown and tool cards.\n   */\n  content?: FC;\n  /**\n   * Inline affordance rendered inside a runtime-ending card (e.g. a Continue\n   * button). Hosts without one leave it unset.\n   */\n  runtimeMessageAction?: ReactNode;\n}\n\n/**\n * Builds the assistant bubble. Call this once per host (memoized on its\n * inputs) so the returned component identity stays stable across renders.\n */\nexport function createAssistantMessage({\n  toolFallback,\n  extraActions,\n  content: Content,\n  runtimeMessageAction,\n}: CreateAssistantMessageOptions): FC {\n  const AssistantActionBar: FC = () => {\n    // The latest reply keeps its actions visible; older replies reveal them\n    // on hover so a long transcript is not a wall of icon rows.\n    const isLast = useAuiState((s) => s.message.isLast);\n    return (\n      <ActionBarPrimitive.Root\n        autohide=\"never\"\n        className={cn(\n          \"mt-1 flex min-h-6 items-center gap-0.5\",\n          !isLast && [\n            ACTION_BAR_REVEAL_CLASS,\n            \"group-hover/assistant-message:pointer-events-auto group-hover/assistant-message:opacity-100\",\n          ],\n        )}\n      >\n        <CopyActionButton />\n        <RegenerateActionButton />\n        {extraActions}\n      </ActionBarPrimitive.Root>\n    );\n  };\n\n  // A run-lifecycle marker or handoff summary is a system event, not\n  // assistant speech. When it owns the whole row, render the status card in\n  // place of the bubble; when it is chunked in with the assistant's own work\n  // (or is a handoff whose text IS the closing summary), keep the body and\n  // frame it with the card above.\n  const RuntimeEnding: FC<{ placement: \"row\" | \"banner\" }> = ({ placement }) => {\n    // Select the message (a stable store reference) and derive from it: the\n    // reader allocates a fresh object per call, and `useAuiState` compares\n    // snapshots with `Object.is`, so selecting the reader's result directly\n    // would re-render on every store update and trip React's update-depth\n    // guard.\n    const message = useAuiState((s) => s.message);\n    const runtime = useMemo(() => readRuntimeMessageFromSourceMessages(message), [message]);\n    if (!runtime || runtime.silent) return null;\n    if (placement === \"row\" && !runtime.isSoleSourceMessage) return null;\n    if (placement === \"banner\" && runtime.isSoleSourceMessage && runtime.kind !== \"handoff\") {\n      return null;\n    }\n    return <RuntimeMessageCard message={runtime} action={runtimeMessageAction} />;\n  };\n\n  const AssistantMessage: FC = () => {\n    // An assistant row exists before its first token streams; showing\n    // copy/regenerate against nothing looks broken, so wait for content.\n    const showActions = useAuiState((state) =>\n      hasVisibleContent(state.message.content),\n    );\n    // Primitive selector: the reader builds a fresh object per call.\n    const soleRuntimeKind = useAuiState((s) => readSoleRuntimeMessageKind(s.message));\n    const soleRuntimeSilent = useAuiState(\n      (s) => readRuntimeMessageFromSourceMessages(s.message)?.silent === true,\n    );\n\n    if (soleRuntimeKind && soleRuntimeKind !== \"handoff\") {\n      if (soleRuntimeSilent) return null;\n      return (\n        <MessagePrimitive.Root\n          data-message-role=\"assistant\"\n          className=\"group group/assistant-message mb-3\"\n        >\n          <div className=\"max-w-[95%]\">\n            <RuntimeEnding placement=\"row\" />\n          </div>\n        </MessagePrimitive.Root>\n      );\n    }\n\n    return (\n      <MessagePrimitive.Root\n        data-message-role=\"assistant\"\n        className=\"group group/assistant-message mb-3\"\n      >\n        <div className=\"max-w-[95%]\">\n          <AnswerLabel className=\"mb-1\" />\n          <RuntimeEnding placement=\"banner\" />\n          {Content ? (\n            <Content />\n          ) : (\n            <MessagePrimitive.Content\n              components={{\n                Text: MarkdownText,\n                tools: { Fallback: toolFallback },\n              }}\n            />\n          )}\n          {showActions ? (\n            <div className=\"flex min-h-6 items-center gap-1\">\n              <BranchPicker />\n              <AssistantActionBar />\n            </div>\n          ) : null}\n        </div>\n      </MessagePrimitive.Root>\n    );\n  };\n\n  return AssistantMessage;\n}\n\n/** Composer chrome: the dock around the composer, its surface and its rows. */\nexport const COMPOSER_DOCK_CLASS = \"bg-background px-2.5 pb-2 pt-1.5\";\nexport const COMPOSER_SURFACE_CLASS =\n  \"relative flex flex-col gap-1 rounded-xl border border-neutral-200 bg-white shadow-[0_2px_10px_rgba(54,45,33,0.08)]\";\nexport const COMPOSER_EDITOR_ROW_CLASS = \"px-2.5 pt-1\";\nexport const COMPOSER_TOOLBAR_CLASS =\n  \"flex items-center gap-1 border-t border-neutral-100 px-2 py-1.5\";\n/**\n * Paper composer chrome (`ChatComposerDock appearance=\"paper\"`): a card-toned\n * surface with a larger radius, a focus-within ring, a drag-over tint keyed\n * off `data-drag-active`, and a bottom rail — the chrome the SDK's\n * `AthenaChat` thread renders. Hosts on the default chrome above are\n * untouched. The dock carries no padding of its own; the paper host's footer\n * spaces it. The radius and border colour also bind to the `--composer-radius`\n * / `--composer-border` theme variables in `styles.css`.\n */\nexport const COMPOSER_PAPER_DOCK_CLASS = \"aui-composer-dock\";\nexport const COMPOSER_PAPER_SURFACE_CLASS =\n  \"aui-composer-root relative flex w-full flex-col rounded-[1.375rem] border border-border bg-card p-2.5 text-card-foreground shadow-[0_1px_2px_rgba(0,0,0,0.04)] outline-none transition-shadow duration-150 focus-within:shadow-[0_8px_24px_-14px_rgba(0,0,0,0.25)] focus-within:ring-2 focus-within:ring-ring/40 data-[drag-active=true]:bg-primary/5 data-[drag-active=true]:ring-2 data-[drag-active=true]:ring-primary/40\";\nexport const COMPOSER_PAPER_EDITOR_ROW_CLASS = \"px-0.5\";\nexport const COMPOSER_PAPER_TOOLBAR_CLASS =\n  \"aui-composer-action-wrapper relative flex items-center justify-between gap-1 pt-1\";\nexport const THREAD_SCROLL_TO_BOTTOM_CLASS =\n  \"inline-flex items-center justify-center rounded-full border bg-background/80 p-1 shadow-sm backdrop-blur transition-opacity hover:bg-accent disabled:invisible\";\n\nconst ComposerStopIcon: FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"size-4\"\n    viewBox=\"0 0 16 16\"\n    fill=\"currentColor\"\n  >\n    <rect width=\"10\" height=\"10\" x=\"3\" y=\"3\" rx=\"2\" />\n  </svg>\n);\n\nexport interface ComposerStopButtonProps {\n  onStop: () => void;\n  disabled?: boolean;\n  title?: string;\n}\n\nexport interface ComposerSendButtonProps {\n  action: Extract<ComposerAction, \"send\" | \"queue\">;\n  onSend: () => void;\n  disabled?: boolean;\n  title?: string;\n}\n\n/** Stop control shown while a run is in flight and there is nothing queued. */\nexport const ComposerStopButton: FC<ComposerStopButtonProps> = ({\n  onStop,\n  disabled = false,\n  title = \"Stop generation\",\n}) => (\n  <button\n    type=\"button\"\n    onClick={onStop}\n    disabled={disabled}\n    title={title}\n    className={cn(\n      \"inline-flex size-8 shrink-0 items-center justify-center rounded-lg bg-foreground text-background shadow-sm transition-colors hover:bg-foreground/80\",\n      disabled && \"cursor-not-allowed opacity-60\",\n    )}\n  >\n    <ComposerStopIcon />\n  </button>\n);\n/** Send control, which becomes a queue control while a run is in flight. */\nexport const ComposerSendButton: FC<ComposerSendButtonProps> = ({\n  action,\n  onSend,\n  disabled = false,\n  title,\n}) => (\n  <button\n    type=\"button\"\n    onClick={onSend}\n    disabled={disabled}\n    title={title ?? (action === \"queue\" ? \"Queue message\" : \"Send\")}\n    className={cn(\n      \"inline-flex size-8 shrink-0 items-center justify-center rounded-full shadow-sm transition-colors\",\n      disabled\n        ? \"cursor-not-allowed bg-muted text-muted-foreground opacity-60\"\n        : \"bg-foreground text-background hover:bg-foreground/80\",\n    )}\n  >\n    {action === \"queue\" ? (\n      <ListPlusIcon className=\"size-4\" />\n    ) : (\n      <ArrowUpIcon className=\"size-4\" />\n    )}\n  </button>\n);\n"],"names":["jsxs","BranchPickerPrimitive","jsx","SmallIconButton","ChevronLeftIcon","ChevronRightIcon","ActionBarPrimitive","AuiIf","CheckIcon","CopyIcon","useAuiState","useAthenaRunLive","useMessageActionsReadOnly","useChatOutboxReachable","useDeepAgentChatOutboxContext","CHAT_EDIT_UNREACHABLE_LABEL","PencilIcon","RefreshCwIcon","useSmooth","useMessagePartText","hideUnterminatedMarkdownLink","ChatMessageBody","composerMarkdown","DEEP_AGENT_COMPOSER_MARKDOWN_KEY","useMemo","readDeepAgentComposerMarkdown","MessageImagePart","cn","isGithubWakeMessage","isSubscriptionWakeMessage","isVoiceDelegationMessage","MessagePrimitive","WakeMarkerMessage","VoiceDelegationMessage","MessageImageGallery","readRuntimeMessageFromSourceMessages","RuntimeMessageCard","hasVisibleContent","readSoleRuntimeMessageKind","AnswerLabel","ListPlusIcon","ArrowUpIcon"],"mappings":"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"}

package/dist/chat-ui/messages/message-components.js

@@ -4,7 +4,9 @@ import { ChevronLeftIcon, ChevronRightIcon, ListPlusIcon, ArrowUpIcon, CheckIcon
 import { useMemo } from "react";
 import { useAthenaRunLive } from "../../chat/use-athena-run-live.js";
 import { ChatMessageBody } from "../rich-text/chat-message-body.js";
+import { AnswerLabel } from "./answer-label.js";
 import { useMessageActionsReadOnly } from "./message-actions-config.js";
+import { MessageImageGallery, MessageImagePart } from "./message-images.js";
 import { RuntimeMessageCard } from "./runtime-message.js";
 import { hasVisibleContent } from "./running-indicator.js";
 import { VoiceDelegationMessage } from "./voice-delegation-card.js";
@@ -96,6 +98,7 @@ const UserMessageText = ({ text }) => {
   );
   return /* @__PURE__ */ jsx(ChatMessageBody, { text: shown, typed: true });
 };
+const USER_MESSAGE_PART_COMPONENTS = { Text: UserMessageText, Image: MessageImagePart };
 const UserActionBar = () => /* @__PURE__ */ jsxs(
   ActionBarPrimitive.Root,
   {
@@ -136,7 +139,7 @@ const UserMessage = () => {
       "data-message-role": "user",
       className: "group/user-message mb-3 flex justify-end",
       children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 max-w-[85%] flex-col items-end gap-1", children: [
-        /* @__PURE__ */ jsx("div", { className: "min-w-0 max-w-full rounded-2xl rounded-br-md bg-muted px-3.5 py-2 text-sm text-foreground", children: /* @__PURE__ */ jsx(MessagePrimitive.Content, { components: { Text: UserMessageText } }) }),
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 max-w-full rounded-2xl rounded-br-md bg-muted px-3.5 py-2 text-sm text-foreground", children: /* @__PURE__ */ jsx(MessageImageGallery, { children: /* @__PURE__ */ jsx(MessagePrimitive.Content, { components: USER_MESSAGE_PART_COMPONENTS }) }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex min-h-6 items-center gap-1", children: [
           /* @__PURE__ */ jsx(BranchPicker, {}),
           /* @__PURE__ */ jsx(UserActionBar, {})
@@ -210,6 +213,7 @@ function createAssistantMessage({
         "data-message-role": "assistant",
         className: "group group/assistant-message mb-3",
         children: /* @__PURE__ */ jsxs("div", { className: "max-w-[95%]", children: [
+          /* @__PURE__ */ jsx(AnswerLabel, { className: "mb-1" }),
           /* @__PURE__ */ jsx(RuntimeEnding, { placement: "banner" }),
           Content ? /* @__PURE__ */ jsx(Content, {}) : /* @__PURE__ */ jsx(
             MessagePrimitive.Content,

package/dist/chat-ui/messages/message-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-components.js","sources":["../../../src/chat-ui/messages/message-components.tsx"],"sourcesContent":["import {\n  ActionBarPrimitive,\n  AuiIf,\n  BranchPickerPrimitive,\n  MessagePrimitive,\n  useAuiState,\n  useMessagePartText,\n  useSmooth,\n  type ToolCallMessagePartComponent,\n} from \"@assistant-ui/react\";\nimport {\n  CHAT_EDIT_UNREACHABLE_LABEL,\n  DEEP_AGENT_COMPOSER_MARKDOWN_KEY,\n  hideUnterminatedMarkdownLink,\n  isGithubWakeMessage,\n  isSubscriptionWakeMessage,\n  isVoiceDelegationMessage,\n  readDeepAgentComposerMarkdown,\n  readRuntimeMessageFromSourceMessages,\n  readSoleRuntimeMessageKind,\n  useChatOutboxReachable,\n  useDeepAgentChatOutboxContext,\n} from \"@athenaintel/agent-runtime\";\nimport {\n  ArrowUpIcon,\n  CheckIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  CopyIcon,\n  ListPlusIcon,\n  PencilIcon,\n  RefreshCwIcon,\n} from \"lucide-react\";\nimport {\n  type FC,\n  type ReactNode,\n  useMemo,\n} from \"react\";\nimport { useAthenaRunLive } from \"../../chat/use-athena-run-live\";\nimport type { ComposerAction } from \"../composer/composer-action\";\nimport { cn } from \"../../lib/utils\";\nimport { ChatMessageBody } from \"../rich-text/chat-message-body\";\nimport { useMessageActionsReadOnly } from \"./message-actions-config\";\nimport { RuntimeMessageCard } from \"./runtime-message\";\nimport { hasVisibleContent } from \"./running-indicator\";\nimport { VoiceDelegationMessage } from \"./voice-delegation-card\";\nimport { WakeMarkerMessage } from \"./wake-marker\";\nimport { SmallIconButton } from \"./thread-chrome\";\n\nexport {\n  IconButton,\n  SmallIconButton,\n  THREAD_HEADER_ACTIONS_CLASS,\n  THREAD_HEADER_CLASS,\n  THREAD_HEADER_ICON_CLASS,\n  THREAD_HEADER_PILL_CLASS,\n  THREAD_PANEL_CLASS,\n} from \"./thread-chrome\";\n\nexport const BranchPicker: FC = () => (\n  <BranchPickerPrimitive.Root\n    hideWhenSingleBranch\n    className=\"inline-flex items-center gap-0.5 text-xs text-muted-foreground\"\n    data-testid=\"chat-branch-picker\"\n  >\n    <BranchPickerPrimitive.Previous asChild>\n      <SmallIconButton\n        tooltip=\"Previous branch\"\n        data-testid=\"chat-branch-previous\"\n      >\n        <ChevronLeftIcon className=\"size-3\" />\n      </SmallIconButton>\n    </BranchPickerPrimitive.Previous>\n    <span className=\"font-medium\" data-testid=\"chat-branch-count\">\n      <BranchPickerPrimitive.Number /> / <BranchPickerPrimitive.Count />\n    </span>\n    <BranchPickerPrimitive.Next asChild>\n      <SmallIconButton tooltip=\"Next branch\" data-testid=\"chat-branch-next\">\n        <ChevronRightIcon className=\"size-3\" />\n      </SmallIconButton>\n    </BranchPickerPrimitive.Next>\n  </BranchPickerPrimitive.Root>\n);\n\nconst CopyActionButton: FC = () => (\n  <ActionBarPrimitive.Copy asChild>\n    <SmallIconButton tooltip=\"Copy\">\n      <AuiIf condition={(state) => state.message.isCopied}>\n        <CheckIcon className=\"size-3\" />\n      </AuiIf>\n      <AuiIf condition={(state) => !state.message.isCopied}>\n        <CopyIcon className=\"size-3\" />\n      </AuiIf>\n    </SmallIconButton>\n  </ActionBarPrimitive.Copy>\n);\n\n/**\n * The edit primitive does not check the runtime's edit capability itself —\n * clicking it on a runtime without one throws inside onPress, where no error\n * boundary can catch it — so the button must gate on the capability and, to\n * match the rewind semantics of `run/edit`, stay hidden while a run is live.\n * The read-only context covers threads the capability flags cannot: a host's\n * static `edit: true` still applies to fenced legacy conversations. While the\n * host's chat outbox says Athena can't be reached it is not offered: shown\n * disabled, its tooltip says why, and it comes back once Athena answers.\n */\nconst EditActionButton: FC = () => {\n  const allowEdit = useAuiState((s) => s.thread.capabilities.edit);\n  const isRunning = useAthenaRunLive();\n  const readOnly = useMessageActionsReadOnly();\n  const reachable = useChatOutboxReachable(useDeepAgentChatOutboxContext());\n  if (!allowEdit || isRunning || readOnly) return null;\n  if (!reachable) {\n    return (\n      <SmallIconButton\n        tooltip={CHAT_EDIT_UNREACHABLE_LABEL}\n        aria-disabled\n        data-testid=\"chat-message-edit-unreachable\"\n        className=\"cursor-not-allowed opacity-50 hover:bg-transparent hover:text-muted-foreground\"\n      >\n        <PencilIcon className=\"size-3\" />\n      </SmallIconButton>\n    );\n  }\n  return (\n    <ActionBarPrimitive.Edit asChild>\n      <SmallIconButton tooltip=\"Edit\" data-testid=\"chat-message-edit\">\n        <PencilIcon className=\"size-3\" />\n      </SmallIconButton>\n    </ActionBarPrimitive.Edit>\n  );\n};\n\n/** Regenerate dispatches `run/reload`, so it hides on read-only threads too. */\nconst RegenerateActionButton: FC = () => {\n  const readOnly = useMessageActionsReadOnly();\n  if (readOnly) return null;\n  return (\n    <ActionBarPrimitive.Reload asChild>\n      <SmallIconButton tooltip=\"Regenerate\">\n        <RefreshCwIcon className=\"size-3\" />\n      </SmallIconButton>\n    </ActionBarPrimitive.Reload>\n  );\n};\n\n/**\n * Reveal-on-demand treatment for action bars: invisible and click-through\n * until the surrounding named group is hovered or a control inside receives\n * keyboard focus. The `focus-within` escape hatch is what keeps the hidden\n * controls reachable for keyboard users.\n */\nexport const ACTION_BAR_REVEAL_CLASS =\n  \"pointer-events-none opacity-0 transition-opacity focus-within:pointer-events-auto focus-within:opacity-100\";\n\n/** Shared chat body; the reveal holds incomplete links until their URL is complete. */\nexport const MarkdownText: FC = () => {\n  const revealed = useSmooth(useMessagePartText(), true);\n  const isRunning = revealed.status.type === \"running\";\n  const text = isRunning ? hideUnterminatedMarkdownLink(revealed.text) : revealed.text;\n  return <ChatMessageBody text={text} isRunning={isRunning} />;\n};\n\n/**\n * A user message's text, shown as it was typed.\n *\n * A composer sends plain text exactly as typed, because the model reads it\n * literally, so the text alone no longer says which characters are\n * formatting: read as Markdown, `List<T>` loses `<T>`, `obj.__init__` shows a\n * bold \"init\" and `a\\\\b` one backslash. A composer send therefore carries the\n * draft it was serialized from (`metadata.composer_markdown`, only when the\n * two differ), and this renders that draft when it is a draft of the\n * message's own text (`readDeepAgentComposerMarkdown`), formatting and\n * mention chips included. Any other text — no draft, or one of other words —\n * renders with the typed reading (`ChatMessageBody typed`), which leaves raw\n * HTML and underscore emphasis as the characters they were typed with, so\n * `List<T>`, `obj.__init__` and `a\\b` show as typed there too.\n *\n * Copy copies the message text, which is the text as sent, and Edit opens it\n * in a plain-text box, so neither reads the draft.\n */\nexport const UserMessageText: FC<{ text: string }> = ({ text }) => {\n  const composerMarkdown: unknown = useAuiState(\n    (s) => s.message.metadata?.custom?.[DEEP_AGENT_COMPOSER_MARKDOWN_KEY],\n  );\n  const shown = useMemo(\n    () =>\n      readDeepAgentComposerMarkdown({\n        metadata: { [DEEP_AGENT_COMPOSER_MARKDOWN_KEY]: composerMarkdown },\n        text,\n      }) ?? text,\n    [composerMarkdown, text],\n  );\n  return <ChatMessageBody text={shown} typed />;\n};\n\nconst UserActionBar: FC = () => (\n  <ActionBarPrimitive.Root\n    autohide=\"never\"\n    className={cn(\n      \"flex min-h-6 items-center gap-0.5\",\n      ACTION_BAR_REVEAL_CLASS,\n      \"group-hover/user-message:pointer-events-auto group-hover/user-message:opacity-100\",\n    )}\n  >\n    <CopyActionButton />\n    <EditActionButton />\n  </ActionBarPrimitive.Root>\n);\n\nexport const UserMessage: FC = () => {\n  // A GitHub wake or a subscription's delivery is an event, not words the\n  // user typed: it renders as the compact wake marker instead of a bubble\n  // quoting the injected text.\n  const isWake = useAuiState(\n    (s) =>\n      isGithubWakeMessage(s.message.metadata?.custom) ||\n      isSubscriptionWakeMessage(s.message.metadata?.custom),\n  );\n  // A voice delegation's anchor is the ask the live voice model handed to the\n  // thread, not words the user typed: it renders as the shared voice-task\n  // card on every host instead of a second user bubble under the spoken turn.\n  const isVoiceDelegation = useAuiState((s) =>\n    isVoiceDelegationMessage({ messageId: s.message.id, custom: s.message.metadata?.custom }),\n  );\n  if (isWake) {\n    return (\n      <MessagePrimitive.Root data-message-role=\"user\" className=\"mb-3\">\n        <WakeMarkerMessage />\n      </MessagePrimitive.Root>\n    );\n  }\n  if (isVoiceDelegation) {\n    return (\n      <MessagePrimitive.Root data-message-role=\"user\" className=\"mb-3\">\n        <VoiceDelegationMessage />\n      </MessagePrimitive.Root>\n    );\n  }\n  return (\n    <MessagePrimitive.Root\n      data-message-role=\"user\"\n      className=\"group/user-message mb-3 flex justify-end\"\n    >\n      <div className=\"flex min-w-0 max-w-[85%] flex-col items-end gap-1\">\n        <div className=\"min-w-0 max-w-full rounded-2xl rounded-br-md bg-muted px-3.5 py-2 text-sm text-foreground\">\n          <MessagePrimitive.Content components={{ Text: UserMessageText }} />\n        </div>\n        <div className=\"flex min-h-6 items-center gap-1\">\n          <BranchPicker />\n          <UserActionBar />\n        </div>\n      </div>\n    </MessagePrimitive.Root>\n  );\n};\n\nexport interface CreateAssistantMessageOptions {\n  /** Host-registered card for tools without a dedicated UI. */\n  toolFallback: ToolCallMessagePartComponent;\n  /** Extra action-bar controls appended after copy/regenerate. */\n  extraActions?: ReactNode;\n  /**\n   * Renders the message body. Hosts that group content into activity\n   * timelines supply their own; the default renders markdown and tool cards.\n   */\n  content?: FC;\n  /**\n   * Inline affordance rendered inside a runtime-ending card (e.g. a Continue\n   * button). Hosts without one leave it unset.\n   */\n  runtimeMessageAction?: ReactNode;\n}\n\n/**\n * Builds the assistant bubble. Call this once per host (memoized on its\n * inputs) so the returned component identity stays stable across renders.\n */\nexport function createAssistantMessage({\n  toolFallback,\n  extraActions,\n  content: Content,\n  runtimeMessageAction,\n}: CreateAssistantMessageOptions): FC {\n  const AssistantActionBar: FC = () => {\n    // The latest reply keeps its actions visible; older replies reveal them\n    // on hover so a long transcript is not a wall of icon rows.\n    const isLast = useAuiState((s) => s.message.isLast);\n    return (\n      <ActionBarPrimitive.Root\n        autohide=\"never\"\n        className={cn(\n          \"mt-1 flex min-h-6 items-center gap-0.5\",\n          !isLast && [\n            ACTION_BAR_REVEAL_CLASS,\n            \"group-hover/assistant-message:pointer-events-auto group-hover/assistant-message:opacity-100\",\n          ],\n        )}\n      >\n        <CopyActionButton />\n        <RegenerateActionButton />\n        {extraActions}\n      </ActionBarPrimitive.Root>\n    );\n  };\n\n  // A run-lifecycle marker or handoff summary is a system event, not\n  // assistant speech. When it owns the whole row, render the status card in\n  // place of the bubble; when it is chunked in with the assistant's own work\n  // (or is a handoff whose text IS the closing summary), keep the body and\n  // frame it with the card above.\n  const RuntimeEnding: FC<{ placement: \"row\" | \"banner\" }> = ({ placement }) => {\n    // Select the message (a stable store reference) and derive from it: the\n    // reader allocates a fresh object per call, and `useAuiState` compares\n    // snapshots with `Object.is`, so selecting the reader's result directly\n    // would re-render on every store update and trip React's update-depth\n    // guard.\n    const message = useAuiState((s) => s.message);\n    const runtime = useMemo(() => readRuntimeMessageFromSourceMessages(message), [message]);\n    if (!runtime || runtime.silent) return null;\n    if (placement === \"row\" && !runtime.isSoleSourceMessage) return null;\n    if (placement === \"banner\" && runtime.isSoleSourceMessage && runtime.kind !== \"handoff\") {\n      return null;\n    }\n    return <RuntimeMessageCard message={runtime} action={runtimeMessageAction} />;\n  };\n\n  const AssistantMessage: FC = () => {\n    // An assistant row exists before its first token streams; showing\n    // copy/regenerate against nothing looks broken, so wait for content.\n    const showActions = useAuiState((state) =>\n      hasVisibleContent(state.message.content),\n    );\n    // Primitive selector: the reader builds a fresh object per call.\n    const soleRuntimeKind = useAuiState((s) => readSoleRuntimeMessageKind(s.message));\n    const soleRuntimeSilent = useAuiState(\n      (s) => readRuntimeMessageFromSourceMessages(s.message)?.silent === true,\n    );\n\n    if (soleRuntimeKind && soleRuntimeKind !== \"handoff\") {\n      if (soleRuntimeSilent) return null;\n      return (\n        <MessagePrimitive.Root\n          data-message-role=\"assistant\"\n          className=\"group group/assistant-message mb-3\"\n        >\n          <div className=\"max-w-[95%]\">\n            <RuntimeEnding placement=\"row\" />\n          </div>\n        </MessagePrimitive.Root>\n      );\n    }\n\n    return (\n      <MessagePrimitive.Root\n        data-message-role=\"assistant\"\n        className=\"group group/assistant-message mb-3\"\n      >\n        <div className=\"max-w-[95%]\">\n          <RuntimeEnding placement=\"banner\" />\n          {Content ? (\n            <Content />\n          ) : (\n            <MessagePrimitive.Content\n              components={{\n                Text: MarkdownText,\n                tools: { Fallback: toolFallback },\n              }}\n            />\n          )}\n          {showActions ? (\n            <div className=\"flex min-h-6 items-center gap-1\">\n              <BranchPicker />\n              <AssistantActionBar />\n            </div>\n          ) : null}\n        </div>\n      </MessagePrimitive.Root>\n    );\n  };\n\n  return AssistantMessage;\n}\n\n/** Composer chrome: the dock around the composer, its surface and its rows. */\nexport const COMPOSER_DOCK_CLASS = \"bg-background px-2.5 pb-2 pt-1.5\";\nexport const COMPOSER_SURFACE_CLASS =\n  \"relative flex flex-col gap-1 rounded-xl border border-neutral-200 bg-white shadow-[0_2px_10px_rgba(54,45,33,0.08)]\";\nexport const COMPOSER_EDITOR_ROW_CLASS = \"px-2.5 pt-1\";\nexport const COMPOSER_TOOLBAR_CLASS =\n  \"flex items-center gap-1 border-t border-neutral-100 px-2 py-1.5\";\n/**\n * Paper composer chrome (`ChatComposerDock appearance=\"paper\"`): a card-toned\n * surface with a larger radius, a focus-within ring, a drag-over tint keyed\n * off `data-drag-active`, and a bottom rail — the chrome the SDK's\n * `AthenaChat` thread renders. Hosts on the default chrome above are\n * untouched. The dock carries no padding of its own; the paper host's footer\n * spaces it. The radius and border colour also bind to the `--composer-radius`\n * / `--composer-border` theme variables in `styles.css`.\n */\nexport const COMPOSER_PAPER_DOCK_CLASS = \"aui-composer-dock\";\nexport const COMPOSER_PAPER_SURFACE_CLASS =\n  \"aui-composer-root relative flex w-full flex-col rounded-[1.375rem] border border-border bg-card p-2.5 text-card-foreground shadow-[0_1px_2px_rgba(0,0,0,0.04)] outline-none transition-shadow duration-150 focus-within:shadow-[0_8px_24px_-14px_rgba(0,0,0,0.25)] focus-within:ring-2 focus-within:ring-ring/40 data-[drag-active=true]:bg-primary/5 data-[drag-active=true]:ring-2 data-[drag-active=true]:ring-primary/40\";\nexport const COMPOSER_PAPER_EDITOR_ROW_CLASS = \"px-0.5\";\nexport const COMPOSER_PAPER_TOOLBAR_CLASS =\n  \"aui-composer-action-wrapper relative flex items-center justify-between gap-1 pt-1\";\nexport const THREAD_SCROLL_TO_BOTTOM_CLASS =\n  \"inline-flex items-center justify-center rounded-full border bg-background/80 p-1 shadow-sm backdrop-blur transition-opacity hover:bg-accent disabled:invisible\";\n\nconst ComposerStopIcon: FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"size-4\"\n    viewBox=\"0 0 16 16\"\n    fill=\"currentColor\"\n  >\n    <rect width=\"10\" height=\"10\" x=\"3\" y=\"3\" rx=\"2\" />\n  </svg>\n);\n\nexport interface ComposerStopButtonProps {\n  onStop: () => void;\n  disabled?: boolean;\n  title?: string;\n}\n\nexport interface ComposerSendButtonProps {\n  action: Extract<ComposerAction, \"send\" | \"queue\">;\n  onSend: () => void;\n  disabled?: boolean;\n  title?: string;\n}\n\n/** Stop control shown while a run is in flight and there is nothing queued. */\nexport const ComposerStopButton: FC<ComposerStopButtonProps> = ({\n  onStop,\n  disabled = false,\n  title = \"Stop generation\",\n}) => (\n  <button\n    type=\"button\"\n    onClick={onStop}\n    disabled={disabled}\n    title={title}\n    className={cn(\n      \"inline-flex size-8 shrink-0 items-center justify-center rounded-lg bg-foreground text-background shadow-sm transition-colors hover:bg-foreground/80\",\n      disabled && \"cursor-not-allowed opacity-60\",\n    )}\n  >\n    <ComposerStopIcon />\n  </button>\n);\n/** Send control, which becomes a queue control while a run is in flight. */\nexport const ComposerSendButton: FC<ComposerSendButtonProps> = ({\n  action,\n  onSend,\n  disabled = false,\n  title,\n}) => (\n  <button\n    type=\"button\"\n    onClick={onSend}\n    disabled={disabled}\n    title={title ?? (action === \"queue\" ? \"Queue message\" : \"Send\")}\n    className={cn(\n      \"inline-flex size-8 shrink-0 items-center justify-center rounded-full shadow-sm transition-colors\",\n      disabled\n        ? \"cursor-not-allowed bg-muted text-muted-foreground opacity-60\"\n        : \"bg-foreground text-background hover:bg-foreground/80\",\n    )}\n  >\n    {action === \"queue\" ? (\n      <ListPlusIcon className=\"size-4\" />\n    ) : (\n      <ArrowUpIcon className=\"size-4\" />\n    )}\n  </button>\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"message-components.js","sources":["../../../src/chat-ui/messages/message-components.tsx"],"sourcesContent":["import {\n  ActionBarPrimitive,\n  AuiIf,\n  BranchPickerPrimitive,\n  MessagePrimitive,\n  useAuiState,\n  useMessagePartText,\n  useSmooth,\n  type ToolCallMessagePartComponent,\n} from \"@assistant-ui/react\";\nimport {\n  CHAT_EDIT_UNREACHABLE_LABEL,\n  DEEP_AGENT_COMPOSER_MARKDOWN_KEY,\n  hideUnterminatedMarkdownLink,\n  isGithubWakeMessage,\n  isSubscriptionWakeMessage,\n  isVoiceDelegationMessage,\n  readDeepAgentComposerMarkdown,\n  readRuntimeMessageFromSourceMessages,\n  readSoleRuntimeMessageKind,\n  useChatOutboxReachable,\n  useDeepAgentChatOutboxContext,\n} from \"@athenaintel/agent-runtime\";\nimport {\n  ArrowUpIcon,\n  CheckIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  CopyIcon,\n  ListPlusIcon,\n  PencilIcon,\n  RefreshCwIcon,\n} from \"lucide-react\";\nimport {\n  type FC,\n  type ReactNode,\n  useMemo,\n} from \"react\";\nimport { useAthenaRunLive } from \"../../chat/use-athena-run-live\";\nimport type { ComposerAction } from \"../composer/composer-action\";\nimport { cn } from \"../../lib/utils\";\nimport { ChatMessageBody } from \"../rich-text/chat-message-body\";\nimport { AnswerLabel } from \"./answer-label\";\nimport { useMessageActionsReadOnly } from \"./message-actions-config\";\nimport { MessageImageGallery, MessageImagePart } from \"./message-images\";\nimport { RuntimeMessageCard } from \"./runtime-message\";\nimport { hasVisibleContent } from \"./running-indicator\";\nimport { VoiceDelegationMessage } from \"./voice-delegation-card\";\nimport { WakeMarkerMessage } from \"./wake-marker\";\nimport { SmallIconButton } from \"./thread-chrome\";\n\nexport {\n  IconButton,\n  SmallIconButton,\n  THREAD_HEADER_ACTIONS_CLASS,\n  THREAD_HEADER_CLASS,\n  THREAD_HEADER_ICON_CLASS,\n  THREAD_HEADER_PILL_CLASS,\n  THREAD_PANEL_CLASS,\n} from \"./thread-chrome\";\n\nexport const BranchPicker: FC = () => (\n  <BranchPickerPrimitive.Root\n    hideWhenSingleBranch\n    className=\"inline-flex items-center gap-0.5 text-xs text-muted-foreground\"\n    data-testid=\"chat-branch-picker\"\n  >\n    <BranchPickerPrimitive.Previous asChild>\n      <SmallIconButton\n        tooltip=\"Previous branch\"\n        data-testid=\"chat-branch-previous\"\n      >\n        <ChevronLeftIcon className=\"size-3\" />\n      </SmallIconButton>\n    </BranchPickerPrimitive.Previous>\n    <span className=\"font-medium\" data-testid=\"chat-branch-count\">\n      <BranchPickerPrimitive.Number /> / <BranchPickerPrimitive.Count />\n    </span>\n    <BranchPickerPrimitive.Next asChild>\n      <SmallIconButton tooltip=\"Next branch\" data-testid=\"chat-branch-next\">\n        <ChevronRightIcon className=\"size-3\" />\n      </SmallIconButton>\n    </BranchPickerPrimitive.Next>\n  </BranchPickerPrimitive.Root>\n);\n\nconst CopyActionButton: FC = () => (\n  <ActionBarPrimitive.Copy asChild>\n    <SmallIconButton tooltip=\"Copy\">\n      <AuiIf condition={(state) => state.message.isCopied}>\n        <CheckIcon className=\"size-3\" />\n      </AuiIf>\n      <AuiIf condition={(state) => !state.message.isCopied}>\n        <CopyIcon className=\"size-3\" />\n      </AuiIf>\n    </SmallIconButton>\n  </ActionBarPrimitive.Copy>\n);\n\n/**\n * The edit primitive does not check the runtime's edit capability itself —\n * clicking it on a runtime without one throws inside onPress, where no error\n * boundary can catch it — so the button must gate on the capability and, to\n * match the rewind semantics of `run/edit`, stay hidden while a run is live.\n * The read-only context covers threads the capability flags cannot: a host's\n * static `edit: true` still applies to fenced legacy conversations. While the\n * host's chat outbox says Athena can't be reached it is not offered: shown\n * disabled, its tooltip says why, and it comes back once Athena answers.\n */\nconst EditActionButton: FC = () => {\n  const allowEdit = useAuiState((s) => s.thread.capabilities.edit);\n  const isRunning = useAthenaRunLive();\n  const readOnly = useMessageActionsReadOnly();\n  const reachable = useChatOutboxReachable(useDeepAgentChatOutboxContext());\n  if (!allowEdit || isRunning || readOnly) return null;\n  if (!reachable) {\n    return (\n      <SmallIconButton\n        tooltip={CHAT_EDIT_UNREACHABLE_LABEL}\n        aria-disabled\n        data-testid=\"chat-message-edit-unreachable\"\n        className=\"cursor-not-allowed opacity-50 hover:bg-transparent hover:text-muted-foreground\"\n      >\n        <PencilIcon className=\"size-3\" />\n      </SmallIconButton>\n    );\n  }\n  return (\n    <ActionBarPrimitive.Edit asChild>\n      <SmallIconButton tooltip=\"Edit\" data-testid=\"chat-message-edit\">\n        <PencilIcon className=\"size-3\" />\n      </SmallIconButton>\n    </ActionBarPrimitive.Edit>\n  );\n};\n\n/** Regenerate dispatches `run/reload`, so it hides on read-only threads too. */\nconst RegenerateActionButton: FC = () => {\n  const readOnly = useMessageActionsReadOnly();\n  if (readOnly) return null;\n  return (\n    <ActionBarPrimitive.Reload asChild>\n      <SmallIconButton tooltip=\"Regenerate\">\n        <RefreshCwIcon className=\"size-3\" />\n      </SmallIconButton>\n    </ActionBarPrimitive.Reload>\n  );\n};\n\n/**\n * Reveal-on-demand treatment for action bars: invisible and click-through\n * until the surrounding named group is hovered or a control inside receives\n * keyboard focus. The `focus-within` escape hatch is what keeps the hidden\n * controls reachable for keyboard users.\n */\nexport const ACTION_BAR_REVEAL_CLASS =\n  \"pointer-events-none opacity-0 transition-opacity focus-within:pointer-events-auto focus-within:opacity-100\";\n\n/** Shared chat body; the reveal holds incomplete links until their URL is complete. */\nexport const MarkdownText: FC = () => {\n  const revealed = useSmooth(useMessagePartText(), true);\n  const isRunning = revealed.status.type === \"running\";\n  const text = isRunning ? hideUnterminatedMarkdownLink(revealed.text) : revealed.text;\n  return <ChatMessageBody text={text} isRunning={isRunning} />;\n};\n\n/**\n * A user message's text, shown as it was typed.\n *\n * A composer sends plain text exactly as typed, because the model reads it\n * literally, so the text alone no longer says which characters are\n * formatting: read as Markdown, `List<T>` loses `<T>`, `obj.__init__` shows a\n * bold \"init\" and `a\\\\b` one backslash. A composer send therefore carries the\n * draft it was serialized from (`metadata.composer_markdown`, only when the\n * two differ), and this renders that draft when it is a draft of the\n * message's own text (`readDeepAgentComposerMarkdown`), formatting and\n * mention chips included. Any other text — no draft, or one of other words —\n * renders with the typed reading (`ChatMessageBody typed`), which leaves raw\n * HTML and underscore emphasis as the characters they were typed with, so\n * `List<T>`, `obj.__init__` and `a\\b` show as typed there too.\n *\n * Copy copies the message text, which is the text as sent, and Edit opens it\n * in a plain-text box, so neither reads the draft.\n */\nexport const UserMessageText: FC<{ text: string }> = ({ text }) => {\n  const composerMarkdown: unknown = useAuiState(\n    (s) => s.message.metadata?.custom?.[DEEP_AGENT_COMPOSER_MARKDOWN_KEY],\n  );\n  const shown = useMemo(\n    () =>\n      readDeepAgentComposerMarkdown({\n        metadata: { [DEEP_AGENT_COMPOSER_MARKDOWN_KEY]: composerMarkdown },\n        text,\n      }) ?? text,\n    [composerMarkdown, text],\n  );\n  return <ChatMessageBody text={shown} typed />;\n};\n\n/** A user message's parts: its text as typed, and its pictures, each opening the viewer. */\nconst USER_MESSAGE_PART_COMPONENTS = { Text: UserMessageText, Image: MessageImagePart };\n\nconst UserActionBar: FC = () => (\n  <ActionBarPrimitive.Root\n    autohide=\"never\"\n    className={cn(\n      \"flex min-h-6 items-center gap-0.5\",\n      ACTION_BAR_REVEAL_CLASS,\n      \"group-hover/user-message:pointer-events-auto group-hover/user-message:opacity-100\",\n    )}\n  >\n    <CopyActionButton />\n    <EditActionButton />\n  </ActionBarPrimitive.Root>\n);\n\nexport const UserMessage: FC = () => {\n  // A GitHub wake or a subscription's delivery is an event, not words the\n  // user typed: it renders as the compact wake marker instead of a bubble\n  // quoting the injected text.\n  const isWake = useAuiState(\n    (s) =>\n      isGithubWakeMessage(s.message.metadata?.custom) ||\n      isSubscriptionWakeMessage(s.message.metadata?.custom),\n  );\n  // A voice delegation's anchor is the ask the live voice model handed to the\n  // thread, not words the user typed: it renders as the shared voice-task\n  // card on every host instead of a second user bubble under the spoken turn.\n  const isVoiceDelegation = useAuiState((s) =>\n    isVoiceDelegationMessage({ messageId: s.message.id, custom: s.message.metadata?.custom }),\n  );\n  if (isWake) {\n    return (\n      <MessagePrimitive.Root data-message-role=\"user\" className=\"mb-3\">\n        <WakeMarkerMessage />\n      </MessagePrimitive.Root>\n    );\n  }\n  if (isVoiceDelegation) {\n    return (\n      <MessagePrimitive.Root data-message-role=\"user\" className=\"mb-3\">\n        <VoiceDelegationMessage />\n      </MessagePrimitive.Root>\n    );\n  }\n  return (\n    <MessagePrimitive.Root\n      data-message-role=\"user\"\n      className=\"group/user-message mb-3 flex justify-end\"\n    >\n      <div className=\"flex min-w-0 max-w-[85%] flex-col items-end gap-1\">\n        <div className=\"min-w-0 max-w-full rounded-2xl rounded-br-md bg-muted px-3.5 py-2 text-sm text-foreground\">\n          <MessageImageGallery>\n            <MessagePrimitive.Content components={USER_MESSAGE_PART_COMPONENTS} />\n          </MessageImageGallery>\n        </div>\n        <div className=\"flex min-h-6 items-center gap-1\">\n          <BranchPicker />\n          <UserActionBar />\n        </div>\n      </div>\n    </MessagePrimitive.Root>\n  );\n};\n\nexport interface CreateAssistantMessageOptions {\n  /** Host-registered card for tools without a dedicated UI. */\n  toolFallback: ToolCallMessagePartComponent;\n  /** Extra action-bar controls appended after copy/regenerate. */\n  extraActions?: ReactNode;\n  /**\n   * Renders the message body. Hosts that group content into activity\n   * timelines supply their own; the default renders markdown and tool cards.\n   */\n  content?: FC;\n  /**\n   * Inline affordance rendered inside a runtime-ending card (e.g. a Continue\n   * button). Hosts without one leave it unset.\n   */\n  runtimeMessageAction?: ReactNode;\n}\n\n/**\n * Builds the assistant bubble. Call this once per host (memoized on its\n * inputs) so the returned component identity stays stable across renders.\n */\nexport function createAssistantMessage({\n  toolFallback,\n  extraActions,\n  content: Content,\n  runtimeMessageAction,\n}: CreateAssistantMessageOptions): FC {\n  const AssistantActionBar: FC = () => {\n    // The latest reply keeps its actions visible; older replies reveal them\n    // on hover so a long transcript is not a wall of icon rows.\n    const isLast = useAuiState((s) => s.message.isLast);\n    return (\n      <ActionBarPrimitive.Root\n        autohide=\"never\"\n        className={cn(\n          \"mt-1 flex min-h-6 items-center gap-0.5\",\n          !isLast && [\n            ACTION_BAR_REVEAL_CLASS,\n            \"group-hover/assistant-message:pointer-events-auto group-hover/assistant-message:opacity-100\",\n          ],\n        )}\n      >\n        <CopyActionButton />\n        <RegenerateActionButton />\n        {extraActions}\n      </ActionBarPrimitive.Root>\n    );\n  };\n\n  // A run-lifecycle marker or handoff summary is a system event, not\n  // assistant speech. When it owns the whole row, render the status card in\n  // place of the bubble; when it is chunked in with the assistant's own work\n  // (or is a handoff whose text IS the closing summary), keep the body and\n  // frame it with the card above.\n  const RuntimeEnding: FC<{ placement: \"row\" | \"banner\" }> = ({ placement }) => {\n    // Select the message (a stable store reference) and derive from it: the\n    // reader allocates a fresh object per call, and `useAuiState` compares\n    // snapshots with `Object.is`, so selecting the reader's result directly\n    // would re-render on every store update and trip React's update-depth\n    // guard.\n    const message = useAuiState((s) => s.message);\n    const runtime = useMemo(() => readRuntimeMessageFromSourceMessages(message), [message]);\n    if (!runtime || runtime.silent) return null;\n    if (placement === \"row\" && !runtime.isSoleSourceMessage) return null;\n    if (placement === \"banner\" && runtime.isSoleSourceMessage && runtime.kind !== \"handoff\") {\n      return null;\n    }\n    return <RuntimeMessageCard message={runtime} action={runtimeMessageAction} />;\n  };\n\n  const AssistantMessage: FC = () => {\n    // An assistant row exists before its first token streams; showing\n    // copy/regenerate against nothing looks broken, so wait for content.\n    const showActions = useAuiState((state) =>\n      hasVisibleContent(state.message.content),\n    );\n    // Primitive selector: the reader builds a fresh object per call.\n    const soleRuntimeKind = useAuiState((s) => readSoleRuntimeMessageKind(s.message));\n    const soleRuntimeSilent = useAuiState(\n      (s) => readRuntimeMessageFromSourceMessages(s.message)?.silent === true,\n    );\n\n    if (soleRuntimeKind && soleRuntimeKind !== \"handoff\") {\n      if (soleRuntimeSilent) return null;\n      return (\n        <MessagePrimitive.Root\n          data-message-role=\"assistant\"\n          className=\"group group/assistant-message mb-3\"\n        >\n          <div className=\"max-w-[95%]\">\n            <RuntimeEnding placement=\"row\" />\n          </div>\n        </MessagePrimitive.Root>\n      );\n    }\n\n    return (\n      <MessagePrimitive.Root\n        data-message-role=\"assistant\"\n        className=\"group group/assistant-message mb-3\"\n      >\n        <div className=\"max-w-[95%]\">\n          <AnswerLabel className=\"mb-1\" />\n          <RuntimeEnding placement=\"banner\" />\n          {Content ? (\n            <Content />\n          ) : (\n            <MessagePrimitive.Content\n              components={{\n                Text: MarkdownText,\n                tools: { Fallback: toolFallback },\n              }}\n            />\n          )}\n          {showActions ? (\n            <div className=\"flex min-h-6 items-center gap-1\">\n              <BranchPicker />\n              <AssistantActionBar />\n            </div>\n          ) : null}\n        </div>\n      </MessagePrimitive.Root>\n    );\n  };\n\n  return AssistantMessage;\n}\n\n/** Composer chrome: the dock around the composer, its surface and its rows. */\nexport const COMPOSER_DOCK_CLASS = \"bg-background px-2.5 pb-2 pt-1.5\";\nexport const COMPOSER_SURFACE_CLASS =\n  \"relative flex flex-col gap-1 rounded-xl border border-neutral-200 bg-white shadow-[0_2px_10px_rgba(54,45,33,0.08)]\";\nexport const COMPOSER_EDITOR_ROW_CLASS = \"px-2.5 pt-1\";\nexport const COMPOSER_TOOLBAR_CLASS =\n  \"flex items-center gap-1 border-t border-neutral-100 px-2 py-1.5\";\n/**\n * Paper composer chrome (`ChatComposerDock appearance=\"paper\"`): a card-toned\n * surface with a larger radius, a focus-within ring, a drag-over tint keyed\n * off `data-drag-active`, and a bottom rail — the chrome the SDK's\n * `AthenaChat` thread renders. Hosts on the default chrome above are\n * untouched. The dock carries no padding of its own; the paper host's footer\n * spaces it. The radius and border colour also bind to the `--composer-radius`\n * / `--composer-border` theme variables in `styles.css`.\n */\nexport const COMPOSER_PAPER_DOCK_CLASS = \"aui-composer-dock\";\nexport const COMPOSER_PAPER_SURFACE_CLASS =\n  \"aui-composer-root relative flex w-full flex-col rounded-[1.375rem] border border-border bg-card p-2.5 text-card-foreground shadow-[0_1px_2px_rgba(0,0,0,0.04)] outline-none transition-shadow duration-150 focus-within:shadow-[0_8px_24px_-14px_rgba(0,0,0,0.25)] focus-within:ring-2 focus-within:ring-ring/40 data-[drag-active=true]:bg-primary/5 data-[drag-active=true]:ring-2 data-[drag-active=true]:ring-primary/40\";\nexport const COMPOSER_PAPER_EDITOR_ROW_CLASS = \"px-0.5\";\nexport const COMPOSER_PAPER_TOOLBAR_CLASS =\n  \"aui-composer-action-wrapper relative flex items-center justify-between gap-1 pt-1\";\nexport const THREAD_SCROLL_TO_BOTTOM_CLASS =\n  \"inline-flex items-center justify-center rounded-full border bg-background/80 p-1 shadow-sm backdrop-blur transition-opacity hover:bg-accent disabled:invisible\";\n\nconst ComposerStopIcon: FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"size-4\"\n    viewBox=\"0 0 16 16\"\n    fill=\"currentColor\"\n  >\n    <rect width=\"10\" height=\"10\" x=\"3\" y=\"3\" rx=\"2\" />\n  </svg>\n);\n\nexport interface ComposerStopButtonProps {\n  onStop: () => void;\n  disabled?: boolean;\n  title?: string;\n}\n\nexport interface ComposerSendButtonProps {\n  action: Extract<ComposerAction, \"send\" | \"queue\">;\n  onSend: () => void;\n  disabled?: boolean;\n  title?: string;\n}\n\n/** Stop control shown while a run is in flight and there is nothing queued. */\nexport const ComposerStopButton: FC<ComposerStopButtonProps> = ({\n  onStop,\n  disabled = false,\n  title = \"Stop generation\",\n}) => (\n  <button\n    type=\"button\"\n    onClick={onStop}\n    disabled={disabled}\n    title={title}\n    className={cn(\n      \"inline-flex size-8 shrink-0 items-center justify-center rounded-lg bg-foreground text-background shadow-sm transition-colors hover:bg-foreground/80\",\n      disabled && \"cursor-not-allowed opacity-60\",\n    )}\n  >\n    <ComposerStopIcon />\n  </button>\n);\n/** Send control, which becomes a queue control while a run is in flight. */\nexport const ComposerSendButton: FC<ComposerSendButtonProps> = ({\n  action,\n  onSend,\n  disabled = false,\n  title,\n}) => (\n  <button\n    type=\"button\"\n    onClick={onSend}\n    disabled={disabled}\n    title={title ?? (action === \"queue\" ? \"Queue message\" : \"Send\")}\n    className={cn(\n      \"inline-flex size-8 shrink-0 items-center justify-center rounded-full shadow-sm transition-colors\",\n      disabled\n        ? \"cursor-not-allowed bg-muted text-muted-foreground opacity-60\"\n        : \"bg-foreground text-background hover:bg-foreground/80\",\n    )}\n  >\n    {action === \"queue\" ? (\n      <ListPlusIcon className=\"size-4\" />\n    ) : (\n      <ArrowUpIcon className=\"size-4\" />\n    )}\n  </button>\n);\n"],"names":[],"mappings":"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"}

package/dist/chat-ui/messages/message-images.cjs

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@assistant-ui/react");
+const require$$0 = require("react");
+const imageViewer = require("../../ui/image-viewer.cjs");
+const MessageImageGalleryContext = require$$0.createContext(null);
+function messageImages(content) {
+  const images = [];
+  for (const [partIndex, part] of content.entries()) {
+    if (part.type !== "image" || !("image" in part) || typeof part.image !== "string") continue;
+    const filename = "filename" in part && typeof part.filename === "string" ? part.filename : void 0;
+    images.push(filename ? { src: part.image, name: filename, partIndex } : { src: part.image, partIndex });
+  }
+  return images;
+}
+const MessageImageGallery = ({ children }) => {
+  const content = react.useAuiState((s) => s.message.content);
+  const images = require$$0.useMemo(() => messageImages(content), [content]);
+  const [viewing, setViewing] = require$$0.useState(null);
+  const gallery = require$$0.useMemo(
+    () => ({
+      open: ({ src, partIndex }) => {
+        const byPart = images.findIndex((image) => image.partIndex === partIndex);
+        const index = byPart !== -1 ? byPart : images.findIndex((image) => image.src === src);
+        setViewing(index === -1 ? null : index);
+      }
+    }),
+    [images]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(MessageImageGalleryContext.Provider, { value: gallery, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(imageViewer.ImageViewer, { images, index: viewing, onIndexChange: setViewing })
+  ] });
+};
+const MessageImagePart = ({ image, filename }) => {
+  const gallery = require$$0.useContext(MessageImageGalleryContext);
+  const query = react.useAui().part.query;
+  const partIndex = query && typeof query === "object" && "index" in query && typeof query.index === "number" ? query.index : void 0;
+  const name = (filename == null ? void 0 : filename.trim()) || "Attached image";
+  const preview = /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      src: image,
+      alt: name,
+      draggable: false,
+      className: "block max-h-80 max-w-full rounded-lg object-contain",
+      "data-slot": "message-image"
+    }
+  );
+  if (!gallery) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-1.5 mr-1.5 inline-block max-w-full align-top", children: preview });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => gallery.open({ src: image, partIndex }),
+      className: "mt-1.5 mr-1.5 inline-block max-w-full cursor-zoom-in overflow-hidden rounded-lg align-top focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      "aria-label": `View ${name}`,
+      title: `View ${name}`,
+      children: preview
+    }
+  );
+};
+exports.MessageImageGallery = MessageImageGallery;
+exports.MessageImagePart = MessageImagePart;
+//# sourceMappingURL=message-images.cjs.map

package/dist/chat-ui/messages/message-images.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-images.cjs","sources":["../../../src/chat-ui/messages/message-images.tsx"],"sourcesContent":["import { type ImageMessagePartComponent, useAui, useAuiState } from \"@assistant-ui/react\";\nimport { createContext, type FC, type ReactNode, useContext, useMemo, useState } from \"react\";\nimport { ImageViewer, type ImageViewerImage } from \"../../ui/image-viewer\";\n\ninterface MessageImageGalleryValue {\n  /**\n   * Opens the viewer on the message's picture at `partIndex` (its place among\n   * the message's parts), else on the first with this source.\n   */\n  open: (picture: { src: string; partIndex: number | undefined }) => void;\n}\n\n/** A message's picture, with its place among the message's parts. */\ntype MessageImage = ImageViewerImage & { partIndex: number };\n\nconst MessageImageGalleryContext = createContext<MessageImageGalleryValue | null>(null);\n\n/** The message's pictures, in the order its parts list them. */\nfunction messageImages(content: readonly { readonly type: string }[]): MessageImage[] {\n  const images: MessageImage[] = [];\n  for (const [partIndex, part] of content.entries()) {\n    if (part.type !== \"image\" || !(\"image\" in part) || typeof part.image !== \"string\") continue;\n    const filename = \"filename\" in part && typeof part.filename === \"string\" ? part.filename : undefined;\n    images.push(filename ? { src: part.image, name: filename, partIndex } : { src: part.image, partIndex });\n  }\n  return images;\n}\n\n/**\n * Lets the message's pictures ({@link MessageImagePart}) open in the\n * full-screen viewer, paging through every picture the message carries.\n * Mount it around a message's parts.\n */\nexport const MessageImageGallery: FC<{ children: ReactNode }> = ({ children }) => {\n  const content = useAuiState((s) => s.message.content);\n  const images = useMemo(() => messageImages(content), [content]);\n  const [viewing, setViewing] = useState<number | null>(null);\n  const gallery = useMemo<MessageImageGalleryValue>(\n    () => ({\n      open: ({ src, partIndex }) => {\n        const byPart = images.findIndex((image) => image.partIndex === partIndex);\n        const index = byPart !== -1 ? byPart : images.findIndex((image) => image.src === src);\n        setViewing(index === -1 ? null : index);\n      },\n    }),\n    [images],\n  );\n  return (\n    <MessageImageGalleryContext.Provider value={gallery}>\n      {children}\n      <ImageViewer images={images} index={viewing} onIndexChange={setViewing} />\n    </MessageImageGalleryContext.Provider>\n  );\n};\n\n/**\n * A picture in a message: a preview no taller than 20rem that opens the\n * full-screen viewer on click (inside {@link MessageImageGallery}; on its own\n * it is just the preview).\n */\nexport const MessageImagePart: ImageMessagePartComponent = ({ image, filename }) => {\n  const gallery = useContext(MessageImageGalleryContext);\n  // Two parts may carry the same picture: the part's own place tells them apart.\n  const query: unknown = useAui().part.query;\n  const partIndex =\n    query && typeof query === \"object\" && \"index\" in query && typeof query.index === \"number\"\n      ? query.index\n      : undefined;\n  const name = filename?.trim() || \"Attached image\";\n  const preview = (\n    <img\n      src={image}\n      alt={name}\n      draggable={false}\n      className=\"block max-h-80 max-w-full rounded-lg object-contain\"\n      data-slot=\"message-image\"\n    />\n  );\n  if (!gallery) return <span className=\"mt-1.5 mr-1.5 inline-block max-w-full align-top\">{preview}</span>;\n  return (\n    <button\n      type=\"button\"\n      onClick={() => gallery.open({ src: image, partIndex })}\n      className=\"mt-1.5 mr-1.5 inline-block max-w-full cursor-zoom-in overflow-hidden rounded-lg align-top focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n      aria-label={`View ${name}`}\n      title={`View ${name}`}\n    >\n      {preview}\n    </button>\n  );\n};\n"],"names":["createContext","useAuiState","useMemo","useState","jsxs","ImageViewer","useContext","useAui","jsx"],"mappings":";;;;;;AAeA,MAAM,6BAA6BA,WAAAA,cAA+C,IAAI;AAGtF,SAAS,cAAc,SAA+D;AACpF,QAAM,SAAyB,CAAA;AAC/B,aAAW,CAAC,WAAW,IAAI,KAAK,QAAQ,WAAW;AACjD,QAAI,KAAK,SAAS,WAAW,EAAE,WAAW,SAAS,OAAO,KAAK,UAAU,SAAU;AACnF,UAAM,WAAW,cAAc,QAAQ,OAAO,KAAK,aAAa,WAAW,KAAK,WAAW;AAC3F,WAAO,KAAK,WAAW,EAAE,KAAK,KAAK,OAAO,MAAM,UAAU,UAAA,IAAc,EAAE,KAAK,KAAK,OAAO,WAAW;AAAA,EACxG;AACA,SAAO;AACT;AAOO,MAAM,sBAAmD,CAAC,EAAE,eAAe;AAChF,QAAM,UAAUC,MAAAA,YAAY,CAAC,MAAM,EAAE,QAAQ,OAAO;AACpD,QAAM,SAASC,WAAAA,QAAQ,MAAM,cAAc,OAAO,GAAG,CAAC,OAAO,CAAC;AAC9D,QAAM,CAAC,SAAS,UAAU,IAAIC,WAAAA,SAAwB,IAAI;AAC1D,QAAM,UAAUD,WAAAA;AAAAA,IACd,OAAO;AAAA,MACL,MAAM,CAAC,EAAE,KAAK,gBAAgB;AAC5B,cAAM,SAAS,OAAO,UAAU,CAAC,UAAU,MAAM,cAAc,SAAS;AACxE,cAAM,QAAQ,WAAW,KAAK,SAAS,OAAO,UAAU,CAAC,UAAU,MAAM,QAAQ,GAAG;AACpF,mBAAW,UAAU,KAAK,OAAO,KAAK;AAAA,MACxC;AAAA,IAAA;AAAA,IAEF,CAAC,MAAM;AAAA,EAAA;AAET,SACEE,2BAAAA,KAAC,2BAA2B,UAA3B,EAAoC,OAAO,SACzC,UAAA;AAAA,IAAA;AAAA,mCACAC,YAAAA,aAAA,EAAY,QAAgB,OAAO,SAAS,eAAe,WAAA,CAAY;AAAA,EAAA,GAC1E;AAEJ;AAOO,MAAM,mBAA8C,CAAC,EAAE,OAAO,eAAe;AAClF,QAAM,UAAUC,WAAAA,WAAW,0BAA0B;AAErD,QAAM,QAAiBC,MAAAA,SAAS,KAAK;AACrC,QAAM,YACJ,SAAS,OAAO,UAAU,YAAY,WAAW,SAAS,OAAO,MAAM,UAAU,WAC7E,MAAM,QACN;AACN,QAAM,QAAO,qCAAU,WAAU;AACjC,QAAM,UACJC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,KAAK;AAAA,MACL,WAAW;AAAA,MACX,WAAU;AAAA,MACV,aAAU;AAAA,IAAA;AAAA,EAAA;AAGd,MAAI,CAAC,QAAS,uCAAQ,QAAA,EAAK,WAAU,mDAAmD,UAAA,SAAQ;AAChG,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS,MAAM,QAAQ,KAAK,EAAE,KAAK,OAAO,WAAW;AAAA,MACrD,WAAU;AAAA,MACV,cAAY,QAAQ,IAAI;AAAA,MACxB,OAAO,QAAQ,IAAI;AAAA,MAElB,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;;;"}

package/dist/chat-ui/messages/message-images.d.ts

@@ -0,0 +1,16 @@
+import { type ImageMessagePartComponent } from "@assistant-ui/react";
+import { type FC, type ReactNode } from "react";
+/**
+ * Lets the message's pictures ({@link MessageImagePart}) open in the
+ * full-screen viewer, paging through every picture the message carries.
+ * Mount it around a message's parts.
+ */
+export declare const MessageImageGallery: FC<{
+    children: ReactNode;
+}>;
+/**
+ * A picture in a message: a preview no taller than 20rem that opens the
+ * full-screen viewer on click (inside {@link MessageImageGallery}; on its own
+ * it is just the preview).
+ */
+export declare const MessageImagePart: ImageMessagePartComponent;

package/dist/chat-ui/messages/message-images.js

@@ -0,0 +1,66 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useAuiState, useAui } from "@assistant-ui/react";
+import { useMemo, useState, useContext, createContext } from "react";
+import { ImageViewer } from "../../ui/image-viewer.js";
+const MessageImageGalleryContext = createContext(null);
+function messageImages(content) {
+  const images = [];
+  for (const [partIndex, part] of content.entries()) {
+    if (part.type !== "image" || !("image" in part) || typeof part.image !== "string") continue;
+    const filename = "filename" in part && typeof part.filename === "string" ? part.filename : void 0;
+    images.push(filename ? { src: part.image, name: filename, partIndex } : { src: part.image, partIndex });
+  }
+  return images;
+}
+const MessageImageGallery = ({ children }) => {
+  const content = useAuiState((s) => s.message.content);
+  const images = useMemo(() => messageImages(content), [content]);
+  const [viewing, setViewing] = useState(null);
+  const gallery = useMemo(
+    () => ({
+      open: ({ src, partIndex }) => {
+        const byPart = images.findIndex((image) => image.partIndex === partIndex);
+        const index = byPart !== -1 ? byPart : images.findIndex((image) => image.src === src);
+        setViewing(index === -1 ? null : index);
+      }
+    }),
+    [images]
+  );
+  return /* @__PURE__ */ jsxs(MessageImageGalleryContext.Provider, { value: gallery, children: [
+    children,
+    /* @__PURE__ */ jsx(ImageViewer, { images, index: viewing, onIndexChange: setViewing })
+  ] });
+};
+const MessageImagePart = ({ image, filename }) => {
+  const gallery = useContext(MessageImageGalleryContext);
+  const query = useAui().part.query;
+  const partIndex = query && typeof query === "object" && "index" in query && typeof query.index === "number" ? query.index : void 0;
+  const name = (filename == null ? void 0 : filename.trim()) || "Attached image";
+  const preview = /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: image,
+      alt: name,
+      draggable: false,
+      className: "block max-h-80 max-w-full rounded-lg object-contain",
+      "data-slot": "message-image"
+    }
+  );
+  if (!gallery) return /* @__PURE__ */ jsx("span", { className: "mt-1.5 mr-1.5 inline-block max-w-full align-top", children: preview });
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => gallery.open({ src: image, partIndex }),
+      className: "mt-1.5 mr-1.5 inline-block max-w-full cursor-zoom-in overflow-hidden rounded-lg align-top focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      "aria-label": `View ${name}`,
+      title: `View ${name}`,
+      children: preview
+    }
+  );
+};
+export {
+  MessageImageGallery,
+  MessageImagePart
+};
+//# sourceMappingURL=message-images.js.map

package/dist/chat-ui/messages/message-images.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-images.js","sources":["../../../src/chat-ui/messages/message-images.tsx"],"sourcesContent":["import { type ImageMessagePartComponent, useAui, useAuiState } from \"@assistant-ui/react\";\nimport { createContext, type FC, type ReactNode, useContext, useMemo, useState } from \"react\";\nimport { ImageViewer, type ImageViewerImage } from \"../../ui/image-viewer\";\n\ninterface MessageImageGalleryValue {\n  /**\n   * Opens the viewer on the message's picture at `partIndex` (its place among\n   * the message's parts), else on the first with this source.\n   */\n  open: (picture: { src: string; partIndex: number | undefined }) => void;\n}\n\n/** A message's picture, with its place among the message's parts. */\ntype MessageImage = ImageViewerImage & { partIndex: number };\n\nconst MessageImageGalleryContext = createContext<MessageImageGalleryValue | null>(null);\n\n/** The message's pictures, in the order its parts list them. */\nfunction messageImages(content: readonly { readonly type: string }[]): MessageImage[] {\n  const images: MessageImage[] = [];\n  for (const [partIndex, part] of content.entries()) {\n    if (part.type !== \"image\" || !(\"image\" in part) || typeof part.image !== \"string\") continue;\n    const filename = \"filename\" in part && typeof part.filename === \"string\" ? part.filename : undefined;\n    images.push(filename ? { src: part.image, name: filename, partIndex } : { src: part.image, partIndex });\n  }\n  return images;\n}\n\n/**\n * Lets the message's pictures ({@link MessageImagePart}) open in the\n * full-screen viewer, paging through every picture the message carries.\n * Mount it around a message's parts.\n */\nexport const MessageImageGallery: FC<{ children: ReactNode }> = ({ children }) => {\n  const content = useAuiState((s) => s.message.content);\n  const images = useMemo(() => messageImages(content), [content]);\n  const [viewing, setViewing] = useState<number | null>(null);\n  const gallery = useMemo<MessageImageGalleryValue>(\n    () => ({\n      open: ({ src, partIndex }) => {\n        const byPart = images.findIndex((image) => image.partIndex === partIndex);\n        const index = byPart !== -1 ? byPart : images.findIndex((image) => image.src === src);\n        setViewing(index === -1 ? null : index);\n      },\n    }),\n    [images],\n  );\n  return (\n    <MessageImageGalleryContext.Provider value={gallery}>\n      {children}\n      <ImageViewer images={images} index={viewing} onIndexChange={setViewing} />\n    </MessageImageGalleryContext.Provider>\n  );\n};\n\n/**\n * A picture in a message: a preview no taller than 20rem that opens the\n * full-screen viewer on click (inside {@link MessageImageGallery}; on its own\n * it is just the preview).\n */\nexport const MessageImagePart: ImageMessagePartComponent = ({ image, filename }) => {\n  const gallery = useContext(MessageImageGalleryContext);\n  // Two parts may carry the same picture: the part's own place tells them apart.\n  const query: unknown = useAui().part.query;\n  const partIndex =\n    query && typeof query === \"object\" && \"index\" in query && typeof query.index === \"number\"\n      ? query.index\n      : undefined;\n  const name = filename?.trim() || \"Attached image\";\n  const preview = (\n    <img\n      src={image}\n      alt={name}\n      draggable={false}\n      className=\"block max-h-80 max-w-full rounded-lg object-contain\"\n      data-slot=\"message-image\"\n    />\n  );\n  if (!gallery) return <span className=\"mt-1.5 mr-1.5 inline-block max-w-full align-top\">{preview}</span>;\n  return (\n    <button\n      type=\"button\"\n      onClick={() => gallery.open({ src: image, partIndex })}\n      className=\"mt-1.5 mr-1.5 inline-block max-w-full cursor-zoom-in overflow-hidden rounded-lg align-top focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n      aria-label={`View ${name}`}\n      title={`View ${name}`}\n    >\n      {preview}\n    </button>\n  );\n};\n"],"names":[],"mappings":";;;;AAeA,MAAM,6BAA6B,cAA+C,IAAI;AAGtF,SAAS,cAAc,SAA+D;AACpF,QAAM,SAAyB,CAAA;AAC/B,aAAW,CAAC,WAAW,IAAI,KAAK,QAAQ,WAAW;AACjD,QAAI,KAAK,SAAS,WAAW,EAAE,WAAW,SAAS,OAAO,KAAK,UAAU,SAAU;AACnF,UAAM,WAAW,cAAc,QAAQ,OAAO,KAAK,aAAa,WAAW,KAAK,WAAW;AAC3F,WAAO,KAAK,WAAW,EAAE,KAAK,KAAK,OAAO,MAAM,UAAU,UAAA,IAAc,EAAE,KAAK,KAAK,OAAO,WAAW;AAAA,EACxG;AACA,SAAO;AACT;AAOO,MAAM,sBAAmD,CAAC,EAAE,eAAe;AAChF,QAAM,UAAU,YAAY,CAAC,MAAM,EAAE,QAAQ,OAAO;AACpD,QAAM,SAAS,QAAQ,MAAM,cAAc,OAAO,GAAG,CAAC,OAAO,CAAC;AAC9D,QAAM,CAAC,SAAS,UAAU,IAAI,SAAwB,IAAI;AAC1D,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,MACL,MAAM,CAAC,EAAE,KAAK,gBAAgB;AAC5B,cAAM,SAAS,OAAO,UAAU,CAAC,UAAU,MAAM,cAAc,SAAS;AACxE,cAAM,QAAQ,WAAW,KAAK,SAAS,OAAO,UAAU,CAAC,UAAU,MAAM,QAAQ,GAAG;AACpF,mBAAW,UAAU,KAAK,OAAO,KAAK;AAAA,MACxC;AAAA,IAAA;AAAA,IAEF,CAAC,MAAM;AAAA,EAAA;AAET,SACE,qBAAC,2BAA2B,UAA3B,EAAoC,OAAO,SACzC,UAAA;AAAA,IAAA;AAAA,wBACA,aAAA,EAAY,QAAgB,OAAO,SAAS,eAAe,WAAA,CAAY;AAAA,EAAA,GAC1E;AAEJ;AAOO,MAAM,mBAA8C,CAAC,EAAE,OAAO,eAAe;AAClF,QAAM,UAAU,WAAW,0BAA0B;AAErD,QAAM,QAAiB,SAAS,KAAK;AACrC,QAAM,YACJ,SAAS,OAAO,UAAU,YAAY,WAAW,SAAS,OAAO,MAAM,UAAU,WAC7E,MAAM,QACN;AACN,QAAM,QAAO,qCAAU,WAAU;AACjC,QAAM,UACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,KAAK;AAAA,MACL,WAAW;AAAA,MACX,WAAU;AAAA,MACV,aAAU;AAAA,IAAA;AAAA,EAAA;AAGd,MAAI,CAAC,QAAS,4BAAQ,QAAA,EAAK,WAAU,mDAAmD,UAAA,SAAQ;AAChG,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS,MAAM,QAAQ,KAAK,EAAE,KAAK,OAAO,WAAW;AAAA,MACrD,WAAU;AAAA,MACV,cAAY,QAAQ,IAAI;AAAA,MACxB,OAAO,QAAQ,IAAI;AAAA,MAElB,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/chat-ui/messages/user-edit-composer.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("@assistant-ui/react");
-const react$1 = require("react");
+const require$$0 = require("react");
 const useDeepAgentEditSubmit = require("../../agent-runtime/src/use-deep-agent-edit-submit.cjs");
 const useDeepAgentChatOutbox = require("../../agent-runtime/src/use-deep-agent-chat-outbox.cjs");
 const chatOutbox = require("../../agent-runtime/src/chat-outbox.cjs");
@@ -10,7 +10,7 @@ const UserEditComposer = () => {
   const submit = useDeepAgentEditSubmit.useDeepAgentMessageEditSubmit();
   const isEmpty = react.useAuiState((s) => s.message.composer.isEmpty);
   const reachable = useDeepAgentChatOutbox.useChatOutboxReachable(useDeepAgentChatOutbox.useDeepAgentChatOutboxContext());
-  const [refused, setRefused] = react$1.useState(false);
+  const [refused, setRefused] = require$$0.useState(false);
   const send = () => {
     setRefused(false);
     submit().catch((error) => {