@athenaintel/react 0.43.0 → 0.50.0

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) => {

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

@@ -1 +1 @@
-{"version":3,"file":"user-edit-composer.cjs","sources":["../../../src/chat-ui/messages/user-edit-composer.tsx"],"sourcesContent":["import { ComposerPrimitive, useAuiState } from \"@assistant-ui/react\";\nimport {\n  CHAT_EDIT_KEPT_MESSAGE,\n  ChatEditUnreachableError,\n  useChatOutboxReachable,\n  useDeepAgentChatOutboxContext,\n  useDeepAgentMessageEditSubmit,\n} from \"@athenaintel/agent-runtime\";\nimport { type FC, type KeyboardEvent, useState } from \"react\";\n\n/**\n * Rendered in place of a user message while it is being edited (entered via\n * the action bar's Edit control, which seeds this composer with the message\n * text). Sending leaves as a `run/edit` anchored on the host's own parent of\n * the message (`useDeepAgentMessageEditSubmit`) — on a windowed wire the\n * lane's `anchorBefore` at the window edge — so the rewind is never rejected\n * `wrong-anchor` the way the library's converted-message anchor is after a\n * chunked assistant turn; Escape/Cancel exits edit mode. An edit submitted\n * while the host's chat outbox says Athena can't be reached is refused: the\n * draft stays here and the composer says why until Athena answers again.\n */\nexport const UserEditComposer: FC = () => {\n  const submit = useDeepAgentMessageEditSubmit();\n  const isEmpty = useAuiState((s) => s.message.composer.isEmpty);\n  const reachable = useChatOutboxReachable(useDeepAgentChatOutboxContext());\n  const [refused, setRefused] = useState(false);\n  const send = () => {\n    setRefused(false);\n    submit().catch((error: unknown) => {\n      if (!(error instanceof ChatEditUnreachableError)) throw error;\n      setRefused(true);\n    });\n  };\n  const onKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (event.key !== \"Enter\" || event.shiftKey || event.nativeEvent.isComposing) return;\n    event.preventDefault();\n    send();\n  };\n  return (\n    <div className=\"mb-3 flex justify-end\" data-testid=\"chat-user-edit-composer\">\n      <ComposerPrimitive.Root className=\"flex w-full max-w-[85%] flex-col gap-2 rounded-2xl rounded-br-md border border-border bg-muted px-3.5 py-2.5\">\n        <ComposerPrimitive.Input\n          autoFocus\n          submitMode=\"none\"\n          onKeyDown={onKeyDown}\n          className=\"w-full resize-none bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground\"\n        />\n        {refused && !reachable && (\n          <p role=\"status\" data-testid=\"chat-user-edit-refused\" className=\"text-xs text-muted-foreground\">\n            {CHAT_EDIT_KEPT_MESSAGE}\n          </p>\n        )}\n        <div className=\"flex items-center justify-end gap-1.5\">\n          <ComposerPrimitive.Cancel asChild>\n            <button\n              type=\"button\"\n              className=\"rounded-lg px-2.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\"\n            >\n              Cancel\n            </button>\n          </ComposerPrimitive.Cancel>\n          <button\n            type=\"button\"\n            data-testid=\"chat-user-edit-send\"\n            disabled={isEmpty}\n            onClick={send}\n            className=\"rounded-lg bg-foreground px-2.5 py-1 text-xs font-medium text-background shadow-sm transition-colors hover:bg-foreground/80 disabled:cursor-not-allowed disabled:opacity-60\"\n          >\n            Send\n          </button>\n        </div>\n      </ComposerPrimitive.Root>\n    </div>\n  );\n};\n"],"names":["useDeepAgentMessageEditSubmit","useAuiState","useChatOutboxReachable","useDeepAgentChatOutboxContext","useState","ChatEditUnreachableError","jsx","jsxs","ComposerPrimitive","CHAT_EDIT_KEPT_MESSAGE"],"mappings":";;;;;;;;AAqBO,MAAM,mBAAuB,MAAM;AACxC,QAAM,SAASA,uBAAAA,8BAAA;AACf,QAAM,UAAUC,MAAAA,YAAY,CAAC,MAAM,EAAE,QAAQ,SAAS,OAAO;AAC7D,QAAM,YAAYC,8CAAuBC,uBAAAA,+BAA+B;AACxE,QAAM,CAAC,SAAS,UAAU,IAAIC,QAAAA,SAAS,KAAK;AAC5C,QAAM,OAAO,MAAM;AACjB,eAAW,KAAK;AAChB,WAAA,EAAS,MAAM,CAAC,UAAmB;AACjC,UAAI,EAAE,iBAAiBC,qCAA2B,OAAM;AACxD,iBAAW,IAAI;AAAA,IACjB,CAAC;AAAA,EACH;AACA,QAAM,YAAY,CAAC,UAA8C;AAC/D,QAAI,MAAM,QAAQ,WAAW,MAAM,YAAY,MAAM,YAAY,YAAa;AAC9E,UAAM,eAAA;AACN,SAAA;AAAA,EACF;AACA,SACEC,2BAAAA,IAAC,OAAA,EAAI,WAAU,yBAAwB,eAAY,2BACjD,UAAAC,2BAAAA,KAACC,MAAAA,kBAAkB,MAAlB,EAAuB,WAAU,gHAChC,UAAA;AAAA,IAAAF,2BAAAA;AAAAA,MAACE,MAAAA,kBAAkB;AAAA,MAAlB;AAAA,QACC,WAAS;AAAA,QACT,YAAW;AAAA,QACX;AAAA,QACA,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEX,WAAW,CAAC,aACXF,2BAAAA,IAAC,KAAA,EAAE,MAAK,UAAS,eAAY,0BAAyB,WAAU,iCAC7D,UAAAG,WAAAA,uBAAA,CACH;AAAA,IAEFF,2BAAAA,KAAC,OAAA,EAAI,WAAU,yCACb,UAAA;AAAA,MAAAD,2BAAAA,IAACE,MAAAA,kBAAkB,QAAlB,EAAyB,SAAO,MAC/B,UAAAF,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACX,UAAA;AAAA,QAAA;AAAA,MAAA,GAGH;AAAA,MACAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAU;AAAA,UACX,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;;"}
+{"version":3,"file":"user-edit-composer.cjs","sources":["../../../src/chat-ui/messages/user-edit-composer.tsx"],"sourcesContent":["import { ComposerPrimitive, useAuiState } from \"@assistant-ui/react\";\nimport {\n  CHAT_EDIT_KEPT_MESSAGE,\n  ChatEditUnreachableError,\n  useChatOutboxReachable,\n  useDeepAgentChatOutboxContext,\n  useDeepAgentMessageEditSubmit,\n} from \"@athenaintel/agent-runtime\";\nimport { type FC, type KeyboardEvent, useState } from \"react\";\n\n/**\n * Rendered in place of a user message while it is being edited (entered via\n * the action bar's Edit control, which seeds this composer with the message\n * text). Sending leaves as a `run/edit` anchored on the host's own parent of\n * the message (`useDeepAgentMessageEditSubmit`) — on a windowed wire the\n * lane's `anchorBefore` at the window edge — so the rewind is never rejected\n * `wrong-anchor` the way the library's converted-message anchor is after a\n * chunked assistant turn; Escape/Cancel exits edit mode. An edit submitted\n * while the host's chat outbox says Athena can't be reached is refused: the\n * draft stays here and the composer says why until Athena answers again.\n */\nexport const UserEditComposer: FC = () => {\n  const submit = useDeepAgentMessageEditSubmit();\n  const isEmpty = useAuiState((s) => s.message.composer.isEmpty);\n  const reachable = useChatOutboxReachable(useDeepAgentChatOutboxContext());\n  const [refused, setRefused] = useState(false);\n  const send = () => {\n    setRefused(false);\n    submit().catch((error: unknown) => {\n      if (!(error instanceof ChatEditUnreachableError)) throw error;\n      setRefused(true);\n    });\n  };\n  const onKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (event.key !== \"Enter\" || event.shiftKey || event.nativeEvent.isComposing) return;\n    event.preventDefault();\n    send();\n  };\n  return (\n    <div className=\"mb-3 flex justify-end\" data-testid=\"chat-user-edit-composer\">\n      <ComposerPrimitive.Root className=\"flex w-full max-w-[85%] flex-col gap-2 rounded-2xl rounded-br-md border border-border bg-muted px-3.5 py-2.5\">\n        <ComposerPrimitive.Input\n          autoFocus\n          submitMode=\"none\"\n          onKeyDown={onKeyDown}\n          className=\"w-full resize-none bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground\"\n        />\n        {refused && !reachable && (\n          <p role=\"status\" data-testid=\"chat-user-edit-refused\" className=\"text-xs text-muted-foreground\">\n            {CHAT_EDIT_KEPT_MESSAGE}\n          </p>\n        )}\n        <div className=\"flex items-center justify-end gap-1.5\">\n          <ComposerPrimitive.Cancel asChild>\n            <button\n              type=\"button\"\n              className=\"rounded-lg px-2.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\"\n            >\n              Cancel\n            </button>\n          </ComposerPrimitive.Cancel>\n          <button\n            type=\"button\"\n            data-testid=\"chat-user-edit-send\"\n            disabled={isEmpty}\n            onClick={send}\n            className=\"rounded-lg bg-foreground px-2.5 py-1 text-xs font-medium text-background shadow-sm transition-colors hover:bg-foreground/80 disabled:cursor-not-allowed disabled:opacity-60\"\n          >\n            Send\n          </button>\n        </div>\n      </ComposerPrimitive.Root>\n    </div>\n  );\n};\n"],"names":["useDeepAgentMessageEditSubmit","useAuiState","useChatOutboxReachable","useDeepAgentChatOutboxContext","useState","ChatEditUnreachableError","jsx","jsxs","ComposerPrimitive","CHAT_EDIT_KEPT_MESSAGE"],"mappings":";;;;;;;;AAqBO,MAAM,mBAAuB,MAAM;AACxC,QAAM,SAASA,uBAAAA,8BAAA;AACf,QAAM,UAAUC,MAAAA,YAAY,CAAC,MAAM,EAAE,QAAQ,SAAS,OAAO;AAC7D,QAAM,YAAYC,8CAAuBC,uBAAAA,+BAA+B;AACxE,QAAM,CAAC,SAAS,UAAU,IAAIC,WAAAA,SAAS,KAAK;AAC5C,QAAM,OAAO,MAAM;AACjB,eAAW,KAAK;AAChB,WAAA,EAAS,MAAM,CAAC,UAAmB;AACjC,UAAI,EAAE,iBAAiBC,qCAA2B,OAAM;AACxD,iBAAW,IAAI;AAAA,IACjB,CAAC;AAAA,EACH;AACA,QAAM,YAAY,CAAC,UAA8C;AAC/D,QAAI,MAAM,QAAQ,WAAW,MAAM,YAAY,MAAM,YAAY,YAAa;AAC9E,UAAM,eAAA;AACN,SAAA;AAAA,EACF;AACA,SACEC,2BAAAA,IAAC,OAAA,EAAI,WAAU,yBAAwB,eAAY,2BACjD,UAAAC,2BAAAA,KAACC,MAAAA,kBAAkB,MAAlB,EAAuB,WAAU,gHAChC,UAAA;AAAA,IAAAF,2BAAAA;AAAAA,MAACE,MAAAA,kBAAkB;AAAA,MAAlB;AAAA,QACC,WAAS;AAAA,QACT,YAAW;AAAA,QACX;AAAA,QACA,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEX,WAAW,CAAC,aACXF,2BAAAA,IAAC,KAAA,EAAE,MAAK,UAAS,eAAY,0BAAyB,WAAU,iCAC7D,UAAAG,WAAAA,uBAAA,CACH;AAAA,IAEFF,2BAAAA,KAAC,OAAA,EAAI,WAAU,yCACb,UAAA;AAAA,MAAAD,2BAAAA,IAACE,MAAAA,kBAAkB,QAAlB,EAAyB,SAAO,MAC/B,UAAAF,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACX,UAAA;AAAA,QAAA;AAAA,MAAA,GAGH;AAAA,MACAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAU;AAAA,UACX,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;;"}

package/dist/chat-ui/messages/wake-marker.cjs

@@ -3,7 +3,7 @@ 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 githubWakeEvent = require("../../agent-runtime/src/github-wake-event.cjs");
 const subscriptionWakeEvent = require("../../agent-runtime/src/subscription-wake-event.cjs");
 const cnfast = require("cnfast");
@@ -90,8 +90,8 @@ const WakeMarkerMessage = ({ className }) => {
     var _a;
     return (_a = s.message.metadata) == null ? void 0 : _a.custom;
   });
