@athenaintel/react 0.17.0 → 0.18.0

package/dist/chat-ui.js

@@ -1,15 +1,16 @@
 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);
-import { au as createLucideIcon, O as cn, bJ as THREAD_HEADER_ACTIONS_CLASS, bK as THREAD_HEADER_PILL_CLASS, bL as THREAD_HEADER_CLASS, b4 as RefreshCw, bm as Plus, b9 as Search, be as LoaderCircle, bx as conversationDisplayTitle, b7 as Archive, bM as assetTypeToThumb, aA as MessageSquare, ak as Node, a2 as mergeAttributes, aq as Extension, aW as Suggestion, aU as useFloating, aV as FloatingPortal, N as autoUpdate, F as offset, I as flip, G as shift, aS as getFilteredItems, bN as getFetchState, bO as getEntry, bP as updateFetchState, a_ as addItems, aZ as registerSource, bQ as bindScopes, aR as useStore, aH as FileText, aw as Workflow, aK as BookOpen, bc as Sheet, ba as Table, aI as Database, aJ as Calendar, aB as Mail, bb as Image, az as Monitor, b8 as Code, bd as Camera, aC as LayoutGrid, aD as HardDrive, ay as Package, av as Wrench, ax as Users, aE as Globe, aF as FolderKanban, aG as Folder, bl as File$1, aY as Store, bR as getSearchScope, bS as fetchGraphQL, bT as PAGINATED_ASSETS_QUERY, bU as WORKSPACE_MEMBERS_QUERY, bV as SIMPLE_SEARCH_QUERY, bW as assetTypeToIcon, bX as useMentionAuth, b0 as createScopeRegistry, a$ as createItemCache, aO as useEditor, aQ as StarterKit, b3 as Placeholder, aP as EditorContent } from "./use-rest-conversation-history-DpEswBqQ.js";
-import { bY, bZ, b_, b$, c0, bh, bg, c1, bi, c2, c3, c4, c5, c6, c7, c8, c9, ca, cb, cc, cd, ce, cf, cg, ch, ci, cj, ck, cl, cm, cn as cn2, co } from "./use-rest-conversation-history-DpEswBqQ.js";
+import { as as createLucideIcon, O as cn, bO as THREAD_HEADER_ACTIONS_CLASS, bP as THREAD_HEADER_PILL_CLASS, bQ as THREAD_HEADER_CLASS, b2 as RefreshCw, bo as Plus, ba as Search, bf as LoaderCircle, bA as conversationDisplayTitle, bR as assetTypeToThumb, ay as MessageSquare, ai as Node, a0 as mergeAttributes, ao as Extension, aU as Suggestion, aS as useFloating, aT as FloatingPortal, N as autoUpdate, F as offset, I as flip, G as shift, aQ as getFilteredItems, bS as getFetchState, bT as getEntry, bU as updateFetchState, aY as addItems, aX as registerSource, bV as bindScopes, aP as useStore, bn as File$1, aF as FileText, au as Workflow, aI as BookOpen, bd as Sheet, bb as Table, aG as Database, aH as Calendar, az as Mail, bc as Image, ax as Monitor, b9 as Code, be as Camera, aA as LayoutGrid, aB as HardDrive, aw as Package, at as Wrench, av as Users, aC as Globe, aD as FolderKanban, aE as Folder, aW as Store, bW as getSearchScope, bX as fetchGraphQL, bY as PAGINATED_ASSETS_QUERY, bZ as WORKSPACE_MEMBERS_QUERY, b_ as SIMPLE_SEARCH_QUERY, b$ as assetTypeToIcon, c0 as TOOL_CATALOG_QUERY, c1 as useMentionAuth, a_ as createScopeRegistry, aZ as createItemCache, aM as useEditor, aO as StarterKit, b1 as Placeholder, aN as EditorContent, b8 as Play, c2 as readRunMarkerFromSourceMessages, b3 as hasStatewireThreadExtras, b6 as useDeepAgentThreadStatus, c3 as ATHENA_RUN_MARKER_CANCELLED, c4 as ATHENA_RUN_MARKER_FAILED, c5 as readRuntimeMessageFromSourceMessages, c6 as RuntimeMessageCard } from "./use-rest-conversation-history-Bs5qn5G3.js";
+import { c7, c8, c9, ca, cb, bi, bh, cc, bj, cd, ce, cf, cg, ch, ci, cj, ck, cl, cm, cn as cn2, co, cp, cq, cr, cs, ct, cu, cv, cw, cx, cy, cz } from "./use-rest-conversation-history-Bs5qn5G3.js";
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import { useMemo, useEffect, useState, useRef, Fragment, useImperativeHandle, forwardRef, useCallback, useId } from "react";
-import { useAui, unstable_useComposerInput } from "@assistant-ui/react";
+import { useAui, unstable_useComposerInput, useAuiState } from "@assistant-ui/react";
 import "@assistant-ui/tap";
 import "statewire";
 import "@assistant-ui/store";
