@athenaintel/react 0.20.0 → 0.21.0

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

@@ -1 +1 @@
-{"version":3,"file":"message-components.cjs","sources":["../../../src/chat-ui/messages/message-components.tsx"],"sourcesContent":["import {\n  ActionBarPrimitive,\n  AuiIf,\n  BranchPickerPrimitive,\n  MessagePrimitive,\n  TextMessagePartProvider,\n  useAuiState,\n  useMessagePartText,\n  useSmooth,\n  type ToolCallMessagePartComponent,\n} from \"@assistant-ui/react\";\nimport {\n  hideUnterminatedMarkdownLink,\n  isVoiceDelegationMessage,\n  readRuntimeMessageFromSourceMessages,\n  readSoleRuntimeMessageKind,\n} from \"@athenaintel/agent-runtime\";\nimport { MarkdownTextPrimitive } from \"@assistant-ui/react-markdown\";\nimport \"@assistant-ui/react-markdown/styles/dot.css\";\nimport {\n  ArrowUpIcon,\n  CheckIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  CopyIcon,\n  ListPlusIcon,\n  PencilIcon,\n  RefreshCwIcon,\n} from \"lucide-react\";\nimport {\n  type ButtonHTMLAttributes,\n  type ComponentProps,\n  type ComponentType,\n  type FC,\n  type ReactNode,\n  useMemo,\n} from \"react\";\nimport remarkGfm from \"remark-gfm\";\nimport { useAthenaRunLive } from \"../../chat/use-athena-run-live\";\nimport type { ComposerAction } from \"../composer/composer-action\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  MentionLink,\n  normalizeAthenaMentionHtml,\n  parseMentionsInText,\n} from \"../mentions/mention-chip\";\nimport { useMessageActionsReadOnly } from \"./message-actions-config\";\nimport { RuntimeMessageCard } from \"./runtime-message\";\nimport { hasVisibleContent } from \"./running-indicator\";\nimport { VoiceDelegationMessage } from \"./voice-delegation-card\";\n\nexport function IconButton({\n  children,\n  tooltip,\n  className,\n  ...props\n}: ButtonHTMLAttributes<HTMLButtonElement> & { tooltip: string }) {\n  return (\n    <button\n      type=\"button\"\n      title={tooltip}\n      aria-label={tooltip}\n      className={cn(\n        \"inline-flex size-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function SmallIconButton({\n  children,\n  tooltip,\n  className,\n  ...props\n}: ButtonHTMLAttributes<HTMLButtonElement> & { tooltip: string }) {\n  return (\n    <button\n      type=\"button\"\n      title={tooltip}\n      aria-label={tooltip}\n      className={cn(\n        \"inline-flex size-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\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.\n */\nconst EditActionButton: FC = () => {\n  const allowEdit = useAuiState((s) => s.thread.capabilities.edit);\n  const isRunning = useAthenaRunLive();\n  const readOnly = useMessageActionsReadOnly();\n  if (!allowEdit || isRunning || readOnly) return null;\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 */\nconst ACTION_BAR_REVEAL_CLASS =\n  \"pointer-events-none opacity-0 transition-opacity focus-within:pointer-events-auto focus-within:opacity-100\";\n\nfunction CodeBlock({ language, code }: { language: string; code: string }) {\n  return (\n    <div className=\"not-prose my-2 overflow-hidden rounded-lg border border-border bg-muted/30\">\n      {language && (\n        <div className=\"border-b border-border bg-muted/50 px-3 py-1 text-[10px] font-medium text-muted-foreground\">\n          {language}\n        </div>\n      )}\n      <pre className=\"overflow-x-auto p-3\">\n        <code className=\"font-mono text-xs leading-relaxed text-foreground\">\n          {code}\n        </code>\n      </pre>\n    </div>\n  );\n}\n\nconst MARKDOWN_CLASS =\n  \"aui-md prose prose-sm max-w-none text-foreground prose-p:my-1.5 prose-p:leading-relaxed prose-headings:mt-3 prose-headings:mb-1.5 prose-headings:font-semibold prose-h1:text-sm prose-h2:text-sm prose-h3:text-xs prose-ul:my-1.5 prose-ol:my-1.5 prose-li:my-0.5 prose-blockquote:border-l-2 prose-blockquote:border-border prose-blockquote:text-muted-foreground prose-code:rounded prose-code:bg-muted prose-code:px-1 prose-code:py-0.5 prose-code:text-xs prose-code:font-mono prose-code:before:content-none prose-code:after:content-none prose-pre:my-0 prose-pre:p-0 prose-pre:bg-transparent prose-pre:border-0 prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-strong:font-semibold prose-hr:border-border\";\n\n// Module-level so the primitive's pipeline is not rebuilt on every reveal frame.\nconst MARKDOWN_REMARK_PLUGINS = [remarkGfm];\nconst MARKDOWN_COMPONENTS: NonNullable<\n  ComponentProps<typeof MarkdownTextPrimitive>[\"components\"]\n> = {\n  SyntaxHighlighter: CodeBlock,\n  a: MentionLink as ComponentType<{ href?: string; children?: ReactNode }>,\n};\n\n/**\n * Assistant markdown with Athena mention chips and fenced code blocks.\n *\n * The typewriter reveal runs here, over the part's own text, and the hold for\n * a link the stream has not finished (`hideUnterminatedMarkdownLink`) runs on\n * the revealed text — not in the primitive's `preprocess`, which the primitive\n * applies BEFORE its own reveal: a hold there would still let the reveal type\n * out every character of a completed mention's URL before the chip could\n * replace it. The held text reaches the primitive through its own part\n * provider, carrying the reveal's running state, so the primitive itself\n * smooths nothing, and hosts that wrap `MarkdownText` in a\n * `TextMessagePartProvider` of their own keep working unchanged.\n */\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 (\n    <TextMessagePartProvider text={text} isRunning={isRunning}>\n      <MarkdownTextPrimitive\n        className={MARKDOWN_CLASS}\n        remarkPlugins={MARKDOWN_REMARK_PLUGINS}\n        smooth={false}\n        preprocess={normalizeAthenaMentionHtml}\n        components={MARKDOWN_COMPONENTS}\n      />\n    </TextMessagePartProvider>\n  );\n};\n\nconst UserMessageText: FC<{ text: string }> = ({ text }) => (\n  <>{parseMentionsInText(text)}</>\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 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 (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 max-w-[85%] flex-col items-end gap-1\">\n        <div className=\"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/** Panel chrome: the thread card and the header row that sits inside it. */\nexport const THREAD_PANEL_CLASS =\n  \"m-1 flex min-h-0 flex-1 flex-col overflow-hidden rounded-[18px] border border-dashed border-amber-500 bg-background shadow-[0_1px_10px_rgba(54,45,33,0.08)]\";\nexport const THREAD_HEADER_CLASS =\n  \"flex items-center justify-between gap-2 px-3 py-2\";\nexport const THREAD_HEADER_ACTIONS_CLASS =\n  \"flex min-w-0 items-center justify-end gap-1.5\";\n/** Pill used for the header's leading control (agent picker, host label). */\nexport const THREAD_HEADER_PILL_CLASS =\n  \"inline-flex h-7 max-w-[170px] items-center gap-1.5 rounded-md border border-neutral-200 bg-white px-2 text-xs font-medium text-neutral-800 shadow-sm\";\nexport const THREAD_HEADER_ICON_CLASS = \"size-[18px]\";\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\";\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":["jsx","cn","jsxs","BranchPickerPrimitive","ChevronLeftIcon","ChevronRightIcon","ActionBarPrimitive","AuiIf","CheckIcon","CopyIcon","useAuiState","useAthenaRunLive","useMessageActionsReadOnly","PencilIcon","RefreshCwIcon","MentionLink","useSmooth","useMessagePartText","hideUnterminatedMarkdownLink","TextMessagePartProvider","MarkdownTextPrimitive","normalizeAthenaMentionHtml","Fragment","parseMentionsInText","isVoiceDelegationMessage","MessagePrimitive","VoiceDelegationMessage","useMemo","readRuntimeMessageFromSourceMessages","RuntimeMessageCard","hasVisibleContent","readSoleRuntimeMessageKind","ListPlusIcon","ArrowUpIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkE;AAChE,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO;AAAA,MACP,cAAY;AAAA,MACZ,WAAWC,OAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkE;AAChE,SACED,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO;AAAA,MACP,cAAY;AAAA,MACZ,WAAWC,OAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,MAAM,eAAmB,MAC9BC,2BAAAA;AAAAA,EAACC,MAAAA,sBAAsB;AAAA,EAAtB;AAAA,IACC,sBAAoB;AAAA,IACpB,WAAU;AAAA,IACV,eAAY;AAAA,IAEZ,UAAA;AAAA,MAAAH,2BAAAA,IAACG,MAAAA,sBAAsB,UAAtB,EAA+B,SAAO,MACrC,UAAAH,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,eAAY;AAAA,UAEZ,UAAAA,2BAAAA,IAACI,YAAAA,iBAAA,EAAgB,WAAU,SAAA,CAAS;AAAA,QAAA;AAAA,MAAA,GAExC;AAAA,MACAF,2BAAAA,KAAC,QAAA,EAAK,WAAU,eAAc,eAAY,qBACxC,UAAA;AAAA,QAAAF,+BAACG,MAAAA,sBAAsB,QAAtB,EAA6B;AAAA,QAAE;AAAA,QAAGH,+BAACG,MAAAA,sBAAsB,OAAtB,CAAA,CAA4B;AAAA,MAAA,GAClE;AAAA,qCACCA,MAAAA,sBAAsB,MAAtB,EAA2B,SAAO,MACjC,UAAAH,2BAAAA,IAAC,iBAAA,EAAgB,SAAQ,eAAc,eAAY,oBACjD,UAAAA,+BAACK,YAAAA,oBAAiB,WAAU,UAAS,GACvC,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AACF;AAGF,MAAM,mBAAuB,MAC3BL,2BAAAA,IAACM,MAAAA,mBAAmB,MAAnB,EAAwB,SAAO,MAC9B,UAAAJ,2BAAAA,KAAC,iBAAA,EAAgB,SAAQ,QACvB,UAAA;AAAA,EAAAF,2BAAAA,IAACO,MAAAA,OAAA,EAAM,WAAW,CAAC,UAAU,MAAM,QAAQ,UACzC,UAAAP,2BAAAA,IAACQ,YAAAA,WAAA,EAAU,WAAU,SAAA,CAAS,GAChC;AAAA,EACAR,2BAAAA,IAACO,MAAAA,OAAA,EAAM,WAAW,CAAC,UAAU,CAAC,MAAM,QAAQ,UAC1C,UAAAP,2BAAAA,IAACS,YAAAA,UAAA,EAAS,WAAU,UAAS,EAAA,CAC/B;AAAA,EAAA,CACF,EAAA,CACF;AAWF,MAAM,mBAAuB,MAAM;AACjC,QAAM,YAAYC,MAAAA,YAAY,CAAC,MAAM,EAAE,OAAO,aAAa,IAAI;AAC/D,QAAM,YAAYC,iBAAAA,iBAAA;AAClB,QAAM,WAAWC,qBAAAA,0BAAA;AACjB,MAAI,CAAC,aAAa,aAAa,SAAU,QAAO;AAChD,wCACGN,yBAAmB,MAAnB,EAAwB,SAAO,MAC9B,UAAAN,2BAAAA,IAAC,iBAAA,EAAgB,SAAQ,QAAO,eAAY,qBAC1C,UAAAA,+BAACa,YAAAA,cAAW,WAAU,SAAA,CAAS,GACjC,GACF;AAEJ;AAGA,MAAM,yBAA6B,MAAM;AACvC,QAAM,WAAWD,qBAAAA,0BAAA;AACjB,MAAI,SAAU,QAAO;AACrB,SACEZ,2BAAAA,IAACM,MAAAA,mBAAmB,QAAnB,EAA0B,SAAO,MAChC,UAAAN,2BAAAA,IAAC,iBAAA,EAAgB,SAAQ,cACvB,UAAAA,2BAAAA,IAACc,YAAAA,eAAA,EAAc,WAAU,SAAA,CAAS,GACpC,GACF;AAEJ;AAQA,MAAM,0BACJ;AAEF,SAAS,UAAU,EAAE,UAAU,QAA4C;AACzE,SACEZ,2BAAAA,KAAC,OAAA,EAAI,WAAU,8EACZ,UAAA;AAAA,IAAA,YACCF,2BAAAA,IAAC,OAAA,EAAI,WAAU,8FACZ,UAAA,UACH;AAAA,IAEFA,2BAAAA,IAAC,SAAI,WAAU,uBACb,yCAAC,QAAA,EAAK,WAAU,qDACb,UAAA,KAAA,CACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,MAAM,iBACJ;AAGF,MAAM,0BAA0B,CAAC,SAAS;AAC1C,MAAM,sBAEF;AAAA,EACF,mBAAmB;AAAA,EACnB,GAAGe,YAAAA;AACL;AAeO,MAAM,eAAmB,MAAM;AACpC,QAAM,WAAWC,MAAAA,UAAUC,MAAAA,mBAAA,GAAsB,IAAI;AACrD,QAAM,YAAY,SAAS,OAAO,SAAS;AAC3C,QAAM,OAAO,YAAYC,kBAAAA,6BAA6B,SAAS,IAAI,IAAI,SAAS;AAChF,SACElB,2BAAAA,IAACmB,MAAAA,yBAAA,EAAwB,MAAY,WACnC,UAAAnB,2BAAAA;AAAAA,IAACoB,cAAAA;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,YAAYC,YAAAA;AAAAA,MACZ,YAAY;AAAA,IAAA;AAAA,EAAA,GAEhB;AAEJ;AAEA,MAAM,kBAAwC,CAAC,EAAE,KAAA,MAC/CrB,2BAAAA,IAAAsB,qBAAA,EAAG,UAAAC,YAAAA,oBAAoB,IAAI,GAAE;AAG/B,MAAM,gBAAoB,MACxBrB,2BAAAA;AAAAA,EAACI,MAAAA,mBAAmB;AAAA,EAAnB;AAAA,IACC,UAAS;AAAA,IACT,WAAWL,OAAAA;AAAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAGF,UAAA;AAAA,MAAAD,2BAAAA,IAAC,kBAAA,EAAiB;AAAA,qCACjB,kBAAA,CAAA,CAAiB;AAAA,IAAA;AAAA,EAAA;AACpB;AAGK,MAAM,cAAkB,MAAM;AAInC,QAAM,oBAAoBU,MAAAA;AAAAA,IAAY,CAAC,MAAA;;AACrCc,+BAAAA,yBAAyB,EAAE,WAAW,EAAE,QAAQ,IAAI,SAAQ,OAAE,QAAQ,aAAV,mBAAoB,QAAQ;AAAA;AAAA,EAAA;AAE1F,MAAI,mBAAmB;AACrB,WACExB,2BAAAA,IAACyB,MAAAA,iBAAiB,MAAjB,EAAsB,qBAAkB,QAAO,WAAU,QACxD,UAAAzB,2BAAAA,IAAC0B,oBAAAA,wBAAA,CAAA,CAAuB,EAAA,CAC1B;AAAA,EAEJ;AACA,SACE1B,2BAAAA;AAAAA,IAACyB,MAAAA,iBAAiB;AAAA,IAAjB;AAAA,MACC,qBAAkB;AAAA,MAClB,WAAU;AAAA,MAEV,UAAAvB,2BAAAA,KAAC,OAAA,EAAI,WAAU,6CACb,UAAA;AAAA,QAAAF,2BAAAA,IAAC,OAAA,EAAI,WAAU,0EACb,UAAAA,2BAAAA,IAACyB,MAAAA,iBAAiB,SAAjB,EAAyB,YAAY,EAAE,MAAM,gBAAA,EAAgB,CAAG,EAAA,CACnE;AAAA,QACAvB,2BAAAA,KAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,UAAAF,2BAAAA,IAAC,cAAA,EAAa;AAAA,yCACb,eAAA,CAAA,CAAc;AAAA,QAAA,EAAA,CACjB;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAuBO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AACF,GAAsC;AACpC,QAAM,qBAAyB,MAAM;AAGnC,UAAM,SAASU,MAAAA,YAAY,CAAC,MAAM,EAAE,QAAQ,MAAM;AAClD,WACER,2BAAAA;AAAAA,MAACI,MAAAA,mBAAmB;AAAA,MAAnB;AAAA,QACC,UAAS;AAAA,QACT,WAAWL,OAAAA;AAAAA,UACT;AAAA,UACA,CAAC,UAAU;AAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QAGF,UAAA;AAAA,UAAAD,2BAAAA,IAAC,kBAAA,EAAiB;AAAA,yCACjB,wBAAA,EAAuB;AAAA,UACvB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAOA,QAAM,gBAAqD,CAAC,EAAE,gBAAgB;AAM5E,UAAM,UAAUU,MAAAA,YAAY,CAAC,MAAM,EAAE,OAAO;AAC5C,UAAM,UAAUiB,QAAAA,QAAQ,MAAMC,gBAAAA,qCAAqC,OAAO,GAAG,CAAC,OAAO,CAAC;AACtF,QAAI,CAAC,WAAW,QAAQ,OAAQ,QAAO;AACvC,QAAI,cAAc,SAAS,CAAC,QAAQ,oBAAqB,QAAO;AAChE,QAAI,cAAc,YAAY,QAAQ,uBAAuB,QAAQ,SAAS,WAAW;AACvF,aAAO;AAAA,IACT;AACA,WAAO5B,2BAAAA,IAAC6B,eAAAA,oBAAA,EAAmB,SAAS,SAAS,QAAQ,sBAAsB;AAAA,EAC7E;AAEA,QAAM,mBAAuB,MAAM;AAGjC,UAAM,cAAcnB,MAAAA;AAAAA,MAAY,CAAC,UAC/BoB,iBAAAA,kBAAkB,MAAM,QAAQ,OAAO;AAAA,IAAA;AAGzC,UAAM,kBAAkBpB,MAAAA,YAAY,CAAC,MAAMqB,gBAAAA,2BAA2B,EAAE,OAAO,CAAC;AAChF,UAAM,oBAAoBrB,MAAAA;AAAAA,MACxB,CAAC,MAAA;;AAAMkB,sCAAAA,qCAAqC,EAAE,OAAO,MAA9CA,mBAAiD,YAAW;AAAA;AAAA,IAAA;AAGrE,QAAI,mBAAmB,oBAAoB,WAAW;AACpD,UAAI,kBAAmB,QAAO;AAC9B,aACE5B,2BAAAA;AAAAA,QAACyB,MAAAA,iBAAiB;AAAA,QAAjB;AAAA,UACC,qBAAkB;AAAA,UAClB,WAAU;AAAA,UAEV,UAAAzB,2BAAAA,IAAC,SAAI,WAAU,eACb,yCAAC,eAAA,EAAc,WAAU,OAAM,EAAA,CACjC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN;AAEA,WACEA,2BAAAA;AAAAA,MAACyB,MAAAA,iBAAiB;AAAA,MAAjB;AAAA,QACC,qBAAkB;AAAA,QAClB,WAAU;AAAA,QAEV,UAAAvB,2BAAAA,KAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,UAAAF,2BAAAA,IAAC,eAAA,EAAc,WAAU,SAAA,CAAS;AAAA,UACjC,UACCA,2BAAAA,IAAC,SAAA,CAAA,CAAQ,IAETA,2BAAAA;AAAAA,YAACyB,MAAAA,iBAAiB;AAAA,YAAjB;AAAA,cACC,YAAY;AAAA,gBACV,MAAM;AAAA,gBACN,OAAO,EAAE,UAAU,aAAA;AAAA,cAAa;AAAA,YAClC;AAAA,UAAA;AAAA,UAGH,cACCvB,2BAAAA,KAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,YAAAF,2BAAAA,IAAC,cAAA,EAAa;AAAA,2CACb,oBAAA,CAAA,CAAmB;AAAA,UAAA,EAAA,CACtB,IACE;AAAA,QAAA,EAAA,CACN;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAEA,SAAO;AACT;AAGO,MAAM,qBACX;AACK,MAAM,sBACX;AACK,MAAM,8BACX;AAEK,MAAM,2BACX;AACK,MAAM,2BAA2B;AAGjC,MAAM,sBAAsB;AAC5B,MAAM,yBACX;AACK,MAAM,4BAA4B;AAClC,MAAM,yBACX;AACK,MAAM,gCACX;AAEF,MAAM,mBAAuB,MAC3BA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAU;AAAA,IACV,SAAQ;AAAA,IACR,MAAK;AAAA,IAEL,UAAAA,2BAAAA,IAAC,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,GAAE,KAAI,GAAE,KAAI,IAAG,IAAA,CAAI;AAAA,EAAA;AAClD;AAiBK,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AACV,MACEA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,WAAWC,OAAAA;AAAAA,MACT;AAAA,MACA,YAAY;AAAA,IAAA;AAAA,IAGd,yCAAC,kBAAA,CAAA,CAAiB;AAAA,EAAA;AACpB;AAGK,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,MACED,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA,OAAO,UAAU,WAAW,UAAU,kBAAkB;AAAA,IACxD,WAAWC,OAAAA;AAAAA,MACT;AAAA,MACA,WACI,iEACA;AAAA,IAAA;AAAA,IAGL,UAAA,WAAW,UACVD,2BAAAA,IAACgC,YAAAA,cAAA,EAAa,WAAU,UAAS,IAEjChC,2BAAAA,IAACiC,YAAAA,aAAA,EAAY,WAAU,SAAA,CAAS;AAAA,EAAA;AAEpC;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"message-components.cjs","sources":["../../../src/chat-ui/messages/message-components.tsx"],"sourcesContent":["import {\n  ActionBarPrimitive,\n  AuiIf,\n  BranchPickerPrimitive,\n  MessagePrimitive,\n  useAuiState,\n  useMessagePartText,\n  useSmooth,\n  type ToolCallMessagePartComponent,\n} from \"@assistant-ui/react\";\nimport {\n  hideUnterminatedMarkdownLink,\n  isVoiceDelegationMessage,\n  readRuntimeMessageFromSourceMessages,\n  readSoleRuntimeMessageKind,\n} from \"@athenaintel/agent-runtime\";\nimport \"@assistant-ui/react-markdown/styles/dot.css\";\nimport {\n  ArrowUpIcon,\n  CheckIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  CopyIcon,\n  ListPlusIcon,\n  PencilIcon,\n  RefreshCwIcon,\n} from \"lucide-react\";\nimport {\n  type ButtonHTMLAttributes,\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\";\n\nexport function IconButton({\n  children,\n  tooltip,\n  className,\n  ...props\n}: ButtonHTMLAttributes<HTMLButtonElement> & { tooltip: string }) {\n  return (\n    <button\n      type=\"button\"\n      title={tooltip}\n      aria-label={tooltip}\n      className={cn(\n        \"inline-flex size-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function SmallIconButton({\n  children,\n  tooltip,\n  className,\n  ...props\n}: ButtonHTMLAttributes<HTMLButtonElement> & { tooltip: string }) {\n  return (\n    <button\n      type=\"button\"\n      title={tooltip}\n      aria-label={tooltip}\n      className={cn(\n        \"inline-flex size-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\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.\n */\nconst EditActionButton: FC = () => {\n  const allowEdit = useAuiState((s) => s.thread.capabilities.edit);\n  const isRunning = useAthenaRunLive();\n  const readOnly = useMessageActionsReadOnly();\n  if (!allowEdit || isRunning || readOnly) return null;\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 */\nconst 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\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 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 (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: MarkdownText }} />\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/** Panel chrome: the thread card and the header row that sits inside it. */\nexport const THREAD_PANEL_CLASS =\n  \"m-1 flex min-h-0 flex-1 flex-col overflow-hidden rounded-[18px] border border-dashed border-amber-500 bg-background shadow-[0_1px_10px_rgba(54,45,33,0.08)]\";\nexport const THREAD_HEADER_CLASS =\n  \"flex items-center justify-between gap-2 px-3 py-2\";\nexport const THREAD_HEADER_ACTIONS_CLASS =\n  \"flex min-w-0 items-center justify-end gap-1.5\";\n/** Pill used for the header's leading control (agent picker, host label). */\nexport const THREAD_HEADER_PILL_CLASS =\n  \"inline-flex h-7 max-w-[170px] items-center gap-1.5 rounded-md border border-neutral-200 bg-white px-2 text-xs font-medium text-neutral-800 shadow-sm\";\nexport const THREAD_HEADER_ICON_CLASS = \"size-[18px]\";\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\";\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":["jsx","cn","jsxs","BranchPickerPrimitive","ChevronLeftIcon","ChevronRightIcon","ActionBarPrimitive","AuiIf","CheckIcon","CopyIcon","useAuiState","useAthenaRunLive","useMessageActionsReadOnly","PencilIcon","RefreshCwIcon","useSmooth","useMessagePartText","hideUnterminatedMarkdownLink","ChatMessageBody","isVoiceDelegationMessage","MessagePrimitive","VoiceDelegationMessage","useMemo","readRuntimeMessageFromSourceMessages","RuntimeMessageCard","hasVisibleContent","readSoleRuntimeMessageKind","ListPlusIcon","ArrowUpIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkE;AAChE,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO;AAAA,MACP,cAAY;AAAA,MACZ,WAAWC,OAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkE;AAChE,SACED,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO;AAAA,MACP,cAAY;AAAA,MACZ,WAAWC,OAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,MAAM,eAAmB,MAC9BC,2BAAAA;AAAAA,EAACC,MAAAA,sBAAsB;AAAA,EAAtB;AAAA,IACC,sBAAoB;AAAA,IACpB,WAAU;AAAA,IACV,eAAY;AAAA,IAEZ,UAAA;AAAA,MAAAH,2BAAAA,IAACG,MAAAA,sBAAsB,UAAtB,EAA+B,SAAO,MACrC,UAAAH,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,eAAY;AAAA,UAEZ,UAAAA,2BAAAA,IAACI,YAAAA,iBAAA,EAAgB,WAAU,SAAA,CAAS;AAAA,QAAA;AAAA,MAAA,GAExC;AAAA,MACAF,2BAAAA,KAAC,QAAA,EAAK,WAAU,eAAc,eAAY,qBACxC,UAAA;AAAA,QAAAF,+BAACG,MAAAA,sBAAsB,QAAtB,EAA6B;AAAA,QAAE;AAAA,QAAGH,+BAACG,MAAAA,sBAAsB,OAAtB,CAAA,CAA4B;AAAA,MAAA,GAClE;AAAA,qCACCA,MAAAA,sBAAsB,MAAtB,EAA2B,SAAO,MACjC,UAAAH,2BAAAA,IAAC,iBAAA,EAAgB,SAAQ,eAAc,eAAY,oBACjD,UAAAA,+BAACK,YAAAA,oBAAiB,WAAU,UAAS,GACvC,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AACF;AAGF,MAAM,mBAAuB,MAC3BL,2BAAAA,IAACM,MAAAA,mBAAmB,MAAnB,EAAwB,SAAO,MAC9B,UAAAJ,2BAAAA,KAAC,iBAAA,EAAgB,SAAQ,QACvB,UAAA;AAAA,EAAAF,2BAAAA,IAACO,MAAAA,OAAA,EAAM,WAAW,CAAC,UAAU,MAAM,QAAQ,UACzC,UAAAP,2BAAAA,IAACQ,YAAAA,WAAA,EAAU,WAAU,SAAA,CAAS,GAChC;AAAA,EACAR,2BAAAA,IAACO,MAAAA,OAAA,EAAM,WAAW,CAAC,UAAU,CAAC,MAAM,QAAQ,UAC1C,UAAAP,2BAAAA,IAACS,YAAAA,UAAA,EAAS,WAAU,UAAS,EAAA,CAC/B;AAAA,EAAA,CACF,EAAA,CACF;AAWF,MAAM,mBAAuB,MAAM;AACjC,QAAM,YAAYC,MAAAA,YAAY,CAAC,MAAM,EAAE,OAAO,aAAa,IAAI;AAC/D,QAAM,YAAYC,iBAAAA,iBAAA;AAClB,QAAM,WAAWC,qBAAAA,0BAAA;AACjB,MAAI,CAAC,aAAa,aAAa,SAAU,QAAO;AAChD,wCACGN,yBAAmB,MAAnB,EAAwB,SAAO,MAC9B,UAAAN,2BAAAA,IAAC,iBAAA,EAAgB,SAAQ,QAAO,eAAY,qBAC1C,UAAAA,+BAACa,YAAAA,cAAW,WAAU,SAAA,CAAS,GACjC,GACF;AAEJ;AAGA,MAAM,yBAA6B,MAAM;AACvC,QAAM,WAAWD,qBAAAA,0BAAA;AACjB,MAAI,SAAU,QAAO;AACrB,SACEZ,2BAAAA,IAACM,MAAAA,mBAAmB,QAAnB,EAA0B,SAAO,MAChC,UAAAN,2BAAAA,IAAC,iBAAA,EAAgB,SAAQ,cACvB,UAAAA,2BAAAA,IAACc,YAAAA,eAAA,EAAc,WAAU,SAAA,CAAS,GACpC,GACF;AAEJ;AAQA,MAAM,0BACJ;AAGK,MAAM,eAAmB,MAAM;AACpC,QAAM,WAAWC,MAAAA,UAAUC,MAAAA,mBAAA,GAAsB,IAAI;AACrD,QAAM,YAAY,SAAS,OAAO,SAAS;AAC3C,QAAM,OAAO,YAAYC,kBAAAA,6BAA6B,SAAS,IAAI,IAAI,SAAS;AAChF,SAAOjB,2BAAAA,IAACkB,gBAAAA,iBAAA,EAAgB,MAAY,UAAA,CAAsB;AAC5D;AAEA,MAAM,gBAAoB,MACxBhB,2BAAAA;AAAAA,EAACI,MAAAA,mBAAmB;AAAA,EAAnB;AAAA,IACC,UAAS;AAAA,IACT,WAAWL,OAAAA;AAAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAGF,UAAA;AAAA,MAAAD,2BAAAA,IAAC,kBAAA,EAAiB;AAAA,qCACjB,kBAAA,CAAA,CAAiB;AAAA,IAAA;AAAA,EAAA;AACpB;AAGK,MAAM,cAAkB,MAAM;AAInC,QAAM,oBAAoBU,MAAAA;AAAAA,IAAY,CAAC,MAAA;;AACrCS,+BAAAA,yBAAyB,EAAE,WAAW,EAAE,QAAQ,IAAI,SAAQ,OAAE,QAAQ,aAAV,mBAAoB,QAAQ;AAAA;AAAA,EAAA;AAE1F,MAAI,mBAAmB;AACrB,WACEnB,2BAAAA,IAACoB,MAAAA,iBAAiB,MAAjB,EAAsB,qBAAkB,QAAO,WAAU,QACxD,UAAApB,2BAAAA,IAACqB,oBAAAA,wBAAA,CAAA,CAAuB,EAAA,CAC1B;AAAA,EAEJ;AACA,SACErB,2BAAAA;AAAAA,IAACoB,MAAAA,iBAAiB;AAAA,IAAjB;AAAA,MACC,qBAAkB;AAAA,MAClB,WAAU;AAAA,MAEV,UAAAlB,2BAAAA,KAAC,OAAA,EAAI,WAAU,qDACb,UAAA;AAAA,QAAAF,2BAAAA,IAAC,OAAA,EAAI,WAAU,6FACb,UAAAA,2BAAAA,IAACoB,MAAAA,iBAAiB,SAAjB,EAAyB,YAAY,EAAE,MAAM,aAAA,EAAa,CAAG,EAAA,CAChE;AAAA,QACAlB,2BAAAA,KAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,UAAAF,2BAAAA,IAAC,cAAA,EAAa;AAAA,yCACb,eAAA,CAAA,CAAc;AAAA,QAAA,EAAA,CACjB;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAuBO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AACF,GAAsC;AACpC,QAAM,qBAAyB,MAAM;AAGnC,UAAM,SAASU,MAAAA,YAAY,CAAC,MAAM,EAAE,QAAQ,MAAM;AAClD,WACER,2BAAAA;AAAAA,MAACI,MAAAA,mBAAmB;AAAA,MAAnB;AAAA,QACC,UAAS;AAAA,QACT,WAAWL,OAAAA;AAAAA,UACT;AAAA,UACA,CAAC,UAAU;AAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QAGF,UAAA;AAAA,UAAAD,2BAAAA,IAAC,kBAAA,EAAiB;AAAA,yCACjB,wBAAA,EAAuB;AAAA,UACvB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAOA,QAAM,gBAAqD,CAAC,EAAE,gBAAgB;AAM5E,UAAM,UAAUU,MAAAA,YAAY,CAAC,MAAM,EAAE,OAAO;AAC5C,UAAM,UAAUY,QAAAA,QAAQ,MAAMC,gBAAAA,qCAAqC,OAAO,GAAG,CAAC,OAAO,CAAC;AACtF,QAAI,CAAC,WAAW,QAAQ,OAAQ,QAAO;AACvC,QAAI,cAAc,SAAS,CAAC,QAAQ,oBAAqB,QAAO;AAChE,QAAI,cAAc,YAAY,QAAQ,uBAAuB,QAAQ,SAAS,WAAW;AACvF,aAAO;AAAA,IACT;AACA,WAAOvB,2BAAAA,IAACwB,eAAAA,oBAAA,EAAmB,SAAS,SAAS,QAAQ,sBAAsB;AAAA,EAC7E;AAEA,QAAM,mBAAuB,MAAM;AAGjC,UAAM,cAAcd,MAAAA;AAAAA,MAAY,CAAC,UAC/Be,iBAAAA,kBAAkB,MAAM,QAAQ,OAAO;AAAA,IAAA;AAGzC,UAAM,kBAAkBf,MAAAA,YAAY,CAAC,MAAMgB,gBAAAA,2BAA2B,EAAE,OAAO,CAAC;AAChF,UAAM,oBAAoBhB,MAAAA;AAAAA,MACxB,CAAC,MAAA;;AAAMa,sCAAAA,qCAAqC,EAAE,OAAO,MAA9CA,mBAAiD,YAAW;AAAA;AAAA,IAAA;AAGrE,QAAI,mBAAmB,oBAAoB,WAAW;AACpD,UAAI,kBAAmB,QAAO;AAC9B,aACEvB,2BAAAA;AAAAA,QAACoB,MAAAA,iBAAiB;AAAA,QAAjB;AAAA,UACC,qBAAkB;AAAA,UAClB,WAAU;AAAA,UAEV,UAAApB,2BAAAA,IAAC,SAAI,WAAU,eACb,yCAAC,eAAA,EAAc,WAAU,OAAM,EAAA,CACjC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN;AAEA,WACEA,2BAAAA;AAAAA,MAACoB,MAAAA,iBAAiB;AAAA,MAAjB;AAAA,QACC,qBAAkB;AAAA,QAClB,WAAU;AAAA,QAEV,UAAAlB,2BAAAA,KAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,UAAAF,2BAAAA,IAAC,eAAA,EAAc,WAAU,SAAA,CAAS;AAAA,UACjC,UACCA,2BAAAA,IAAC,SAAA,CAAA,CAAQ,IAETA,2BAAAA;AAAAA,YAACoB,MAAAA,iBAAiB;AAAA,YAAjB;AAAA,cACC,YAAY;AAAA,gBACV,MAAM;AAAA,gBACN,OAAO,EAAE,UAAU,aAAA;AAAA,cAAa;AAAA,YAClC;AAAA,UAAA;AAAA,UAGH,cACClB,2BAAAA,KAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,YAAAF,2BAAAA,IAAC,cAAA,EAAa;AAAA,2CACb,oBAAA,CAAA,CAAmB;AAAA,UAAA,EAAA,CACtB,IACE;AAAA,QAAA,EAAA,CACN;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAEA,SAAO;AACT;AAGO,MAAM,qBACX;AACK,MAAM,sBACX;AACK,MAAM,8BACX;AAEK,MAAM,2BACX;AACK,MAAM,2BAA2B;AAGjC,MAAM,sBAAsB;AAC5B,MAAM,yBACX;AACK,MAAM,4BAA4B;AAClC,MAAM,yBACX;AACK,MAAM,gCACX;AAEF,MAAM,mBAAuB,MAC3BA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAU;AAAA,IACV,SAAQ;AAAA,IACR,MAAK;AAAA,IAEL,UAAAA,2BAAAA,IAAC,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,GAAE,KAAI,GAAE,KAAI,IAAG,IAAA,CAAI;AAAA,EAAA;AAClD;AAiBK,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AACV,MACEA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,WAAWC,OAAAA;AAAAA,MACT;AAAA,MACA,YAAY;AAAA,IAAA;AAAA,IAGd,yCAAC,kBAAA,CAAA,CAAiB;AAAA,EAAA;AACpB;AAGK,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,MACED,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA,OAAO,UAAU,WAAW,UAAU,kBAAkB;AAAA,IACxD,WAAWC,OAAAA;AAAAA,MACT;AAAA,MACA,WACI,iEACA;AAAA,IAAA;AAAA,IAGL,UAAA,WAAW,UACVD,2BAAAA,IAAC2B,YAAAA,cAAA,EAAa,WAAU,UAAS,IAEjC3B,2BAAAA,IAAC4B,YAAAA,aAAA,EAAY,WAAU,SAAA,CAAS;AAAA,EAAA;AAEpC;;;;;;;;;;;;;;;;;;;"}

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

@@ -9,19 +9,7 @@ export declare function SmallIconButton({ children, tooltip, className, ...props
     tooltip: string;
 }): import("react/jsx-runtime").JSX.Element;
 export declare const BranchPicker: FC;
-/**
- * Assistant markdown with Athena mention chips and fenced code blocks.
- *
- * The typewriter reveal runs here, over the part's own text, and the hold for
- * a link the stream has not finished (`hideUnterminatedMarkdownLink`) runs on
- * the revealed text — not in the primitive's `preprocess`, which the primitive
- * applies BEFORE its own reveal: a hold there would still let the reveal type
- * out every character of a completed mention's URL before the chip could
- * replace it. The held text reaches the primitive through its own part
- * provider, carrying the reveal's running state, so the primitive itself
- * smooths nothing, and hosts that wrap `MarkdownText` in a
- * `TextMessagePartProvider` of their own keep working unchanged.
- */
+/** Shared chat body; the reveal holds incomplete links until their URL is complete. */
 export declare const MarkdownText: FC;
 export declare const UserMessage: FC;
 export interface CreateAssistantMessageOptions {

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

@@ -1,5 +1,5 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { BranchPickerPrimitive, useSmooth, useMessagePartText, TextMessagePartProvider, useAuiState, MessagePrimitive, ActionBarPrimitive, AuiIf } from "@assistant-ui/react";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { BranchPickerPrimitive, useSmooth, useMessagePartText, useAuiState, MessagePrimitive, ActionBarPrimitive, AuiIf } from "@assistant-ui/react";
 import "../../packages/agent-runtime/src/generated/runconfig-contract.js";
 import { useMemo } from "react";
 import "@assistant-ui/tap";
@@ -11,17 +11,16 @@ import "../../packages/agent-runtime/src/messages.js";
 import "@assistant-ui/react-statewire";
 import "@assistant-ui/store";
 import { hideUnterminatedMarkdownLink } from "../../packages/agent-runtime/src/streaming-markdown.js";
-import "@assistant-ui/react-statewire/local-storage";
+import "../../packages/agent-runtime/src/quota-safe-local-storage-session.js";
 import "../../packages/agent-runtime/src/statewire-attach-observer.js";
 import "../../packages/agent-runtime/src/thread-status.js";
 import { isVoiceDelegationMessage } from "../../packages/agent-runtime/src/voice-presentation.js";
 import { readSoleRuntimeMessageKind, readRuntimeMessageFromSourceMessages } from "../../packages/agent-runtime/src/runtime-messages.js";
-import { MarkdownTextPrimitive } from "@assistant-ui/react-markdown";
+import "../../packages/agent-runtime/src/thread-handoff.js";
 import "@assistant-ui/react-markdown/styles/dot.css";
 import { ChevronLeftIcon, ChevronRightIcon, ListPlusIcon, ArrowUpIcon, CheckIcon, CopyIcon, PencilIcon, RefreshCwIcon } from "lucide-react";
-import remarkGfm from "remark-gfm";
 import { useAthenaRunLive } from "../../chat/use-athena-run-live.js";
-import { MentionLink, normalizeAthenaMentionHtml, parseMentionsInText } from "../mentions/mention-chip.js";
+import { ChatMessageBody } from "../rich-text/chat-message-body.js";
 import { useMessageActionsReadOnly } from "./message-actions-config.js";
 import { RuntimeMessageCard } from "./runtime-message.js";
 import { hasVisibleContent } from "./running-indicator.js";
@@ -110,34 +109,12 @@ const RegenerateActionButton = () => {
   return /* @__PURE__ */ jsx(ActionBarPrimitive.Reload, { asChild: true, children: /* @__PURE__ */ jsx(SmallIconButton, { tooltip: "Regenerate", children: /* @__PURE__ */ jsx(RefreshCwIcon, { className: "size-3" }) }) });
 };
 const ACTION_BAR_REVEAL_CLASS = "pointer-events-none opacity-0 transition-opacity focus-within:pointer-events-auto focus-within:opacity-100";
-function CodeBlock({ language, code }) {
-  return /* @__PURE__ */ jsxs("div", { className: "not-prose my-2 overflow-hidden rounded-lg border border-border bg-muted/30", children: [
-    language && /* @__PURE__ */ jsx("div", { className: "border-b border-border bg-muted/50 px-3 py-1 text-[10px] font-medium text-muted-foreground", children: language }),
-    /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto p-3", children: /* @__PURE__ */ jsx("code", { className: "font-mono text-xs leading-relaxed text-foreground", children: code }) })
-  ] });
-}
-const MARKDOWN_CLASS = "aui-md prose prose-sm max-w-none text-foreground prose-p:my-1.5 prose-p:leading-relaxed prose-headings:mt-3 prose-headings:mb-1.5 prose-headings:font-semibold prose-h1:text-sm prose-h2:text-sm prose-h3:text-xs prose-ul:my-1.5 prose-ol:my-1.5 prose-li:my-0.5 prose-blockquote:border-l-2 prose-blockquote:border-border prose-blockquote:text-muted-foreground prose-code:rounded prose-code:bg-muted prose-code:px-1 prose-code:py-0.5 prose-code:text-xs prose-code:font-mono prose-code:before:content-none prose-code:after:content-none prose-pre:my-0 prose-pre:p-0 prose-pre:bg-transparent prose-pre:border-0 prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-strong:font-semibold prose-hr:border-border";
-const MARKDOWN_REMARK_PLUGINS = [remarkGfm];
-const MARKDOWN_COMPONENTS = {
-  SyntaxHighlighter: CodeBlock,
-  a: MentionLink
-};
 const MarkdownText = () => {
   const revealed = useSmooth(useMessagePartText(), true);
   const isRunning = revealed.status.type === "running";
   const text = isRunning ? hideUnterminatedMarkdownLink(revealed.text) : revealed.text;
-  return /* @__PURE__ */ jsx(TextMessagePartProvider, { text, isRunning, children: /* @__PURE__ */ jsx(
-    MarkdownTextPrimitive,
-    {
-      className: MARKDOWN_CLASS,
-      remarkPlugins: MARKDOWN_REMARK_PLUGINS,
-      smooth: false,
-      preprocess: normalizeAthenaMentionHtml,
-      components: MARKDOWN_COMPONENTS
-    }
-  ) });
+  return /* @__PURE__ */ jsx(ChatMessageBody, { text, isRunning });
 };
-const UserMessageText = ({ text }) => /* @__PURE__ */ jsx(Fragment, { children: parseMentionsInText(text) });
 const UserActionBar = () => /* @__PURE__ */ jsxs(
   ActionBarPrimitive.Root,
   {
@@ -168,8 +145,8 @@ const UserMessage = () => {
     {
       "data-message-role": "user",
       className: "group/user-message mb-3 flex justify-end",
-      children: /* @__PURE__ */ jsxs("div", { className: "flex max-w-[85%] flex-col items-end gap-1", children: [
-        /* @__PURE__ */ jsx("div", { className: "rounded-2xl rounded-br-md bg-muted px-3.5 py-2 text-sm text-foreground", children: /* @__PURE__ */ jsx(MessagePrimitive.Content, { components: { Text: UserMessageText } }) }),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 max-w-[85%] flex-col items-end gap-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 max-w-full rounded-2xl rounded-br-md bg-muted px-3.5 py-2 text-sm text-foreground", children: /* @__PURE__ */ jsx(MessagePrimitive.Content, { components: { Text: MarkdownText } }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex min-h-6 items-center gap-1", children: [
           /* @__PURE__ */ jsx(BranchPicker, {}),
           /* @__PURE__ */ jsx(UserActionBar, {})

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  TextMessagePartProvider,\n  useAuiState,\n  useMessagePartText,\n  useSmooth,\n  type ToolCallMessagePartComponent,\n} from \"@assistant-ui/react\";\nimport {\n  hideUnterminatedMarkdownLink,\n  isVoiceDelegationMessage,\n  readRuntimeMessageFromSourceMessages,\n  readSoleRuntimeMessageKind,\n} from \"@athenaintel/agent-runtime\";\nimport { MarkdownTextPrimitive } from \"@assistant-ui/react-markdown\";\nimport \"@assistant-ui/react-markdown/styles/dot.css\";\nimport {\n  ArrowUpIcon,\n  CheckIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  CopyIcon,\n  ListPlusIcon,\n  PencilIcon,\n  RefreshCwIcon,\n} from \"lucide-react\";\nimport {\n  type ButtonHTMLAttributes,\n  type ComponentProps,\n  type ComponentType,\n  type FC,\n  type ReactNode,\n  useMemo,\n} from \"react\";\nimport remarkGfm from \"remark-gfm\";\nimport { useAthenaRunLive } from \"../../chat/use-athena-run-live\";\nimport type { ComposerAction } from \"../composer/composer-action\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  MentionLink,\n  normalizeAthenaMentionHtml,\n  parseMentionsInText,\n} from \"../mentions/mention-chip\";\nimport { useMessageActionsReadOnly } from \"./message-actions-config\";\nimport { RuntimeMessageCard } from \"./runtime-message\";\nimport { hasVisibleContent } from \"./running-indicator\";\nimport { VoiceDelegationMessage } from \"./voice-delegation-card\";\n\nexport function IconButton({\n  children,\n  tooltip,\n  className,\n  ...props\n}: ButtonHTMLAttributes<HTMLButtonElement> & { tooltip: string }) {\n  return (\n    <button\n      type=\"button\"\n      title={tooltip}\n      aria-label={tooltip}\n      className={cn(\n        \"inline-flex size-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function SmallIconButton({\n  children,\n  tooltip,\n  className,\n  ...props\n}: ButtonHTMLAttributes<HTMLButtonElement> & { tooltip: string }) {\n  return (\n    <button\n      type=\"button\"\n      title={tooltip}\n      aria-label={tooltip}\n      className={cn(\n        \"inline-flex size-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\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.\n */\nconst EditActionButton: FC = () => {\n  const allowEdit = useAuiState((s) => s.thread.capabilities.edit);\n  const isRunning = useAthenaRunLive();\n  const readOnly = useMessageActionsReadOnly();\n  if (!allowEdit || isRunning || readOnly) return null;\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 */\nconst ACTION_BAR_REVEAL_CLASS =\n  \"pointer-events-none opacity-0 transition-opacity focus-within:pointer-events-auto focus-within:opacity-100\";\n\nfunction CodeBlock({ language, code }: { language: string; code: string }) {\n  return (\n    <div className=\"not-prose my-2 overflow-hidden rounded-lg border border-border bg-muted/30\">\n      {language && (\n        <div className=\"border-b border-border bg-muted/50 px-3 py-1 text-[10px] font-medium text-muted-foreground\">\n          {language}\n        </div>\n      )}\n      <pre className=\"overflow-x-auto p-3\">\n        <code className=\"font-mono text-xs leading-relaxed text-foreground\">\n          {code}\n        </code>\n      </pre>\n    </div>\n  );\n}\n\nconst MARKDOWN_CLASS =\n  \"aui-md prose prose-sm max-w-none text-foreground prose-p:my-1.5 prose-p:leading-relaxed prose-headings:mt-3 prose-headings:mb-1.5 prose-headings:font-semibold prose-h1:text-sm prose-h2:text-sm prose-h3:text-xs prose-ul:my-1.5 prose-ol:my-1.5 prose-li:my-0.5 prose-blockquote:border-l-2 prose-blockquote:border-border prose-blockquote:text-muted-foreground prose-code:rounded prose-code:bg-muted prose-code:px-1 prose-code:py-0.5 prose-code:text-xs prose-code:font-mono prose-code:before:content-none prose-code:after:content-none prose-pre:my-0 prose-pre:p-0 prose-pre:bg-transparent prose-pre:border-0 prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-strong:font-semibold prose-hr:border-border\";\n\n// Module-level so the primitive's pipeline is not rebuilt on every reveal frame.\nconst MARKDOWN_REMARK_PLUGINS = [remarkGfm];\nconst MARKDOWN_COMPONENTS: NonNullable<\n  ComponentProps<typeof MarkdownTextPrimitive>[\"components\"]\n> = {\n  SyntaxHighlighter: CodeBlock,\n  a: MentionLink as ComponentType<{ href?: string; children?: ReactNode }>,\n};\n\n/**\n * Assistant markdown with Athena mention chips and fenced code blocks.\n *\n * The typewriter reveal runs here, over the part's own text, and the hold for\n * a link the stream has not finished (`hideUnterminatedMarkdownLink`) runs on\n * the revealed text — not in the primitive's `preprocess`, which the primitive\n * applies BEFORE its own reveal: a hold there would still let the reveal type\n * out every character of a completed mention's URL before the chip could\n * replace it. The held text reaches the primitive through its own part\n * provider, carrying the reveal's running state, so the primitive itself\n * smooths nothing, and hosts that wrap `MarkdownText` in a\n * `TextMessagePartProvider` of their own keep working unchanged.\n */\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 (\n    <TextMessagePartProvider text={text} isRunning={isRunning}>\n      <MarkdownTextPrimitive\n        className={MARKDOWN_CLASS}\n        remarkPlugins={MARKDOWN_REMARK_PLUGINS}\n        smooth={false}\n        preprocess={normalizeAthenaMentionHtml}\n        components={MARKDOWN_COMPONENTS}\n      />\n    </TextMessagePartProvider>\n  );\n};\n\nconst UserMessageText: FC<{ text: string }> = ({ text }) => (\n  <>{parseMentionsInText(text)}</>\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 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 (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 max-w-[85%] flex-col items-end gap-1\">\n        <div className=\"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/** Panel chrome: the thread card and the header row that sits inside it. */\nexport const THREAD_PANEL_CLASS =\n  \"m-1 flex min-h-0 flex-1 flex-col overflow-hidden rounded-[18px] border border-dashed border-amber-500 bg-background shadow-[0_1px_10px_rgba(54,45,33,0.08)]\";\nexport const THREAD_HEADER_CLASS =\n  \"flex items-center justify-between gap-2 px-3 py-2\";\nexport const THREAD_HEADER_ACTIONS_CLASS =\n  \"flex min-w-0 items-center justify-end gap-1.5\";\n/** Pill used for the header's leading control (agent picker, host label). */\nexport const THREAD_HEADER_PILL_CLASS =\n  \"inline-flex h-7 max-w-[170px] items-center gap-1.5 rounded-md border border-neutral-200 bg-white px-2 text-xs font-medium text-neutral-800 shadow-sm\";\nexport const THREAD_HEADER_ICON_CLASS = \"size-[18px]\";\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\";\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkE;AAChE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO;AAAA,MACP,cAAY;AAAA,MACZ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkE;AAChE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO;AAAA,MACP,cAAY;AAAA,MACZ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,MAAM,eAAmB,MAC9B;AAAA,EAAC,sBAAsB;AAAA,EAAtB;AAAA,IACC,sBAAoB;AAAA,IACpB,WAAU;AAAA,IACV,eAAY;AAAA,IAEZ,UAAA;AAAA,MAAA,oBAAC,sBAAsB,UAAtB,EAA+B,SAAO,MACrC,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,eAAY;AAAA,UAEZ,UAAA,oBAAC,iBAAA,EAAgB,WAAU,SAAA,CAAS;AAAA,QAAA;AAAA,MAAA,GAExC;AAAA,MACA,qBAAC,QAAA,EAAK,WAAU,eAAc,eAAY,qBACxC,UAAA;AAAA,QAAA,oBAAC,sBAAsB,QAAtB,EAA6B;AAAA,QAAE;AAAA,QAAG,oBAAC,sBAAsB,OAAtB,CAAA,CAA4B;AAAA,MAAA,GAClE;AAAA,0BACC,sBAAsB,MAAtB,EAA2B,SAAO,MACjC,UAAA,oBAAC,iBAAA,EAAgB,SAAQ,eAAc,eAAY,oBACjD,UAAA,oBAAC,oBAAiB,WAAU,UAAS,GACvC,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AACF;AAGF,MAAM,mBAAuB,MAC3B,oBAAC,mBAAmB,MAAnB,EAAwB,SAAO,MAC9B,UAAA,qBAAC,iBAAA,EAAgB,SAAQ,QACvB,UAAA;AAAA,EAAA,oBAAC,OAAA,EAAM,WAAW,CAAC,UAAU,MAAM,QAAQ,UACzC,UAAA,oBAAC,WAAA,EAAU,WAAU,SAAA,CAAS,GAChC;AAAA,EACA,oBAAC,OAAA,EAAM,WAAW,CAAC,UAAU,CAAC,MAAM,QAAQ,UAC1C,UAAA,oBAAC,UAAA,EAAS,WAAU,UAAS,EAAA,CAC/B;AAAA,EAAA,CACF,EAAA,CACF;AAWF,MAAM,mBAAuB,MAAM;AACjC,QAAM,YAAY,YAAY,CAAC,MAAM,EAAE,OAAO,aAAa,IAAI;AAC/D,QAAM,YAAY,iBAAA;AAClB,QAAM,WAAW,0BAAA;AACjB,MAAI,CAAC,aAAa,aAAa,SAAU,QAAO;AAChD,6BACG,mBAAmB,MAAnB,EAAwB,SAAO,MAC9B,UAAA,oBAAC,iBAAA,EAAgB,SAAQ,QAAO,eAAY,qBAC1C,UAAA,oBAAC,cAAW,WAAU,SAAA,CAAS,GACjC,GACF;AAEJ;AAGA,MAAM,yBAA6B,MAAM;AACvC,QAAM,WAAW,0BAAA;AACjB,MAAI,SAAU,QAAO;AACrB,SACE,oBAAC,mBAAmB,QAAnB,EAA0B,SAAO,MAChC,UAAA,oBAAC,iBAAA,EAAgB,SAAQ,cACvB,UAAA,oBAAC,eAAA,EAAc,WAAU,SAAA,CAAS,GACpC,GACF;AAEJ;AAQA,MAAM,0BACJ;AAEF,SAAS,UAAU,EAAE,UAAU,QAA4C;AACzE,SACE,qBAAC,OAAA,EAAI,WAAU,8EACZ,UAAA;AAAA,IAAA,YACC,oBAAC,OAAA,EAAI,WAAU,8FACZ,UAAA,UACH;AAAA,IAEF,oBAAC,SAAI,WAAU,uBACb,8BAAC,QAAA,EAAK,WAAU,qDACb,UAAA,KAAA,CACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,MAAM,iBACJ;AAGF,MAAM,0BAA0B,CAAC,SAAS;AAC1C,MAAM,sBAEF;AAAA,EACF,mBAAmB;AAAA,EACnB,GAAG;AACL;AAeO,MAAM,eAAmB,MAAM;AACpC,QAAM,WAAW,UAAU,mBAAA,GAAsB,IAAI;AACrD,QAAM,YAAY,SAAS,OAAO,SAAS;AAC3C,QAAM,OAAO,YAAY,6BAA6B,SAAS,IAAI,IAAI,SAAS;AAChF,SACE,oBAAC,yBAAA,EAAwB,MAAY,WACnC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,EAAA,GAEhB;AAEJ;AAEA,MAAM,kBAAwC,CAAC,EAAE,KAAA,MAC/C,oBAAA,UAAA,EAAG,UAAA,oBAAoB,IAAI,GAAE;AAG/B,MAAM,gBAAoB,MACxB;AAAA,EAAC,mBAAmB;AAAA,EAAnB;AAAA,IACC,UAAS;AAAA,IACT,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAGF,UAAA;AAAA,MAAA,oBAAC,kBAAA,EAAiB;AAAA,0BACjB,kBAAA,CAAA,CAAiB;AAAA,IAAA;AAAA,EAAA;AACpB;AAGK,MAAM,cAAkB,MAAM;AAInC,QAAM,oBAAoB;AAAA,IAAY,CAAC,MAAA;;AACrC,sCAAyB,EAAE,WAAW,EAAE,QAAQ,IAAI,SAAQ,OAAE,QAAQ,aAAV,mBAAoB,QAAQ;AAAA;AAAA,EAAA;AAE1F,MAAI,mBAAmB;AACrB,WACE,oBAAC,iBAAiB,MAAjB,EAAsB,qBAAkB,QAAO,WAAU,QACxD,UAAA,oBAAC,wBAAA,CAAA,CAAuB,EAAA,CAC1B;AAAA,EAEJ;AACA,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,qBAAkB;AAAA,MAClB,WAAU;AAAA,MAEV,UAAA,qBAAC,OAAA,EAAI,WAAU,6CACb,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,0EACb,UAAA,oBAAC,iBAAiB,SAAjB,EAAyB,YAAY,EAAE,MAAM,gBAAA,EAAgB,CAAG,EAAA,CACnE;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,UAAA,oBAAC,cAAA,EAAa;AAAA,8BACb,eAAA,CAAA,CAAc;AAAA,QAAA,EAAA,CACjB;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAuBO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AACF,GAAsC;AACpC,QAAM,qBAAyB,MAAM;AAGnC,UAAM,SAAS,YAAY,CAAC,MAAM,EAAE,QAAQ,MAAM;AAClD,WACE;AAAA,MAAC,mBAAmB;AAAA,MAAnB;AAAA,QACC,UAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA,CAAC,UAAU;AAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QAGF,UAAA;AAAA,UAAA,oBAAC,kBAAA,EAAiB;AAAA,8BACjB,wBAAA,EAAuB;AAAA,UACvB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAOA,QAAM,gBAAqD,CAAC,EAAE,gBAAgB;AAM5E,UAAM,UAAU,YAAY,CAAC,MAAM,EAAE,OAAO;AAC5C,UAAM,UAAU,QAAQ,MAAM,qCAAqC,OAAO,GAAG,CAAC,OAAO,CAAC;AACtF,QAAI,CAAC,WAAW,QAAQ,OAAQ,QAAO;AACvC,QAAI,cAAc,SAAS,CAAC,QAAQ,oBAAqB,QAAO;AAChE,QAAI,cAAc,YAAY,QAAQ,uBAAuB,QAAQ,SAAS,WAAW;AACvF,aAAO;AAAA,IACT;AACA,WAAO,oBAAC,oBAAA,EAAmB,SAAS,SAAS,QAAQ,sBAAsB;AAAA,EAC7E;AAEA,QAAM,mBAAuB,MAAM;AAGjC,UAAM,cAAc;AAAA,MAAY,CAAC,UAC/B,kBAAkB,MAAM,QAAQ,OAAO;AAAA,IAAA;AAGzC,UAAM,kBAAkB,YAAY,CAAC,MAAM,2BAA2B,EAAE,OAAO,CAAC;AAChF,UAAM,oBAAoB;AAAA,MACxB,CAAC,MAAA;;AAAM,2DAAqC,EAAE,OAAO,MAA9C,mBAAiD,YAAW;AAAA;AAAA,IAAA;AAGrE,QAAI,mBAAmB,oBAAoB,WAAW;AACpD,UAAI,kBAAmB,QAAO;AAC9B,aACE;AAAA,QAAC,iBAAiB;AAAA,QAAjB;AAAA,UACC,qBAAkB;AAAA,UAClB,WAAU;AAAA,UAEV,UAAA,oBAAC,SAAI,WAAU,eACb,8BAAC,eAAA,EAAc,WAAU,OAAM,EAAA,CACjC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN;AAEA,WACE;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACC,qBAAkB;AAAA,QAClB,WAAU;AAAA,QAEV,UAAA,qBAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,UAAA,oBAAC,eAAA,EAAc,WAAU,SAAA,CAAS;AAAA,UACjC,UACC,oBAAC,SAAA,CAAA,CAAQ,IAET;AAAA,YAAC,iBAAiB;AAAA,YAAjB;AAAA,cACC,YAAY;AAAA,gBACV,MAAM;AAAA,gBACN,OAAO,EAAE,UAAU,aAAA;AAAA,cAAa;AAAA,YAClC;AAAA,UAAA;AAAA,UAGH,cACC,qBAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,YAAA,oBAAC,cAAA,EAAa;AAAA,gCACb,oBAAA,CAAA,CAAmB;AAAA,UAAA,EAAA,CACtB,IACE;AAAA,QAAA,EAAA,CACN;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAEA,SAAO;AACT;AAGO,MAAM,qBACX;AACK,MAAM,sBACX;AACK,MAAM,8BACX;AAEK,MAAM,2BACX;AACK,MAAM,2BAA2B;AAGjC,MAAM,sBAAsB;AAC5B,MAAM,yBACX;AACK,MAAM,4BAA4B;AAClC,MAAM,yBACX;AACK,MAAM,gCACX;AAEF,MAAM,mBAAuB,MAC3B;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAU;AAAA,IACV,SAAQ;AAAA,IACR,MAAK;AAAA,IAEL,UAAA,oBAAC,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,GAAE,KAAI,GAAE,KAAI,IAAG,IAAA,CAAI;AAAA,EAAA;AAClD;AAiBK,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AACV,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,YAAY;AAAA,IAAA;AAAA,IAGd,8BAAC,kBAAA,CAAA,CAAiB;AAAA,EAAA;AACpB;AAGK,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA,OAAO,UAAU,WAAW,UAAU,kBAAkB;AAAA,IACxD,WAAW;AAAA,MACT;AAAA,MACA,WACI,iEACA;AAAA,IAAA;AAAA,IAGL,UAAA,WAAW,UACV,oBAAC,cAAA,EAAa,WAAU,UAAS,IAEjC,oBAAC,aAAA,EAAY,WAAU,SAAA,CAAS;AAAA,EAAA;AAEpC;"}
+{"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  hideUnterminatedMarkdownLink,\n  isVoiceDelegationMessage,\n  readRuntimeMessageFromSourceMessages,\n  readSoleRuntimeMessageKind,\n} from \"@athenaintel/agent-runtime\";\nimport \"@assistant-ui/react-markdown/styles/dot.css\";\nimport {\n  ArrowUpIcon,\n  CheckIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  CopyIcon,\n  ListPlusIcon,\n  PencilIcon,\n  RefreshCwIcon,\n} from \"lucide-react\";\nimport {\n  type ButtonHTMLAttributes,\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\";\n\nexport function IconButton({\n  children,\n  tooltip,\n  className,\n  ...props\n}: ButtonHTMLAttributes<HTMLButtonElement> & { tooltip: string }) {\n  return (\n    <button\n      type=\"button\"\n      title={tooltip}\n      aria-label={tooltip}\n      className={cn(\n        \"inline-flex size-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function SmallIconButton({\n  children,\n  tooltip,\n  className,\n  ...props\n}: ButtonHTMLAttributes<HTMLButtonElement> & { tooltip: string }) {\n  return (\n    <button\n      type=\"button\"\n      title={tooltip}\n      aria-label={tooltip}\n      className={cn(\n        \"inline-flex size-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\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.\n */\nconst EditActionButton: FC = () => {\n  const allowEdit = useAuiState((s) => s.thread.capabilities.edit);\n  const isRunning = useAthenaRunLive();\n  const readOnly = useMessageActionsReadOnly();\n  if (!allowEdit || isRunning || readOnly) return null;\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 */\nconst 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\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 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 (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: MarkdownText }} />\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/** Panel chrome: the thread card and the header row that sits inside it. */\nexport const THREAD_PANEL_CLASS =\n  \"m-1 flex min-h-0 flex-1 flex-col overflow-hidden rounded-[18px] border border-dashed border-amber-500 bg-background shadow-[0_1px_10px_rgba(54,45,33,0.08)]\";\nexport const THREAD_HEADER_CLASS =\n  \"flex items-center justify-between gap-2 px-3 py-2\";\nexport const THREAD_HEADER_ACTIONS_CLASS =\n  \"flex min-w-0 items-center justify-end gap-1.5\";\n/** Pill used for the header's leading control (agent picker, host label). */\nexport const THREAD_HEADER_PILL_CLASS =\n  \"inline-flex h-7 max-w-[170px] items-center gap-1.5 rounded-md border border-neutral-200 bg-white px-2 text-xs font-medium text-neutral-800 shadow-sm\";\nexport const THREAD_HEADER_ICON_CLASS = \"size-[18px]\";\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\";\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/runtime-message.cjs

@@ -11,10 +11,11 @@ require("../../packages/agent-runtime/src/statewire-state.cjs");
 require("../../packages/agent-runtime/src/messages.cjs");
 require("@assistant-ui/react-statewire");
 require("@assistant-ui/store");
-require("@assistant-ui/react-statewire/local-storage");
+require("../../packages/agent-runtime/src/quota-safe-local-storage-session.cjs");
 require("../../packages/agent-runtime/src/statewire-attach-observer.cjs");
 require("../../packages/agent-runtime/src/thread-status.cjs");
 const runtimeMessages = require("../../packages/agent-runtime/src/runtime-messages.cjs");
+require("../../packages/agent-runtime/src/thread-handoff.cjs");
 const lucideReact = require("lucide-react");
 const cnfast = require("cnfast");
 const SEVERITY_CLASS = {
@@ -51,7 +52,7 @@ const RuntimeMessageCard = ({
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "mt-0.5 size-4 shrink-0", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5 break-words [overflow-wrap:anywhere]", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: message.title }),
           message.detail ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs opacity-90", children: message.detail }) : null,
           markerText ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs opacity-90", children: markerText }) : null

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

@@ -1 +1 @@
-{"version":3,"file":"runtime-message.cjs","sources":["../../../src/chat-ui/messages/runtime-message.tsx"],"sourcesContent":["/**\n * Shared DOM rendering for a runtime ending (see\n * `@athenaintel/agent-runtime`'s `runtime-messages.ts`): the status row for a\n * stop / pause / failure, and the banner that frames a handoff summary. Hosts\n * that build their assistant row with `createAssistantMessage` get these for\n * free; hosts with their own row (Olympus, mobile) render their own presenter\n * from the same {@link AthenaRuntimeMessage} so the taxonomy cannot drift.\n */\nimport {\n  type AthenaRuntimeMessage,\n  type AthenaRuntimeMessageSeverity,\n  runtimeMessageMarkerText,\n} from \"@athenaintel/agent-runtime\";\nimport { AlertTriangleIcon, OctagonXIcon, PauseIcon, SquareIcon } from \"lucide-react\";\nimport type { ComponentPropsWithoutRef, FC, ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nconst SEVERITY_CLASS: Record<AthenaRuntimeMessageSeverity, string> = {\n  info: \"border-border bg-muted/40 text-muted-foreground\",\n  warning: \"border-amber-200 bg-amber-50 text-amber-900\",\n  error: \"border-red-200 bg-red-50 text-red-800\",\n};\n\nconst KIND_ICON: Record<AthenaRuntimeMessage[\"kind\"], FC<{ className?: string }>> = {\n  stopped: SquareIcon,\n  paused: PauseIcon,\n  failed: OctagonXIcon,\n  handoff: AlertTriangleIcon,\n};\n\nexport interface RuntimeMessageCardProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\" | \"role\"> {\n  message: AthenaRuntimeMessage;\n  /** An inline affordance (e.g. a Continue button) rendered inside the card. */\n  action?: ReactNode;\n}\n\n/**\n * The status row for a runtime ending. For `stopped` / `paused` / `failed` it\n * replaces the assistant bubble; for `handoff` it sits above the closing\n * summary, which keeps rendering as ordinary prose.\n */\nexport const RuntimeMessageCard: FC<RuntimeMessageCardProps> = ({\n  message,\n  action,\n  className,\n  ...rest\n}) => {\n  if (message.silent) return null;\n  const Icon = KIND_ICON[message.kind];\n  const markerText = runtimeMessageMarkerText(message);\n  return (\n    <div\n      {...rest}\n      role=\"status\"\n      data-runtime-message-kind={message.kind}\n      data-runtime-message-reason={message.reason}\n      className={cn(\n        \"my-2 flex w-full items-start gap-2 rounded-lg border px-3 py-2 text-sm\",\n        SEVERITY_CLASS[message.severity],\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\">\n        <span className=\"font-medium\">{message.title}</span>\n        {message.detail ? <span className=\"text-xs opacity-90\">{message.detail}</span> : null}\n        {markerText ? <span className=\"text-xs opacity-90\">{markerText}</span> : null}\n      </div>\n      {action}\n    </div>\n  );\n};\n"],"names":["SquareIcon","PauseIcon","OctagonXIcon","AlertTriangleIcon","runtimeMessageMarkerText","jsxs","cn","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,MAAM,iBAA+D;AAAA,EACnE,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AACT;AAEA,MAAM,YAA8E;AAAA,EAClF,SAASA,YAAAA;AAAAA,EACT,QAAQC,YAAAA;AAAAA,EACR,QAAQC,YAAAA;AAAAA,EACR,SAASC,YAAAA;AACX;AAcO,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,QAAQ,OAAQ,QAAO;AAC3B,QAAM,OAAO,UAAU,QAAQ,IAAI;AACnC,QAAM,aAAaC,gBAAAA,yBAAyB,OAAO;AACnD,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,6BAA2B,QAAQ;AAAA,MACnC,+BAA6B,QAAQ;AAAA,MACrC,WAAWC,OAAAA;AAAAA,QACT;AAAA,QACA,eAAe,QAAQ,QAAQ;AAAA,QAC/B;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAC,2BAAAA,IAAC,MAAA,EAAK,WAAU,0BAAyB,eAAY,QAAO;AAAA,QAC5DF,2BAAAA,KAAC,OAAA,EAAI,WAAU,wCACb,UAAA;AAAA,UAAAE,2BAAAA,IAAC,QAAA,EAAK,WAAU,eAAe,UAAA,QAAQ,OAAM;AAAA,UAC5C,QAAQ,SAASA,+BAAC,QAAA,EAAK,WAAU,sBAAsB,UAAA,QAAQ,QAAO,IAAU;AAAA,UAChF,aAAaA,2BAAAA,IAAC,QAAA,EAAK,WAAU,sBAAsB,sBAAW,IAAU;AAAA,QAAA,GAC3E;AAAA,QACC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;;"}
+{"version":3,"file":"runtime-message.cjs","sources":["../../../src/chat-ui/messages/runtime-message.tsx"],"sourcesContent":["/**\n * Shared DOM rendering for a runtime ending (see\n * `@athenaintel/agent-runtime`'s `runtime-messages.ts`): the status row for a\n * stop / pause / failure, and the banner that frames a handoff summary. Hosts\n * that build their assistant row with `createAssistantMessage` get these for\n * free; hosts with their own row (Olympus, mobile) render their own presenter\n * from the same {@link AthenaRuntimeMessage} so the taxonomy cannot drift.\n */\nimport {\n  type AthenaRuntimeMessage,\n  type AthenaRuntimeMessageSeverity,\n  runtimeMessageMarkerText,\n} from \"@athenaintel/agent-runtime\";\nimport { AlertTriangleIcon, OctagonXIcon, PauseIcon, SquareIcon } from \"lucide-react\";\nimport type { ComponentPropsWithoutRef, FC, ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nconst SEVERITY_CLASS: Record<AthenaRuntimeMessageSeverity, string> = {\n  info: \"border-border bg-muted/40 text-muted-foreground\",\n  warning: \"border-amber-200 bg-amber-50 text-amber-900\",\n  error: \"border-red-200 bg-red-50 text-red-800\",\n};\n\nconst KIND_ICON: Record<AthenaRuntimeMessage[\"kind\"], FC<{ className?: string }>> = {\n  stopped: SquareIcon,\n  paused: PauseIcon,\n  failed: OctagonXIcon,\n  handoff: AlertTriangleIcon,\n};\n\nexport interface RuntimeMessageCardProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\" | \"role\"> {\n  message: AthenaRuntimeMessage;\n  /** An inline affordance (e.g. a Continue button) rendered inside the card. */\n  action?: ReactNode;\n}\n\n/**\n * The status row for a runtime ending. For `stopped` / `paused` / `failed` it\n * replaces the assistant bubble; for `handoff` it sits above the closing\n * summary, which keeps rendering as ordinary prose.\n */\nexport const RuntimeMessageCard: FC<RuntimeMessageCardProps> = ({\n  message,\n  action,\n  className,\n  ...rest\n}) => {\n  if (message.silent) return null;\n  const Icon = KIND_ICON[message.kind];\n  const markerText = runtimeMessageMarkerText(message);\n  return (\n    <div\n      {...rest}\n      role=\"status\"\n      data-runtime-message-kind={message.kind}\n      data-runtime-message-reason={message.reason}\n      className={cn(\n        \"my-2 flex w-full items-start gap-2 rounded-lg border px-3 py-2 text-sm\",\n        SEVERITY_CLASS[message.severity],\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 break-words [overflow-wrap:anywhere]\">\n        <span className=\"font-medium\">{message.title}</span>\n        {message.detail ? <span className=\"text-xs opacity-90\">{message.detail}</span> : null}\n        {markerText ? <span className=\"text-xs opacity-90\">{markerText}</span> : null}\n      </div>\n      {action}\n    </div>\n  );\n};\n"],"names":["SquareIcon","PauseIcon","OctagonXIcon","AlertTriangleIcon","runtimeMessageMarkerText","jsxs","cn","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,iBAA+D;AAAA,EACnE,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AACT;AAEA,MAAM,YAA8E;AAAA,EAClF,SAASA,YAAAA;AAAAA,EACT,QAAQC,YAAAA;AAAAA,EACR,QAAQC,YAAAA;AAAAA,EACR,SAASC,YAAAA;AACX;AAcO,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,QAAQ,OAAQ,QAAO;AAC3B,QAAM,OAAO,UAAU,QAAQ,IAAI;AACnC,QAAM,aAAaC,gBAAAA,yBAAyB,OAAO;AACnD,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,6BAA2B,QAAQ;AAAA,MACnC,+BAA6B,QAAQ;AAAA,MACrC,WAAWC,OAAAA;AAAAA,QACT;AAAA,QACA,eAAe,QAAQ,QAAQ;AAAA,QAC/B;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAC,2BAAAA,IAAC,MAAA,EAAK,WAAU,0BAAyB,eAAY,QAAO;AAAA,QAC5DF,2BAAAA,KAAC,OAAA,EAAI,WAAU,6EACb,UAAA;AAAA,UAAAE,2BAAAA,IAAC,QAAA,EAAK,WAAU,eAAe,UAAA,QAAQ,OAAM;AAAA,UAC5C,QAAQ,SAASA,+BAAC,QAAA,EAAK,WAAU,sBAAsB,UAAA,QAAQ,QAAO,IAAU;AAAA,UAChF,aAAaA,2BAAAA,IAAC,QAAA,EAAK,WAAU,sBAAsB,sBAAW,IAAU;AAAA,QAAA,GAC3E;AAAA,QACC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

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

@@ -9,10 +9,11 @@ import "../../packages/agent-runtime/src/statewire-state.js";
 import "../../packages/agent-runtime/src/messages.js";
 import "@assistant-ui/react-statewire";
 import "@assistant-ui/store";
-import "@assistant-ui/react-statewire/local-storage";
+import "../../packages/agent-runtime/src/quota-safe-local-storage-session.js";
 import "../../packages/agent-runtime/src/statewire-attach-observer.js";
 import "../../packages/agent-runtime/src/thread-status.js";
 import { runtimeMessageMarkerText } from "../../packages/agent-runtime/src/runtime-messages.js";
+import "../../packages/agent-runtime/src/thread-handoff.js";
 import { AlertTriangleIcon, OctagonXIcon, PauseIcon, SquareIcon } from "lucide-react";
 import { cn } from "cnfast";
 const SEVERITY_CLASS = {
@@ -49,7 +50,7 @@ const RuntimeMessageCard = ({
       ),
       children: [
         /* @__PURE__ */ jsx(Icon, { className: "mt-0.5 size-4 shrink-0", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5 break-words [overflow-wrap:anywhere]", children: [
           /* @__PURE__ */ jsx("span", { className: "font-medium", children: message.title }),
           message.detail ? /* @__PURE__ */ jsx("span", { className: "text-xs opacity-90", children: message.detail }) : null,
           markerText ? /* @__PURE__ */ jsx("span", { className: "text-xs opacity-90", children: markerText }) : null

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

@@ -1 +1 @@
-{"version":3,"file":"runtime-message.js","sources":["../../../src/chat-ui/messages/runtime-message.tsx"],"sourcesContent":["/**\n * Shared DOM rendering for a runtime ending (see\n * `@athenaintel/agent-runtime`'s `runtime-messages.ts`): the status row for a\n * stop / pause / failure, and the banner that frames a handoff summary. Hosts\n * that build their assistant row with `createAssistantMessage` get these for\n * free; hosts with their own row (Olympus, mobile) render their own presenter\n * from the same {@link AthenaRuntimeMessage} so the taxonomy cannot drift.\n */\nimport {\n  type AthenaRuntimeMessage,\n  type AthenaRuntimeMessageSeverity,\n  runtimeMessageMarkerText,\n} from \"@athenaintel/agent-runtime\";\nimport { AlertTriangleIcon, OctagonXIcon, PauseIcon, SquareIcon } from \"lucide-react\";\nimport type { ComponentPropsWithoutRef, FC, ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nconst SEVERITY_CLASS: Record<AthenaRuntimeMessageSeverity, string> = {\n  info: \"border-border bg-muted/40 text-muted-foreground\",\n  warning: \"border-amber-200 bg-amber-50 text-amber-900\",\n  error: \"border-red-200 bg-red-50 text-red-800\",\n};\n\nconst KIND_ICON: Record<AthenaRuntimeMessage[\"kind\"], FC<{ className?: string }>> = {\n  stopped: SquareIcon,\n  paused: PauseIcon,\n  failed: OctagonXIcon,\n  handoff: AlertTriangleIcon,\n};\n\nexport interface RuntimeMessageCardProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\" | \"role\"> {\n  message: AthenaRuntimeMessage;\n  /** An inline affordance (e.g. a Continue button) rendered inside the card. */\n  action?: ReactNode;\n}\n\n/**\n * The status row for a runtime ending. For `stopped` / `paused` / `failed` it\n * replaces the assistant bubble; for `handoff` it sits above the closing\n * summary, which keeps rendering as ordinary prose.\n */\nexport const RuntimeMessageCard: FC<RuntimeMessageCardProps> = ({\n  message,\n  action,\n  className,\n  ...rest\n}) => {\n  if (message.silent) return null;\n  const Icon = KIND_ICON[message.kind];\n  const markerText = runtimeMessageMarkerText(message);\n  return (\n    <div\n      {...rest}\n      role=\"status\"\n      data-runtime-message-kind={message.kind}\n      data-runtime-message-reason={message.reason}\n      className={cn(\n        \"my-2 flex w-full items-start gap-2 rounded-lg border px-3 py-2 text-sm\",\n        SEVERITY_CLASS[message.severity],\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\">\n        <span className=\"font-medium\">{message.title}</span>\n        {message.detail ? <span className=\"text-xs opacity-90\">{message.detail}</span> : null}\n        {markerText ? <span className=\"text-xs opacity-90\">{markerText}</span> : null}\n      </div>\n      {action}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAM,iBAA+D;AAAA,EACnE,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AACT;AAEA,MAAM,YAA8E;AAAA,EAClF,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX;AAcO,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,QAAQ,OAAQ,QAAO;AAC3B,QAAM,OAAO,UAAU,QAAQ,IAAI;AACnC,QAAM,aAAa,yBAAyB,OAAO;AACnD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,6BAA2B,QAAQ;AAAA,MACnC,+BAA6B,QAAQ;AAAA,MACrC,WAAW;AAAA,QACT;AAAA,QACA,eAAe,QAAQ,QAAQ;AAAA,QAC/B;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,WAAU,0BAAyB,eAAY,QAAO;AAAA,QAC5D,qBAAC,OAAA,EAAI,WAAU,wCACb,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,eAAe,UAAA,QAAQ,OAAM;AAAA,UAC5C,QAAQ,SAAS,oBAAC,QAAA,EAAK,WAAU,sBAAsB,UAAA,QAAQ,QAAO,IAAU;AAAA,UAChF,aAAa,oBAAC,QAAA,EAAK,WAAU,sBAAsB,sBAAW,IAAU;AAAA,QAAA,GAC3E;AAAA,QACC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"runtime-message.js","sources":["../../../src/chat-ui/messages/runtime-message.tsx"],"sourcesContent":["/**\n * Shared DOM rendering for a runtime ending (see\n * `@athenaintel/agent-runtime`'s `runtime-messages.ts`): the status row for a\n * stop / pause / failure, and the banner that frames a handoff summary. Hosts\n * that build their assistant row with `createAssistantMessage` get these for\n * free; hosts with their own row (Olympus, mobile) render their own presenter\n * from the same {@link AthenaRuntimeMessage} so the taxonomy cannot drift.\n */\nimport {\n  type AthenaRuntimeMessage,\n  type AthenaRuntimeMessageSeverity,\n  runtimeMessageMarkerText,\n} from \"@athenaintel/agent-runtime\";\nimport { AlertTriangleIcon, OctagonXIcon, PauseIcon, SquareIcon } from \"lucide-react\";\nimport type { ComponentPropsWithoutRef, FC, ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nconst SEVERITY_CLASS: Record<AthenaRuntimeMessageSeverity, string> = {\n  info: \"border-border bg-muted/40 text-muted-foreground\",\n  warning: \"border-amber-200 bg-amber-50 text-amber-900\",\n  error: \"border-red-200 bg-red-50 text-red-800\",\n};\n\nconst KIND_ICON: Record<AthenaRuntimeMessage[\"kind\"], FC<{ className?: string }>> = {\n  stopped: SquareIcon,\n  paused: PauseIcon,\n  failed: OctagonXIcon,\n  handoff: AlertTriangleIcon,\n};\n\nexport interface RuntimeMessageCardProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\" | \"role\"> {\n  message: AthenaRuntimeMessage;\n  /** An inline affordance (e.g. a Continue button) rendered inside the card. */\n  action?: ReactNode;\n}\n\n/**\n * The status row for a runtime ending. For `stopped` / `paused` / `failed` it\n * replaces the assistant bubble; for `handoff` it sits above the closing\n * summary, which keeps rendering as ordinary prose.\n */\nexport const RuntimeMessageCard: FC<RuntimeMessageCardProps> = ({\n  message,\n  action,\n  className,\n  ...rest\n}) => {\n  if (message.silent) return null;\n  const Icon = KIND_ICON[message.kind];\n  const markerText = runtimeMessageMarkerText(message);\n  return (\n    <div\n      {...rest}\n      role=\"status\"\n      data-runtime-message-kind={message.kind}\n      data-runtime-message-reason={message.reason}\n      className={cn(\n        \"my-2 flex w-full items-start gap-2 rounded-lg border px-3 py-2 text-sm\",\n        SEVERITY_CLASS[message.severity],\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 break-words [overflow-wrap:anywhere]\">\n        <span className=\"font-medium\">{message.title}</span>\n        {message.detail ? <span className=\"text-xs opacity-90\">{message.detail}</span> : null}\n        {markerText ? <span className=\"text-xs opacity-90\">{markerText}</span> : null}\n      </div>\n      {action}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,MAAM,iBAA+D;AAAA,EACnE,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AACT;AAEA,MAAM,YAA8E;AAAA,EAClF,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX;AAcO,MAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,QAAQ,OAAQ,QAAO;AAC3B,QAAM,OAAO,UAAU,QAAQ,IAAI;AACnC,QAAM,aAAa,yBAAyB,OAAO;AACnD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,6BAA2B,QAAQ;AAAA,MACnC,+BAA6B,QAAQ;AAAA,MACrC,WAAW;AAAA,QACT;AAAA,QACA,eAAe,QAAQ,QAAQ;AAAA,QAC/B;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,WAAU,0BAAyB,eAAY,QAAO;AAAA,QAC5D,qBAAC,OAAA,EAAI,WAAU,6EACb,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,eAAe,UAAA,QAAQ,OAAM;AAAA,UAC5C,QAAQ,SAAS,oBAAC,QAAA,EAAK,WAAU,sBAAsB,UAAA,QAAQ,QAAO,IAAU;AAAA,UAChF,aAAa,oBAAC,QAAA,EAAK,WAAU,sBAAsB,sBAAW,IAAU;AAAA,QAAA,GAC3E;AAAA,QACC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/chat-ui/messages/statewire-continue-run.cjs

@@ -14,13 +14,21 @@ require("../../packages/agent-runtime/src/statewire-state.cjs");
 const messages = require("../../packages/agent-runtime/src/messages.cjs");
 const threadExtras = require("../../packages/agent-runtime/src/thread-extras.cjs");
 require("@assistant-ui/store");
-require("@assistant-ui/react-statewire/local-storage");
+require("../../packages/agent-runtime/src/quota-safe-local-storage-session.cjs");
 require("../../packages/agent-runtime/src/statewire-attach-observer.cjs");
 const threadStatus = require("../../packages/agent-runtime/src/thread-status.cjs");
 const runtimeMessages = require("../../packages/agent-runtime/src/runtime-messages.cjs");
+require("../../packages/agent-runtime/src/thread-handoff.cjs");
 const continuePill = require("./continue-pill.cjs");
 const runtimeMessage = require("./runtime-message.cjs");
 const cnfast = require("cnfast");
+function notifyContinue(onContinue, context) {
+  try {
+    onContinue == null ? void 0 : onContinue(context);
+  } catch (error) {
+    console.debug("[StatewireContinueRunButton] onContinue hook failed:", error);
+  }
+}
 function StatewireContinueRunButton({
   allowReadyFallback = false,
   onContinue
@@ -36,7 +44,7 @@ function StatewireContinueRunButton({
       ariaLabel: "Continue this run from where it stopped",
       dataTestId: "statewire-continue-run",
       onClick: () => {
-        onContinue == null ? void 0 : onContinue({ status, runId });
+        notifyContinue(onContinue, { status, runId });
         sendCommand({
           type: "run/continue",
           ...runId !== null && { runId }
@@ -45,7 +53,9 @@ function StatewireContinueRunButton({
     }
   );
 }
-function StatewireContinueRunAffordance() {
+function StatewireContinueRunAffordance({
+  onContinue
+} = {}) {
   const messageId = react.useAuiState((state) => state.message.id);
   const lastMessageId = react.useAuiState(
     (state) => {
@@ -63,7 +73,7 @@ function StatewireContinueRunAffordance() {
   const isContinuableMarker = runMarker === messages.ATHENA_RUN_MARKER_CANCELLED || runMarker === messages.ATHENA_RUN_MARKER_FAILED;
   if (messageId !== lastMessageId || !isContinuableMarker) return null;
   if (!threadExtras.hasStatewireThreadExtras(threadExtras$1)) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full justify-center py-1", children: /* @__PURE__ */ jsxRuntime.jsx(StatewireContinueRunButton, { allowReadyFallback: true }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full justify-center py-1", children: /* @__PURE__ */ jsxRuntime.jsx(StatewireContinueRunButton, { allowReadyFallback: true, onContinue }) });
 }
 const readRuntimeTailEnding = (message) => {
   const runtime = runtimeMessages.readRuntimeMessageFromSourceMessages(message);
@@ -72,7 +82,8 @@ const readRuntimeTailEnding = (message) => {
 function StatewireRunEndedFooter({
   className,
   readTailEnding,
-  renderActions
+  renderActions,
+  onContinue
 } = {}) {
   const threadExtras$1 = react.useAuiState((state) => state.thread.extras);
   if (!threadExtras.hasStatewireThreadExtras(threadExtras$1)) return null;
@@ -81,14 +92,16 @@ function StatewireRunEndedFooter({
     {
       className,
       readTailEnding,
-      renderActions
+      renderActions,
+      onContinue
     }
   );
 }
 function StatewireRunEndedFooterContent({
   className,
   readTailEnding = readRuntimeTailEnding,
-  renderActions
+  renderActions,
+  onContinue
 }) {
   const status = threadStatus.useDeepAgentThreadStatus();
   const { error } = reactStatewire.useStatewireRuns();
@@ -102,13 +115,15 @@ function StatewireRunEndedFooterContent({
     const last = state.thread.messages.at(-1);
     return last ? ((_a = readTailEnding(last)) == null ? void 0 : _a.silent) ?? false : false;
   });
+  const transcriptEmpty = react.useAuiState((state) => state.thread.messages.length === 0);
   if (status !== "stopped" && status !== "error") return null;
+  if (status === "stopped" && transcriptEmpty) return null;
   if (status === "stopped" && tailEndingSilent) return null;
   const tailRendersEnding = tailEndingKind !== null && !tailEndingSilent;
   const tailMatchesStatus = status === "error" ? tailEndingKind === "failed" : tailEndingKind === "stopped" || tailEndingKind === "paused";
   if (tailRendersEnding && tailMatchesStatus) return null;
   const tailOwnsContinue = tailRendersEnding && tailEndingKind !== "handoff";
-  const action = renderActions ? renderActions({ status, tailEndingKind: tailRendersEnding ? tailEndingKind : null }) : tailOwnsContinue ? void 0 : /* @__PURE__ */ jsxRuntime.jsx(StatewireContinueRunButton, {});
+  const action = renderActions ? renderActions({ status, tailEndingKind: tailRendersEnding ? tailEndingKind : null }) : tailOwnsContinue ? void 0 : /* @__PURE__ */ jsxRuntime.jsx(StatewireContinueRunButton, { onContinue });
   const refusal = status === "error" ? errors.readRetryableRunRefusal(error) : null;
   const message = status === "error" ? refusal ? {
     kind: "paused",