-  const subscription = react$1.useMemo(() => subscriptionWakeEvent.readSubscriptionWakeEvent(custom), [custom]);
-  const github = react$1.useMemo(() => githubWakeEvent.readGithubWakeEvent(custom), [custom]);
+  const subscription = require$$0.useMemo(() => subscriptionWakeEvent.readSubscriptionWakeEvent(custom), [custom]);
+  const github = require$$0.useMemo(() => githubWakeEvent.readGithubWakeEvent(custom), [custom]);
   if (subscription) {
     return /* @__PURE__ */ jsxRuntime.jsx(SubscriptionWakeMarkerCard, { event: subscription, className });
   }

package/dist/chat-ui/messages/wake-marker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"wake-marker.cjs","sources":["../../../src/chat-ui/messages/wake-marker.tsx"],"sourcesContent":["/**\n * The runtime marker for a wake turn: a GitHub webhook woke the session and\n * injected a user message (see `@athenaintel/agent-runtime`'s\n * `github-wake-event.ts`), or an asset subscription delivered an event\n * (`subscription-wake-event.ts`). It renders in the same visual language as\n * the runtime-ending card (`RuntimeMessageCard`) — a compact status row, not a\n * user bubble quoting the whole wake text.\n */\nimport { useAuiState } from \"@assistant-ui/react\";\nimport {\n  type GithubWakeEvent,\n  githubWakeEventLabel,\n  githubWakeReference,\n  readGithubWakeEvent,\n  readSubscriptionWakeEvent,\n  type SubscriptionWakeEvent,\n  subscriptionWakeDetail,\n  subscriptionWakeHeadline,\n} from \"@athenaintel/agent-runtime\";\nimport { AlarmClockIcon, BellIcon, GitPullRequestIcon } from \"lucide-react\";\nimport { type ComponentPropsWithoutRef, type FC, useMemo } from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nexport interface WakeMarkerCardProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\" | \"role\"> {\n  event: GithubWakeEvent;\n}\n\n/** The \"Woke: review comment on #36337\" row; pure presenter. */\nexport const WakeMarkerCard: FC<WakeMarkerCardProps> = ({ event, className, ...rest }) => {\n  const target = event.number !== null ? `#${event.number}` : event.repo;\n  const reference = githubWakeReference(event);\n  return (\n    <div\n      {...rest}\n      role=\"status\"\n      data-runtime-message-kind=\"wake\"\n      data-testid=\"wake-marker\"\n      className={cn(\n        \"my-2 flex w-full items-start gap-2 rounded-lg border border-border bg-muted/40 px-3 py-2 text-muted-foreground text-sm\",\n        className,\n      )}\n    >\n      <GitPullRequestIcon className=\"mt-0.5 size-4 shrink-0\" aria-hidden=\"true\" />\n      <div className=\"flex min-w-0 flex-1 flex-col gap-0.5 [overflow-wrap:anywhere]\">\n        <span className=\"font-medium\">\n          Woke: {githubWakeEventLabel(event)} on{\" \"}\n          {event.url ? (\n            <a\n              href={event.url}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              title={event.title ?? reference}\n              className=\"underline-offset-2 hover:underline\"\n            >\n              {target}\n            </a>\n          ) : (\n            <span title={event.title ?? reference}>{target}</span>\n          )}\n        </span>\n        {event.sender || event.title ? (\n          <span className=\"text-xs opacity-90\">\n            {event.sender ? `by ${event.sender}` : null}\n            {event.sender && event.title ? \" · \" : null}\n            {event.title}\n          </span>\n        ) : null}\n        {event.bodyExcerpt ? (\n          <span className=\"truncate text-xs italic opacity-90\" title={event.bodyExcerpt}>\n            “{event.bodyExcerpt}”\n          </span>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nexport interface SubscriptionWakeMarkerCardProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\" | \"role\"> {\n  event: SubscriptionWakeEvent;\n}\n\n/**\n * An asset subscription's delivery: \"Brendon Geils set B4 to Target\" over\n * \"Series A Investors · subscribed to B2:B11 · 99 runs left\", or \"Scheduled\n * check-in you set on Oct 8\" over its note. The text the agent received\n * stays the message; this is what a person sees. Pure presenter.\n */\nexport const SubscriptionWakeMarkerCard: FC<SubscriptionWakeMarkerCardProps> = ({\n  event,\n  className,\n  ...rest\n}) => {\n  const Icon = event.kind === \"schedule\" ? AlarmClockIcon : BellIcon;\n  const detail = subscriptionWakeDetail(event);\n  return (\n    <div\n      {...rest}\n      role=\"status\"\n      data-runtime-message-kind=\"wake\"\n      data-wake-source=\"subscription\"\n      data-testid=\"wake-marker\"\n      className={cn(\n        \"my-2 flex w-full items-start gap-2 rounded-lg border border-border bg-muted/40 px-3 py-2 text-muted-foreground text-sm\",\n        className,\n      )}\n    >\n      <Icon className=\"mt-0.5 size-4 shrink-0\" aria-hidden=\"true\" />\n      <div className=\"flex min-w-0 flex-1 flex-col gap-0.5 [overflow-wrap:anywhere]\">\n        <span className=\"font-medium\">{subscriptionWakeHeadline({ event })}</span>\n        {detail ? <span className=\"text-xs opacity-90\">{detail}</span> : null}\n      </div>\n    </div>\n  );\n};\n\n/**\n * The wake marker for the assistant-ui message in scope — a subscription's\n * delivery or a GitHub wake, whichever envelope it carries. Selects the\n * message's `metadata.custom` (a stable store reference) and derives the\n * envelope from it: the readers allocate a fresh object per call, so\n * selecting their result directly would re-render on every store update.\n */\nexport const WakeMarkerMessage: FC<{ className?: string }> = ({ className }) => {\n  const custom = useAuiState((s) => s.message.metadata?.custom);\n  const subscription = useMemo(() => readSubscriptionWakeEvent(custom), [custom]);\n  const github = useMemo(() => readGithubWakeEvent(custom), [custom]);\n  if (subscription) {\n    return <SubscriptionWakeMarkerCard event={subscription} className={className} />;\n  }\n  if (github) return <WakeMarkerCard event={github} className={className} />;\n  return null;\n};\n"],"names":["githubWakeReference","jsxs","cn","jsx","GitPullRequestIcon","githubWakeEventLabel","AlarmClockIcon","BellIcon","subscriptionWakeDetail","useAuiState","useMemo","readSubscriptionWakeEvent","readGithubWakeEvent"],"mappings":"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"}
+{"version":3,"file":"wake-marker.cjs","sources":["../../../src/chat-ui/messages/wake-marker.tsx"],"sourcesContent":["/**\n * The runtime marker for a wake turn: a GitHub webhook woke the session and\n * injected a user message (see `@athenaintel/agent-runtime`'s\n * `github-wake-event.ts`), or an asset subscription delivered an event\n * (`subscription-wake-event.ts`). It renders in the same visual language as\n * the runtime-ending card (`RuntimeMessageCard`) — a compact status row, not a\n * user bubble quoting the whole wake text.\n */\nimport { useAuiState } from \"@assistant-ui/react\";\nimport {\n  type GithubWakeEvent,\n  githubWakeEventLabel,\n  githubWakeReference,\n  readGithubWakeEvent,\n  readSubscriptionWakeEvent,\n  type SubscriptionWakeEvent,\n  subscriptionWakeDetail,\n  subscriptionWakeHeadline,\n} from \"@athenaintel/agent-runtime\";\nimport { AlarmClockIcon, BellIcon, GitPullRequestIcon } from \"lucide-react\";\nimport { type ComponentPropsWithoutRef, type FC, useMemo } from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nexport interface WakeMarkerCardProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\" | \"role\"> {\n  event: GithubWakeEvent;\n}\n\n/** The \"Woke: review comment on #36337\" row; pure presenter. */\nexport const WakeMarkerCard: FC<WakeMarkerCardProps> = ({ event, className, ...rest }) => {\n  const target = event.number !== null ? `#${event.number}` : event.repo;\n  const reference = githubWakeReference(event);\n  return (\n    <div\n      {...rest}\n      role=\"status\"\n      data-runtime-message-kind=\"wake\"\n      data-testid=\"wake-marker\"\n      className={cn(\n        \"my-2 flex w-full items-start gap-2 rounded-lg border border-border bg-muted/40 px-3 py-2 text-muted-foreground text-sm\",\n        className,\n      )}\n    >\n      <GitPullRequestIcon className=\"mt-0.5 size-4 shrink-0\" aria-hidden=\"true\" />\n      <div className=\"flex min-w-0 flex-1 flex-col gap-0.5 [overflow-wrap:anywhere]\">\n        <span className=\"font-medium\">\n          Woke: {githubWakeEventLabel(event)} on{\" \"}\n          {event.url ? (\n            <a\n              href={event.url}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              title={event.title ?? reference}\n              className=\"underline-offset-2 hover:underline\"\n            >\n              {target}\n            </a>\n          ) : (\n            <span title={event.title ?? reference}>{target}</span>\n          )}\n        </span>\n        {event.sender || event.title ? (\n          <span className=\"text-xs opacity-90\">\n            {event.sender ? `by ${event.sender}` : null}\n            {event.sender && event.title ? \" · \" : null}\n            {event.title}\n          </span>\n        ) : null}\n        {event.bodyExcerpt ? (\n          <span className=\"truncate text-xs italic opacity-90\" title={event.bodyExcerpt}>\n            “{event.bodyExcerpt}”\n          </span>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nexport interface SubscriptionWakeMarkerCardProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\" | \"role\"> {\n  event: SubscriptionWakeEvent;\n}\n\n/**\n * An asset subscription's delivery: \"Brendon Geils set B4 to Target\" over\n * \"Series A Investors · subscribed to B2:B11 · 99 runs left\", or \"Scheduled\n * check-in you set on Oct 8\" over its note. The text the agent received\n * stays the message; this is what a person sees. Pure presenter.\n */\nexport const SubscriptionWakeMarkerCard: FC<SubscriptionWakeMarkerCardProps> = ({\n  event,\n  className,\n  ...rest\n}) => {\n  const Icon = event.kind === \"schedule\" ? AlarmClockIcon : BellIcon;\n  const detail = subscriptionWakeDetail(event);\n  return (\n    <div\n      {...rest}\n      role=\"status\"\n      data-runtime-message-kind=\"wake\"\n      data-wake-source=\"subscription\"\n      data-testid=\"wake-marker\"\n      className={cn(\n        \"my-2 flex w-full items-start gap-2 rounded-lg border border-border bg-muted/40 px-3 py-2 text-muted-foreground text-sm\",\n        className,\n      )}\n    >\n      <Icon className=\"mt-0.5 size-4 shrink-0\" aria-hidden=\"true\" />\n      <div className=\"flex min-w-0 flex-1 flex-col gap-0.5 [overflow-wrap:anywhere]\">\n        <span className=\"font-medium\">{subscriptionWakeHeadline({ event })}</span>\n        {detail ? <span className=\"text-xs opacity-90\">{detail}</span> : null}\n      </div>\n    </div>\n  );\n};\n\n/**\n * The wake marker for the assistant-ui message in scope — a subscription's\n * delivery or a GitHub wake, whichever envelope it carries. Selects the\n * message's `metadata.custom` (a stable store reference) and derives the\n * envelope from it: the readers allocate a fresh object per call, so\n * selecting their result directly would re-render on every store update.\n */\nexport const WakeMarkerMessage: FC<{ className?: string }> = ({ className }) => {\n  const custom = useAuiState((s) => s.message.metadata?.custom);\n  const subscription = useMemo(() => readSubscriptionWakeEvent(custom), [custom]);\n  const github = useMemo(() => readGithubWakeEvent(custom), [custom]);\n  if (subscription) {\n    return <SubscriptionWakeMarkerCard event={subscription} className={className} />;\n  }\n  if (github) return <WakeMarkerCard event={github} className={className} />;\n  return null;\n};\n"],"names":["githubWakeReference","jsxs","cn","jsx","GitPullRequestIcon","githubWakeEventLabel","AlarmClockIcon","BellIcon","subscriptionWakeDetail","useAuiState","useMemo","readSubscriptionWakeEvent","readGithubWakeEvent"],"mappings":"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"}

