@athenaintel/react 0.15.0 → 0.16.0

package/dist/chat-ui.cjs

@@ -3,7 +3,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const composerSendOrStop = require("./composer-send-or-stop-RPudYkWR.cjs");
+const useRestConversationHistory = require("./use-rest-conversation-history-DqpE-QGK.cjs");
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const react = require("@assistant-ui/react");
@@ -20,6 +20,21 @@ function registerChatAssetMentionHandler(threadId, handler) {
     }
   };
 }
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$l = [
+  ["path", { d: "M12 8V4H8", key: "hb8ula" }],
+  ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
+  ["path", { d: "M2 14h2", key: "vft8re" }],
+  ["path", { d: "M20 14h2", key: "4cs60a" }],
+  ["path", { d: "M15 13v2", key: "1xurst" }],
+  ["path", { d: "M9 13v2", key: "rq6x2g" }]
+];
+const Bot = useRestConversationHistory.createLucideIcon("bot", __iconNode$l);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -39,7 +54,7 @@ const __iconNode$k = [
   ],
   ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
 ];
-const Building2 = composerSendOrStop.createLucideIcon("building-2", __iconNode$k);
+const Building2 = useRestConversationHistory.createLucideIcon("building-2", __iconNode$k);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -49,7 +64,7 @@ const Building2 = composerSendOrStop.createLucideIcon("building-2", __iconNode$k
 const __iconNode$j = [
   ["path", { d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z", key: "p7xjir" }]
 ];
-const Cloud = composerSendOrStop.createLucideIcon("cloud", __iconNode$j);
+const Cloud = useRestConversationHistory.createLucideIcon("cloud", __iconNode$j);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -66,7 +81,7 @@ const __iconNode$i = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = composerSendOrStop.createLucideIcon("eye", __iconNode$i);
+const Eye = useRestConversationHistory.createLucideIcon("eye", __iconNode$i);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -85,7 +100,7 @@ const __iconNode$h = [
   ["path", { d: "M10 12.5 8 15l2 2.5", key: "1tg20x" }],
   ["path", { d: "m14 12.5 2 2.5-2 2.5", key: "yinavb" }]
 ];
-const FileCode = composerSendOrStop.createLucideIcon("file-code", __iconNode$h);
+const FileCode = useRestConversationHistory.createLucideIcon("file-code", __iconNode$h);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -101,7 +116,7 @@ const __iconNode$g = [
     }
   ]
 ];
-const Headphones = composerSendOrStop.createLucideIcon("headphones", __iconNode$g);
+const Headphones = useRestConversationHistory.createLucideIcon("headphones", __iconNode$g);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -113,7 +128,7 @@ const __iconNode$f = [
   ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
   ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
 ];
-const Key = composerSendOrStop.createLucideIcon("key", __iconNode$f);
+const Key = useRestConversationHistory.createLucideIcon("key", __iconNode$f);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -131,7 +146,7 @@ const __iconNode$e = [
   ["path", { d: "M8 12h.01", key: "czm47f" }],
   ["rect", { width: "20", height: "16", x: "2", y: "4", rx: "2", key: "18n3k1" }]
 ];
-const Keyboard = composerSendOrStop.createLucideIcon("keyboard", __iconNode$e);
+const Keyboard = useRestConversationHistory.createLucideIcon("keyboard", __iconNode$e);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -144,7 +159,7 @@ const __iconNode$d = [
   ["rect", { width: "7", height: "9", x: "14", y: "12", rx: "1", key: "1hutg5" }],
   ["rect", { width: "7", height: "5", x: "3", y: "16", rx: "1", key: "ldoo1y" }]
 ];
-const LayoutDashboard = composerSendOrStop.createLucideIcon("layout-dashboard", __iconNode$d);
+const LayoutDashboard = useRestConversationHistory.createLucideIcon("layout-dashboard", __iconNode$d);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -157,7 +172,7 @@ const __iconNode$c = [
   ["path", { d: "M8 8v12", key: "1gg7y9" }],
   ["path", { d: "M4 4v16", key: "6qkkli" }]
 ];
-const Library = composerSendOrStop.createLucideIcon("library", __iconNode$c);
+const Library = useRestConversationHistory.createLucideIcon("library", __iconNode$c);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -169,7 +184,7 @@ const __iconNode$b = [
   ["path", { d: "M19 10v2a7 7 0 0 1-14 0v-2", key: "1vc78b" }],
   ["rect", { x: "9", y: "2", width: "6", height: "13", rx: "3", key: "s6n7sd" }]
 ];
-const Mic = composerSendOrStop.createLucideIcon("mic", __iconNode$b);
+const Mic = useRestConversationHistory.createLucideIcon("mic", __iconNode$b);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -189,7 +204,7 @@ const __iconNode$a = [
   ["circle", { cx: "6.5", cy: "12.5", r: ".5", fill: "currentColor", key: "qy21gx" }],
   ["circle", { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor", key: "fotxhn" }]
 ];
-const Palette = composerSendOrStop.createLucideIcon("palette", __iconNode$a);
+const Palette = useRestConversationHistory.createLucideIcon("palette", __iconNode$a);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -201,7 +216,7 @@ const __iconNode$9 = [
   ["path", { d: "M3 9h18", key: "1pudct" }],
   ["path", { d: "M9 21V9", key: "1oto5p" }]
 ];
-const PanelsTopLeft = composerSendOrStop.createLucideIcon("panels-top-left", __iconNode$9);
+const PanelsTopLeft = useRestConversationHistory.createLucideIcon("panels-top-left", __iconNode$9);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -226,7 +241,7 @@ const __iconNode$8 = [
   ["path", { d: "m2.3 2.3 7.286 7.286", key: "1wuzzi" }],
   ["circle", { cx: "11", cy: "11", r: "2", key: "xmgehs" }]
 ];
-const PenTool = composerSendOrStop.createLucideIcon("pen-tool", __iconNode$8);
+const PenTool = useRestConversationHistory.createLucideIcon("pen-tool", __iconNode$8);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -242,7 +257,7 @@ const __iconNode$7 = [
     }
   ]
 ];
-const Phone = composerSendOrStop.createLucideIcon("phone", __iconNode$7);
+const Phone = useRestConversationHistory.createLucideIcon("phone", __iconNode$7);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -253,7 +268,7 @@ const __iconNode$6 = [
   ["rect", { width: "14", height: "20", x: "5", y: "2", rx: "2", ry: "2", key: "1yt0o3" }],
   ["path", { d: "M12 18h.01", key: "mhygvu" }]
 ];
-const Smartphone = composerSendOrStop.createLucideIcon("smartphone", __iconNode$6);
+const Smartphone = useRestConversationHistory.createLucideIcon("smartphone", __iconNode$6);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -272,7 +287,7 @@ const __iconNode$5 = [
   ["path", { d: "M22 4h-4", key: "gwowj6" }],
   ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
 ];
-const Sparkles = composerSendOrStop.createLucideIcon("sparkles", __iconNode$5);
+const Sparkles = useRestConversationHistory.createLucideIcon("sparkles", __iconNode$5);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -286,7 +301,7 @@ const __iconNode$4 = [
   ],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
 ];