-import "@assistant-ui/react-statewire";
+import { useStatewireRuns, useStatewireSendCommand } from "@assistant-ui/react-statewire";
+import "@assistant-ui/core";
 const mentionHandlersByThread = /* @__PURE__ */ new Map();
 function registerChatAssetMentionHandler(threadId, handler) {
   mentionHandlersByThread.set(threadId, handler);
@@ -19,6 +20,18 @@ 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$m = [
+  ["rect", { width: "20", height: "5", x: "2", y: "3", rx: "1", key: "1wp1u1" }],
+  ["path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", key: "1s80jp" }],
+  ["path", { d: "M10 12h4", key: "a56b0p" }]
+];
+const Archive = createLucideIcon("archive", __iconNode$m);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -689,8 +702,8 @@ function ConversationHistoryPanel({
   );
 }
 function makeMentionUrl(attrs) {
-  if (attrs.type === "tool") {
-    return `mention://tool?name=${encodeURIComponent(attrs.id)}&description=${encodeURIComponent(attrs.description ?? "")}`;
+  if (attrs.type === "tool" || attrs.type === "toolkit") {
+    return `mention://${attrs.type}?name=${encodeURIComponent(attrs.id)}&description=${encodeURIComponent(attrs.description ?? "")}`;
   }
   if (attrs.type === "asset") {
     const params2 = new URLSearchParams({ asset_ids: attrs.id });
@@ -1147,6 +1160,13 @@ const ICON_MAP = {
   presentation: FileText
   // Fallback for presentation type
 };
+function toKebabIconName(name) {
+  return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").toLowerCase();
+}
+function resolveIcon(name) {
+  return ICON_MAP[name] ?? ICON_MAP[toKebabIconName(name)];
+}
+const ICON_NAME_PATTERN = /^[A-Za-z][A-Za-z0-9-]*$/;
 function MentionIcon({
   fallbackIcon,
   thumbnailUrl,
@@ -1156,9 +1176,11 @@ function MentionIcon({
   if (thumbnailUrl) {
     return /* @__PURE__ */ jsx("img", { src: thumbnailUrl, alt: alt ?? "", className });
   }
-  const Icon = fallbackIcon ? ICON_MAP[fallbackIcon] : void 0;
+  const Icon = fallbackIcon ? resolveIcon(fallbackIcon) : void 0;
   if (Icon) return /* @__PURE__ */ jsx(Icon, { className });
-  if (fallbackIcon) return /* @__PURE__ */ jsx("span", { className: "text-sm flex-shrink-0", children: fallbackIcon });
+  if (fallbackIcon && !ICON_NAME_PATTERN.test(fallbackIcon)) {
+    return /* @__PURE__ */ jsx("span", { className: "text-sm flex-shrink-0", children: fallbackIcon });
+  }
   return /* @__PURE__ */ jsx(File$1, { className });
 }
 function MenuItemRow({
@@ -1168,7 +1190,7 @@ function MenuItemRow({
   onClick,
   showArrow
 }) {
-  var _a, _b;
+  var _a, _b, _c, _d;
   const hasTwoLines = item.type === "tool" && item.description || item.type === "user" && item.email || item.type === "workspace_item" && item.description || item.type === "tab" && item.description;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -1184,23 +1206,31 @@ function MenuItemRow({
         isSelected && "bg-gray-100 is-selected"
       ),
       children: [
-        /* @__PURE__ */ jsx("span", { className: `flex items-center flex-shrink-0 ${hasTwoLines ? "self-start mt-0.5" : ""}`, children: /* @__PURE__ */ jsx(
-          MentionIcon,
+        /* @__PURE__ */ jsx(
+          "span",
           {
-            fallbackIcon: item.fallbackIcon,
-            thumbnailUrl: item.thumbnailUrl,
-            alt: item.name
+            className: `flex items-center flex-shrink-0 ${hasTwoLines ? "self-start mt-0.5" : ""}`,
+            children: /* @__PURE__ */ jsx(
+              MentionIcon,
+              {
+                fallbackIcon: item.fallbackIcon,
+                thumbnailUrl: item.thumbnailUrl,
+                alt: item.name
+              }
+            )
           }
-        ) }),
+        ),
         hasTwoLines ? /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col gap-0 min-w-0 -mt-0.5", children: [
           /* @__PURE__ */ jsxs("span", { className: "text-sm leading-tight flex items-center gap-1.5", children: [
             item.name,
-            ((_a = item.extra) == null ? void 0 : _a.isAdminOnly) && /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-purple-400 flex-shrink-0" })
+            ((_a = item.extra) == null ? void 0 : _a.isAdminOnly) && /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-purple-400 flex-shrink-0" }),
+            ((_b = item.extra) == null ? void 0 : _b.isExperimental) && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-blue-50 px-1.5 py-0.5 text-[9px] font-medium text-blue-700", children: "Experimental" })
           ] }),
           /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-500 leading-tight mt-0.5 truncate", children: item.type === "user" ? item.email : item.description })
         ] }) : /* @__PURE__ */ jsxs("span", { className: "flex-1 text-sm truncate min-w-0 flex items-center gap-1.5", children: [
           item.name,
-          ((_b = item.extra) == null ? void 0 : _b.isAdminOnly) && /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-purple-400 flex-shrink-0" })
+          ((_c = item.extra) == null ? void 0 : _c.isAdminOnly) && /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-purple-400 flex-shrink-0" }),
+          ((_d = item.extra) == null ? void 0 : _d.isExperimental) && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-blue-50 px-1.5 py-0.5 text-[9px] font-medium text-blue-700", children: "Experimental" })
         ] }),
         showArrow && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 flex-shrink-0", children: /* @__PURE__ */ jsx("span", { className: "text-gray-400 text-sm px-1 rounded transition-all cursor-pointer hover:text-gray-600 hover:bg-gray-200", children: "→" }) })
       ]
@@ -1559,17 +1589,19 @@ const MentionSuggestionList = forwardRef(({ store, editor, query, command, close
 MentionSuggestionList.displayName = "MentionSuggestionList";
 function assetToMenuItem(asset) {
   const isFolder = asset.athenaOriginalType === "folder";
+  const displayType = asset.athenaConvertedType || asset.athenaOriginalType;
   return {
     id: asset.id,
     name: asset.title || "Untitled",
     type: isFolder ? "folder" : "asset",
-    thumbnailUrl: assetTypeToThumb(asset.athenaOriginalType),
-    fallbackIcon: assetTypeToIcon(asset.athenaOriginalType),
+    thumbnailUrl: assetTypeToThumb(displayType),
+    fallbackIcon: assetTypeToIcon(displayType),
     navigatesToScope: isFolder ? asset.id : void 0,
     visibleInScopes: /* @__PURE__ */ new Set(),
     updatedAt: asset.updatedAt ?? void 0,
     extra: {
       athenaOriginalType: asset.athenaOriginalType,
+      athenaConvertedType: asset.athenaConvertedType,
       parentFolderId: asset.parentFolderId
     }
   };
@@ -1590,11 +1622,7 @@ async function querySimpleSearch(auth, opts) {
     sort: { field: "UPDATED_AT", direction: "DESC" },
     filterColumns: { isArchived: false, isHidden: false }
   };
-  const data = await fetchGraphQL(
-    auth,
-    SIMPLE_SEARCH_QUERY,
-    { input }
-  );
+  const data = await fetchGraphQL(auth, SIMPLE_SEARCH_QUERY, { input });
   const assets = ((_b = data.simpleSearch) == null ? void 0 : _b.assets) || [];
   return {
     items: assets.map(assetToMenuItem),
@@ -1604,9 +1632,19 @@ async function querySimpleSearch(auth, opts) {
 const CATEGORY_DEFS = {
   favorites: { name: "Favorites", icon: "star", scope: "favorites" },
   assets: { name: "Assets", icon: "file-text", scope: "athena_assets" },
-  projects: { name: "Projects", icon: "folder-kanban", scope: "athena_projects" },
-  browse_profiles: { name: "Browse Profiles", icon: "globe", scope: "athena_browse_profiles" },
+  projects: {
+    name: "Projects",
+    icon: "folder-kanban",
+    scope: "athena_projects"
+  },
+  browse_profiles: {
+    name: "Browse Profiles",
+    icon: "globe",
+    scope: "athena_browse_profiles"
+  },
   folders: { name: "Folders", icon: "folder", scope: "athena_folders" },
+  tools: { name: "Tools", icon: "wrench", scope: "tools" },
+  toolkits: { name: "Toolkits", icon: "package", scope: "toolkits" },
   team: { name: "Team", icon: "users", scope: "team" },
   drives: { name: "Drives", icon: "hard-drive", scope: "drive_catalogs" }
 };
@@ -1673,7 +1711,14 @@ const fetchAssets = async (context) => {
     query,
     limit,
     offset: offset2,
-    excludeTypes: ["folder", "catalog", "spaces", "session", "table", "task_item"]
+    excludeTypes: [
+      "folder",
+      "catalog",
+      "spaces",
+      "session",
+      "table",
+      "task_item"
+    ]
   });
   return {
     items: result.items,
@@ -1685,21 +1730,17 @@ const fetchFavorites = async (context) => {
   const limit = sourceConfig.limit ?? 50;
   const meta = fetchState.meta || {};
   const offset2 = meta.validatedCount || 0;
-  const data = await fetchGraphQL(
-    sourceConfig.auth,
-    PAGINATED_ASSETS_QUERY,
-    {
-      limit,
-      offset: offset2,
-      parentFolderId: null,
-      filterTypes: null,
-      filterColumns: {
-        isFavorited: true,
-        isArchived: false,
-        isHidden: false
-      }
+  const data = await fetchGraphQL(sourceConfig.auth, PAGINATED_ASSETS_QUERY, {
+    limit,
+    offset: offset2,
+    parentFolderId: null,
+    filterTypes: null,
+    filterColumns: {
+      isFavorited: true,
+      isArchived: false,
+      isHidden: false
     }
-  );
+  });
   const assets = data.getPaginatedAssetsForWorkspace || [];
   const items = assets.map(assetToMenuItem);
   return {
@@ -1729,21 +1770,17 @@ const fetchFolderContents = async (context) => {
   const meta = fetchState.meta || {};
   const offset2 = meta.validatedCount || 0;
   const parentFolderId = scope === "internal_drive" ? null : scope;
-  const data = await fetchGraphQL(
-    sourceConfig.auth,
-    PAGINATED_ASSETS_QUERY,
-    {
-      limit,
-      offset: offset2,
-      parentFolderId,
-      filterTypes: null,
-      filterColumns: {
-        isArchived: false,
-        isHidden: false,
-        ...query ? { title: [{ op: "LIKE", value: `%${query}%` }] } : {}
-      }
+  const data = await fetchGraphQL(sourceConfig.auth, PAGINATED_ASSETS_QUERY, {
+    limit,
+    offset: offset2,
+    parentFolderId,
+    filterTypes: null,
+    filterColumns: {
+      isArchived: false,
+      isHidden: false,
+      ...query ? { title: [{ op: "LIKE", value: `%${query}%` }] } : {}
     }
-  );
+  });
   const rawAssets = data.getPaginatedAssetsForWorkspace || [];
   const assets = rawAssets.filter(
     (a) => a.athenaConvertedType !== "catalog" && a.athenaOriginalType !== "catalog"
@@ -1799,6 +1836,36 @@ const fetchTeam = async (context) => {
   });
   return { items, pagination: { hasMore: false } };
 };
+async function queryToolCatalog(auth) {
+  const data = await fetchGraphQL(auth, TOOL_CATALOG_QUERY);
+  return data.getToolkitToToolsMapping;
+}
+const fetchTools = async (context) => {
+  const catalog = await queryToolCatalog(context.sourceConfig.auth);
+  const items = catalog.tools.filter((tool) => tool.isMentionable).map((tool) => ({
+    id: tool.id,
+    name: tool.name,
+    type: "tool",
+    fallbackIcon: tool.icon,
+    description: tool.description ?? void 0,
+    visibleInScopes: /* @__PURE__ */ new Set(),
+    ...tool.adminOnly ? { extra: { isAdminOnly: true } } : {}
+  }));
+  return { items, pagination: { hasMore: false } };
+};
+const fetchToolkits = async (context) => {
+  const catalog = await queryToolCatalog(context.sourceConfig.auth);
+  const items = catalog.toolkits.filter((toolkit) => toolkit.isMentionable && !toolkit.hideFromMenu).map((toolkit) => ({
+    id: toolkit.name,
+    name: toolkit.displayName,
+    type: "toolkit",
+    fallbackIcon: toolkit.icon,
+    description: toolkit.description || void 0,
+    visibleInScopes: /* @__PURE__ */ new Set(),
+    ...toolkit.onlyAdmin ? { extra: { isAdminOnly: true } } : {}
+  }));
+  return { items, pagination: { hasMore: false } };
+};
 const fetchDrives = async (context) => {
   const { fetchState, sourceConfig } = context;
   const meta = fetchState.meta || {};
@@ -1858,6 +1925,8 @@ const ROOT_MENTION_CATEGORIES = [
   "projects",
   "browse_profiles",
   "folders",
+  "tools",
+  "toolkits",
   "team",
   "drives"
 ];
@@ -1882,9 +1951,11 @@ function buildStore({
     fetchFolders,
     { auth, limit: 50 },
     true
-    /* isFlat */
   );
-  registerSource(registry, "internal_drive", fetchFolderContents, { auth, limit: 50 });
+  registerSource(registry, "internal_drive", fetchFolderContents, {
+    auth,
+    limit: 50
+  });
   registerSource(registry, "athena_projects", fetchTypedAssets, {
     auth,
     includeOnlyTypes: ["project"],
@@ -1895,6 +1966,8 @@ function buildStore({
     includeOnlyTypes: ["browse_profile"],
     limit: 50
   });
+  registerSource(registry, "tools", fetchTools, { auth });
+  registerSource(registry, "toolkits", fetchToolkits, { auth });
   registerSource(registry, "team", fetchTeam, { auth });
   registerSource(registry, "drive_catalogs", fetchDrives, { auth });
   return new Store({ registry, cache });
@@ -2373,37 +2446,184 @@ const SignInConsent = ({ checked, onChange, children }) => /* @__PURE__ */ jsxs(
   ),
   /* @__PURE__ */ jsx("span", { children })
 ] });
+const EXIT_ANIMATION_MS = 200;
+const EXIT_RESET_MS = 2500;
+const ContinuePill = ({ onClick, ariaLabel, dataTestId }) => {
+  const [isExiting, setIsExiting] = useState(false);
+  const onClickRef = useRef(onClick);
+  const pendingOnClickRef = useRef(onClick);
+  onClickRef.current = onClick;
+  useEffect(() => {
+    if (!isExiting) return;
+    const dispatchTimer = setTimeout(
+      () => pendingOnClickRef.current(),
+      EXIT_ANIMATION_MS
+    );
+    const resetTimer = setTimeout(() => setIsExiting(false), EXIT_RESET_MS);
+    return () => {
+      clearTimeout(dispatchTimer);
+      clearTimeout(resetTimer);
+    };
+  }, [isExiting]);
+  const handleClick = () => {
+    if (isExiting) return;
+    pendingOnClickRef.current = onClickRef.current;
+    setIsExiting(true);
+  };
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      disabled: isExiting,
+      className: cn(
+        "group inline-flex items-center gap-1.5 rounded-full bg-primary px-3.5 py-1 text-xs font-medium text-primary-foreground shadow-sm",
+        "transition-all duration-200 ease-out",
+        "hover:bg-primary/90 hover:shadow-md active:scale-95",
+        "animate-in fade-in slide-in-from-bottom-1",
+        isExiting && "pointer-events-none scale-90 opacity-0"
+      ),
+      "aria-label": ariaLabel,
+      "data-testid": dataTestId,
+      children: [
+        /* @__PURE__ */ jsx(Play, { className: "size-3 fill-current transition-transform duration-200 ease-out group-hover:translate-x-0.5" }),
+        /* @__PURE__ */ jsx("span", { children: "Continue" })
+      ]
+    }
+  );
+};
+function StatewireContinueRunButton({
+  allowReadyFallback = false
+} = {}) {
+  const status = useDeepAgentThreadStatus();
+  const { runId } = useStatewireRuns();
+  const sendCommand = useStatewireSendCommand();
+  const isSettled = status === "stopped" || status === "error";
+  if (!isSettled && !(allowReadyFallback && status === "ready")) return null;
+  return /* @__PURE__ */ jsx(
+    ContinuePill,
+    {
+      ariaLabel: "Continue this run from where it stopped",
+      dataTestId: "statewire-continue-run",
+      onClick: () => {
+        sendCommand({
+          type: "run/continue",
+          ...runId !== null && { runId }
+        });
+      }
+    }
+  );
+}
+function StatewireContinueRunAffordance() {
+  const messageId = useAuiState((state) => state.message.id);
+  const lastMessageId = useAuiState(
+    (state) => {
+      var _a;
+      return (_a = state.thread.messages.at(-1)) == null ? void 0 : _a.id;
+    }
+  );
+  const runMarker = useAuiState(
+    (state) => {
+      var _a;
+      return (_a = readRunMarkerFromSourceMessages(state.message)) == null ? void 0 : _a.marker;
+    }
+  );
+  const threadExtras = useAuiState((state) => state.thread.extras);
+  const isContinuableMarker = runMarker === ATHENA_RUN_MARKER_CANCELLED || runMarker === ATHENA_RUN_MARKER_FAILED;
+  if (messageId !== lastMessageId || !isContinuableMarker) return null;
+  if (!hasStatewireThreadExtras(threadExtras)) return null;
+  return /* @__PURE__ */ jsx("div", { className: "flex w-full justify-center py-1", children: /* @__PURE__ */ jsx(StatewireContinueRunButton, { allowReadyFallback: true }) });
+}
+function StatewireRunEndedFooter({
+  className
+} = {}) {
+  const threadExtras = useAuiState((state) => state.thread.extras);
+  if (!hasStatewireThreadExtras(threadExtras)) return null;
+  return /* @__PURE__ */ jsx(StatewireRunEndedFooterContent, { className });
+}
+function StatewireRunEndedFooterContent({
+  className
+}) {
+  const status = useDeepAgentThreadStatus();
+  const { error } = useStatewireRuns();
+  const tailEndingKind = useAuiState((state) => {
+    var _a;
+    const last = state.thread.messages.at(-1);
+    return last ? ((_a = readRuntimeMessageFromSourceMessages(last)) == null ? void 0 : _a.kind) ?? null : null;
+  });
+  const tailEndingSilent = useAuiState((state) => {
+    var _a;
+    const last = state.thread.messages.at(-1);
+    return last ? ((_a = readRuntimeMessageFromSourceMessages(last)) == null ? void 0 : _a.silent) ?? false : false;
+  });
+  if (status !== "stopped" && status !== "error") return null;
+  if (status === "stopped" && tailEndingSilent) return null;
+  const tailRendersEnding = tailEndingKind !== null && !tailEndingSilent;
+  const tailMatchesStatus = status === "error" ? tailEndingKind === "failed" : tailEndingKind === "stopped" || tailEndingKind === "paused";
+  if (tailRendersEnding && tailMatchesStatus) return null;
+  const tailOwnsContinue = tailRendersEnding && (tailEndingKind === "stopped" || tailEndingKind === "paused" || tailEndingKind === "failed");
+  const action = tailOwnsContinue ? void 0 : /* @__PURE__ */ jsx(StatewireContinueRunButton, {});
+  const message = status === "error" ? {
+    kind: "failed",
+    reason: "error",
+    severity: "error",
+    title: "Run failed",
+    detail: void 0,
+    text: (error == null ? void 0 : error.message) ? `⚠️ The run failed: ${error.message}` : void 0,
+    silent: false,
+    isSoleSourceMessage: true
+  } : {
+    kind: "stopped",
+    reason: void 0,
+    severity: "info",
+    title: "Conversation stopped",
+    detail: void 0,
+    text: void 0,
+    silent: false,
+    isSoleSourceMessage: true
+  };
+  return /* @__PURE__ */ jsx(
+    RuntimeMessageCard,
+    {
+      message,
+      action,
+      className: cn("mx-auto max-w-[95%]", className)
+    }
+  );
+}
 export {
-  bY as BranchPicker,
-  bZ as COMPOSER_DOCK_CLASS,
-  b_ as COMPOSER_EDITOR_ROW_CLASS,
-  b$ as COMPOSER_SURFACE_CLASS,
-  c0 as COMPOSER_TOOLBAR_CLASS,
-  bh as ChatComposerDock,
+  c7 as BranchPicker,
+  c8 as COMPOSER_DOCK_CLASS,
+  c9 as COMPOSER_EDITOR_ROW_CLASS,
+  ca as COMPOSER_SURFACE_CLASS,
+  cb as COMPOSER_TOOLBAR_CLASS,
+  bi as ChatComposerDock,
   ChatHeader,
   ChatHeaderActions,
   ChatHeaderIdentity,
   ChatHeaderRoot,
-  bg as ChatThreadShell,
-  c1 as ComposerSendButton,
-  bi as ComposerSendOrStop,
-  c2 as ComposerStopButton,
+  bh as ChatThreadShell,
+  cc as ComposerSendButton,
+  bj as ComposerSendOrStop,
+  cd as ComposerStopButton,
+  ContinuePill,
   ConversationHistoryPanel,
-  c3 as IconButton,
-  c4 as MarkdownText,
-  c5 as MentionAuthCtx,
-  c6 as MentionChip,
+  ce as IconButton,
+  cf as MarkdownText,
+  cg as MentionAuthCtx,
+  ch as MentionChip,
   MentionExtension,
   MentionIcon,
-  c7 as MentionLink,
+  ci as MentionLink,
   MentionMenuSection,
   MentionSuggestionList,
   MentionSuggestionPopup,
   MentionSuggestionsExtension,
   MenuList,
-  c8 as MessageActionsReadOnlyProvider,
+  cj as MessageActionsReadOnlyProvider,
   PendingAttachmentUploads,
   ROOT_MENTION_CATEGORIES,
+  RuntimeMessageCard,
   SIMPLE_SEARCH_QUERY,
   SignInCard,
   SignInConsent,
@@ -2411,35 +2631,38 @@ export {
   SignInSecondaryButton,
   SignInSelect,
   SignInTextField,
-  c9 as SmallIconButton,
+  ck as SmallIconButton,
+  StatewireContinueRunAffordance,
+  StatewireContinueRunButton,
+  StatewireRunEndedFooter,
   THREAD_HEADER_ACTIONS_CLASS,
   THREAD_HEADER_CLASS,
-  ca as THREAD_HEADER_ICON_CLASS,
+  cl as THREAD_HEADER_ICON_CLASS,
   THREAD_HEADER_PILL_CLASS,
-  cb as THREAD_PANEL_CLASS,
-  cc as THREAD_SCROLL_TO_BOTTOM_CLASS,
-  cd as TextShimmerLoader,
-  ce as ThreadRunningIndicator,
+  cm as THREAD_PANEL_CLASS,
+  cn2 as THREAD_SCROLL_TO_BOTTOM_CLASS,
+  co as TextShimmerLoader,
+  cp as ThreadRunningIndicator,
   TiptapComposer,
-  cf as UserEditComposer,
-  cg as UserMessage,
+  cq as UserEditComposer,
+  cr as UserMessage,
   assetTypeToIcon,
   assetTypeToThumb,
   buildRootMenuItems,
-  ch as configureAssetIconBasePath,
-  ci as createAssistantMessage,
-  cj as createOlympusAssetUrl,
+  cs as configureAssetIconBasePath,
+  ct as createAssistantMessage,
+  cu as createOlympusAssetUrl,
   fetchGraphQL,
   makeMentionUrl,
-  ck as normalizeAthenaMentionHtml,
+  cv as normalizeAthenaMentionHtml,
   parseMentionAnchorAttributes,
-  cl as parseMentionUrl,
-  cm as parseMentionsInText,
+  cw as parseMentionUrl,
+  cx as parseMentionsInText,
   plainTextToTiptapContent,
-  cn2 as resolveComposerAction,
+  cy as resolveComposerAction,
   useMentionAuth,
   useMentionSuggestions,
-  co as useMessageActionsReadOnly,
+  cz as useMessageActionsReadOnly,
   webpageMentionFingerprint
 };
 //# sourceMappingURL=chat-ui.js.map