@athenaintel/react 0.19.0 → 0.21.0

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

@@ -0,0 +1,320 @@
+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";
+import "statewire";
+import "../../packages/agent-runtime/src/statewire-suspended.js";
+import "@tanstack/react-query";
+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 { hideUnterminatedMarkdownLink } from "../../packages/agent-runtime/src/streaming-markdown.js";
+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 "../../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 { useAthenaRunLive } from "../../chat/use-athena-run-live.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";
+import { VoiceDelegationMessage } from "./voice-delegation-card.js";
+import { cn } from "cnfast";
+function IconButton({
+  children,
+  tooltip,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      title: tooltip,
+      "aria-label": tooltip,
+      className: cn(
+        "inline-flex size-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function SmallIconButton({
+  children,
+  tooltip,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      title: tooltip,
+      "aria-label": tooltip,
+      className: cn(
+        "inline-flex size-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+const BranchPicker = () => /* @__PURE__ */ jsxs(
+  BranchPickerPrimitive.Root,
+  {
+    hideWhenSingleBranch: true,
+    className: "inline-flex items-center gap-0.5 text-xs text-muted-foreground",
+    "data-testid": "chat-branch-picker",
+    children: [
+      /* @__PURE__ */ jsx(BranchPickerPrimitive.Previous, { asChild: true, children: /* @__PURE__ */ jsx(
+        SmallIconButton,
+        {
+          tooltip: "Previous branch",
+          "data-testid": "chat-branch-previous",
+          children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-3" })
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("span", { className: "font-medium", "data-testid": "chat-branch-count", children: [
+        /* @__PURE__ */ jsx(BranchPickerPrimitive.Number, {}),
+        " / ",
+        /* @__PURE__ */ jsx(BranchPickerPrimitive.Count, {})
+      ] }),
+      /* @__PURE__ */ jsx(BranchPickerPrimitive.Next, { asChild: true, children: /* @__PURE__ */ jsx(SmallIconButton, { tooltip: "Next branch", "data-testid": "chat-branch-next", children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-3" }) }) })
+    ]
+  }
+);
+const CopyActionButton = () => /* @__PURE__ */ jsx(ActionBarPrimitive.Copy, { asChild: true, children: /* @__PURE__ */ jsxs(SmallIconButton, { tooltip: "Copy", children: [
+  /* @__PURE__ */ jsx(AuiIf, { condition: (state) => state.message.isCopied, children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3" }) }),
+  /* @__PURE__ */ jsx(AuiIf, { condition: (state) => !state.message.isCopied, children: /* @__PURE__ */ jsx(CopyIcon, { className: "size-3" }) })
+] }) });
+const EditActionButton = () => {
+  const allowEdit = useAuiState((s) => s.thread.capabilities.edit);
+  const isRunning = useAthenaRunLive();
+  const readOnly = useMessageActionsReadOnly();
+  if (!allowEdit || isRunning || readOnly) return null;
+  return /* @__PURE__ */ jsx(ActionBarPrimitive.Edit, { asChild: true, children: /* @__PURE__ */ jsx(SmallIconButton, { tooltip: "Edit", "data-testid": "chat-message-edit", children: /* @__PURE__ */ jsx(PencilIcon, { className: "size-3" }) }) });
+};
+const RegenerateActionButton = () => {
+  const readOnly = useMessageActionsReadOnly();
+  if (readOnly) return null;
+  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";
+const MarkdownText = () => {
+  const revealed = useSmooth(useMessagePartText(), true);
+  const isRunning = revealed.status.type === "running";
+  const text = isRunning ? hideUnterminatedMarkdownLink(revealed.text) : revealed.text;
+  return /* @__PURE__ */ jsx(ChatMessageBody, { text, isRunning });
+};
+const UserActionBar = () => /* @__PURE__ */ jsxs(
+  ActionBarPrimitive.Root,
+  {
+    autohide: "never",
+    className: cn(
+      "flex min-h-6 items-center gap-0.5",
+      ACTION_BAR_REVEAL_CLASS,
+      "group-hover/user-message:pointer-events-auto group-hover/user-message:opacity-100"
+    ),
+    children: [
+      /* @__PURE__ */ jsx(CopyActionButton, {}),
+      /* @__PURE__ */ jsx(EditActionButton, {})
+    ]
+  }
+);
+const UserMessage = () => {
+  const isVoiceDelegation = useAuiState(
+    (s) => {
+      var _a;
+      return isVoiceDelegationMessage({ messageId: s.message.id, custom: (_a = s.message.metadata) == null ? void 0 : _a.custom });
+    }
+  );
+  if (isVoiceDelegation) {
+    return /* @__PURE__ */ jsx(MessagePrimitive.Root, { "data-message-role": "user", className: "mb-3", children: /* @__PURE__ */ jsx(VoiceDelegationMessage, {}) });
+  }
+  return /* @__PURE__ */ jsx(
+    MessagePrimitive.Root,
+    {
+      "data-message-role": "user",
+      className: "group/user-message mb-3 flex justify-end",
+      children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 max-w-[85%] flex-col items-end gap-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 max-w-full rounded-2xl rounded-br-md bg-muted px-3.5 py-2 text-sm text-foreground", children: /* @__PURE__ */ jsx(MessagePrimitive.Content, { components: { Text: MarkdownText } }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-h-6 items-center gap-1", children: [
+          /* @__PURE__ */ jsx(BranchPicker, {}),
+          /* @__PURE__ */ jsx(UserActionBar, {})
+        ] })
+      ] })
+    }
+  );
+};
+function createAssistantMessage({
+  toolFallback,
+  extraActions,
+  content: Content,
+  runtimeMessageAction
+}) {
+  const AssistantActionBar = () => {
+    const isLast = useAuiState((s) => s.message.isLast);
+    return /* @__PURE__ */ jsxs(
+      ActionBarPrimitive.Root,
+      {
+        autohide: "never",
+        className: cn(
+          "mt-1 flex min-h-6 items-center gap-0.5",
+          !isLast && [
+            ACTION_BAR_REVEAL_CLASS,
+            "group-hover/assistant-message:pointer-events-auto group-hover/assistant-message:opacity-100"
+          ]
+        ),
+        children: [
+          /* @__PURE__ */ jsx(CopyActionButton, {}),
+          /* @__PURE__ */ jsx(RegenerateActionButton, {}),
+          extraActions
+        ]
+      }
+    );
+  };
+  const RuntimeEnding = ({ placement }) => {
+    const message = useAuiState((s) => s.message);
+    const runtime = useMemo(() => readRuntimeMessageFromSourceMessages(message), [message]);
+    if (!runtime || runtime.silent) return null;
+    if (placement === "row" && !runtime.isSoleSourceMessage) return null;
+    if (placement === "banner" && runtime.isSoleSourceMessage && runtime.kind !== "handoff") {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(RuntimeMessageCard, { message: runtime, action: runtimeMessageAction });
+  };
+  const AssistantMessage = () => {
+    const showActions = useAuiState(
+      (state) => hasVisibleContent(state.message.content)
+    );
+    const soleRuntimeKind = useAuiState((s) => readSoleRuntimeMessageKind(s.message));
+    const soleRuntimeSilent = useAuiState(
+      (s) => {
+        var _a;
+        return ((_a = readRuntimeMessageFromSourceMessages(s.message)) == null ? void 0 : _a.silent) === true;
+      }
+    );
+    if (soleRuntimeKind && soleRuntimeKind !== "handoff") {
+      if (soleRuntimeSilent) return null;
+      return /* @__PURE__ */ jsx(
+        MessagePrimitive.Root,
+        {
+          "data-message-role": "assistant",
+          className: "group group/assistant-message mb-3",
+          children: /* @__PURE__ */ jsx("div", { className: "max-w-[95%]", children: /* @__PURE__ */ jsx(RuntimeEnding, { placement: "row" }) })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      MessagePrimitive.Root,
+      {
+        "data-message-role": "assistant",
+        className: "group group/assistant-message mb-3",
+        children: /* @__PURE__ */ jsxs("div", { className: "max-w-[95%]", children: [
+          /* @__PURE__ */ jsx(RuntimeEnding, { placement: "banner" }),
+          Content ? /* @__PURE__ */ jsx(Content, {}) : /* @__PURE__ */ jsx(
+            MessagePrimitive.Content,
+            {
+              components: {
+                Text: MarkdownText,
+                tools: { Fallback: toolFallback }
+              }
+            }
+          ),
+          showActions ? /* @__PURE__ */ jsxs("div", { className: "flex min-h-6 items-center gap-1", children: [
+            /* @__PURE__ */ jsx(BranchPicker, {}),
+            /* @__PURE__ */ jsx(AssistantActionBar, {})
+          ] }) : null
+        ] })
+      }
+    );
+  };
+  return AssistantMessage;
+}
+const THREAD_PANEL_CLASS = "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)]";
+const THREAD_HEADER_CLASS = "flex items-center justify-between gap-2 px-3 py-2";
+const THREAD_HEADER_ACTIONS_CLASS = "flex min-w-0 items-center justify-end gap-1.5";
+const THREAD_HEADER_PILL_CLASS = "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";
+const THREAD_HEADER_ICON_CLASS = "size-[18px]";
+const COMPOSER_DOCK_CLASS = "bg-background px-2.5 pb-2 pt-1.5";
+const COMPOSER_SURFACE_CLASS = "relative flex flex-col gap-1 rounded-xl border border-neutral-200 bg-white shadow-[0_2px_10px_rgba(54,45,33,0.08)]";
+const COMPOSER_EDITOR_ROW_CLASS = "px-2.5 pt-1";
+const COMPOSER_TOOLBAR_CLASS = "flex items-center gap-1 border-t border-neutral-100 px-2 py-1.5";
+const THREAD_SCROLL_TO_BOTTOM_CLASS = "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";
+const ComposerStopIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    "aria-hidden": "true",
+    className: "size-4",
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    children: /* @__PURE__ */ jsx("rect", { width: "10", height: "10", x: "3", y: "3", rx: "2" })
+  }
+);
+const ComposerStopButton = ({
+  onStop,
+  disabled = false,
+  title = "Stop generation"
+}) => /* @__PURE__ */ jsx(
+  "button",
+  {
+    type: "button",
+    onClick: onStop,
+    disabled,
+    title,
+    className: cn(
+      "inline-flex size-8 shrink-0 items-center justify-center rounded-lg bg-foreground text-background shadow-sm transition-colors hover:bg-foreground/80",
+      disabled && "cursor-not-allowed opacity-60"
+    ),
+    children: /* @__PURE__ */ jsx(ComposerStopIcon, {})
+  }
+);
+const ComposerSendButton = ({
+  action,
+  onSend,
+  disabled = false,
+  title
+}) => /* @__PURE__ */ jsx(
+  "button",
+  {
+    type: "button",
+    onClick: onSend,
+    disabled,
+    title: title ?? (action === "queue" ? "Queue message" : "Send"),
+    className: cn(
+      "inline-flex size-8 shrink-0 items-center justify-center rounded-full shadow-sm transition-colors",
+      disabled ? "cursor-not-allowed bg-muted text-muted-foreground opacity-60" : "bg-foreground text-background hover:bg-foreground/80"
+    ),
+    children: action === "queue" ? /* @__PURE__ */ jsx(ListPlusIcon, { className: "size-4" }) : /* @__PURE__ */ jsx(ArrowUpIcon, { className: "size-4" })
+  }
+);
+export {
+  BranchPicker,
+  COMPOSER_DOCK_CLASS,
+  COMPOSER_EDITOR_ROW_CLASS,
+  COMPOSER_SURFACE_CLASS,
+  COMPOSER_TOOLBAR_CLASS,
+  ComposerSendButton,
+  ComposerStopButton,
+  IconButton,
+  MarkdownText,
+  SmallIconButton,
+  THREAD_HEADER_ACTIONS_CLASS,
+  THREAD_HEADER_CLASS,
+  THREAD_HEADER_ICON_CLASS,
+  THREAD_HEADER_PILL_CLASS,
+  THREAD_PANEL_CLASS,
+  THREAD_SCROLL_TO_BOTTOM_CLASS,
+  UserMessage,
+  createAssistantMessage
+};
+//# sourceMappingURL=message-components.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message-components.js","sources":["../../../src/chat-ui/messages/message-components.tsx"],"sourcesContent":["import {\n  ActionBarPrimitive,\n  AuiIf,\n  BranchPickerPrimitive,\n  MessagePrimitive,\n  useAuiState,\n  useMessagePartText,\n  useSmooth,\n  type ToolCallMessagePartComponent,\n} from \"@assistant-ui/react\";\nimport {\n  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/running-indicator.cjs

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@assistant-ui/react");
+const cnfast = require("cnfast");
+function hasVisibleContent(content) {
+  return content.some(
+    (part) => part.type === "tool-call" || part.type === "text" && part.text.trim().length > 0 || part.type === "reasoning" && part.text.trim().length > 0
+  );
+}
+const TextShimmerLoader = ({
+  text = "Thinking...",
+  className
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "span",
+  {
+    className: cnfast.cn(
+      "inline-block w-min animate-shimmer-ltr bg-gradient-to-r from-gray-500 via-gray-300 to-gray-500 bg-[200%_auto] bg-clip-text !text-transparent",
+      className
+    ),
+    children: text
+  }
+);
+const ThreadRunningIndicator = ({
+  text = "Thinking..."
+}) => {
+  const isWorking = react.useAuiState((state) => {
+    const thread = state.optional.thread;
+    if (!(thread == null ? void 0 : thread.isRunning)) return false;
+    const last = thread.messages.at(-1);
+    if (!last || last.role === "user") return true;
+    if (last.role !== "assistant") return false;
+    return !hasVisibleContent(last.content);
+  });
+  if (!isWorking) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "status",
+      "aria-label": "Athena is responding",
+      className: "px-1 pb-2 pt-1",
+      children: /* @__PURE__ */ jsxRuntime.jsx(TextShimmerLoader, { text, className: "text-xs" })
+    }
+  );
+};
+exports.TextShimmerLoader = TextShimmerLoader;
+exports.ThreadRunningIndicator = ThreadRunningIndicator;
+exports.hasVisibleContent = hasVisibleContent;
+//# sourceMappingURL=running-indicator.cjs.map

package/dist/chat-ui/messages/running-indicator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"running-indicator.cjs","sources":["../../../src/chat-ui/messages/running-indicator.tsx"],"sourcesContent":["import { useAuiState } from \"@assistant-ui/react\";\nimport type { ThreadMessage } from \"@assistant-ui/react\";\nimport type { FC } from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nexport function hasVisibleContent(\n  content: ThreadMessage[\"content\"],\n): boolean {\n  return content.some(\n    (part) =>\n      part.type === \"tool-call\" ||\n      (part.type === \"text\" && part.text.trim().length > 0) ||\n      (part.type === \"reasoning\" && part.text.trim().length > 0),\n  );\n}\n\nexport const TextShimmerLoader: FC<{ text?: string; className?: string }> = ({\n  text = \"Thinking...\",\n  className,\n}) => (\n  <span\n    className={cn(\n      \"inline-block w-min animate-shimmer-ltr bg-gradient-to-r from-gray-500 via-gray-300 to-gray-500 bg-[200%_auto] bg-clip-text !text-transparent\",\n      className,\n    )}\n  >\n    {text}\n  </span>\n);\n\nexport const ThreadRunningIndicator: FC<{ text?: string }> = ({\n  text = \"Thinking...\",\n}) => {\n  const isWorking = useAuiState((state) => {\n    const thread = state.optional.thread;\n    if (!thread?.isRunning) return false;\n    const last = thread.messages.at(-1);\n    if (!last || last.role === \"user\") return true;\n    if (last.role !== \"assistant\") return false;\n    return !hasVisibleContent(last.content);\n  });\n\n  if (!isWorking) return null;\n  return (\n    <div\n      role=\"status\"\n      aria-label=\"Athena is responding\"\n      className=\"px-1 pb-2 pt-1\"\n    >\n      <TextShimmerLoader text={text} className=\"text-xs\" />\n    </div>\n  );\n};\n"],"names":["jsx","cn","useAuiState"],"mappings":";;;;;AAKO,SAAS,kBACd,SACS;AACT,SAAO,QAAQ;AAAA,IACb,CAAC,SACC,KAAK,SAAS,eACb,KAAK,SAAS,UAAU,KAAK,KAAK,OAAO,SAAS,KAClD,KAAK,SAAS,eAAe,KAAK,KAAK,KAAA,EAAO,SAAS;AAAA,EAAA;AAE9D;AAEO,MAAM,oBAA+D,CAAC;AAAA,EAC3E,OAAO;AAAA,EACP;AACF,MACEA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,OAAAA;AAAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAGD,UAAA;AAAA,EAAA;AACH;AAGK,MAAM,yBAAgD,CAAC;AAAA,EAC5D,OAAO;AACT,MAAM;AACJ,QAAM,YAAYC,kBAAY,CAAC,UAAU;AACvC,UAAM,SAAS,MAAM,SAAS;AAC9B,QAAI,EAAC,iCAAQ,WAAW,QAAO;AAC/B,UAAM,OAAO,OAAO,SAAS,GAAG,EAAE;AAClC,QAAI,CAAC,QAAQ,KAAK,SAAS,OAAQ,QAAO;AAC1C,QAAI,KAAK,SAAS,YAAa,QAAO;AACtC,WAAO,CAAC,kBAAkB,KAAK,OAAO;AAAA,EACxC,CAAC;AAED,MAAI,CAAC,UAAW,QAAO;AACvB,SACEF,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAEV,UAAAA,2BAAAA,IAAC,mBAAA,EAAkB,MAAY,WAAU,UAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAGzD;;;;"}

package/dist/chat-ui/messages/running-indicator.js

@@ -0,0 +1,49 @@
+import { jsx } from "react/jsx-runtime";
+import { useAuiState } from "@assistant-ui/react";
+import { cn } from "cnfast";
+function hasVisibleContent(content) {
+  return content.some(
+    (part) => part.type === "tool-call" || part.type === "text" && part.text.trim().length > 0 || part.type === "reasoning" && part.text.trim().length > 0
+  );
+}
+const TextShimmerLoader = ({
+  text = "Thinking...",
+  className
+}) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    className: cn(
+      "inline-block w-min animate-shimmer-ltr bg-gradient-to-r from-gray-500 via-gray-300 to-gray-500 bg-[200%_auto] bg-clip-text !text-transparent",
+      className
+    ),
+    children: text
+  }
+);
+const ThreadRunningIndicator = ({
+  text = "Thinking..."
+}) => {
+  const isWorking = useAuiState((state) => {
+    const thread = state.optional.thread;
+    if (!(thread == null ? void 0 : thread.isRunning)) return false;
+    const last = thread.messages.at(-1);
+    if (!last || last.role === "user") return true;
+    if (last.role !== "assistant") return false;
+    return !hasVisibleContent(last.content);
+  });
+  if (!isWorking) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "status",
+      "aria-label": "Athena is responding",
+      className: "px-1 pb-2 pt-1",
+      children: /* @__PURE__ */ jsx(TextShimmerLoader, { text, className: "text-xs" })
+    }
+  );
+};
+export {
+  TextShimmerLoader,
+  ThreadRunningIndicator,
+  hasVisibleContent
+};
+//# sourceMappingURL=running-indicator.js.map

package/dist/chat-ui/messages/running-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"running-indicator.js","sources":["../../../src/chat-ui/messages/running-indicator.tsx"],"sourcesContent":["import { useAuiState } from \"@assistant-ui/react\";\nimport type { ThreadMessage } from \"@assistant-ui/react\";\nimport type { FC } from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nexport function hasVisibleContent(\n  content: ThreadMessage[\"content\"],\n): boolean {\n  return content.some(\n    (part) =>\n      part.type === \"tool-call\" ||\n      (part.type === \"text\" && part.text.trim().length > 0) ||\n      (part.type === \"reasoning\" && part.text.trim().length > 0),\n  );\n}\n\nexport const TextShimmerLoader: FC<{ text?: string; className?: string }> = ({\n  text = \"Thinking...\",\n  className,\n}) => (\n  <span\n    className={cn(\n      \"inline-block w-min animate-shimmer-ltr bg-gradient-to-r from-gray-500 via-gray-300 to-gray-500 bg-[200%_auto] bg-clip-text !text-transparent\",\n      className,\n    )}\n  >\n    {text}\n  </span>\n);\n\nexport const ThreadRunningIndicator: FC<{ text?: string }> = ({\n  text = \"Thinking...\",\n}) => {\n  const isWorking = useAuiState((state) => {\n    const thread = state.optional.thread;\n    if (!thread?.isRunning) return false;\n    const last = thread.messages.at(-1);\n    if (!last || last.role === \"user\") return true;\n    if (last.role !== \"assistant\") return false;\n    return !hasVisibleContent(last.content);\n  });\n\n  if (!isWorking) return null;\n  return (\n    <div\n      role=\"status\"\n      aria-label=\"Athena is responding\"\n      className=\"px-1 pb-2 pt-1\"\n    >\n      <TextShimmerLoader text={text} className=\"text-xs\" />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AAKO,SAAS,kBACd,SACS;AACT,SAAO,QAAQ;AAAA,IACb,CAAC,SACC,KAAK,SAAS,eACb,KAAK,SAAS,UAAU,KAAK,KAAK,OAAO,SAAS,KAClD,KAAK,SAAS,eAAe,KAAK,KAAK,KAAA,EAAO,SAAS;AAAA,EAAA;AAE9D;AAEO,MAAM,oBAA+D,CAAC;AAAA,EAC3E,OAAO;AAAA,EACP;AACF,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAGD,UAAA;AAAA,EAAA;AACH;AAGK,MAAM,yBAAgD,CAAC;AAAA,EAC5D,OAAO;AACT,MAAM;AACJ,QAAM,YAAY,YAAY,CAAC,UAAU;AACvC,UAAM,SAAS,MAAM,SAAS;AAC9B,QAAI,EAAC,iCAAQ,WAAW,QAAO;AAC/B,UAAM,OAAO,OAAO,SAAS,GAAG,EAAE;AAClC,QAAI,CAAC,QAAQ,KAAK,SAAS,OAAQ,QAAO;AAC1C,QAAI,KAAK,SAAS,YAAa,QAAO;AACtC,WAAO,CAAC,kBAAkB,KAAK,OAAO;AAAA,EACxC,CAAC;AAED,MAAI,CAAC,UAAW,QAAO;AACvB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAEV,UAAA,oBAAC,mBAAA,EAAkB,MAAY,WAAU,UAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAGzD;"}

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

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+require("../../packages/agent-runtime/src/generated/runconfig-contract.cjs");
+require("react");
+require("@assistant-ui/tap");
+require("statewire");
+require("../../packages/agent-runtime/src/statewire-suspended.cjs");
+require("@tanstack/react-query");
+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("../../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 = {
+  info: "border-border bg-muted/40 text-muted-foreground",
+  warning: "border-amber-200 bg-amber-50 text-amber-900",
+  error: "border-red-200 bg-red-50 text-red-800"
+};
+const KIND_ICON = {
+  stopped: lucideReact.SquareIcon,
+  paused: lucideReact.PauseIcon,
+  failed: lucideReact.OctagonXIcon,
+  handoff: lucideReact.AlertTriangleIcon
+};
+const RuntimeMessageCard = ({
+  message,
+  action,
+  className,
+  ...rest
+}) => {
+  if (message.silent) return null;
+  const Icon = KIND_ICON[message.kind];
+  const markerText = runtimeMessages.runtimeMessageMarkerText(message);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ...rest,
+      role: "status",
+      "data-runtime-message-kind": message.kind,
+      "data-runtime-message-reason": message.reason,
+      className: cnfast.cn(
+        "my-2 flex w-full items-start gap-2 rounded-lg border px-3 py-2 text-sm",
+        SEVERITY_CLASS[message.severity],
+        className
+      ),
+      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 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
+        ] }),
+        action
+      ]
+    }
+  );
+};
+exports.RuntimeMessageCard = RuntimeMessageCard;
+//# sourceMappingURL=runtime-message.cjs.map

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