package/dist/chat-ui/rich-text/chat-link.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const lucideReact = require("lucide-react");
-const react = require("react");
+const require$$0 = require("react");
 const mentionChip = require("../mentions/mention-chip.cjs");
 const citationAnchors = require("./citation-anchors.cjs");
 const cnfast = require("cnfast");
@@ -39,7 +39,7 @@ function SourceChip({
   );
 }
 function SourceFavicon({ href }) {
-  const [failed, setFailed] = react.useState(false);
+  const [failed, setFailed] = require$$0.useState(false);
   const src = failed ? null : citationAnchors.sourceFaviconUrl(href);
   if (!src) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -67,4 +67,5 @@ function SourceFavicon({ href }) {
 }
 exports.ChatLink = ChatLink;
 exports.SourceChip = SourceChip;
+exports.SourceFavicon = SourceFavicon;
 //# sourceMappingURL=chat-link.cjs.map

package/dist/chat-ui/rich-text/chat-link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chat-link.cjs","sources":["../../../src/chat-ui/rich-text/chat-link.tsx"],"sourcesContent":["import { Globe2Icon } from \"lucide-react\";\nimport { type ReactNode, useState } from \"react\";\nimport { CHIP_ICON_CLASS, CHIP_LINK_CLASS, CHIP_PILL_CLASS, MentionLink } from \"../mentions/mention-chip\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  buildScrollToTextUrl,\n  isWebHref,\n  sourceFaviconUrl,\n} from \"./citation-anchors\";\n\n/**\n * A link mark of the static message body. A web source the model cited with\n * an excerpt renders as a source chip; everything else goes through\n * `MentionLink`, which draws mention and Spaces hrefs as asset chips,\n * screen points as coordinate chips, and the rest as a plain link.\n */\nexport function ChatLink({\n  href,\n  excerpt,\n  children,\n}: {\n  href: string | null | undefined;\n  excerpt?: string | null;\n  children: ReactNode;\n}) {\n  if (href && excerpt && isWebHref(href)) {\n    return (\n      <SourceChip href={href} excerpt={excerpt}>\n        {children}\n      </SourceChip>\n    );\n  }\n  return <MentionLink href={href ?? undefined}>{children}</MentionLink>;\n}\n\n/**\n * A cited web page: the site's favicon, the model's label, the excerpt as\n * the tooltip, opening the page at the excerpt (scroll-to-text) in a new tab.\n * The asset mention chip's pill (`CHIP_PILL_CLASS`), so a sentence that cites\n * a PDF and a web page reads as one row of sources.\n */\nexport function SourceChip({\n  href,\n  excerpt,\n  children,\n}: {\n  href: string;\n  excerpt: string;\n  children: ReactNode;\n}) {\n  return (\n    <a\n      href={buildScrollToTextUrl(href, excerpt)}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      title={excerpt}\n      data-chat-source=\"\"\n      data-excerpt={excerpt}\n      className={cn(CHIP_PILL_CLASS, \"max-w-[240px]\", CHIP_LINK_CLASS)}\n    >\n      <SourceFavicon href={href} />\n      <span className=\"min-w-0 max-w-[200px] overflow-hidden text-ellipsis\">\n        {children}\n      </span>\n    </a>\n  );\n}\n\n/** The site's favicon; a globe once the favicon service has no icon for the host. */\nfunction SourceFavicon({ href }: { href: string }) {\n  const [failed, setFailed] = useState(false);\n  const src = failed ? null : sourceFaviconUrl(href);\n  if (!src) {\n    return (\n      <Globe2Icon\n        className={cn(CHIP_ICON_CLASS, \"text-muted-foreground\")}\n        aria-hidden=\"true\"\n      />\n    );\n  }\n  return (\n    <img\n      src={src}\n      alt=\"\"\n      width={14}\n      height={14}\n      className={cn(CHIP_ICON_CLASS, \"rounded-[3px]\")}\n      loading=\"lazy\"\n      referrerPolicy=\"no-referrer\"\n      draggable={false}\n      onError={() => setFailed(true)}\n    />\n  );\n}\n"],"names":["isWebHref","jsx","MentionLink","jsxs","buildScrollToTextUrl","cn","CHIP_PILL_CLASS","CHIP_LINK_CLASS","useState","sourceFaviconUrl","Globe2Icon","CHIP_ICON_CLASS"],"mappings":";;;;;;;;AAgBO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,QAAQ,WAAWA,gBAAAA,UAAU,IAAI,GAAG;AACtC,WACEC,2BAAAA,IAAC,YAAA,EAAW,MAAY,SACrB,SAAA,CACH;AAAA,EAEJ;AACA,SAAOA,2BAAAA,IAACC,YAAAA,aAAA,EAAY,MAAM,QAAQ,QAAY,UAAS;AACzD;AAQO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAMC,gBAAAA,qBAAqB,MAAM,OAAO;AAAA,MACxC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,OAAO;AAAA,MACP,oBAAiB;AAAA,MACjB,gBAAc;AAAA,MACd,WAAWC,OAAAA,GAAGC,6BAAiB,iBAAiBC,YAAAA,eAAe;AAAA,MAE/D,UAAA;AAAA,QAAAN,+BAAC,iBAAc,MAAY;AAAA,QAC3BA,2BAAAA,IAAC,QAAA,EAAK,WAAU,uDACb,SAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAGA,SAAS,cAAc,EAAE,QAA0B;AACjD,QAAM,CAAC,QAAQ,SAAS,IAAIO,MAAAA,SAAS,KAAK;AAC1C,QAAM,MAAM,SAAS,OAAOC,gBAAAA,iBAAiB,IAAI;AACjD,MAAI,CAAC,KAAK;AACR,WACER,2BAAAA;AAAAA,MAACS,YAAAA;AAAAA,MAAA;AAAA,QACC,WAAWL,OAAAA,GAAGM,YAAAA,iBAAiB,uBAAuB;AAAA,QACtD,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlB;AACA,SACEV,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,KAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAWI,OAAAA,GAAGM,YAAAA,iBAAiB,eAAe;AAAA,MAC9C,SAAQ;AAAA,MACR,gBAAe;AAAA,MACf,WAAW;AAAA,MACX,SAAS,MAAM,UAAU,IAAI;AAAA,IAAA;AAAA,EAAA;AAGnC;;;"}
+{"version":3,"file":"chat-link.cjs","sources":["../../../src/chat-ui/rich-text/chat-link.tsx"],"sourcesContent":["import { Globe2Icon } from \"lucide-react\";\nimport { type ReactNode, useState } from \"react\";\nimport { CHIP_ICON_CLASS, CHIP_LINK_CLASS, CHIP_PILL_CLASS, MentionLink } from \"../mentions/mention-chip\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  buildScrollToTextUrl,\n  isWebHref,\n  sourceFaviconUrl,\n} from \"./citation-anchors\";\n\n/**\n * A link mark of the static message body. A web source the model cited with\n * an excerpt renders as a source chip; everything else goes through\n * `MentionLink`, which draws mention and Spaces hrefs as asset chips,\n * screen points as coordinate chips, and the rest as a plain link.\n */\nexport function ChatLink({\n  href,\n  excerpt,\n  children,\n}: {\n  href: string | null | undefined;\n  excerpt?: string | null;\n  children: ReactNode;\n}) {\n  if (href && excerpt && isWebHref(href)) {\n    return (\n      <SourceChip href={href} excerpt={excerpt}>\n        {children}\n      </SourceChip>\n    );\n  }\n  return <MentionLink href={href ?? undefined}>{children}</MentionLink>;\n}\n\n/**\n * A cited web page: the site's favicon, the model's label, the excerpt as\n * the tooltip, opening the page at the excerpt (scroll-to-text) in a new tab.\n * The asset mention chip's pill (`CHIP_PILL_CLASS`), so a sentence that cites\n * a PDF and a web page reads as one row of sources.\n */\nexport function SourceChip({\n  href,\n  excerpt,\n  children,\n}: {\n  href: string;\n  excerpt: string;\n  children: ReactNode;\n}) {\n  return (\n    <a\n      href={buildScrollToTextUrl(href, excerpt)}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      title={excerpt}\n      data-chat-source=\"\"\n      data-excerpt={excerpt}\n      className={cn(CHIP_PILL_CLASS, \"max-w-[240px]\", CHIP_LINK_CLASS)}\n    >\n      <SourceFavicon href={href} />\n      <span className=\"min-w-0 max-w-[200px] overflow-hidden text-ellipsis\">\n        {children}\n      </span>\n    </a>\n  );\n}\n\n/** The site's favicon; a globe once the favicon service has no icon for the host. */\nexport function SourceFavicon({ href }: { href: string }) {\n  const [failed, setFailed] = useState(false);\n  const src = failed ? null : sourceFaviconUrl(href);\n  if (!src) {\n    return (\n      <Globe2Icon\n        className={cn(CHIP_ICON_CLASS, \"text-muted-foreground\")}\n        aria-hidden=\"true\"\n      />\n    );\n  }\n  return (\n    <img\n      src={src}\n      alt=\"\"\n      width={14}\n      height={14}\n      className={cn(CHIP_ICON_CLASS, \"rounded-[3px]\")}\n      loading=\"lazy\"\n      referrerPolicy=\"no-referrer\"\n      draggable={false}\n      onError={() => setFailed(true)}\n    />\n  );\n}\n"],"names":["isWebHref","jsx","MentionLink","jsxs","buildScrollToTextUrl","cn","CHIP_PILL_CLASS","CHIP_LINK_CLASS","useState","sourceFaviconUrl","Globe2Icon","CHIP_ICON_CLASS"],"mappings":";;;;;;;;AAgBO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,QAAQ,WAAWA,gBAAAA,UAAU,IAAI,GAAG;AACtC,WACEC,2BAAAA,IAAC,YAAA,EAAW,MAAY,SACrB,SAAA,CACH;AAAA,EAEJ;AACA,SAAOA,2BAAAA,IAACC,YAAAA,aAAA,EAAY,MAAM,QAAQ,QAAY,UAAS;AACzD;AAQO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAMC,gBAAAA,qBAAqB,MAAM,OAAO;AAAA,MACxC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,OAAO;AAAA,MACP,oBAAiB;AAAA,MACjB,gBAAc;AAAA,MACd,WAAWC,OAAAA,GAAGC,6BAAiB,iBAAiBC,YAAAA,eAAe;AAAA,MAE/D,UAAA;AAAA,QAAAN,+BAAC,iBAAc,MAAY;AAAA,QAC3BA,2BAAAA,IAAC,QAAA,EAAK,WAAU,uDACb,SAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAAS,cAAc,EAAE,QAA0B;AACxD,QAAM,CAAC,QAAQ,SAAS,IAAIO,WAAAA,SAAS,KAAK;AAC1C,QAAM,MAAM,SAAS,OAAOC,gBAAAA,iBAAiB,IAAI;AACjD,MAAI,CAAC,KAAK;AACR,WACER,2BAAAA;AAAAA,MAACS,YAAAA;AAAAA,MAAA;AAAA,QACC,WAAWL,OAAAA,GAAGM,YAAAA,iBAAiB,uBAAuB;AAAA,QACtD,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlB;AACA,SACEV,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,KAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAWI,OAAAA,GAAGM,YAAAA,iBAAiB,eAAe;AAAA,MAC9C,SAAQ;AAAA,MACR,gBAAe;AAAA,MACf,WAAW;AAAA,MACX,SAAS,MAAM,UAAU,IAAI;AAAA,IAAA;AAAA,EAAA;AAGnC;;;;"}

