@athenaintel/react 0.19.0 → 0.20.0

package/dist/chat-ui/header/conversation-history-panel.js

@@ -0,0 +1,369 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { RefreshCwIcon, PlusIcon, SearchIcon, LoaderCircleIcon, ArchiveIcon, BotIcon, MessageSquareIcon } from "lucide-react";
+import { useRef, useCallback, useEffect, useMemo } from "react";
+import { conversationDisplayTitle } from "../../threads/use-rest-conversation-history.js";
+import { assetTypeToThumb } from "../mentions/suggestions/data/sources/asset-type-icons.js";
+import { cn } from "cnfast";
+const TIME_GROUPS = [
+  "Today",
+  "Yesterday",
+  "This Week",
+  "This Month",
+  "Older"
+];
+const AUTOMATED_SOURCE_CHANNELS = /* @__PURE__ */ new Set([
+  "api",
+  "email",
+  "orchestration",
+  "slack",
+  "sms",
+  "task",
+  "teams"
+]);
+function isAutomatedConversation(conversation) {
+  var _a, _b;
+  const sourceChannel = (_a = conversation.sourceChannel) == null ? void 0 : _a.trim().toLowerCase();
+  if (sourceChannel && AUTOMATED_SOURCE_CHANNELS.has(sourceChannel))
+    return true;
+  const triggerType = (_b = conversation.triggerType) == null ? void 0 : _b.trim().toLowerCase();
+  return Boolean(triggerType && triggerType !== "manual");
+}
+function conversationTimeGroup(value, now = /* @__PURE__ */ new Date()) {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return "Older";
+  const startOfToday = new Date(
+    now.getFullYear(),
+    now.getMonth(),
+    now.getDate()
+  );
+  const startOfYesterday = new Date(startOfToday.getTime() - 864e5);
+  const startOfWeek = new Date(
+    startOfToday.getTime() - startOfToday.getDay() * 864e5
+  );
+  const startOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);
+  if (date >= startOfToday) return "Today";
+  if (date >= startOfYesterday) return "Yesterday";
+  if (date >= startOfWeek) return "This Week";
+  if (date >= startOfMonth) return "This Month";
+  return "Older";
+}
+function originKey(conversation) {
+  return conversation.appId ?? conversation.sourceChannel ?? "unknown";
+}
+function originLabel(value) {
+  const normalized = value.toLowerCase();
+  if (normalized.includes("chrome")) return "Chrome";
+  if (normalized.includes("powerpoint")) return "PowerPoint";
+  if (normalized.includes("word")) return "Word";
+  if (normalized.includes("excel")) return "Excel";
+  if (normalized.includes("office")) return "Office";
+  if (normalized === "web" || normalized.includes("olympus")) return "Athena";
+  if (normalized.includes("mobile")) return "Mobile";
+  if (value === "unknown") return "Legacy";
+  return value.replace(/^athena[-_]/, "").replaceAll("_", " ");
+}
+function relativeTime(value) {
+  const timestamp = Date.parse(value);
+  if (!Number.isFinite(timestamp)) return "";
+  const elapsed = Math.max(0, Date.now() - timestamp);
+  const minutes = Math.floor(elapsed / 6e4);
+  if (minutes < 1) return "<1m ago";
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours}h ${minutes % 60}m ago`;
+  const days = Math.floor(hours / 24);
+  return days < 7 ? `${days}d ago` : new Date(timestamp).toLocaleDateString();
+}
+function ConversationTypeIcon({
+  conversation,
+  automated
+}) {
+  if (conversation.state === "running") {
+    return /* @__PURE__ */ jsx(
+      LoaderCircleIcon,
+      {
+        "aria-label": "Conversation running",
+        className: "mt-0.5 size-4 shrink-0 animate-spin text-primary"
+      }
+    );
+  }
+  const thumbnail = assetTypeToThumb(conversation.assetType ?? "session");
+  if (thumbnail) {
+    return /* @__PURE__ */ jsx("img", { src: thumbnail, alt: "", className: "mt-0.5 size-4 shrink-0" });
+  }
+  return automated ? /* @__PURE__ */ jsx(BotIcon, { className: "mt-0.5 size-4 shrink-0 text-primary" }) : /* @__PURE__ */ jsx(MessageSquareIcon, { className: "mt-0.5 size-4 shrink-0 text-emerald-500" });
+}
+function ConversationHistoryPanel({
+  conversations,
+  activeThreadId,
+  search,
+  onSearchChange,
+  activityFilter,
+  onActivityFilterChange,
+  originFilter,
+  onOriginFilterChange,
+  onSelect,
+  onNewChat,
+  onRefresh,
+  onArchive,
+  onSetReadState,
+  isLoading = false,
+  isRefreshing = false,
+  hasNextPage = false,
+  isFetchingNextPage = false,
+  onLoadMore,
+  onHoverIntent,
+  onHoverIntentEnd,
+  hoverIntentDelayMs = 150
+}) {
+  const hoverTimer = useRef(null);
+  const hoverIntentThreadId = useRef(null);
+  const onHoverIntentRef = useRef(onHoverIntent);
+  onHoverIntentRef.current = onHoverIntent;
+  const onHoverIntentEndRef = useRef(onHoverIntentEnd);
+  onHoverIntentEndRef.current = onHoverIntentEnd;
+  const cancelHoverTimer = useCallback(() => {
+    if (hoverTimer.current === null) return;
+    clearTimeout(hoverTimer.current);
+    hoverTimer.current = null;
+  }, []);
+  const endHoverIntent = useCallback(() => {
+    var _a;
+    const threadId = hoverIntentThreadId.current;
+    if (threadId === null) return;
+    hoverIntentThreadId.current = null;
+    (_a = onHoverIntentEndRef.current) == null ? void 0 : _a.call(onHoverIntentEndRef, threadId);
+  }, []);
+  useEffect(
+    () => () => {
+      cancelHoverTimer();
+      endHoverIntent();
+    },
+    [cancelHoverTimer, endHoverIntent]
+  );
+  const handleRowEnter = (threadId) => {
+    if (!onHoverIntentRef.current) return;
+    cancelHoverTimer();
+    hoverTimer.current = setTimeout(() => {
+      var _a;
+      hoverTimer.current = null;
+      hoverIntentThreadId.current = threadId;
+      (_a = onHoverIntentRef.current) == null ? void 0 : _a.call(onHoverIntentRef, threadId);
+    }, hoverIntentDelayMs);
+  };
+  const handleRowLeave = (threadId) => {
+    cancelHoverTimer();
+    if (hoverIntentThreadId.current !== threadId) return;
+    endHoverIntent();
+  };
+  const origins = useMemo(
+    () => [...new Set(conversations.map(originKey))].sort(),
+    [conversations]
+  );
+  const grouped = useMemo(() => {
+    const visible = conversations.filter((conversation) => {
+      const automated = isAutomatedConversation(conversation);
+      if (activityFilter === "chat" && automated) return false;
+      if (activityFilter === "automated" && !automated) return false;
+      return originFilter === "all" || originKey(conversation) === originFilter;
+    });
+    const byGroup = /* @__PURE__ */ new Map();
+    for (const conversation of visible) {
+      const group = conversationTimeGroup(conversation.updatedAt);
+      const items = byGroup.get(group) ?? [];
+      items.push(conversation);
+      byGroup.set(group, items);
+    }
+    return TIME_GROUPS.flatMap((group) => {
+      const items = byGroup.get(group);
+      return items ? [{ group, items }] : [];
+    });
+  }, [activityFilter, conversations, originFilter]);
+  useEffect(() => {
+    const threadId = hoverIntentThreadId.current;
+    if (threadId === null) return;
+    const stillVisible = grouped.some(
+      ({ items }) => items.some((conversation) => conversation.threadId === threadId)
+    );
+    if (!stillVisible) endHoverIntent();
+  }, [grouped, endHoverIntent]);
+  const visibleCount = grouped.reduce(
+    (count, group) => count + group.items.length,
+    0
+  );
+  const handleSearch = (event) => onSearchChange(event.target.value);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "aria-label": "Conversation history",
+      className: "border-b border-border bg-background px-2 pb-2",
+      "data-testid": "conversation-history-panel",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex h-10 items-center gap-1.5 px-1", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-[11px] font-semibold uppercase tracking-[0.08em] text-muted-foreground", children: "Sessions" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Refresh sessions",
+              title: "Refresh sessions",
+              disabled: isRefreshing,
+              onClick: onRefresh,
+              className: "ml-auto rounded-md p-1.5 text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-50",
+              children: /* @__PURE__ */ jsx(
+                RefreshCwIcon,
+                {
+                  className: cn("size-3.5", isRefreshing && "animate-spin")
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: onNewChat,
+              className: "flex h-7 shrink-0 items-center gap-1 rounded-md bg-primary px-2 text-[11px] font-medium text-primary-foreground",
+              children: [
+                /* @__PURE__ */ jsx(PlusIcon, { className: "size-3" }),
+                " New"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "relative block min-w-0 px-1 pb-2", children: [
+          /* @__PURE__ */ jsx(SearchIcon, { className: "pointer-events-none absolute left-3 top-1/2 size-3.5 -translate-y-[calc(50%+0.25rem)] text-muted-foreground" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Search sessions" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: search,
+              onChange: handleSearch,
+              placeholder: "Search sessions...",
+              className: "h-8 w-full rounded-md border border-border bg-muted/40 pl-7 pr-2 text-xs outline-none focus:border-primary focus:bg-background"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-1 overflow-x-auto px-1 pb-2 text-[11px]", children: [
+          ["all", "chat", "automated"].map((filter) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onActivityFilterChange(filter),
+              className: cn(
+                "rounded-full border px-2 py-1 capitalize",
+                activityFilter === filter ? "border-primary bg-primary/10 text-primary" : "border-border text-muted-foreground"
+              ),
+              children: filter === "chat" ? "Chats" : filter === "automated" ? "Automations" : "All"
+            },
+            filter
+          )),
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              "aria-label": "Filter by origin",
+              value: originFilter,
+              onChange: (event) => onOriginFilterChange(event.target.value),
+              className: "ml-auto rounded-full border border-border bg-background px-2 text-[11px] text-muted-foreground",
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "all", children: "All origins" }),
+                origins.map((origin) => /* @__PURE__ */ jsx("option", { value: origin, children: originLabel(origin) }, origin))
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "max-h-[min(60vh,28rem)] overflow-y-auto px-0.5", children: [
+          isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-2 py-4 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(LoaderCircleIcon, { className: "size-3.5 animate-spin" }),
+            " Loading sessions…"
+          ] }) : visibleCount === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-4 text-xs text-muted-foreground", children: "No matching sessions." }) : grouped.map(({ group, items }) => /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "px-2 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-[0.08em] text-muted-foreground/75", children: group }),
+            items.map((conversation) => {
+              const automated = isAutomatedConversation(conversation);
+              return /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "group flex items-start gap-2 rounded-md px-2 py-2 hover:bg-accent",
+                    conversation.threadId === activeThreadId && "bg-primary/10 text-primary"
+                  ),
+                  onMouseEnter: () => handleRowEnter(conversation.threadId),
+                  onMouseLeave: () => handleRowLeave(conversation.threadId),
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => {
+                          onSelect(conversation.threadId);
+                          if (conversation.isUnread) {
+                            onSetReadState(conversation.threadId, false);
+                          }
+                        },
+                        className: "flex min-w-0 flex-1 items-start gap-2 text-left",
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            ConversationTypeIcon,
+                            {
+                              conversation,
+                              automated
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                            /* @__PURE__ */ jsxs("span", { className: "flex items-start gap-1", children: [
+                              /* @__PURE__ */ jsx("span", { className: "line-clamp-2 flex-1 text-xs font-medium leading-snug", children: conversationDisplayTitle(conversation) }),
+                              conversation.isUnread ? /* @__PURE__ */ jsx(
+                                "span",
+                                {
+                                  "aria-label": "Unread",
+                                  className: "mt-1 size-1.5 shrink-0 rounded-full bg-primary"
+                                }
+                              ) : null
+                            ] }),
+                            /* @__PURE__ */ jsxs("span", { className: "mt-0.5 flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [
+                              /* @__PURE__ */ jsx("span", { children: relativeTime(conversation.updatedAt) }),
+                              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "·" }),
+                              /* @__PURE__ */ jsx("span", { className: "truncate", children: originLabel(originKey(conversation)) })
+                            ] })
+                          ] })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": `Archive ${conversationDisplayTitle(conversation)}`,
+                        title: "Archive conversation",
+                        onClick: () => onArchive(conversation.threadId),
+                        className: "invisible rounded p-1 text-muted-foreground hover:bg-background hover:text-foreground group-hover:visible focus:visible",
+                        children: /* @__PURE__ */ jsx(ArchiveIcon, { className: "size-3.5" })
+                      }
+                    )
+                  ]
+                },
+                conversation.threadId
+              );
+            })
+          ] }, group)),
+          hasNextPage ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              disabled: isFetchingNextPage,
+              onClick: onLoadMore,
+              className: "mt-1 w-full rounded-lg py-2 text-xs text-muted-foreground hover:bg-accent disabled:opacity-50",
+              children: isFetchingNextPage ? "Loading…" : "Load older sessions"
+            }
+          ) : visibleCount > 0 ? /* @__PURE__ */ jsx("p", { className: "py-2 text-center text-[10px] text-muted-foreground/70", children: "No more sessions" }) : null
+        ] })
+      ]
+    }
+  );
+}
+export {
+  ConversationHistoryPanel,
+  conversationTimeGroup,
+  isAutomatedConversation
+};
+//# sourceMappingURL=conversation-history-panel.js.map

package/dist/chat-ui/header/conversation-history-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-history-panel.js","sources":["../../../src/chat-ui/header/conversation-history-panel.tsx"],"sourcesContent":["import type { ConversationSummary } from \"@athenaintel/agent-runtime\";\nimport {\n  ArchiveIcon,\n  BotIcon,\n  LoaderCircleIcon,\n  MessageSquareIcon,\n  PlusIcon,\n  RefreshCwIcon,\n  SearchIcon,\n} from \"lucide-react\";\nimport {\n  type ChangeEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { conversationDisplayTitle } from \"../../threads/use-rest-conversation-history\";\nimport { assetTypeToThumb } from \"../mentions/suggestions/data/sources/asset-type-icons\";\n\nexport type ConversationActivityFilter = \"all\" | \"chat\" | \"automated\";\nexport type ConversationTimeGroup =\n  | \"Today\"\n  | \"Yesterday\"\n  | \"This Week\"\n  | \"This Month\"\n  | \"Older\";\n\nconst TIME_GROUPS: readonly ConversationTimeGroup[] = [\n  \"Today\",\n  \"Yesterday\",\n  \"This Week\",\n  \"This Month\",\n  \"Older\",\n];\n\nconst AUTOMATED_SOURCE_CHANNELS = new Set([\n  \"api\",\n  \"email\",\n  \"orchestration\",\n  \"slack\",\n  \"sms\",\n  \"task\",\n  \"teams\",\n]);\n\n/** Mirrors Agora's persisted background-run classification for list metadata. */\nexport function isAutomatedConversation(\n  conversation: Pick<ConversationSummary, \"sourceChannel\" | \"triggerType\">,\n): boolean {\n  const sourceChannel = conversation.sourceChannel?.trim().toLowerCase();\n  if (sourceChannel && AUTOMATED_SOURCE_CHANNELS.has(sourceChannel))\n    return true;\n  const triggerType = conversation.triggerType?.trim().toLowerCase();\n  return Boolean(triggerType && triggerType !== \"manual\");\n}\n\nexport function conversationTimeGroup(\n  value: string,\n  now: Date = new Date(),\n): ConversationTimeGroup {\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return \"Older\";\n  const startOfToday = new Date(\n    now.getFullYear(),\n    now.getMonth(),\n    now.getDate(),\n  );\n  const startOfYesterday = new Date(startOfToday.getTime() - 86_400_000);\n  const startOfWeek = new Date(\n    startOfToday.getTime() - startOfToday.getDay() * 86_400_000,\n  );\n  const startOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);\n  if (date >= startOfToday) return \"Today\";\n  if (date >= startOfYesterday) return \"Yesterday\";\n  if (date >= startOfWeek) return \"This Week\";\n  if (date >= startOfMonth) return \"This Month\";\n  return \"Older\";\n}\n\nexport interface ConversationHistoryPanelProps {\n  conversations: readonly ConversationSummary[];\n  activeThreadId: string;\n  search: string;\n  onSearchChange: (search: string) => void;\n  activityFilter: ConversationActivityFilter;\n  onActivityFilterChange: (filter: ConversationActivityFilter) => void;\n  originFilter: string;\n  onOriginFilterChange: (origin: string) => void;\n  onSelect: (threadId: string) => void;\n  onNewChat: () => void;\n  onRefresh: () => void;\n  onArchive: (threadId: string) => void;\n  onSetReadState: (threadId: string, isUnread: boolean) => void;\n  isLoading?: boolean;\n  isRefreshing?: boolean;\n  hasNextPage?: boolean;\n  isFetchingNextPage?: boolean;\n  onLoadMore?: () => void;\n  /**\n   * The pointer has rested on a conversation row for `hoverIntentDelayMs`:\n   * the user is likely to open it next. Hosts wake and pre-dial the thread\n   * here so the click lands on a warm instance with its hello in hand.\n   */\n  onHoverIntent?: (threadId: string) => void;\n  /** The pointer left a row whose intent had fired. */\n  onHoverIntentEnd?: (threadId: string) => void;\n  /** Dwell before a hover counts as intent; a pass-through never fires. */\n  hoverIntentDelayMs?: number;\n}\n\nfunction originKey(conversation: ConversationSummary): string {\n  return conversation.appId ?? conversation.sourceChannel ?? \"unknown\";\n}\n\nfunction originLabel(value: string): string {\n  const normalized = value.toLowerCase();\n  if (normalized.includes(\"chrome\")) return \"Chrome\";\n  if (normalized.includes(\"powerpoint\")) return \"PowerPoint\";\n  if (normalized.includes(\"word\")) return \"Word\";\n  if (normalized.includes(\"excel\")) return \"Excel\";\n  if (normalized.includes(\"office\")) return \"Office\";\n  if (normalized === \"web\" || normalized.includes(\"olympus\")) return \"Athena\";\n  if (normalized.includes(\"mobile\")) return \"Mobile\";\n  if (value === \"unknown\") return \"Legacy\";\n  return value.replace(/^athena[-_]/, \"\").replaceAll(\"_\", \" \");\n}\n\nfunction relativeTime(value: string): string {\n  const timestamp = Date.parse(value);\n  if (!Number.isFinite(timestamp)) return \"\";\n  const elapsed = Math.max(0, Date.now() - timestamp);\n  const minutes = Math.floor(elapsed / 60_000);\n  if (minutes < 1) return \"<1m ago\";\n  if (minutes < 60) return `${minutes}m ago`;\n  const hours = Math.floor(minutes / 60);\n  if (hours < 24) return `${hours}h ${minutes % 60}m ago`;\n  const days = Math.floor(hours / 24);\n  return days < 7 ? `${days}d ago` : new Date(timestamp).toLocaleDateString();\n}\n\nfunction ConversationTypeIcon({\n  conversation,\n  automated,\n}: {\n  conversation: ConversationSummary;\n  automated: boolean;\n}) {\n  if (conversation.state === \"running\") {\n    return (\n      <LoaderCircleIcon\n        aria-label=\"Conversation running\"\n        className=\"mt-0.5 size-4 shrink-0 animate-spin text-primary\"\n      />\n    );\n  }\n  const thumbnail = assetTypeToThumb(conversation.assetType ?? \"session\");\n  if (thumbnail) {\n    return <img src={thumbnail} alt=\"\" className=\"mt-0.5 size-4 shrink-0\" />;\n  }\n  return automated ? (\n    <BotIcon className=\"mt-0.5 size-4 shrink-0 text-primary\" />\n  ) : (\n    <MessageSquareIcon className=\"mt-0.5 size-4 shrink-0 text-emerald-500\" />\n  );\n}\n\nexport function ConversationHistoryPanel({\n  conversations,\n  activeThreadId,\n  search,\n  onSearchChange,\n  activityFilter,\n  onActivityFilterChange,\n  originFilter,\n  onOriginFilterChange,\n  onSelect,\n  onNewChat,\n  onRefresh,\n  onArchive,\n  onSetReadState,\n  isLoading = false,\n  isRefreshing = false,\n  hasNextPage = false,\n  isFetchingNextPage = false,\n  onLoadMore,\n  onHoverIntent,\n  onHoverIntentEnd,\n  hoverIntentDelayMs = 150,\n}: ConversationHistoryPanelProps) {\n  // Hover intent: one dwell timer for the row under the pointer; a row the\n  // pointer merely crosses never fires. The id whose intent fired is kept so\n  // its end is reported exactly once — on leave, when the row disappears\n  // (filter, archive, refresh) or when the panel closes under the pointer.\n  // The callbacks are read through refs so an inline handler's identity\n  // changing on a parent re-render neither re-arms nor ends anything.\n  const hoverTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hoverIntentThreadId = useRef<string | null>(null);\n  const onHoverIntentRef = useRef(onHoverIntent);\n  onHoverIntentRef.current = onHoverIntent;\n  const onHoverIntentEndRef = useRef(onHoverIntentEnd);\n  onHoverIntentEndRef.current = onHoverIntentEnd;\n  const cancelHoverTimer = useCallback(() => {\n    if (hoverTimer.current === null) return;\n    clearTimeout(hoverTimer.current);\n    hoverTimer.current = null;\n  }, []);\n  const endHoverIntent = useCallback(() => {\n    const threadId = hoverIntentThreadId.current;\n    if (threadId === null) return;\n    hoverIntentThreadId.current = null;\n    onHoverIntentEndRef.current?.(threadId);\n  }, []);\n  useEffect(\n    () => () => {\n      cancelHoverTimer();\n      endHoverIntent();\n    },\n    [cancelHoverTimer, endHoverIntent],\n  );\n  const handleRowEnter = (threadId: string) => {\n    if (!onHoverIntentRef.current) return;\n    cancelHoverTimer();\n    hoverTimer.current = setTimeout(() => {\n      hoverTimer.current = null;\n      hoverIntentThreadId.current = threadId;\n      onHoverIntentRef.current?.(threadId);\n    }, hoverIntentDelayMs);\n  };\n  const handleRowLeave = (threadId: string) => {\n    cancelHoverTimer();\n    if (hoverIntentThreadId.current !== threadId) return;\n    endHoverIntent();\n  };\n  const origins = useMemo(\n    () => [...new Set(conversations.map(originKey))].sort(),\n    [conversations],\n  );\n  const grouped = useMemo(() => {\n    const visible = conversations.filter((conversation) => {\n      const automated = isAutomatedConversation(conversation);\n      if (activityFilter === \"chat\" && automated) return false;\n      if (activityFilter === \"automated\" && !automated) return false;\n      return originFilter === \"all\" || originKey(conversation) === originFilter;\n    });\n    const byGroup = new Map<ConversationTimeGroup, ConversationSummary[]>();\n    for (const conversation of visible) {\n      const group = conversationTimeGroup(conversation.updatedAt);\n      const items = byGroup.get(group) ?? [];\n      items.push(conversation);\n      byGroup.set(group, items);\n    }\n    return TIME_GROUPS.flatMap((group) => {\n      const items = byGroup.get(group);\n      return items ? [{ group, items }] : [];\n    });\n  }, [activityFilter, conversations, originFilter]);\n  // The hovered row left the list (filter, archive, refresh): no leave event\n  // will come for it, so its intent ends here.\n  useEffect(() => {\n    const threadId = hoverIntentThreadId.current;\n    if (threadId === null) return;\n    const stillVisible = grouped.some(({ items }) =>\n      items.some((conversation) => conversation.threadId === threadId),\n    );\n    if (!stillVisible) endHoverIntent();\n  }, [grouped, endHoverIntent]);\n  const visibleCount = grouped.reduce(\n    (count, group) => count + group.items.length,\n    0,\n  );\n  const handleSearch = (event: ChangeEvent<HTMLInputElement>) =>\n    onSearchChange(event.target.value);\n\n  return (\n    <section\n      aria-label=\"Conversation history\"\n      className=\"border-b border-border bg-background px-2 pb-2\"\n      data-testid=\"conversation-history-panel\"\n    >\n      <div className=\"flex h-10 items-center gap-1.5 px-1\">\n        <h2 className=\"text-[11px] font-semibold uppercase tracking-[0.08em] text-muted-foreground\">\n          Sessions\n        </h2>\n        <button\n          type=\"button\"\n          aria-label=\"Refresh sessions\"\n          title=\"Refresh sessions\"\n          disabled={isRefreshing}\n          onClick={onRefresh}\n          className=\"ml-auto rounded-md p-1.5 text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-50\"\n        >\n          <RefreshCwIcon\n            className={cn(\"size-3.5\", isRefreshing && \"animate-spin\")}\n          />\n        </button>\n        <button\n          type=\"button\"\n          onClick={onNewChat}\n          className=\"flex h-7 shrink-0 items-center gap-1 rounded-md bg-primary px-2 text-[11px] font-medium text-primary-foreground\"\n        >\n          <PlusIcon className=\"size-3\" /> New\n        </button>\n      </div>\n      <label className=\"relative block min-w-0 px-1 pb-2\">\n        <SearchIcon className=\"pointer-events-none absolute left-3 top-1/2 size-3.5 -translate-y-[calc(50%+0.25rem)] text-muted-foreground\" />\n        <span className=\"sr-only\">Search sessions</span>\n        <input\n          value={search}\n          onChange={handleSearch}\n          placeholder=\"Search sessions...\"\n          className=\"h-8 w-full rounded-md border border-border bg-muted/40 pl-7 pr-2 text-xs outline-none focus:border-primary focus:bg-background\"\n        />\n      </label>\n      <div className=\"flex gap-1 overflow-x-auto px-1 pb-2 text-[11px]\">\n        {([\"all\", \"chat\", \"automated\"] as const).map((filter) => (\n          <button\n            key={filter}\n            type=\"button\"\n            onClick={() => onActivityFilterChange(filter)}\n            className={cn(\n              \"rounded-full border px-2 py-1 capitalize\",\n              activityFilter === filter\n                ? \"border-primary bg-primary/10 text-primary\"\n                : \"border-border text-muted-foreground\",\n            )}\n          >\n            {filter === \"chat\"\n              ? \"Chats\"\n              : filter === \"automated\"\n                ? \"Automations\"\n                : \"All\"}\n          </button>\n        ))}\n        <select\n          aria-label=\"Filter by origin\"\n          value={originFilter}\n          onChange={(event) => onOriginFilterChange(event.target.value)}\n          className=\"ml-auto rounded-full border border-border bg-background px-2 text-[11px] text-muted-foreground\"\n        >\n          <option value=\"all\">All origins</option>\n          {origins.map((origin) => (\n            <option key={origin} value={origin}>\n              {originLabel(origin)}\n            </option>\n          ))}\n        </select>\n      </div>\n      <div className=\"max-h-[min(60vh,28rem)] overflow-y-auto px-0.5\">\n        {isLoading ? (\n          <div className=\"flex items-center gap-2 px-2 py-4 text-xs text-muted-foreground\">\n            <LoaderCircleIcon className=\"size-3.5 animate-spin\" /> Loading\n            sessions…\n          </div>\n        ) : visibleCount === 0 ? (\n          <p className=\"px-2 py-4 text-xs text-muted-foreground\">\n            No matching sessions.\n          </p>\n        ) : (\n          grouped.map(({ group, items }) => (\n            <div key={group}>\n              <h3 className=\"px-2 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-[0.08em] text-muted-foreground/75\">\n                {group}\n              </h3>\n              {items.map((conversation) => {\n                const automated = isAutomatedConversation(conversation);\n                return (\n                  <div\n                    key={conversation.threadId}\n                    className={cn(\n                      \"group flex items-start gap-2 rounded-md px-2 py-2 hover:bg-accent\",\n                      conversation.threadId === activeThreadId &&\n                        \"bg-primary/10 text-primary\",\n                    )}\n                    onMouseEnter={() => handleRowEnter(conversation.threadId)}\n                    onMouseLeave={() => handleRowLeave(conversation.threadId)}\n                  >\n                    <button\n                      type=\"button\"\n                      onClick={() => {\n                        onSelect(conversation.threadId);\n                        if (conversation.isUnread) {\n                          onSetReadState(conversation.threadId, false);\n                        }\n                      }}\n                      className=\"flex min-w-0 flex-1 items-start gap-2 text-left\"\n                    >\n                      <ConversationTypeIcon\n                        conversation={conversation}\n                        automated={automated}\n                      />\n                      <span className=\"min-w-0 flex-1\">\n                        <span className=\"flex items-start gap-1\">\n                          <span className=\"line-clamp-2 flex-1 text-xs font-medium leading-snug\">\n                            {conversationDisplayTitle(conversation)}\n                          </span>\n                          {conversation.isUnread ? (\n                            <span\n                              aria-label=\"Unread\"\n                              className=\"mt-1 size-1.5 shrink-0 rounded-full bg-primary\"\n                            />\n                          ) : null}\n                        </span>\n                        <span className=\"mt-0.5 flex items-center gap-1.5 text-[10px] text-muted-foreground\">\n                          <span>{relativeTime(conversation.updatedAt)}</span>\n                          <span aria-hidden=\"true\">·</span>\n                          <span className=\"truncate\">\n                            {originLabel(originKey(conversation))}\n                          </span>\n                        </span>\n                      </span>\n                    </button>\n                    <button\n                      type=\"button\"\n                      aria-label={`Archive ${conversationDisplayTitle(conversation)}`}\n                      title=\"Archive conversation\"\n                      onClick={() => onArchive(conversation.threadId)}\n                      className=\"invisible rounded p-1 text-muted-foreground hover:bg-background hover:text-foreground group-hover:visible focus:visible\"\n                    >\n                      <ArchiveIcon className=\"size-3.5\" />\n                    </button>\n                  </div>\n                );\n              })}\n            </div>\n          ))\n        )}\n        {hasNextPage ? (\n          <button\n            type=\"button\"\n            disabled={isFetchingNextPage}\n            onClick={onLoadMore}\n            className=\"mt-1 w-full rounded-lg py-2 text-xs text-muted-foreground hover:bg-accent disabled:opacity-50\"\n          >\n            {isFetchingNextPage ? \"Loading…\" : \"Load older sessions\"}\n          </button>\n        ) : visibleCount > 0 ? (\n          <p className=\"py-2 text-center text-[10px] text-muted-foreground/70\">\n            No more sessions\n          </p>\n        ) : null}\n      </div>\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/chat-ui/index.cjs

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const chatThreadShell = require("./thread/chat-thread-shell.cjs");
+const chatComposerDock = require("./thread/chat-composer-dock.cjs");
+const statewireHistoryEdge = require("./thread/statewire-history-edge.cjs");
+const statewireWindowContext = require("../provider/statewire-window-context.cjs");
+const composerSendOrStop = require("./thread/composer-send-or-stop.cjs");
+const chatHeader = require("./header/chat-header.cjs");
+const conversationHistoryPanel = require("./header/conversation-history-panel.cjs");
+const tiptapComposer = require("./composer/tiptap-composer.cjs");
+const pendingAttachmentUploads = require("./composer/pending-attachment-uploads.cjs");
+const composerAction = require("./composer/composer-action.cjs");
+const mentionExtension = require("./mentions/mention-extension.cjs");
+const mentionChip = require("./mentions/mention-chip.cjs");
+const mentionSuggestions_extension = require("./mentions/suggestions/mention-suggestions.extension.cjs");
+const mentionSuggestionList = require("./mentions/suggestions/components/mention-suggestion-list.cjs");
+const mentionSuggestionPopup = require("./mentions/suggestions/components/mention-suggestion-popup.cjs");
+const mentionIcon = require("./mentions/suggestions/components/mention-icon.cjs");
+const menuList = require("./mentions/suggestions/components/menu-list.cjs");
+const apiClient = require("./mentions/suggestions/data/api-client.cjs");
+const useMentionSuggestions = require("./mentions/suggestions/data/use-mention-suggestions.cjs");
+const index = require("./mentions/suggestions/data/sources/index.cjs");
+const assetTypeIcons = require("./mentions/suggestions/data/sources/asset-type-icons.cjs");
+const types = require("./mentions/suggestions/data/types.cjs");
+const assetUrls = require("./lib/asset-urls.cjs");
+const messageComponents = require("./messages/message-components.cjs");
+const userEditComposer = require("./messages/user-edit-composer.cjs");
+const messageActionsConfig = require("./messages/message-actions-config.cjs");
+const runningIndicator = require("./messages/running-indicator.cjs");
+const signInCard = require("./auth/sign-in-card.cjs");
+const runtimeMessage = require("./messages/runtime-message.cjs");
+const voiceDelegationCard = require("./messages/voice-delegation-card.cjs");
+const continuePill = require("./messages/continue-pill.cjs");
+const statewireContinueRun = require("./messages/statewire-continue-run.cjs");
+const StatewireApprovalCard = require("../chat/StatewireApprovalCard.cjs");
+const useStatewireApprovalRequest = require("../chat/use-statewire-approval-request.cjs");
+const StatewireQueuedMessages = require("../chat/StatewireQueuedMessages.cjs");
+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");
+const interrupts = require("../packages/agent-runtime/src/interrupts.cjs");
+require("../packages/agent-runtime/src/messages.cjs");
+require("../packages/agent-runtime/src/statewire-state.cjs");
+require("@assistant-ui/react-statewire");
+require("@assistant-ui/store");
+require("@assistant-ui/react-statewire/local-storage");
+require("../packages/agent-runtime/src/statewire-attach-observer.cjs");
+require("../packages/agent-runtime/src/thread-status.cjs");
+require("@assistant-ui/core");
+exports.ChatThreadShell = chatThreadShell.ChatThreadShell;
+exports.ChatComposerDock = chatComposerDock.ChatComposerDock;
+exports.HISTORY_EDGE_NEAR_MARGIN_PX = statewireHistoryEdge.HISTORY_EDGE_NEAR_MARGIN_PX;
+exports.HistoryEdgeRow = statewireHistoryEdge.HistoryEdgeRow;
+exports.StatewireHistoryEdge = statewireHistoryEdge.StatewireHistoryEdge;
+exports.THREAD_VIEWPORT_ATTR = statewireHistoryEdge.THREAD_VIEWPORT_ATTR;
+exports.StatewireToolOutputsContext = statewireWindowContext.StatewireToolOutputsContext;
+exports.useStatewireToolOutputs = statewireWindowContext.useStatewireToolOutputs;
+exports.ComposerSendOrStop = composerSendOrStop.ComposerSendOrStop;
+exports.ChatHeader = chatHeader.ChatHeader;
+exports.ChatHeaderActions = chatHeader.ChatHeaderActions;
+exports.ChatHeaderIdentity = chatHeader.ChatHeaderIdentity;
+exports.ChatHeaderRoot = chatHeader.ChatHeaderRoot;
+exports.ConversationHistoryPanel = conversationHistoryPanel.ConversationHistoryPanel;
+exports.TiptapComposer = tiptapComposer.TiptapComposer;
+exports.serializeDraft = tiptapComposer.serializeDraft;
+exports.PendingAttachmentUploads = pendingAttachmentUploads.PendingAttachmentUploads;
+exports.resolveComposerAction = composerAction.resolveComposerAction;
+exports.MentionExtension = mentionExtension.MentionExtension;
+exports.makeMentionUrl = mentionExtension.makeMentionUrl;
+exports.parseAssetAnchorAttributes = mentionExtension.parseAssetAnchorAttributes;
+exports.parseMentionAnchorAttributes = mentionExtension.parseMentionAnchorAttributes;
+exports.serializeMention = mentionExtension.serializeMention;
+exports.MentionChip = mentionChip.MentionChip;
+exports.MentionLink = mentionChip.MentionLink;
+exports.normalizeAthenaMentionHtml = mentionChip.normalizeAthenaMentionHtml;
+exports.parseMentionUrl = mentionChip.parseMentionUrl;
+exports.parseMentionsInText = mentionChip.parseMentionsInText;
+exports.MentionSuggestionsExtension = mentionSuggestions_extension.MentionSuggestionsExtension;
+exports.MentionSuggestionList = mentionSuggestionList.MentionSuggestionList;
+exports.MentionSuggestionPopup = mentionSuggestionPopup.MentionSuggestionPopup;
+exports.MentionIcon = mentionIcon.MentionIcon;
+exports.MenuList = menuList.MenuList;
+exports.MentionAuthCtx = apiClient.MentionAuthCtx;
+exports.SIMPLE_SEARCH_QUERY = apiClient.SIMPLE_SEARCH_QUERY;
+exports.fetchGraphQL = apiClient.fetchGraphQL;
+exports.useMentionAuth = apiClient.useMentionAuth;
+exports.ROOT_MENTION_CATEGORIES = useMentionSuggestions.ROOT_MENTION_CATEGORIES;
+exports.useMentionSuggestions = useMentionSuggestions.useMentionSuggestions;
+exports.webpageMentionFingerprint = useMentionSuggestions.webpageMentionFingerprint;
+exports.buildRootMenuItems = index.buildRootMenuItems;
+exports.assetTypeToIcon = assetTypeIcons.assetTypeToIcon;
+exports.assetTypeToThumb = assetTypeIcons.assetTypeToThumb;
+exports.configureAssetIconBasePath = assetTypeIcons.configureAssetIconBasePath;
+exports.MentionMenuSection = types.MentionMenuSection;
+exports.createOlympusAssetUrl = assetUrls.createOlympusAssetUrl;
+exports.BranchPicker = messageComponents.BranchPicker;
+exports.COMPOSER_DOCK_CLASS = messageComponents.COMPOSER_DOCK_CLASS;
+exports.COMPOSER_EDITOR_ROW_CLASS = messageComponents.COMPOSER_EDITOR_ROW_CLASS;
+exports.COMPOSER_SURFACE_CLASS = messageComponents.COMPOSER_SURFACE_CLASS;
+exports.COMPOSER_TOOLBAR_CLASS = messageComponents.COMPOSER_TOOLBAR_CLASS;
+exports.ComposerSendButton = messageComponents.ComposerSendButton;
+exports.ComposerStopButton = messageComponents.ComposerStopButton;
+exports.IconButton = messageComponents.IconButton;
+exports.MarkdownText = messageComponents.MarkdownText;
+exports.SmallIconButton = messageComponents.SmallIconButton;
+exports.THREAD_HEADER_ACTIONS_CLASS = messageComponents.THREAD_HEADER_ACTIONS_CLASS;
+exports.THREAD_HEADER_CLASS = messageComponents.THREAD_HEADER_CLASS;
+exports.THREAD_HEADER_ICON_CLASS = messageComponents.THREAD_HEADER_ICON_CLASS;
+exports.THREAD_HEADER_PILL_CLASS = messageComponents.THREAD_HEADER_PILL_CLASS;
+exports.THREAD_PANEL_CLASS = messageComponents.THREAD_PANEL_CLASS;
+exports.THREAD_SCROLL_TO_BOTTOM_CLASS = messageComponents.THREAD_SCROLL_TO_BOTTOM_CLASS;
+exports.UserMessage = messageComponents.UserMessage;
+exports.createAssistantMessage = messageComponents.createAssistantMessage;
+exports.UserEditComposer = userEditComposer.UserEditComposer;
+exports.MessageActionsReadOnlyProvider = messageActionsConfig.MessageActionsReadOnlyProvider;
+exports.useMessageActionsReadOnly = messageActionsConfig.useMessageActionsReadOnly;
+exports.TextShimmerLoader = runningIndicator.TextShimmerLoader;
+exports.ThreadRunningIndicator = runningIndicator.ThreadRunningIndicator;
+exports.SignInCard = signInCard.SignInCard;
+exports.SignInConsent = signInCard.SignInConsent;
+exports.SignInFallbackSection = signInCard.SignInFallbackSection;
+exports.SignInSecondaryButton = signInCard.SignInSecondaryButton;
+exports.SignInSelect = signInCard.SignInSelect;
+exports.SignInTextField = signInCard.SignInTextField;
+exports.RuntimeMessageCard = runtimeMessage.RuntimeMessageCard;
+exports.VoiceDelegationCard = voiceDelegationCard.VoiceDelegationCard;
+exports.VoiceDelegationMessage = voiceDelegationCard.VoiceDelegationMessage;
+exports.ContinuePill = continuePill.ContinuePill;
+exports.StatewireContinueRunAffordance = statewireContinueRun.StatewireContinueRunAffordance;
+exports.StatewireContinueRunButton = statewireContinueRun.StatewireContinueRunButton;
+exports.StatewireRunEndedFooter = statewireContinueRun.StatewireRunEndedFooter;
+exports.StatewireApprovalCard = StatewireApprovalCard.StatewireApprovalCard;
+exports.useStatewireApprovalRequest = useStatewireApprovalRequest.useStatewireApprovalRequest;
+exports.StatewireQueuedMessages = StatewireQueuedMessages.StatewireQueuedMessages;
+exports.HITL_PENDING_RESUME_GRACE_MS = interrupts.HITL_PENDING_RESUME_GRACE_MS;
+//# sourceMappingURL=index.cjs.map

package/dist/chat-ui/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chat-ui/index.d.ts

@@ -17,10 +17,10 @@ export { ComposerSendOrStop } from "./thread/composer-send-or-stop";
 export type { ComposerSendOrStopComponents, ComposerSendOrStopProps, ComposerStopControls, ComposerSubmitHandle, } from "./thread/composer-send-or-stop";
 export { ChatHeader, ChatHeaderActions, ChatHeaderIdentity, ChatHeaderRoot, } from './header/chat-header';
 export { ConversationHistoryPanel, type ConversationActivityFilter, type ConversationHistoryPanelProps, } from './header/conversation-history-panel';
-export { TiptapComposer, plainTextToTiptapContent, type TiptapComposerHandle, type TiptapComposerProps, } from "./composer/tiptap-composer";
+export { TiptapComposer, serializeDraft, type ComposerFileIntake, type TiptapComposerHandle, type TiptapComposerProps, } from "./composer/tiptap-composer";
 export { PendingAttachmentUploads } from "./composer/pending-attachment-uploads";
 export { resolveComposerAction, type ComposerAction, } from "./composer/composer-action";
-export { MentionExtension, makeMentionUrl, parseMentionAnchorAttributes, } from "./mentions/mention-extension";
+export { MentionExtension, makeMentionUrl, parseAssetAnchorAttributes, parseMentionAnchorAttributes, serializeMention, } from "./mentions/mention-extension";
 export { MentionChip, MentionLink, normalizeAthenaMentionHtml, parseMentionUrl, parseMentionsInText, } from "./mentions/mention-chip";
 export { MentionSuggestionsExtension } from "./mentions/suggestions/mention-suggestions.extension";
 export { MentionSuggestionList } from "./mentions/suggestions/components/mention-suggestion-list";
@@ -31,7 +31,7 @@ export { MentionAuthCtx, fetchGraphQL, SIMPLE_SEARCH_QUERY, useMentionAuth, type
 export { ROOT_MENTION_CATEGORIES, useMentionSuggestions, webpageMentionFingerprint, type MentionRootCategory, type MentionSuggestionsStore, } from "./mentions/suggestions/data/use-mention-suggestions";
 export { buildRootMenuItems } from "./mentions/suggestions/data/sources";
 export { assetTypeToIcon, assetTypeToThumb, configureAssetIconBasePath, } from "./mentions/suggestions/data/sources/asset-type-icons";
-export { MentionMenuSection, type MenuItem, type MenuScope, type WebpageMention, type WebpageMentionScope, } from "./mentions/suggestions/data/types";
+export { MentionMenuSection, type MentionTool, type MenuItem, type MenuScope, type WebpageMention, type WebpageMentionScope, } from "./mentions/suggestions/data/types";
 export { createOlympusAssetUrl } from "./lib/asset-urls";
 export { COMPOSER_DOCK_CLASS, COMPOSER_EDITOR_ROW_CLASS, COMPOSER_SURFACE_CLASS, COMPOSER_TOOLBAR_CLASS, BranchPicker, ComposerSendButton, ComposerStopButton, type ComposerSendButtonProps, type ComposerStopButtonProps, 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, type CreateAssistantMessageOptions, } from "./messages/message-components";
 export { UserEditComposer } from "./messages/user-edit-composer";
@@ -39,6 +39,7 @@ export { MessageActionsReadOnlyProvider, useMessageActionsReadOnly, } from "./me
 export { TextShimmerLoader, ThreadRunningIndicator, } from "./messages/running-indicator";
 export { SignInCard, SignInConsent, SignInFallbackSection, SignInSecondaryButton, SignInSelect, SignInTextField, } from "./auth/sign-in-card";
 export { RuntimeMessageCard, type RuntimeMessageCardProps } from "./messages/runtime-message";
+export { VoiceDelegationCard, type VoiceDelegationCardProps, VoiceDelegationMessage, } from "./messages/voice-delegation-card";
 export { ContinuePill } from "./messages/continue-pill";
 export { type ReadStatewireTailEnding, StatewireContinueRunAffordance, StatewireContinueRunButton, type StatewireContinueRunButtonProps, StatewireRunEndedFooter, type StatewireRunEndedFooterActionsContext, type StatewireRunEndedFooterProps, type StatewireTailEnding, } from "./messages/statewire-continue-run";
 export { StatewireApprovalCard, type StatewireApprovalCardProps, type StatewireApprovalRequestContext, } from "../chat/StatewireApprovalCard";