@@ -0,0 +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 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

@@ -0,0 +1,66 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "../../packages/agent-runtime/src/generated/runconfig-contract.js";
+import "react";
+import "@assistant-ui/tap";
+import "statewire";
+import "../../packages/agent-runtime/src/statewire-suspended.js";
+import "@tanstack/react-query";
+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 "../../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 = {
+  info: "border-border bg-muted/40 text-muted-foreground",
+  warning: "border-amber-200 bg-amber-50 text-amber-900",
+  error: "border-red-200 bg-red-50 text-red-800"
+};
+const KIND_ICON = {
+  stopped: SquareIcon,
+  paused: PauseIcon,
+  failed: OctagonXIcon,
+  handoff: AlertTriangleIcon
+};
+const RuntimeMessageCard = ({
+  message,
+  action,
+  className,
+  ...rest
+}) => {
+  if (message.silent) return null;
+  const Icon = KIND_ICON[message.kind];
+  const markerText = runtimeMessageMarkerText(message);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...rest,
+      role: "status",
+      "data-runtime-message-kind": message.kind,
+      "data-runtime-message-reason": message.reason,
+      className: cn(
+        "my-2 flex w-full items-start gap-2 rounded-lg border px-3 py-2 text-sm",
+        SEVERITY_CLASS[message.severity],
+        className
+      ),
+      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 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
+        ] }),
+        action
+      ]
+    }
+  );
+};
+export {
+  RuntimeMessageCard
+};
+//# sourceMappingURL=runtime-message.js.map

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

@@ -0,0 +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 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;"}