-const SquareCheckBig = composerSendOrStop.createLucideIcon("square-check-big", __iconNode$4);
+const SquareCheckBig = useRestConversationHistory.createLucideIcon("square-check-big", __iconNode$4);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -302,7 +317,7 @@ const __iconNode$3 = [
     }
   ]
 ];
-const Star = composerSendOrStop.createLucideIcon("star", __iconNode$3);
+const Star = useRestConversationHistory.createLucideIcon("star", __iconNode$3);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -313,7 +328,7 @@ const __iconNode$2 = [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
 ];
-const User = composerSendOrStop.createLucideIcon("user", __iconNode$2);
+const User = useRestConversationHistory.createLucideIcon("user", __iconNode$2);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -330,7 +345,7 @@ const __iconNode$1 = [
   ],
   ["rect", { x: "2", y: "6", width: "14", height: "12", rx: "2", key: "158x01" }]
 ];
-const Video = composerSendOrStop.createLucideIcon("video", __iconNode$1);
+const Video = useRestConversationHistory.createLucideIcon("video", __iconNode$1);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -346,7 +361,334 @@ const __iconNode = [
     }
   ]
 ];
-const Zap = composerSendOrStop.createLucideIcon("zap", __iconNode);
+const Zap = useRestConversationHistory.createLucideIcon("zap", __iconNode);
+function ChatHeaderRoot({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: useRestConversationHistory.cn(useRestConversationHistory.THREAD_HEADER_CLASS, className), children });
+}
+function ChatHeaderIdentity({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: useRestConversationHistory.cn(useRestConversationHistory.THREAD_HEADER_PILL_CLASS, className), children });
+}
+function ChatHeaderActions({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: useRestConversationHistory.cn(useRestConversationHistory.THREAD_HEADER_ACTIONS_CLASS, className), children });
+}
+const ChatHeader = {
+  Root: ChatHeaderRoot,
+  Identity: ChatHeaderIdentity,
+  Actions: ChatHeaderActions
+};
+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__ */ jsxRuntime.jsx(
+      useRestConversationHistory.LoaderCircle,
+      {
+        "aria-label": "Conversation running",
+        className: "mt-0.5 size-4 shrink-0 animate-spin text-primary"
+      }
+    );
+  }
+  const thumbnail = useRestConversationHistory.assetTypeToThumb(conversation.assetType ?? "session");
+  if (thumbnail) {
+    return /* @__PURE__ */ jsxRuntime.jsx("img", { src: thumbnail, alt: "", className: "mt-0.5 size-4 shrink-0" });
+  }
+  return automated ? /* @__PURE__ */ jsxRuntime.jsx(Bot, { className: "mt-0.5 size-4 shrink-0 text-primary" }) : /* @__PURE__ */ jsxRuntime.jsx(useRestConversationHistory.MessageSquare, { 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
+}) {
+  const origins = React.useMemo(
+    () => [...new Set(conversations.map(originKey))].sort(),
+    [conversations]
+  );
+  const grouped = React.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]);
+  const visibleCount = grouped.reduce(
+    (count, group) => count + group.items.length,
+    0
+  );
+  const handleSearch = (event) => onSearchChange(event.target.value);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      "aria-label": "Conversation history",
+      className: "border-b border-border bg-background px-2 pb-2",
+      "data-testid": "conversation-history-panel",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-10 items-center gap-1.5 px-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-[11px] font-semibold uppercase tracking-[0.08em] text-muted-foreground", children: "Sessions" }),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                useRestConversationHistory.RefreshCw,
+                {
+                  className: useRestConversationHistory.cn("size-3.5", isRefreshing && "animate-spin")
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(useRestConversationHistory.Plus, { className: "size-3" }),
+                " New"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "relative block min-w-0 px-1 pb-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(useRestConversationHistory.Search, { className: "pointer-events-none absolute left-3 top-1/2 size-3.5 -translate-y-[calc(50%+0.25rem)] text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Search sessions" }),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex gap-1 overflow-x-auto px-1 pb-2 text-[11px]", children: [
+          ["all", "chat", "automated"].map((filter) => /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onActivityFilterChange(filter),
+              className: useRestConversationHistory.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "all", children: "All origins" }),
+                origins.map((origin) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: origin, children: originLabel(origin) }, origin))
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-h-[min(60vh,28rem)] overflow-y-auto px-0.5", children: [
+          isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-2 py-4 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(useRestConversationHistory.LoaderCircle, { className: "size-3.5 animate-spin" }),
+            " Loading sessions…"
+          ] }) : visibleCount === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-2 py-4 text-xs text-muted-foreground", children: "No matching sessions." }) : grouped.map(({ group, items }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: useRestConversationHistory.cn(
+                    "group flex items-start gap-2 rounded-md px-2 py-2 hover:bg-accent",
+                    conversation.threadId === activeThreadId && "bg-primary/10 text-primary"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                            ConversationTypeIcon,
+                            {
+                              conversation,
+                              automated
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-start gap-1", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-2 flex-1 text-xs font-medium leading-snug", children: useRestConversationHistory.conversationDisplayTitle(conversation) }),
+                              conversation.isUnread ? /* @__PURE__ */ jsxRuntime.jsx(
+                                "span",
+                                {
+                                  "aria-label": "Unread",
+                                  className: "mt-1 size-1.5 shrink-0 rounded-full bg-primary"
+                                }
+                              ) : null
+                            ] }),
+                            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-0.5 flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { children: relativeTime(conversation.updatedAt) }),
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "·" }),
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: originLabel(originKey(conversation)) })
+                            ] })
+                          ] })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": `Archive ${useRestConversationHistory.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__ */ jsxRuntime.jsx(useRestConversationHistory.Archive, { className: "size-3.5" })
+                      }
+                    )
+                  ]
+                },
+                conversation.threadId
+              );
+            })
+          ] }, group)),
+          hasNextPage ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("p", { className: "py-2 text-center text-[10px] text-muted-foreground/70", children: "No more sessions" }) : null
+        ] })
+      ]
+    }
+  );
+}
 function makeMentionUrl(attrs) {
   if (attrs.type === "tool") {
     return `mention://tool?name=${encodeURIComponent(attrs.id)}&description=${encodeURIComponent(attrs.description ?? "")}`;
@@ -388,7 +730,7 @@ function parseMentionAnchorAttributes({
     assetType: url.searchParams.get("assetType") || ""
   };
 }
-const MentionExtension = composerSendOrStop.Node.create({
+const MentionExtension = useRestConversationHistory.Node.create({
   name: "mention",
   group: "inline",
   inline: true,
@@ -456,7 +798,7 @@ const MentionExtension = composerSendOrStop.Node.create({
     children.push(["span", { class: "mention-chip-text" }, node.attrs.name]);
     return [
       "span",
-      composerSendOrStop.mergeAttributes(HTMLAttributes, {
+      useRestConversationHistory.mergeAttributes(HTMLAttributes, {
         "data-mention": "",
         "data-type": node.attrs.type,
         "data-name": node.attrs.name,
@@ -484,7 +826,7 @@ const MentionExtension = composerSendOrStop.Node.create({
     return `[@${node.attrs.name}](${url})`;
   }
 });
-const MentionSuggestionsExtension = composerSendOrStop.Extension.create({
+const MentionSuggestionsExtension = useRestConversationHistory.Extension.create({
   name: "mentionSuggestions",
   addOptions() {
     return {
@@ -495,7 +837,7 @@ const MentionSuggestionsExtension = composerSendOrStop.Extension.create({
   addProseMirrorPlugins() {
     const callbacks = this.options.callbacks;
     return [
-      composerSendOrStop.Suggestion({
+      useRestConversationHistory.Suggestion({
         editor: this.editor,
         char: "@",
         allowSpaces: false,
@@ -550,10 +892,10 @@ const MentionSuggestionsExtension = composerSendOrStop.Extension.create({
   }
 });
 const MentionSuggestionPopup = ({ clientRect, children }) => {
-  const { refs, floatingStyles } = composerSendOrStop.useFloating$1({
+  const { refs, floatingStyles } = useRestConversationHistory.useFloating$1({
     placement: "bottom-start",
-    middleware: [composerSendOrStop.offset(10), composerSendOrStop.flip(), composerSendOrStop.shift({ padding: 8 })],
-    whileElementsMounted: composerSendOrStop.autoUpdate
+    middleware: [useRestConversationHistory.offset(10), useRestConversationHistory.flip(), useRestConversationHistory.shift({ padding: 8 })],
+    whileElementsMounted: useRestConversationHistory.autoUpdate
   });
   React.useEffect(() => {
     if (clientRect) {
@@ -562,7 +904,7 @@ const MentionSuggestionPopup = ({ clientRect, children }) => {
       });
     }
   }, [clientRect, refs]);
-  return /* @__PURE__ */ jsxRuntime.jsx(composerSendOrStop.FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(useRestConversationHistory.FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ref: refs.setFloating,
@@ -578,11 +920,11 @@ function selectItems(store, scope, query, _targetCount, parentScope) {
   const state = store.state;
   const scopeId = typeof scope === "string" ? scope : scope.id;
   const parentScopeId = parentScope ? typeof parentScope === "string" ? parentScope : parentScope.id : void 0;
-  const items = composerSendOrStop.getFilteredItems(state.cache, scopeId, query);
+  const items = useRestConversationHistory.getFilteredItems(state.cache, scopeId, query);
   let isFetching = false;
   let hasMore = true;
   try {
-    const fetchState = composerSendOrStop.getFetchState(state.registry, scopeId, query, parentScopeId);
+    const fetchState = useRestConversationHistory.getFetchState(state.registry, scopeId, query, parentScopeId);
     isFetching = fetchState.isFetching;
     hasMore = fetchState.hasNextPage;
   } catch {
@@ -596,17 +938,17 @@ function triggerFetchIfNeeded(store, scope, query, _targetCount, parentScope) {
   const state = store.state;
   let entry;
   try {
-    entry = composerSendOrStop.getEntry(state.registry, scopeId, parentScopeId);
+    entry = useRestConversationHistory.getEntry(state.registry, scopeId, parentScopeId);
   } catch {
     return;
   }
-  const fetchState = composerSendOrStop.getFetchState(state.registry, scopeId, query, parentScopeId);
+  const fetchState = useRestConversationHistory.getFetchState(state.registry, scopeId, query, parentScopeId);
   if (fetchState.isFetching || !fetchState.hasNextPage || fetchState.error) {
     return;
   }
   const meta = fetchState.meta || {};
   if ((meta.fetchAttempts || 0) >= 10) return;
-  composerSendOrStop.updateFetchState(state.registry, scopeId, query, { isFetching: true }, parentScopeId);
+  useRestConversationHistory.updateFetchState(state.registry, scopeId, query, { isFetching: true }, parentScopeId);
   store.setState((prev) => ({ ...prev }));
   const sourceFn = entry.sourceFn;
   const sourceConfig = entry.sourceConfig;
@@ -618,13 +960,13 @@ function triggerFetchIfNeeded(store, scope, query, _targetCount, parentScope) {
   }).then((result) => {
     var _a, _b;
     const currentState = store.state;
-    composerSendOrStop.addItems(currentState.cache, result.items, scopeId);
+    useRestConversationHistory.addItems(currentState.cache, result.items, scopeId);
     if (result.sources) {
       for (const src of result.sources) {
         try {
-          composerSendOrStop.getEntry(currentState.registry, src.scope);
+          useRestConversationHistory.getEntry(currentState.registry, src.scope);
         } catch {
-          composerSendOrStop.registerSource(
+          useRestConversationHistory.registerSource(
             currentState.registry,
             src.scope,
             src.sourceFn,
@@ -636,13 +978,13 @@ function triggerFetchIfNeeded(store, scope, query, _targetCount, parentScope) {
     }
     if (result.bindings) {
       for (const binding of result.bindings) {
-        composerSendOrStop.bindScopes(currentState.registry, binding.browseScope, binding.searchScope);
+        useRestConversationHistory.bindScopes(currentState.registry, binding.browseScope, binding.searchScope);
       }
     }
     const currentMeta = fetchState.meta || {};
     const consumed = ((_a = result.pagination) == null ? void 0 : _a.consumedCount) ?? result.items.length;
     const newValidated = (currentMeta.validatedCount || 0) + consumed;
-    composerSendOrStop.updateFetchState(
+    useRestConversationHistory.updateFetchState(
       currentState.registry,
       scopeId,
       query,
@@ -667,7 +1009,7 @@ function triggerFetchIfNeeded(store, scope, query, _targetCount, parentScope) {
     const currentMeta = fetchState.meta || {};
     const errorAttempts = (currentMeta.errorAttempts || 0) + 1;
     const retriable = errorAttempts < MAX_ERROR_RETRIES;
-    composerSendOrStop.updateFetchState(
+    useRestConversationHistory.updateFetchState(
       currentState.registry,
       scopeId,
       query,
@@ -688,7 +1030,7 @@ function useMenuItems(store, options) {
   React.useEffect(() => {
     setTargetCount(minItems);
   }, [scope, query, minItems]);
-  const snapshot = composerSendOrStop.useStore(
+  const snapshot = useRestConversationHistory.useStore(
     store,
     () => selectItems(store, scope, query, targetCount, parentScope)
   );
@@ -758,52 +1100,52 @@ const MentionMenuSection = {
 };
 const ICON_MAP = {
   // General
-  file: composerSendOrStop.File,
-  "file-text": composerSendOrStop.FileText,
+  file: useRestConversationHistory.File,
+  "file-text": useRestConversationHistory.FileText,
   "file-code": FileCode,
-  folder: composerSendOrStop.Folder,
-  "folder-kanban": composerSendOrStop.FolderKanban,
-  globe: composerSendOrStop.Globe,
-  search: composerSendOrStop.Search,
+  folder: useRestConversationHistory.Folder,
+  "folder-kanban": useRestConversationHistory.FolderKanban,
+  globe: useRestConversationHistory.Globe,
+  search: useRestConversationHistory.Search,
   star: Star,
-  users: composerSendOrStop.Users,
+  users: useRestConversationHistory.Users,
   user: User,
-  wrench: composerSendOrStop.Wrench,
-  package: composerSendOrStop.Package,
+  wrench: useRestConversationHistory.Wrench,
+  package: useRestConversationHistory.Package,
   "building-2": Building2,
-  "hard-drive": composerSendOrStop.HardDrive,
-  "layout-grid": composerSendOrStop.LayoutGrid,
+  "hard-drive": useRestConversationHistory.HardDrive,
+  "layout-grid": useRestConversationHistory.LayoutGrid,
   zap: Zap,
   eye: Eye,
   // Chrome tools
-  camera: composerSendOrStop.Camera,
+  camera: useRestConversationHistory.Camera,
   keyboard: Keyboard,
-  code: composerSendOrStop.Code,
-  monitor: composerSendOrStop.Monitor,
+  code: useRestConversationHistory.Code,
+  monitor: useRestConversationHistory.Monitor,
   // Asset types
-  image: composerSendOrStop.Image,
+  image: useRestConversationHistory.Image,
   video: Video,
   headphones: Headphones,
   mic: Mic,
-  mail: composerSendOrStop.Mail,
-  calendar: composerSendOrStop.Calendar,
+  mail: useRestConversationHistory.Mail,
+  calendar: useRestConversationHistory.Calendar,
   phone: Phone,
-  database: composerSendOrStop.Database,
-  table: composerSendOrStop.Table,
-  sheet: composerSendOrStop.Sheet,
+  database: useRestConversationHistory.Database,
+  table: useRestConversationHistory.Table,
+  sheet: useRestConversationHistory.Sheet,
   palette: Palette,
   "pen-tool": PenTool,
   layout: PanelsTopLeft,
   "layout-dashboard": LayoutDashboard,
   library: Library,
-  "book-open": composerSendOrStop.BookOpen,
+  "book-open": useRestConversationHistory.BookOpen,
   sparkles: Sparkles,
   "check-square": SquareCheckBig,
   key: Key,
   smartphone: Smartphone,
   cloud: Cloud,
-  workflow: composerSendOrStop.Workflow,
-  presentation: composerSendOrStop.FileText
+  workflow: useRestConversationHistory.Workflow,
+  presentation: useRestConversationHistory.FileText
   // Fallback for presentation type
 };
 function MentionIcon({
@@ -818,7 +1160,7 @@ function MentionIcon({
   const Icon = fallbackIcon ? ICON_MAP[fallbackIcon] : void 0;
   if (Icon) return /* @__PURE__ */ jsxRuntime.jsx(Icon, { className });
   if (fallbackIcon) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm flex-shrink-0", children: fallbackIcon });
-  return /* @__PURE__ */ jsxRuntime.jsx(composerSendOrStop.File, { className });
+  return /* @__PURE__ */ jsxRuntime.jsx(useRestConversationHistory.File, { className });
 }
 function MenuItemRow({
   item,
@@ -836,7 +1178,7 @@ function MenuItemRow({
       tabIndex: -1,
       onClick,
       onMouseEnter,
-      className: composerSendOrStop.cn(
+      className: useRestConversationHistory.cn(
         "mention-item flex items-center justify-between gap-2 px-2 py-1.5 rounded cursor-pointer transition-colors",
         "hover:bg-gray-100",
         item.menuSection === MentionMenuSection.CURRENT_WEBPAGE && !isSelected && "bg-sky-50/70",
@@ -1038,7 +1380,7 @@ function getSelectedIndex(state) {
 }
 function useMenuNavigation() {
   const [store] = React.useState(() => {
-    const baseStore = new composerSendOrStop.Store({
+    const baseStore = new useRestConversationHistory.Store({
       scopeStack: [{ scope: "root", selectedIndex: 0 }],
       query: "",
       isActive: false
@@ -1118,14 +1460,14 @@ function clearTextAfterTrigger(editor) {
 const MentionSuggestionList = React.forwardRef(({ store, editor, query, command, closeMenu }, ref) => {
   const [selectedIndexOverride, setSelectedIndexOverride] = React.useState(null);
   const navStore = useMenuNavigation();
-  const currentScopeId = composerSendOrStop.useStore(navStore, (s) => getCurrentScope(s));
-  const navSelectedIndex = composerSendOrStop.useStore(navStore, (s) => getSelectedIndex(s));
+  const currentScopeId = useRestConversationHistory.useStore(navStore, (s) => getCurrentScope(s));
+  const navSelectedIndex = useRestConversationHistory.useStore(navStore, (s) => getSelectedIndex(s));
   const selectedIndex = selectedIndexOverride ?? navSelectedIndex;
-  const scopeStack = composerSendOrStop.useStore(navStore, (s) => s.scopeStack);
+  const scopeStack = useRestConversationHistory.useStore(navStore, (s) => s.scopeStack);
   let effectiveScopeId = currentScopeId;
   if (query) {
     try {
-      const searchScope = composerSendOrStop.getSearchScope(store.state.registry, currentScopeId);
+      const searchScope = useRestConversationHistory.getSearchScope(store.state.registry, currentScopeId);
       if (searchScope) {
         effectiveScopeId = searchScope;
       }
@@ -1222,8 +1564,8 @@ function assetToMenuItem(asset) {
     id: asset.id,
     name: asset.title || "Untitled",
     type: isFolder ? "folder" : "asset",
-    thumbnailUrl: composerSendOrStop.assetTypeToThumb(asset.athenaOriginalType),
-    fallbackIcon: composerSendOrStop.assetTypeToIcon(asset.athenaOriginalType),
+    thumbnailUrl: useRestConversationHistory.assetTypeToThumb(asset.athenaOriginalType),
+    fallbackIcon: useRestConversationHistory.assetTypeToIcon(asset.athenaOriginalType),
     navigatesToScope: isFolder ? asset.id : void 0,
     visibleInScopes: /* @__PURE__ */ new Set(),
     updatedAt: asset.updatedAt ?? void 0,
@@ -1249,9 +1591,9 @@ async function querySimpleSearch(auth, opts) {
     sort: { field: "UPDATED_AT", direction: "DESC" },
     filterColumns: { isArchived: false, isHidden: false }
   };
-  const data = await composerSendOrStop.fetchGraphQL(
+  const data = await useRestConversationHistory.fetchGraphQL(
     auth,
-    composerSendOrStop.SIMPLE_SEARCH_QUERY,
+    useRestConversationHistory.SIMPLE_SEARCH_QUERY,
     { input }
   );
   const assets = ((_b = data.simpleSearch) == null ? void 0 : _b.assets) || [];
@@ -1282,7 +1624,7 @@ function webpageToMenuItem(webpage) {
     id: `webpage-tab-${webpage.tabId}`,
     name: webpage.isCurrent ? "This webpage" : webpage.title,
     type: "tab",
-    thumbnailUrl: composerSendOrStop.assetTypeToThumb("web_page"),
+    thumbnailUrl: useRestConversationHistory.assetTypeToThumb("web_page"),
     fallbackIcon: "globe",
     visibleInScopes: /* @__PURE__ */ new Set(["root"]),
     description: webpageDescription(webpage),
@@ -1344,9 +1686,9 @@ const fetchFavorites = async (context) => {
   const limit = sourceConfig.limit ?? 50;
   const meta = fetchState.meta || {};
   const offset = meta.validatedCount || 0;
-  const data = await composerSendOrStop.fetchGraphQL(
+  const data = await useRestConversationHistory.fetchGraphQL(
     sourceConfig.auth,
-    composerSendOrStop.PAGINATED_ASSETS_QUERY,
+    useRestConversationHistory.PAGINATED_ASSETS_QUERY,
     {
       limit,
       offset,
@@ -1388,9 +1730,9 @@ const fetchFolderContents = async (context) => {
   const meta = fetchState.meta || {};
   const offset = meta.validatedCount || 0;
   const parentFolderId = scope === "internal_drive" ? null : scope;
-  const data = await composerSendOrStop.fetchGraphQL(
+  const data = await useRestConversationHistory.fetchGraphQL(
     sourceConfig.auth,
-    composerSendOrStop.PAGINATED_ASSETS_QUERY,
+    useRestConversationHistory.PAGINATED_ASSETS_QUERY,
     {
       limit,
       offset,
@@ -1438,9 +1780,9 @@ const fetchTeam = async (context) => {
   if (!auth.workspaceId) {
     return { items: [], pagination: { hasMore: false } };
   }
-  const data = await composerSendOrStop.fetchGraphQL(
+  const data = await useRestConversationHistory.fetchGraphQL(
     auth,
-    composerSendOrStop.WORKSPACE_MEMBERS_QUERY,
+    useRestConversationHistory.WORKSPACE_MEMBERS_QUERY,
     { workspaceId: auth.workspaceId }
   );
   const members = data.getUsersInWorkspace || [];
@@ -1525,17 +1867,17 @@ function buildStore({
   getWebpages,
   rootCategories
 }) {
-  const registry = composerSendOrStop.createScopeRegistry();
-  const cache = composerSendOrStop.createItemCache();
-  composerSendOrStop.registerSource(registry, "root", transformRootCategories, {
+  const registry = useRestConversationHistory.createScopeRegistry();
+  const cache = useRestConversationHistory.createItemCache();
+  useRestConversationHistory.registerSource(registry, "root", transformRootCategories, {
     categories: [...rootCategories],
     getWebpages
   });
-  composerSendOrStop.registerSource(registry, "global_search", fetchGlobalSearch, { auth });
-  composerSendOrStop.bindScopes(registry, "root", "global_search");
-  composerSendOrStop.registerSource(registry, "athena_assets", fetchAssets, { auth, limit: 50 });
-  composerSendOrStop.registerSource(registry, "favorites", fetchFavorites, { auth, limit: 50 });
-  composerSendOrStop.registerSource(
+  useRestConversationHistory.registerSource(registry, "global_search", fetchGlobalSearch, { auth });
+  useRestConversationHistory.bindScopes(registry, "root", "global_search");
+  useRestConversationHistory.registerSource(registry, "athena_assets", fetchAssets, { auth, limit: 50 });
+  useRestConversationHistory.registerSource(registry, "favorites", fetchFavorites, { auth, limit: 50 });
+  useRestConversationHistory.registerSource(
     registry,
     "athena_folders",
     fetchFolders,
@@ -1543,26 +1885,26 @@ function buildStore({
     true
     /* isFlat */
   );
-  composerSendOrStop.registerSource(registry, "internal_drive", fetchFolderContents, { auth, limit: 50 });
-  composerSendOrStop.registerSource(registry, "athena_projects", fetchTypedAssets, {
+  useRestConversationHistory.registerSource(registry, "internal_drive", fetchFolderContents, { auth, limit: 50 });
+  useRestConversationHistory.registerSource(registry, "athena_projects", fetchTypedAssets, {
     auth,
     includeOnlyTypes: ["project"],
     limit: 50
   });
-  composerSendOrStop.registerSource(registry, "athena_browse_profiles", fetchTypedAssets, {
+  useRestConversationHistory.registerSource(registry, "athena_browse_profiles", fetchTypedAssets, {
     auth,
     includeOnlyTypes: ["browse_profile"],
     limit: 50
   });
-  composerSendOrStop.registerSource(registry, "team", fetchTeam, { auth });
-  composerSendOrStop.registerSource(registry, "drive_catalogs", fetchDrives, { auth });
-  return new composerSendOrStop.Store({ registry, cache });
+  useRestConversationHistory.registerSource(registry, "team", fetchTeam, { auth });
+  useRestConversationHistory.registerSource(registry, "drive_catalogs", fetchDrives, { auth });
+  return new useRestConversationHistory.Store({ registry, cache });
 }
 function useMentionSuggestions({
   webpages,
   rootCategories = ROOT_MENTION_CATEGORIES
 }) {
-  const auth = composerSendOrStop.useMentionAuth();
+  const auth = useRestConversationHistory.useMentionAuth();
   const webpagesRef = React.useRef(webpages);
   webpagesRef.current = webpages;
   const store = React.useMemo(
@@ -1629,7 +1971,7 @@ class PendingAttachmentUploads {
     }
   }
 }
-const SubmitKeybind = composerSendOrStop.Extension.create({
+const SubmitKeybind = useRestConversationHistory.Extension.create({
   name: "submitKeybind",
   priority: 1e3,
   addOptions() {
@@ -1706,7 +2048,7 @@ function plainTextToTiptapContent(text) {
   };
 }
 const NO_WEBPAGES = [];
-const TiptapComposer = React.forwardRef(({ placeholder = "Message Athena... (type @ to mention)", threadId, disabled = false, webpages = NO_WEBPAGES, rootCategories, onDraftStateChange }, outerRef) => {
+const TiptapComposer = React.forwardRef(({ placeholder = "Message Athena... (type @ to mention)", threadId, disabled = false, webpages = NO_WEBPAGES, rootCategories, onDraftStateChange, interceptSubmit }, outerRef) => {
   const aui = react.useAui();
   const composerInput = react.unstable_useComposerInput();
   const applyingRuntimeTextRef = React.useRef(false);
@@ -1738,6 +2080,7 @@ const TiptapComposer = React.forwardRef(({ placeholder = "Message Athena... (typ
   });
   const editorRef = React.useRef(null);
   const handleSubmit = React.useCallback(async () => {
+    var _a;
     if (disabled) return;
     if (submitInFlightRef.current) return;
     submitInFlightRef.current = true;
@@ -1748,6 +2091,14 @@ const TiptapComposer = React.forwardRef(({ placeholder = "Message Athena... (typ
       const text = ed.getText({ blockSeparator: "\n" }).trim();
       if (!text) return;
       if (!composerInput.canSend) return;
+      if (interceptSubmit) {
+        const hasAttachments = (((_a = aui.composer.getState().attachments) == null ? void 0 : _a.length) ?? 0) > 0;
+        if (!hasAttachments && await interceptSubmit(text)) {
+          ed.commands.clearContent();
+          onDraftStateChange == null ? void 0 : onDraftStateChange(false);
+          return;
+        }
+      }
       composerInput.setText(text);
       composerInput.send({ steer: false });
       ed.commands.clearContent();
@@ -1755,7 +2106,7 @@ const TiptapComposer = React.forwardRef(({ placeholder = "Message Athena... (typ
     } finally {
       submitInFlightRef.current = false;
     }
-  }, [composerInput, disabled, onDraftStateChange]);
+  }, [composerInput, disabled, interceptSubmit, onDraftStateChange]);
   const handleSubmitRef = React.useRef(handleSubmit);
   handleSubmitRef.current = handleSubmit;
   const addAttachment = React.useCallback(
@@ -1805,10 +2156,10 @@ const TiptapComposer = React.forwardRef(({ placeholder = "Message Athena... (typ
     },
     [addAttachment]
   );
-  const editor = composerSendOrStop.useEditor({
+  const editor = useRestConversationHistory.useEditor({
     editable: !disabled,
     extensions: [
-      composerSendOrStop.StarterKit.configure({
+      useRestConversationHistory.StarterKit.configure({
         heading: false,
         blockquote: false,
         bulletList: false,
@@ -1816,7 +2167,7 @@ const TiptapComposer = React.forwardRef(({ placeholder = "Message Athena... (typ
         codeBlock: false,
         horizontalRule: false
       }),
-      composerSendOrStop.Placeholder.configure({ placeholder }),
+      useRestConversationHistory.Placeholder.configure({ placeholder }),
       MentionExtension,
       MentionSuggestionsExtension.configure({
         store,
@@ -1829,7 +2180,8 @@ const TiptapComposer = React.forwardRef(({ placeholder = "Message Athena... (typ
     ],
     editorProps: {
       attributes: {
-        class: "w-full resize-none bg-transparent px-1.5 py-2 text-sm leading-snug outline-none"
+        class: "w-full resize-none bg-transparent px-1.5 py-2 text-sm leading-snug outline-none",
+        "data-testid": "athena-chat-composer"
       },
       handlePaste,
       handleDrop
@@ -1886,7 +2238,7 @@ const TiptapComposer = React.forwardRef(({ placeholder = "Message Athena... (typ
         className: "flex-1 min-w-0",
         "aria-label": "Message composer",
         "aria-disabled": disabled,
-        children: /* @__PURE__ */ jsxRuntime.jsx(composerSendOrStop.EditorContent, { editor })
+        children: /* @__PURE__ */ jsxRuntime.jsx(useRestConversationHistory.EditorContent, { editor })
       }
     ),
     popupOpen && popupProps && editor && /* @__PURE__ */ jsxRuntime.jsx(MentionSuggestionPopup, { clientRect: popupProps.clientRect, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1968,7 +2320,7 @@ const SignInTextField = ({ label, placeholder, value, onChange, type = "text", c
   /* @__PURE__ */ jsxRuntime.jsx(
     "input",
     {
-      className: composerSendOrStop.cn(
+      className: useRestConversationHistory.cn(
         "h-9 w-full rounded-md border bg-background px-2.5 text-xs outline-none focus:ring-2 focus:ring-ring/20",
         className
       ),
@@ -2022,43 +2374,51 @@ const SignInConsent = ({ checked, onChange, children }) => /* @__PURE__ */ jsxRu
   ),
   /* @__PURE__ */ jsxRuntime.jsx("span", { children })
 ] });
-exports.BranchPicker = composerSendOrStop.BranchPicker;
-exports.COMPOSER_DOCK_CLASS = composerSendOrStop.COMPOSER_DOCK_CLASS;
-exports.COMPOSER_EDITOR_ROW_CLASS = composerSendOrStop.COMPOSER_EDITOR_ROW_CLASS;
-exports.COMPOSER_SURFACE_CLASS = composerSendOrStop.COMPOSER_SURFACE_CLASS;
-exports.COMPOSER_TOOLBAR_CLASS = composerSendOrStop.COMPOSER_TOOLBAR_CLASS;
-exports.ChatComposerDock = composerSendOrStop.ChatComposerDock;
-exports.ChatThreadShell = composerSendOrStop.ChatThreadShell;
-exports.ComposerSendButton = composerSendOrStop.ComposerSendButton;
-exports.ComposerSendOrStop = composerSendOrStop.ComposerSendOrStop;
-exports.ComposerStopButton = composerSendOrStop.ComposerStopButton;
-exports.IconButton = composerSendOrStop.IconButton;
-exports.MarkdownText = composerSendOrStop.MarkdownText;
-exports.MentionAuthCtx = composerSendOrStop.MentionAuthCtx;
-exports.MentionChip = composerSendOrStop.MentionChip;
-exports.MentionLink = composerSendOrStop.MentionLink;
-exports.SIMPLE_SEARCH_QUERY = composerSendOrStop.SIMPLE_SEARCH_QUERY;
-exports.SmallIconButton = composerSendOrStop.SmallIconButton;
-exports.THREAD_HEADER_ACTIONS_CLASS = composerSendOrStop.THREAD_HEADER_ACTIONS_CLASS;
-exports.THREAD_HEADER_CLASS = composerSendOrStop.THREAD_HEADER_CLASS;
-exports.THREAD_HEADER_ICON_CLASS = composerSendOrStop.THREAD_HEADER_ICON_CLASS;
-exports.THREAD_HEADER_PILL_CLASS = composerSendOrStop.THREAD_HEADER_PILL_CLASS;
-exports.THREAD_PANEL_CLASS = composerSendOrStop.THREAD_PANEL_CLASS;
-exports.THREAD_SCROLL_TO_BOTTOM_CLASS = composerSendOrStop.THREAD_SCROLL_TO_BOTTOM_CLASS;
-exports.TextShimmerLoader = composerSendOrStop.TextShimmerLoader;
-exports.ThreadRunningIndicator = composerSendOrStop.ThreadRunningIndicator;
-exports.UserMessage = composerSendOrStop.UserMessage;
-exports.assetTypeToIcon = composerSendOrStop.assetTypeToIcon;
-exports.assetTypeToThumb = composerSendOrStop.assetTypeToThumb;
-exports.configureAssetIconBasePath = composerSendOrStop.configureAssetIconBasePath;
-exports.createAssistantMessage = composerSendOrStop.createAssistantMessage;
-exports.createOlympusAssetUrl = composerSendOrStop.createOlympusAssetUrl;
-exports.fetchGraphQL = composerSendOrStop.fetchGraphQL;
-exports.normalizeAthenaMentionHtml = composerSendOrStop.normalizeAthenaMentionHtml;
-exports.parseMentionUrl = composerSendOrStop.parseMentionUrl;
-exports.parseMentionsInText = composerSendOrStop.parseMentionsInText;
-exports.resolveComposerAction = composerSendOrStop.resolveComposerAction;
-exports.useMentionAuth = composerSendOrStop.useMentionAuth;
+exports.BranchPicker = useRestConversationHistory.BranchPicker;
+exports.COMPOSER_DOCK_CLASS = useRestConversationHistory.COMPOSER_DOCK_CLASS;
+exports.COMPOSER_EDITOR_ROW_CLASS = useRestConversationHistory.COMPOSER_EDITOR_ROW_CLASS;
+exports.COMPOSER_SURFACE_CLASS = useRestConversationHistory.COMPOSER_SURFACE_CLASS;
+exports.COMPOSER_TOOLBAR_CLASS = useRestConversationHistory.COMPOSER_TOOLBAR_CLASS;
+exports.ChatComposerDock = useRestConversationHistory.ChatComposerDock;
+exports.ChatThreadShell = useRestConversationHistory.ChatThreadShell;
+exports.ComposerSendButton = useRestConversationHistory.ComposerSendButton;
+exports.ComposerSendOrStop = useRestConversationHistory.ComposerSendOrStop;
+exports.ComposerStopButton = useRestConversationHistory.ComposerStopButton;
+exports.IconButton = useRestConversationHistory.IconButton;
+exports.MarkdownText = useRestConversationHistory.MarkdownText;
+exports.MentionAuthCtx = useRestConversationHistory.MentionAuthCtx;
+exports.MentionChip = useRestConversationHistory.MentionChip;
+exports.MentionLink = useRestConversationHistory.MentionLink;
+exports.MessageActionsReadOnlyProvider = useRestConversationHistory.MessageActionsReadOnlyProvider;
+exports.SIMPLE_SEARCH_QUERY = useRestConversationHistory.SIMPLE_SEARCH_QUERY;
+exports.SmallIconButton = useRestConversationHistory.SmallIconButton;
+exports.THREAD_HEADER_ACTIONS_CLASS = useRestConversationHistory.THREAD_HEADER_ACTIONS_CLASS;
+exports.THREAD_HEADER_CLASS = useRestConversationHistory.THREAD_HEADER_CLASS;
+exports.THREAD_HEADER_ICON_CLASS = useRestConversationHistory.THREAD_HEADER_ICON_CLASS;
+exports.THREAD_HEADER_PILL_CLASS = useRestConversationHistory.THREAD_HEADER_PILL_CLASS;
+exports.THREAD_PANEL_CLASS = useRestConversationHistory.THREAD_PANEL_CLASS;
+exports.THREAD_SCROLL_TO_BOTTOM_CLASS = useRestConversationHistory.THREAD_SCROLL_TO_BOTTOM_CLASS;
+exports.TextShimmerLoader = useRestConversationHistory.TextShimmerLoader;
+exports.ThreadRunningIndicator = useRestConversationHistory.ThreadRunningIndicator;
+exports.UserEditComposer = useRestConversationHistory.UserEditComposer;
+exports.UserMessage = useRestConversationHistory.UserMessage;
+exports.assetTypeToIcon = useRestConversationHistory.assetTypeToIcon;
+exports.assetTypeToThumb = useRestConversationHistory.assetTypeToThumb;
+exports.configureAssetIconBasePath = useRestConversationHistory.configureAssetIconBasePath;
+exports.createAssistantMessage = useRestConversationHistory.createAssistantMessage;
+exports.createOlympusAssetUrl = useRestConversationHistory.createOlympusAssetUrl;
+exports.fetchGraphQL = useRestConversationHistory.fetchGraphQL;
+exports.normalizeAthenaMentionHtml = useRestConversationHistory.normalizeAthenaMentionHtml;
+exports.parseMentionUrl = useRestConversationHistory.parseMentionUrl;
+exports.parseMentionsInText = useRestConversationHistory.parseMentionsInText;
+exports.resolveComposerAction = useRestConversationHistory.resolveComposerAction;
+exports.useMentionAuth = useRestConversationHistory.useMentionAuth;
+exports.useMessageActionsReadOnly = useRestConversationHistory.useMessageActionsReadOnly;
+exports.ChatHeader = ChatHeader;
+exports.ChatHeaderActions = ChatHeaderActions;
+exports.ChatHeaderIdentity = ChatHeaderIdentity;
+exports.ChatHeaderRoot = ChatHeaderRoot;
+exports.ConversationHistoryPanel = ConversationHistoryPanel;
 exports.MentionExtension = MentionExtension;
 exports.MentionIcon = MentionIcon;
 exports.MentionMenuSection = MentionMenuSection;