package/dist/chat-ui/rich-text/chat-link.d.ts

@@ -21,3 +21,7 @@ export declare function SourceChip({ href, excerpt, children, }: {
     excerpt: string;
     children: ReactNode;
 }): import("react").JSX.Element;
+/** The site's favicon; a globe once the favicon service has no icon for the host. */
+export declare function SourceFavicon({ href }: {
+    href: string;
+}): import("react").JSX.Element;

package/dist/chat-ui/rich-text/chat-link.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Globe2Icon } from "lucide-react";
 import { useState } from "react";
-import { MentionLink, CHIP_PILL_CLASS, CHIP_LINK_CLASS, CHIP_ICON_CLASS } from "../mentions/mention-chip.js";
-import { isWebHref, buildScrollToTextUrl, sourceFaviconUrl } from "./citation-anchors.js";
+import { CHIP_ICON_CLASS, MentionLink, CHIP_PILL_CLASS, CHIP_LINK_CLASS } from "../mentions/mention-chip.js";
+import { sourceFaviconUrl, isWebHref, buildScrollToTextUrl } from "./citation-anchors.js";
 import { cn } from "cnfast";
 function ChatLink({
   href,
@@ -65,6 +65,7 @@ function SourceFavicon({ href }) {
 }
 export {
   ChatLink,
-  SourceChip
+  SourceChip,
+  SourceFavicon
 };
 //# sourceMappingURL=chat-link.js.map

package/dist/chat-ui/rich-text/chat-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-link.js","sources":["../../../src/chat-ui/rich-text/chat-link.tsx"],"sourcesContent":["import { Globe2Icon } from \"lucide-react\";\nimport { type ReactNode, useState } from \"react\";\nimport { CHIP_ICON_CLASS, CHIP_LINK_CLASS, CHIP_PILL_CLASS, MentionLink } from \"../mentions/mention-chip\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  buildScrollToTextUrl,\n  isWebHref,\n  sourceFaviconUrl,\n} from \"./citation-anchors\";\n\n/**\n * A link mark of the static message body. A web source the model cited with\n * an excerpt renders as a source chip; everything else goes through\n * `MentionLink`, which draws mention and Spaces hrefs as asset chips,\n * screen points as coordinate chips, and the rest as a plain link.\n */\nexport function ChatLink({\n  href,\n  excerpt,\n  children,\n}: {\n  href: string | null | undefined;\n  excerpt?: string | null;\n  children: ReactNode;\n}) {\n  if (href && excerpt && isWebHref(href)) {\n    return (\n      <SourceChip href={href} excerpt={excerpt}>\n        {children}\n      </SourceChip>\n    );\n  }\n  return <MentionLink href={href ?? undefined}>{children}</MentionLink>;\n}\n\n/**\n * A cited web page: the site's favicon, the model's label, the excerpt as\n * the tooltip, opening the page at the excerpt (scroll-to-text) in a new tab.\n * The asset mention chip's pill (`CHIP_PILL_CLASS`), so a sentence that cites\n * a PDF and a web page reads as one row of sources.\n */\nexport function SourceChip({\n  href,\n  excerpt,\n  children,\n}: {\n  href: string;\n  excerpt: string;\n  children: ReactNode;\n}) {\n  return (\n    <a\n      href={buildScrollToTextUrl(href, excerpt)}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      title={excerpt}\n      data-chat-source=\"\"\n      data-excerpt={excerpt}\n      className={cn(CHIP_PILL_CLASS, \"max-w-[240px]\", CHIP_LINK_CLASS)}\n    >\n      <SourceFavicon href={href} />\n      <span className=\"min-w-0 max-w-[200px] overflow-hidden text-ellipsis\">\n        {children}\n      </span>\n    </a>\n  );\n}\n\n/** The site's favicon; a globe once the favicon service has no icon for the host. */\nfunction SourceFavicon({ href }: { href: string }) {\n  const [failed, setFailed] = useState(false);\n  const src = failed ? null : sourceFaviconUrl(href);\n  if (!src) {\n    return (\n      <Globe2Icon\n        className={cn(CHIP_ICON_CLASS, \"text-muted-foreground\")}\n        aria-hidden=\"true\"\n      />\n    );\n  }\n  return (\n    <img\n      src={src}\n      alt=\"\"\n      width={14}\n      height={14}\n      className={cn(CHIP_ICON_CLASS, \"rounded-[3px]\")}\n      loading=\"lazy\"\n      referrerPolicy=\"no-referrer\"\n      draggable={false}\n      onError={() => setFailed(true)}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;AAgBO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,QAAQ,WAAW,UAAU,IAAI,GAAG;AACtC,WACE,oBAAC,YAAA,EAAW,MAAY,SACrB,SAAA,CACH;AAAA,EAEJ;AACA,SAAO,oBAAC,aAAA,EAAY,MAAM,QAAQ,QAAY,UAAS;AACzD;AAQO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM,qBAAqB,MAAM,OAAO;AAAA,MACxC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,OAAO;AAAA,MACP,oBAAiB;AAAA,MACjB,gBAAc;AAAA,MACd,WAAW,GAAG,iBAAiB,iBAAiB,eAAe;AAAA,MAE/D,UAAA;AAAA,QAAA,oBAAC,iBAAc,MAAY;AAAA,QAC3B,oBAAC,QAAA,EAAK,WAAU,uDACb,SAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAGA,SAAS,cAAc,EAAE,QAA0B;AACjD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,MAAM,SAAS,OAAO,iBAAiB,IAAI;AACjD,MAAI,CAAC,KAAK;AACR,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,iBAAiB,uBAAuB;AAAA,QACtD,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlB;AACA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,KAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW,GAAG,iBAAiB,eAAe;AAAA,MAC9C,SAAQ;AAAA,MACR,gBAAe;AAAA,MACf,WAAW;AAAA,MACX,SAAS,MAAM,UAAU,IAAI;AAAA,IAAA;AAAA,EAAA;AAGnC;"}
+{"version":3,"file":"chat-link.js","sources":["../../../src/chat-ui/rich-text/chat-link.tsx"],"sourcesContent":["import { Globe2Icon } from \"lucide-react\";\nimport { type ReactNode, useState } from \"react\";\nimport { CHIP_ICON_CLASS, CHIP_LINK_CLASS, CHIP_PILL_CLASS, MentionLink } from \"../mentions/mention-chip\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  buildScrollToTextUrl,\n  isWebHref,\n  sourceFaviconUrl,\n} from \"./citation-anchors\";\n\n/**\n * A link mark of the static message body. A web source the model cited with\n * an excerpt renders as a source chip; everything else goes through\n * `MentionLink`, which draws mention and Spaces hrefs as asset chips,\n * screen points as coordinate chips, and the rest as a plain link.\n */\nexport function ChatLink({\n  href,\n  excerpt,\n  children,\n}: {\n  href: string | null | undefined;\n  excerpt?: string | null;\n  children: ReactNode;\n}) {\n  if (href && excerpt && isWebHref(href)) {\n    return (\n      <SourceChip href={href} excerpt={excerpt}>\n        {children}\n      </SourceChip>\n    );\n  }\n  return <MentionLink href={href ?? undefined}>{children}</MentionLink>;\n}\n\n/**\n * A cited web page: the site's favicon, the model's label, the excerpt as\n * the tooltip, opening the page at the excerpt (scroll-to-text) in a new tab.\n * The asset mention chip's pill (`CHIP_PILL_CLASS`), so a sentence that cites\n * a PDF and a web page reads as one row of sources.\n */\nexport function SourceChip({\n  href,\n  excerpt,\n  children,\n}: {\n  href: string;\n  excerpt: string;\n  children: ReactNode;\n}) {\n  return (\n    <a\n      href={buildScrollToTextUrl(href, excerpt)}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      title={excerpt}\n      data-chat-source=\"\"\n      data-excerpt={excerpt}\n      className={cn(CHIP_PILL_CLASS, \"max-w-[240px]\", CHIP_LINK_CLASS)}\n    >\n      <SourceFavicon href={href} />\n      <span className=\"min-w-0 max-w-[200px] overflow-hidden text-ellipsis\">\n        {children}\n      </span>\n    </a>\n  );\n}\n\n/** The site's favicon; a globe once the favicon service has no icon for the host. */\nexport function SourceFavicon({ href }: { href: string }) {\n  const [failed, setFailed] = useState(false);\n  const src = failed ? null : sourceFaviconUrl(href);\n  if (!src) {\n    return (\n      <Globe2Icon\n        className={cn(CHIP_ICON_CLASS, \"text-muted-foreground\")}\n        aria-hidden=\"true\"\n      />\n    );\n  }\n  return (\n    <img\n      src={src}\n      alt=\"\"\n      width={14}\n      height={14}\n      className={cn(CHIP_ICON_CLASS, \"rounded-[3px]\")}\n      loading=\"lazy\"\n      referrerPolicy=\"no-referrer\"\n      draggable={false}\n      onError={() => setFailed(true)}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;AAgBO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,QAAQ,WAAW,UAAU,IAAI,GAAG;AACtC,WACE,oBAAC,YAAA,EAAW,MAAY,SACrB,SAAA,CACH;AAAA,EAEJ;AACA,SAAO,oBAAC,aAAA,EAAY,MAAM,QAAQ,QAAY,UAAS;AACzD;AAQO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM,qBAAqB,MAAM,OAAO;AAAA,MACxC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,OAAO;AAAA,MACP,oBAAiB;AAAA,MACjB,gBAAc;AAAA,MACd,WAAW,GAAG,iBAAiB,iBAAiB,eAAe;AAAA,MAE/D,UAAA;AAAA,QAAA,oBAAC,iBAAc,MAAY;AAAA,QAC3B,oBAAC,QAAA,EAAK,WAAU,uDACb,SAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAAS,cAAc,EAAE,QAA0B;AACxD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,MAAM,SAAS,OAAO,iBAAiB,IAAI;AACjD,MAAI,CAAC,KAAK;AACR,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,iBAAiB,uBAAuB;AAAA,QACtD,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlB;AACA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,KAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW,GAAG,iBAAiB,eAAe;AAAA,MAC9C,SAAQ;AAAA,MACR,gBAAe;AAAA,MACf,WAAW;AAAA,MACX,SAAS,MAAM,UAAU,IAAI;AAAA,IAAA;AAAA,EAAA;AAGnC;"}

package/dist/chat-ui/rich-text/chat-message-body.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
+const require$$0 = require("react");
 const athenaCitationLinks = require("../../chat/athena-citation-links.cjs");
 const chatBlocks = require("./chat-blocks.cjs");
 const chatLink = require("./chat-link.cjs");
@@ -17,13 +17,13 @@ function ChatMessageBody({
   isRunning = false,
   typed = false
 }) {
-  const hasDom = react.useSyncExternalStore(
+  const hasDom = require$$0.useSyncExternalStore(
     subscribe,
     browserSnapshot,
     serverSnapshot
   );
   const onClick = useChatLinkClick();
-  const { blocks, definitions } = react.useMemo(
+  const { blocks, definitions } = require$$0.useMemo(
     () => chatBlocks.splitChatBlocks(text, { streaming: isRunning }),
     [text, isRunning]
   );
@@ -52,7 +52,7 @@ function ChatMessageBody({
     )
   );
 }
-const ChatBlock = react.memo(function ChatBlock2({
+const ChatBlock = require$$0.memo(function ChatBlock2({
   text,
   definitions,
   openFence,
@@ -60,7 +60,7 @@ const ChatBlock = react.memo(function ChatBlock2({
   typed
 }) {
   const open = streaming ? openFence : null;
-  const doc = react.useMemo(() => {
+  const doc = require$$0.useMemo(() => {
     if (open) return null;
     const markdown = definitions ? `${text}
 
@@ -87,7 +87,7 @@ function isEmptyDoc(doc) {
 }
 function useChatLinkClick() {
   const handleLinkClick = athenaCitationLinks.useAthenaLinkClickHandler();
-  return react.useCallback(
+  return require$$0.useCallback(
     (event) => {
       if (event.button !== 0 || event.defaultPrevented || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {
         return;
@@ -188,7 +188,7 @@ function renderMarkRuns(nodes, depth, tail) {
     const node = nodes[index];
     const mark = node.marks[depth];
     if (!mark) {
-      children.push(/* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: renderNode(node, tail) }, index));
+      children.push(/* @__PURE__ */ jsxRuntime.jsx(require$$0.Fragment, { children: renderNode(node, tail) }, index));
       index++;
       continue;
     }
@@ -198,10 +198,11 @@ function renderMarkRuns(nodes, depth, tail) {
     }
     const content = renderMarkRuns(nodes.slice(index, end), depth + 1, tail);
     const rendered = mark.type.name === "link" ? /* @__PURE__ */ jsxRuntime.jsx(chatLink.ChatLink, { href: mark.attrs.href, excerpt: mark.attrs.excerpt, children: content }) : mark.type.spec.toDOM ? domOutputSpec.renderDOMOutputSpec(mark.type.spec.toDOM(mark, true), content) : content;
-    children.push(/* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: rendered }, index));
+    children.push(/* @__PURE__ */ jsxRuntime.jsx(require$$0.Fragment, { children: rendered }, index));
     index = end;
   }
   return children;
 }
 exports.ChatMessageBody = ChatMessageBody;
+exports.useChatLinkClick = useChatLinkClick;
 //# sourceMappingURL=chat-message-body.cjs.map