@athenaintel/react 0.17.0 → 0.19.0

package/dist/SuperGroupingCard-CRRFUgjN.cjs

@@ -0,0 +1,794 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@assistant-ui/react");
+const React = require("react");
+const toolFallback = require("./tool-fallback-kfhpJQZa.cjs");
+const trash2 = require("./trash-2-B5OaNAL7.cjs");
+require("@assistant-ui/tap");
+require("statewire");
+require("@assistant-ui/react-statewire");
+require("@assistant-ui/store");
+require("@assistant-ui/core");
+const x = require("./x-Dfd2NzK0.cjs");
+/**
+ * @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 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = trash2.createLucideIcon("chevron-up", __iconNode);
+const NO_TOOLS = /* @__PURE__ */ new Set();
+function toolCallStatus(part, messageStatus) {
+  if (part.result !== void 0) return { type: "complete" };
+  if ((messageStatus == null ? void 0 : messageStatus.type) === "incomplete") {
+    return {
+      type: "incomplete",
+      reason: messageStatus.reason === "tool-calls" ? "other" : messageStatus.reason,
+      error: messageStatus.error
+    };
+  }
+  if ((messageStatus == null ? void 0 : messageStatus.type) === "complete") return { type: "complete" };
+  if ((messageStatus == null ? void 0 : messageStatus.type) === "requires-action") {
+    return { type: "requires-action", reason: messageStatus.reason };
+  }
+  if ((messageStatus == null ? void 0 : messageStatus.type) === "running") return { type: "running" };
+  return void 0;
+}
+function getActivityToolState(part, messageStatus, { waitingTools = NO_TOOLS, passThroughTools = NO_TOOLS } = {}) {
+  var _a, _b, _c, _d;
+  if (((_a = part.approval) == null ? void 0 : _a.approved) === false || toolFallback.readRejectedToolResult(part.result) !== null) {
+    return "rejected";
+  }
+  if (((_b = part.approval) == null ? void 0 : _b.resolution) === "cancelled" || ((_c = part.approval) == null ? void 0 : _c.resolution) === "expired") {
+    return "cancelled";
+  }
+  const unresolved = part.result === void 0;
+  const messageIsActive = messageStatus === void 0 || messageStatus.type === "running" || messageStatus.type === "requires-action";
+  if (unresolved && (((_d = part.interrupt) == null ? void 0 : _d.type) === "human" || part.approval !== void 0 && part.approval.approved === void 0 && part.approval.resolution === void 0 || waitingTools.has(part.toolName) && messageIsActive)) {
+    return "waiting";
+  }
+  const classification = toolFallback.classifyToolResult({
+    status: toolCallStatus(part, messageStatus),
+    result: part.result,
+    isError: part.isError,
+    passThroughPayload: passThroughTools.has(part.toolName)
+  });
+  if (classification.state === "requires-action") return "waiting";
+  return classification.state;
+}
+function buildActivityTimeline(content, messageStatus, options = {}) {
+  if (!(content == null ? void 0 : content.length)) return [];
+  const lastPartIndex = content.length - 1;
+  const timeline = [];
+  for (let index = 0; index < content.length; index += 1) {
+    const part = content[index];
+    if (part.type === "tool-call") {
+      timeline.push({
+        kind: "tool",
+        toolName: part.toolName,
+        state: getActivityToolState(part, messageStatus, options)
+      });
+      continue;
+    }
+    if (part.type !== "reasoning") continue;
+    const text = typeof part.text === "string" ? part.text : "";
+    const stillStreaming = (messageStatus == null ? void 0 : messageStatus.type) === "running" && index === lastPartIndex;
+    if (!stillStreaming && text.trim() === "") continue;
+    timeline.push({ kind: "reasoning", text, state: stillStreaming ? "running" : "complete" });
+  }
+  return timeline;
+}
+function countActivityTools(timeline) {
+  return timeline.reduce((count, item) => item.kind === "tool" ? count + 1 : count, 0);
+}
+function resolveActivityPhase(status, timeline, { waitingForInput = false } = {}) {
+  if (waitingForInput || (status == null ? void 0 : status.type) === "requires-action" || timeline.some((item) => item.kind === "tool" && item.state === "waiting")) {
+    return "waiting";
+  }
+  if ((status == null ? void 0 : status.type) === "running") return "running";
+  if ((status == null ? void 0 : status.type) === "incomplete") return "error";
+  return "complete";
+}
+function getActivityItemLabel(item, resolveToolDisplayName) {
+  if (item.kind === "reasoning") {
+    return item.state === "running" ? "Thinking" : "Thought through the next step";
+  }
+  return toolFallback.toolStatusLabel(item.toolName, item.state, resolveToolDisplayName == null ? void 0 : resolveToolDisplayName(item.toolName));
+}
+function getActivitySummary(timeline) {
+  const toolCount = countActivityTools(timeline);
+  const hasIssue = timeline.some(
+    (item) => item.kind === "tool" && (item.state === "error" || item.state === "rejected")
+  );
+  if (hasIssue) return "Completed with issues";
+  if (timeline.some((item) => item.kind === "tool" && item.state === "cancelled")) {
+    return "Action cancelled";
+  }
+  if (timeline.some((item) => item.kind === "tool" && item.state === "paused")) {
+    return "Paused during tool use";
+  }
+  if (toolCount > 0) return `Used ${toolCount} ${toolCount === 1 ? "tool" : "tools"}`;
+  return "Reasoning complete";
+}
+function getFinalText(content) {
+  var _a;
+  if (!(content == null ? void 0 : content.length)) return null;
+  let lastToolIndex = -1;
+  for (let index = content.length - 1; index >= 0; index -= 1) {
+    if (((_a = content[index]) == null ? void 0 : _a.type) === "tool-call") {
+      lastToolIndex = index;
+      break;
+    }
+  }
+  const texts = [];
+  for (let index = lastToolIndex + 1; index < content.length; index += 1) {
+    const part = content[index];
+    if ((part == null ? void 0 : part.type) === "text" && part.text) texts.push(part.text);
+  }
+  return texts.length > 0 ? texts.join("\n\n") : null;
+}
+function excludeFinalTextFromGroups(grouping) {
+  return (parts) => {
+    const lastToolIndex = parts.findLastIndex((part) => (part == null ? void 0 : part.type) === "tool-call");
+    return grouping(parts).map((group) => ({
+      ...group,
+      indices: group.indices.filter(
+        (index) => {
+          var _a;
+          return ((_a = parts[index]) == null ? void 0 : _a.type) !== "text" || index <= lastToolIndex;
+        }
+      )
+    })).filter((group) => group.indices.length > 0);
+  };
+}
+const createToolBasedGroupingFunction = (getToolGroupKey) => (parts) => {
+  const calledToolNames = /* @__PURE__ */ new Set();
+  for (const part of parts) {
+    if (part.type === "tool-call" && part.toolName) calledToolNames.add(part.toolName);
+  }
+  const groups = [];
+  let currentGroup = null;
+  for (let idx = 0; idx < parts.length; idx++) {
+    const part = parts[idx];
+    if ((part == null ? void 0 : part.type) === "reasoning") {
+      if (currentGroup) {
+        currentGroup.indices.push(idx);
+      } else {
+        groups.push({ groupKey: void 0, indices: [idx] });
+      }
+      continue;
+    }
+    let key;
+    if ((part == null ? void 0 : part.type) === "tool-call" && part.toolName) {
+      key = getToolGroupKey(part.toolName, {
+        preferredGroupKey: currentGroup == null ? void 0 : currentGroup.groupKey,
+        calledToolNames
+      });
+    } else if ((part == null ? void 0 : part.type) === "text") {
+      const prevKey = currentGroup == null ? void 0 : currentGroup.groupKey;
+      let nextKey;
+      for (let lookIdx = idx + 1; lookIdx < parts.length; lookIdx++) {
+        const lookPart = parts[lookIdx];
+        if ((lookPart == null ? void 0 : lookPart.type) === "reasoning" || (lookPart == null ? void 0 : lookPart.type) === "text") continue;
+        if ((lookPart == null ? void 0 : lookPart.type) === "tool-call" && lookPart.toolName) {
+          nextKey = getToolGroupKey(lookPart.toolName, {
+            preferredGroupKey: currentGroup == null ? void 0 : currentGroup.groupKey,
+            calledToolNames
+          });
+        }
+        break;
+      }
+      if (prevKey && nextKey && prevKey === nextKey) {
+        key = prevKey;
+      }
+    }
+    if (currentGroup && currentGroup.groupKey === key) {
+      currentGroup.indices.push(idx);
+    } else {
+      if (currentGroup) groups.push(currentGroup);
+      currentGroup = { groupKey: key, indices: [idx] };
+    }
+  }
+  if (currentGroup) groups.push(currentGroup);
+  return groups;
+};
+const DEFAULT_TOOL_TO_TOOLKIT = {
+  // Web
+  search: "Web",
+  browse: "Web",
+  web_search: "Web",
+  search_web: "Web",
+  web_scrape: "Web",
+  scrape_web: "Web",
+  // Document
+  create_new_document: "Document",
+  create_document_from_markdown: "Document",
+  append_markdown_to_athena_document: "Document",
+  replace_markdown_in_athena_document: "Document",
+  delete_blocks_from_athena_document: "Document",
+  convert_athena_doc_to_pdf: "Document",
+  convert_to_pdf: "Document",
+  // Word document (Studio)
+  CreateDocument: "Document (Word)",
+  CreateParagraph: "Document (Word)",
+  OpenDocument: "Document (Word)",
+  execute_word_commands: "Document (Word)",
+  create_new_word_document: "Document (Word)",
+  // Spreadsheet
+  create_new_sheet: "Spreadsheet",
+  update_sheet_range: "Spreadsheet",
+  format_sheet_range: "Spreadsheet",
+  bulk_format_sheet_range: "Spreadsheet",
+  create_table: "Spreadsheet",
+  update_table: "Spreadsheet",
+  create_chart: "Spreadsheet",
+  update_chart: "Spreadsheet",
+  // Studio sheet PTC
+  CreateWorkbook: "Spreadsheet",
+  AddSheet: "Spreadsheet",
+  OpenWorkbook: "Spreadsheet",
+  // Presentation
+  create_powerpoint_deck: "Presentation",
+  create_presentation_pptx_studio: "Presentation",
+  execute_presentation_code: "Presentation",
+  capture_slide_screenshot: "Presentation",
+  // Studio presentation PTC
+  CreatePresentation: "Presentation",
+  OpenPresentation: "Presentation",
+  AddSlide: "Presentation",
+  // Notebook
+  create_new_notebook: "Notebook",
+  run_notebook_cell: "Notebook",
+  // Python / code execution
+  run_python_code: "Python",
+  run_python: "Python",
+  // Database
+  run_sql: "Database",
+  run_database_sql: "Database",
+  run_sql_query_tool: "Database",
+  execute_sql: "Database",
+  describe_database: "Database",
+  list_database_tables: "Database",
+  get_database_table_schema: "Database",
+  // Email / calendar
+  search_email: "Email",
+  unified_email_search: "Email",
+  // Media
+  capture_moment: "Computer"
+};
+const UNGROUPED_TOOLS = [
+  "read_asset",
+  "read_full_asset",
+  "ask",
+  "open_asset_in_workspace",
+  "create_email_draft",
+  "unified_email_create_draft",
+  "unified_email_send",
+  "unified_email_edit_draft"
+];
+const CONTEXT_ONLY_TOOLS = [
+  "execute",
+  "ls",
+  "read_file",
+  "write_file",
+  "edit_file",
+  "glob",
+  "grep"
+];
+const SANDBOX_TOOLKIT_GROUPS = ["Notebook", "Computer", "Session Sandbox"];
+const defaultGetToolGroupKey = (toolName, options) => {
+  if (UNGROUPED_TOOLS.includes(toolName)) return void 0;
+  if (CONTEXT_ONLY_TOOLS.includes(toolName)) {
+    const preferred = options == null ? void 0 : options.preferredGroupKey;
+    return preferred && SANDBOX_TOOLKIT_GROUPS.includes(preferred) ? preferred : void 0;
+  }
+  return DEFAULT_TOOL_TO_TOOLKIT[toolName];
+};
+const TOOLKIT_THEMES = {
+  Web: { color: "#7BCCFA" },
+  Document: { color: "#4586F9" },
+  "Document (Word)": { color: "#4586F9" },
+  Notebook: { color: "#FFAB00" },
+  Python: { color: "#00A76F" },
+  Spreadsheet: { color: "#00A76F" },
+  Email: { color: "#B584FF" },
+  AOP: { color: "#336DFF" },
+  App: { color: "#7336F5" },
+  Presentation: { color: "#F56B36" },
+  "User Interface": { color: "#7336F5" },
+  Canvas: { color: "#002542" },
+  Computer: { color: "#3E0042" },
+  Database: { color: "#7336F5" },
+  "Chrome Browser": { color: "#4285F4" }
+};
+const DEFAULT_TOOLKIT_THEME = { color: "#919EAB" };
+const DEFAULT_GROUPING = createToolBasedGroupingFunction(defaultGetToolGroupKey);
+const SuperGroupingContext = React.createContext(null);
+const SuperGroupingProvider = SuperGroupingContext.Provider;
+const CollapsibleGroup = ({
+  groupKey,
+  indices,
+  children,
+  themes,
+  forceOpen = false,
+  compactWhileRunning = false,
+  headerActions,
+  groupingFunction,
+  className
+}) => {
+  var _a;
+  const panelId = React.useId();
+  const isMessageRunning = react.useAuiState((s) => {
+    var _a2;
+    return ((_a2 = s.message.status) == null ? void 0 : _a2.type) === "running";
+  });
+  const messageContent = react.useAuiState(
+    (s) => s.message.role === "assistant" ? s.message.content : void 0
+  );
+  const contextGrouping = (_a = React.useContext(SuperGroupingContext)) == null ? void 0 : _a.groupingFunction;
+  const grouping = groupingFunction ?? contextGrouping ?? DEFAULT_GROUPING;
+  const lastIndex = indices.at(-1);
+  const isLastGroup = React.useMemo(() => {
+    if (!messageContent) return false;
+    const lastGroup = grouping(messageContent).filter((group) => group.indices.length > 1).at(-1);
+    return (lastGroup == null ? void 0 : lastGroup.indices.at(-1)) === lastIndex;
+  }, [messageContent, grouping, lastIndex]);
+  const toolCallCount = React.useMemo(
+    () => messageContent ? indices.reduce(
+      (count, index) => {
+        var _a2;
+        return ((_a2 = messageContent[index]) == null ? void 0 : _a2.type) === "tool-call" ? count + 1 : count;
+      },
+      0
+    ) : 0,
+    [messageContent, indices]
+  );
+  const theme = React.useMemo(
+    () => groupKey ? { ...TOOLKIT_THEMES, ...themes }[groupKey] ?? DEFAULT_TOOLKIT_THEME : DEFAULT_TOOLKIT_THEME,
+    [groupKey, themes]
+  );
+  const [userOpened, setOpen] = React.useState();
+  const autoOpen = isLastGroup && isMessageRunning && !compactWhileRunning;
+  const open = userOpened ?? (autoOpen || forceOpen);
+  if (!groupKey || indices.length <= 1) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  const toggle = () => setOpen(!open);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "collapsible-group",
+      "data-group-key": groupKey,
+      className: trash2.cn("my-4 rounded-2xl border shadow-sm", className),
+      style: {
+        borderColor: `${theme.color}33`,
+        background: `linear-gradient(to right, ${theme.color}0d, transparent, ${theme.color}0d)`
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center rounded-2xl", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: toggle,
+              "aria-expanded": open,
+              "aria-controls": panelId,
+              className: "flex min-w-0 flex-1 items-center justify-between gap-3 rounded-2xl px-5 py-3 text-left transition-colors hover:bg-black/5 dark:hover:bg-white/5",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-3 text-foreground/90", children: [
+                  theme.icon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: theme.icon, alt: "", "aria-hidden": "true", className: "size-5 shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: "inline-block size-2 shrink-0 rounded-full",
+                      style: { backgroundColor: theme.color },
+                      "aria-hidden": "true"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate text-sm font-semibold", children: [
+                    isMessageRunning ? "Using " : "Used ",
+                    groupKey,
+                    " Toolkit"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 text-xs font-medium text-muted-foreground", children: [
+                  toolCallCount,
+                  " tool ",
+                  toolCallCount === 1 ? "call" : "calls"
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1 pr-3 pl-1", children: [
+            headerActions,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: toggle,
+                "aria-label": open ? "Collapse toolkit group" : "Expand toolkit group",
+                "aria-expanded": open,
+                "aria-controls": panelId,
+                className: "flex items-center justify-center rounded-md p-1 text-muted-foreground transition-colors hover:bg-black/5 dark:hover:bg-white/5",
+                children: open ? /* @__PURE__ */ jsxRuntime.jsx(ChevronUp, { size: 16 }) : /* @__PURE__ */ jsxRuntime.jsx(trash2.ChevronDown, { size: 16 })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            id: panelId,
+            className: trash2.cn(
+              "grid overflow-hidden border-t transition-[grid-template-rows] duration-200 ease-in-out motion-reduce:transition-none",
+              open ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+            ),
+            style: { borderColor: `${theme.color}33` },
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2 px-5 py-4", children }) })
+          }
+        )
+      ]
+    }
+  );
+};
+const DEFAULT_MAX_VISIBLE_STEPS = 3;
+const MAX_REMEMBERED_EXPANSIONS = 200;
+const EMPTY_TIMELINE = [];
+const EMPTY_CONTENT = [];
+const rememberedExpansions = /* @__PURE__ */ new Map();
+function rememberExpansion(key, expanded) {
+  rememberedExpansions.delete(key);
+  rememberedExpansions.set(key, expanded);
+  while (rememberedExpansions.size > MAX_REMEMBERED_EXPANSIONS) {
+    const oldestKey = rememberedExpansions.keys().next().value;
+    if (oldestKey === void 0) break;
+    rememberedExpansions.delete(oldestKey);
+  }
+}
+function resetRememberedExpansionsForTests() {
+  rememberedExpansions.clear();
+}
+function useActivityExpansion({
+  expansionKey,
+  phase,
+  expandWhileWaiting = false
+}) {
+  const [userExpanded, setUserExpanded] = React.useState(
+    () => rememberedExpansions.get(expansionKey)
+  );
+  const [waitingAutoExpanded, setWaitingAutoExpanded] = React.useState(false);
+  const previousRef = React.useRef({ expansionKey, phase });
+  React.useEffect(() => {
+    setUserExpanded(rememberedExpansions.get(expansionKey));
+    setWaitingAutoExpanded(false);
+  }, [expansionKey]);
+  React.useEffect(() => {
+    const previous = previousRef.current;
+    if (expandWhileWaiting && previous.expansionKey === expansionKey) {
+      if (previous.phase !== "waiting" && phase === "waiting") {
+        setWaitingAutoExpanded(true);
+      } else if (previous.phase === "waiting" && phase !== "waiting") {
+        setWaitingAutoExpanded(false);
+      }
+    }
+    previousRef.current = { expansionKey, phase };
+  }, [expansionKey, phase, expandWhileWaiting]);
+  const expanded = waitingAutoExpanded || (userExpanded ?? (expandWhileWaiting && phase === "waiting"));
+  const toggleExpanded = () => {
+    const next = !expanded;
+    setWaitingAutoExpanded(false);
+    rememberExpansion(expansionKey, next);
+    setUserExpanded(next);
+  };
+  return { expanded, toggleExpanded };
+}
+function PulsingDots() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-[3px]", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-[5px] rounded-full bg-foreground/80 animate-[aui-sg-pulse-dot_1.4s_ease-in-out_infinite]" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-[5px] rounded-full bg-foreground/80 animate-[aui-sg-pulse-dot_1.4s_ease-in-out_0.2s_infinite]" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-[5px] rounded-full bg-foreground/80 animate-[aui-sg-pulse-dot_1.4s_ease-in-out_0.4s_infinite]" }),
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+        @keyframes aui-sg-pulse-dot {
+          0%, 80%, 100% { opacity: 0.2; transform: scale(0.8); }
+          40% { opacity: 1; transform: scale(1); }
+        }
+        @keyframes aui-sg-shimmer-bar {
+          0% { transform: translateX(-100%); }
+          100% { transform: translateX(400%); }
+        }
+      ` })
+  ] });
+}
+function StepIcon({ item }) {
+  if (item.kind === "reasoning") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      toolFallback.Brain,
+      {
+        "aria-hidden": "true",
+        className: trash2.cn(
+          "mt-[1px] size-3.5 shrink-0",
+          item.state === "running" ? "text-blue-500 motion-safe:animate-pulse" : "text-muted-foreground"
+        )
+      }
+    );
+  }
+  switch (item.state) {
+    case "complete":
+      return /* @__PURE__ */ jsxRuntime.jsx(x.Check, { "aria-hidden": "true", className: "mt-[1px] size-3.5 shrink-0 text-emerald-500" });
+    case "rejected":
+      return /* @__PURE__ */ jsxRuntime.jsx(x.X, { "aria-hidden": "true", className: "mt-[1px] size-3.5 shrink-0 text-muted-foreground" });
+    case "cancelled":
+      return /* @__PURE__ */ jsxRuntime.jsx(x.Circle, { "aria-hidden": "true", className: "mt-[1px] size-3.5 shrink-0 text-muted-foreground" });
+    case "error":
+      return /* @__PURE__ */ jsxRuntime.jsx(trash2.CircleAlert, { "aria-hidden": "true", className: "mt-[1px] size-3.5 shrink-0 text-destructive" });
+    case "waiting":
+      return /* @__PURE__ */ jsxRuntime.jsx(x.Circle, { "aria-hidden": "true", className: "mt-[1px] size-3.5 shrink-0 text-amber-500" });
+    case "paused":
+      return /* @__PURE__ */ jsxRuntime.jsx(trash2.Pause, { "aria-hidden": "true", className: "mt-[1px] size-3.5 shrink-0 text-amber-600" });
+    case "running":
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-3.5 shrink-0 items-center justify-center", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 rounded-full bg-blue-500 motion-safe:animate-pulse" }) });
+  }
+}
+function SummaryIcon({ timeline }) {
+  const tools = timeline.filter((item) => item.kind === "tool");
+  if (tools.some((item) => item.state === "error" || item.state === "rejected")) {
+    return /* @__PURE__ */ jsxRuntime.jsx(x.X, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-muted-foreground" });
+  }
+  if (tools.some((item) => item.state === "cancelled")) {
+    return /* @__PURE__ */ jsxRuntime.jsx(x.Circle, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-muted-foreground" });
+  }
+  if (tools.some((item) => item.state === "paused")) {
+    return /* @__PURE__ */ jsxRuntime.jsx(trash2.Pause, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-amber-600" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(x.Check, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-emerald-500" });
+}
+const SuperGroupingCard = React.memo(function SuperGroupingCard2({
+  toolUIs,
+  ToolFallback: ToolFallbackComponent = toolFallback.ToolFallback,
+  TextComponent,
+  ReasoningComponent,
+  GroupComponent = CollapsibleGroup,
+  getToolGroupKey = defaultGetToolGroupKey,
+  groupingFunction,
+  waitingTools,
+  passThroughTools,
+  waitingForInput = false,
+  resolveToolDisplayName,
+  expansionKey: expansionKeyProp,
+  expandWhileWaiting = false,
+  maxVisibleSteps = DEFAULT_MAX_VISIBLE_STEPS,
+  summaryDetails,
+  renderHeaderActions,
+  renderRunningMeta,
+  className,
+  classNames
+}) {
+  const messageId = react.useAuiState((s) => s.message.id);
+  const messageContent = react.useAuiState(
+    (s) => s.message.role === "assistant" ? s.message.content : EMPTY_CONTENT
+  );
+  const messageStatus = react.useAuiState((s) => s.message.status);
+  const timeline = React.useMemo(() => {
+    const items = buildActivityTimeline(messageContent, messageStatus, {
+      waitingTools,
+      passThroughTools
+    });
+    return items.length > 0 ? items : EMPTY_TIMELINE;
+  }, [messageContent, messageStatus, waitingTools, passThroughTools]);
+  const phase = React.useMemo(
+    () => resolveActivityPhase(messageStatus, timeline, { waitingForInput }),
+    [messageStatus, timeline, waitingForInput]
+  );
+  const toolCount = countActivityTools(timeline);
+  const { expanded, toggleExpanded } = useActivityExpansion({
+    expansionKey: expansionKeyProp ?? messageId,
+    phase,
+    expandWhileWaiting
+  });
+  const generatedId = React.useId().replace(/[^A-Za-z0-9_-]/g, "");
+  const detailsPanelId = `aui-sg-details-${generatedId}`;
+  const statusId = `aui-sg-status-${generatedId}`;
+  const primaryDisclosureRef = React.useRef(null);
+  const grouping = React.useMemo(
+    () => excludeFinalTextFromGroups(groupingFunction ?? createToolBasedGroupingFunction(getToolGroupKey)),
+    [groupingFunction, getToolGroupKey]
+  );
+  const groupingContext = React.useMemo(() => ({ groupingFunction: grouping }), [grouping]);
+  const components = React.useMemo(
+    () => ({
+      tools: { ...toolUIs ? { by_name: toolUIs } : {}, Fallback: ToolFallbackComponent },
+      Text: TextComponent,
+      ...ReasoningComponent ? { Reasoning: ReasoningComponent } : {},
+      Group: GroupComponent
+    }),
+    [toolUIs, ToolFallbackComponent, TextComponent, ReasoningComponent, GroupComponent]
+  );
+  const isActive = phase === "running" || phase === "waiting";
+  const hasActivity = timeline.length > 0 || phase !== "complete";
+  if (!hasActivity) return null;
+  const detailsMounted = isActive || expanded;
+  const visibleItems = timeline.slice(-Math.max(1, maxVisibleSteps));
+  const hiddenCount = timeline.length - visibleItems.length;
+  const latestStatus = phase === "waiting" ? "Waiting for your input" : phase === "error" ? "Something went wrong" : timeline.length > 0 ? getActivityItemLabel(timeline[timeline.length - 1], resolveToolDisplayName) : "Planning approach";
+  const summary = [getActivitySummary(timeline), ...summaryDetails ?? []].join(" · ");
+  const headerActions = renderHeaderActions == null ? void 0 : renderHeaderActions({ phase, messageContent });
+  const runningMeta = isActive ? renderRunningMeta == null ? void 0 : renderRunningMeta({ phase }) : null;
+  const hideDetails = () => {
+    toggleExpanded();
+    queueMicrotask(() => {
+      var _a;
+      return (_a = primaryDisclosureRef.current) == null ? void 0 : _a.focus();
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      "data-slot": "super-grouping-card",
+      "data-phase": phase,
+      "data-tool-count": toolCount,
+      className: trash2.cn(
+        "my-3 min-w-0 overflow-hidden rounded-2xl border transition-colors duration-200",
+        phase === "error" ? "border-destructive/30 bg-destructive/5" : phase === "waiting" ? "border-amber-200 bg-amber-50/40 dark:border-amber-500/30 dark:bg-amber-500/10" : "border-border/60 bg-muted/10",
+        className,
+        classNames == null ? void 0 : classNames.root
+      ),
+      "aria-busy": phase === "running" ? "true" : "false",
+      "aria-describedby": statusId,
+      children: [
+        phase === "complete" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              ref: primaryDisclosureRef,
+              type: "button",
+              onClick: toggleExpanded,
+              "aria-expanded": expanded,
+              "aria-controls": detailsPanelId,
+              className: "flex min-w-0 flex-1 items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-muted/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(SummaryIcon, { timeline }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-[12px] text-muted-foreground", children: summary })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1 pr-3 pl-1", children: [
+            headerActions,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: toggleExpanded,
+                "aria-label": expanded ? "Hide run details" : "Show run details",
+                "aria-expanded": expanded,
+                "aria-controls": detailsPanelId,
+                className: "flex items-center justify-center rounded-md p-1 text-muted-foreground transition-colors hover:bg-muted/40 hover:text-foreground",
+                children: expanded ? /* @__PURE__ */ jsxRuntime.jsx(trash2.ChevronDown, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(x.ChevronRight, { className: "size-3.5" })
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center justify-between gap-2 px-4 pt-4 pb-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "truncate text-[13px] font-semibold text-foreground", children: phase === "error" ? "Something went wrong" : phase === "waiting" ? "Waiting for you" : "Athena is working" }),
+              phase === "running" ? /* @__PURE__ */ jsxRuntime.jsx(PulsingDots, {}) : null
+            ] }),
+            headerActions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-1", children: headerActions }) : null
+          ] }),
+          runningMeta ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pb-1", children: runningMeta }) : null,
+          phase === "running" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pb-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[2px] w-full overflow-hidden rounded-full bg-muted/40", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-1/3 rounded-full bg-gradient-to-r from-blue-400 to-indigo-400 animate-[aui-sg-shimmer-bar_1.5s_ease-in-out_infinite] motion-reduce:animate-none" }) }) }) : null,
+          visibleItems.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "space-y-1 px-4 pt-1.5 pb-1", "aria-label": "Work status updates", children: [
+            hiddenCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "pl-[22px] text-[11px] text-muted-foreground/70", children: [
+              hiddenCount,
+              " earlier ",
+              hiddenCount === 1 ? "step" : "steps"
+            ] }) : null,
+            visibleItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+              "li",
+              {
+                className: "flex min-w-0 items-start gap-2 text-[12px]",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(StepIcon, { item }),
+                  item.kind === "reasoning" ? item.text.trim() ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-2 min-w-0 flex-1 italic leading-relaxed text-muted-foreground", children: item.text }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shimmer min-w-0 flex-1 leading-relaxed text-muted-foreground", children: "Thinking…" }) : /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: trash2.cn(
+                        "min-w-0 flex-1 truncate leading-relaxed",
+                        item.state === "complete" ? "text-muted-foreground/70" : "text-foreground/80"
+                      ),
+                      children: getActivityItemLabel(item, resolveToolDisplayName)
+                    }
+                  )
+                ]
+              },
+              `${item.kind}-${hiddenCount + index}`
+            ))
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pt-1 pb-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shimmer text-[12px] text-muted-foreground", children: "Planning approach..." }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pb-3 pt-0.5", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              ref: primaryDisclosureRef,
+              type: "button",
+              onClick: toggleExpanded,
+              "aria-expanded": expanded,
+              "aria-controls": detailsPanelId,
+              className: "flex items-center gap-1 rounded px-1 py-0.5 text-[11px] font-medium text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              children: [
+                expanded ? /* @__PURE__ */ jsxRuntime.jsx(trash2.ChevronDown, { className: "size-3" }) : /* @__PURE__ */ jsxRuntime.jsx(x.ChevronRight, { className: "size-3" }),
+                expanded ? "Hide details" : "Show details"
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("output", { id: statusId, "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: latestStatus }),
+        detailsMounted ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            id: detailsPanelId,
+            role: "region",
+            "aria-label": "Run details",
+            hidden: !expanded,
+            className: trash2.cn(
+              "space-y-2 overflow-hidden border-t border-border/60 bg-background/80 px-4 py-4",
+              classNames == null ? void 0 : classNames.details
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SuperGroupingProvider, { value: groupingContext, children: /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.Unstable_PartsGrouped, { groupingFunction: grouping, components }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: hideDetails,
+                  "aria-controls": detailsPanelId,
+                  "aria-expanded": "true",
+                  className: "mx-auto mt-3 flex items-center gap-1 rounded-md px-3 py-1.5 text-[11px] font-medium text-muted-foreground transition-colors hover:bg-muted/40 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(ChevronUp, { className: "size-3" }),
+                    "Hide details"
+                  ]
+                }
+              )
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+});
+const SuperGroupingFinalText = React.memo(function SuperGroupingFinalText2({
+  TextComponent
+}) {
+  const messageContent = react.useAuiState(
+    (s) => s.message.role === "assistant" ? s.message.content : EMPTY_CONTENT
+  );
+  const statusType = react.useAuiState((s) => {
+    var _a;
+    return (_a = s.message.status) == null ? void 0 : _a.type;
+  });
+  const finalText = React.useMemo(() => getFinalText(messageContent), [messageContent]);
+  if (!finalText) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TextComponent,
+    {
+      type: "text",
+      text: finalText,
+      status: statusType === "running" || statusType === "requires-action" ? { type: "running" } : { type: "complete" }
+    }
+  );
+});
+exports.CollapsibleGroup = CollapsibleGroup;
+exports.DEFAULT_TOOLKIT_THEME = DEFAULT_TOOLKIT_THEME;
+exports.SuperGroupingCard = SuperGroupingCard;
+exports.SuperGroupingFinalText = SuperGroupingFinalText;
+exports.SuperGroupingProvider = SuperGroupingProvider;
+exports.TOOLKIT_THEMES = TOOLKIT_THEMES;
+exports.buildActivityTimeline = buildActivityTimeline;
+exports.countActivityTools = countActivityTools;
+exports.createToolBasedGroupingFunction = createToolBasedGroupingFunction;
+exports.defaultGetToolGroupKey = defaultGetToolGroupKey;
+exports.excludeFinalTextFromGroups = excludeFinalTextFromGroups;
+exports.getActivityItemLabel = getActivityItemLabel;
+exports.getActivitySummary = getActivitySummary;
+exports.getActivityToolState = getActivityToolState;
+exports.getFinalText = getFinalText;
+exports.resetRememberedExpansionsForTests = resetRememberedExpansionsForTests;
+exports.resolveActivityPhase = resolveActivityPhase;
+exports.useActivityExpansion = useActivityExpansion;
+//# sourceMappingURL=SuperGroupingCard-CRRFUgjN.cjs.map