@athenaintel/react 0.10.30 → 0.10.31

package/dist/index.cjs

@@ -45056,51 +45056,51 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$18 = [
+const __iconNode$19 = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$18);
+const ArrowDown = createLucideIcon("arrow-down", __iconNode$19);
 /**
  * @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$17 = [
+const __iconNode$18 = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$17);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$18);
 /**
  * @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$16 = [
+const __iconNode$17 = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$16);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$17);
 /**
  * @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$15 = [
+const __iconNode$16 = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$15);
+const ArrowUp = createLucideIcon("arrow-up", __iconNode$16);
 /**
  * @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$14 = [
+const __iconNode$15 = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -45110,14 +45110,14 @@ const __iconNode$14 = [
     }
   ]
 ];
-const BookOpen = createLucideIcon("book-open", __iconNode$14);
+const BookOpen = createLucideIcon("book-open", __iconNode$15);
 /**
  * @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$13 = [
+const __iconNode$14 = [
   [
     "path",
     {
@@ -45149,14 +45149,14 @@ const __iconNode$13 = [
   ["path", { d: "m12 8 4.74-2.85", key: "3rx089" }],
   ["path", { d: "M12 13.5V8", key: "1io7kd" }]
 ];
-const Boxes = createLucideIcon("boxes", __iconNode$13);
+const Boxes = createLucideIcon("boxes", __iconNode$14);
 /**
  * @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$12 = [
+const __iconNode$13 = [
   ["path", { d: "M12 18V5", key: "adv99a" }],
   ["path", { d: "M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4", key: "1e3is1" }],
   ["path", { d: "M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5", key: "1gqd8o" }],
@@ -45166,27 +45166,27 @@ const __iconNode$12 = [
   ["path", { d: "M6 18a4 4 0 0 1-2-7.464", key: "k1g0md" }],
   ["path", { d: "M6.003 5.125a4 4 0 0 0-2.526 5.77", key: "q97ue3" }]
 ];
-const Brain = createLucideIcon("brain", __iconNode$12);
+const Brain = createLucideIcon("brain", __iconNode$13);
 /**
  * @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$11 = [
+const __iconNode$12 = [
   ["path", { d: "M12 12h.01", key: "1mp3jc" }],
   ["path", { d: "M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2", key: "1ksdt3" }],
   ["path", { d: "M22 13a18.15 18.15 0 0 1-20 0", key: "12hx5q" }],
   ["rect", { width: "20", height: "14", x: "2", y: "6", rx: "2", key: "i6l2r4" }]
 ];
-const BriefcaseBusiness = createLucideIcon("briefcase-business", __iconNode$11);
+const BriefcaseBusiness = createLucideIcon("briefcase-business", __iconNode$12);
 /**
  * @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$10 = [
+const __iconNode$11 = [
   [
     "path",
     { d: "M17 19a1 1 0 0 1-1-1v-2a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a1 1 0 0 1-1 1z", key: "trhst0" }
@@ -45201,27 +45201,27 @@ const __iconNode$10 = [
   ],
   ["path", { d: "M7 5V3", key: "1t1388" }]
 ];
-const Cable = createLucideIcon("cable", __iconNode$10);
+const Cable = createLucideIcon("cable", __iconNode$11);
 /**
  * @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$$ = [
+const __iconNode$10 = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
 ];
-const Calendar = createLucideIcon("calendar", __iconNode$$);
+const Calendar = createLucideIcon("calendar", __iconNode$10);
 /**
  * @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$_ = [
+const __iconNode$$ = [
   [
     "path",
     {
@@ -45231,57 +45231,65 @@ const __iconNode$_ = [
   ],
   ["circle", { cx: "12", cy: "13", r: "3", key: "1vg3eu" }]
 ];
-const Camera = createLucideIcon("camera", __iconNode$_);
+const Camera = createLucideIcon("camera", __iconNode$$);
 /**
  * @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$Z = [
+const __iconNode$_ = [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   ["path", { d: "M7 16h8", key: "srdodz" }],
   ["path", { d: "M7 11h12", key: "127s9w" }],
   ["path", { d: "M7 6h3", key: "w9rmul" }]
 ];
-const ChartBar = createLucideIcon("chart-bar", __iconNode$Z);
+const ChartBar = createLucideIcon("chart-bar", __iconNode$_);
 /**
  * @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$Y = [
+const __iconNode$Z = [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   ["path", { d: "M18 17V9", key: "2bz60n" }],
   ["path", { d: "M13 17V5", key: "1frdt8" }],
   ["path", { d: "M8 17v-3", key: "17ska0" }]
 ];
-const ChartColumn = createLucideIcon("chart-column", __iconNode$Y);
+const ChartColumn = createLucideIcon("chart-column", __iconNode$Z);
+/**
+ * @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$Y = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$Y);
 /**
  * @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$X = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$X);
+const __iconNode$X = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$X);
 /**
  * @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$W = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$W);
+const __iconNode$W = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$W);
 /**
  * @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$V = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$V);
+const __iconNode$V = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$V);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -52722,6 +52730,480 @@ const TOOL_UI_REGISTRY = {
   run_database_sql: RunSqlToolUI,
   run_sql_query_tool: RunSqlToolUI
 };
+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 (PowerPoint)": { color: "#F56B36" },
+  Presentation: { color: "#F56B36" },
+  "User Interface": { color: "#7336F5" },
+  Canvas: { color: "#002542" },
+  Computer: { color: "#3E0042" },
+  Database: { color: "#7336F5" }
+};
+const DEFAULT_THEME = { color: "#919EAB" };
+const CollapsibleGroup = ({ groupKey, indices, children }) => {
+  const isMessageRunning = react$1.useAuiState((s) => {
+    var _a2;
+    return ((_a2 = s.message.status) == null ? void 0 : _a2.type) === "running";
+  });
+  const [userOpened, setOpen] = React.useState();
+  const open = userOpened ?? isMessageRunning;
+  const toolCallCount = react$1.useAuiState((s) => {
+    if (s.message.role !== "assistant") return 0;
+    const parts = s.message.content;
+    if (!parts) return 0;
+    return indices.reduce((acc, idx) => {
+      const part = parts[idx];
+      return (part == null ? void 0 : part.type) === "tool-call" ? acc + 1 : acc;
+    }, 0);
+  });
+  const theme = React.useMemo(
+    () => groupKey ? TOOLKIT_THEMES[groupKey] ?? DEFAULT_THEME : DEFAULT_THEME,
+    [groupKey]
+  );
+  if (!groupKey || indices.length <= 1) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "my-4 rounded-2xl border shadow-sm",
+      style: {
+        borderColor: `${theme.color}33`,
+        background: `linear-gradient(to right, ${theme.color}0d, transparent, ${theme.color}0d)`
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setOpen(!open),
+            className: "flex w-full items-center justify-between gap-3 rounded-2xl px-5 py-3 transition-colors hover:bg-black/5 dark:hover:bg-white/5",
+            "aria-expanded": open,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-foreground/90", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: "inline-block size-2 rounded-full",
+                    style: { backgroundColor: theme.color },
+                    "aria-hidden": "true"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-semibold", children: [
+                  isMessageRunning ? "Using " : "Used ",
+                  groupKey,
+                  " Toolkit"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-medium text-muted-foreground", children: [
+                  toolCallCount,
+                  " tool ",
+                  toolCallCount === 1 ? "call" : "calls"
+                ] }),
+                open ? /* @__PURE__ */ jsxRuntime.jsx(ChevronUp, { size: 16 }) : /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, { size: 16 })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "grid overflow-hidden border-t transition-[grid-template-rows] duration-200 ease-in-out",
+              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 createToolBasedGroupingFunction = (getToolGroupKey) => (parts) => {
+  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);
+    } 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);
+        }
+        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 TOOL_STATUS_LABELS = {
+  // Document tools
+  read_asset: { running: "Reviewing asset content", complete: "Asset content reviewed" },
+  read_full_asset: { running: "Reviewing asset content", complete: "Asset content reviewed" },
+  create_new_document: { running: "Creating document", complete: "Created document" },
+  create_document_from_markdown: { running: "Creating document", complete: "Created document" },
+  append_markdown_to_athena_document: { running: "Updating document", complete: "Updated document" },
+  replace_markdown_in_athena_document: { running: "Updating document", complete: "Updated document" },
+  convert_athena_doc_to_pdf: { running: "Converting to PDF", complete: "Converted to PDF" },
+  convert_to_pdf: { running: "Converting to PDF", complete: "Converted to PDF" },
+  // Spreadsheet tools
+  create_new_sheet: { running: "Creating spreadsheet", complete: "Created spreadsheet" },
+  update_sheet_range: { running: "Updating spreadsheet", complete: "Updated spreadsheet" },
+  format_sheet_range: { running: "Formatting spreadsheet", complete: "Formatted spreadsheet" },
+  bulk_format_sheet_range: { running: "Formatting spreadsheet ranges", complete: "Formatted spreadsheet ranges" },
+  create_table: { running: "Creating table", complete: "Created table" },
+  update_table: { running: "Updating table", complete: "Updated table" },
+  create_chart: { running: "Creating chart", complete: "Created chart" },
+  update_chart: { running: "Updating chart", complete: "Updated chart" },
+  // Web / search
+  search: { running: "Searching the web", complete: "Web search complete" },
+  browse: { running: "Reading webpage", complete: "Read webpage" },
+  web_search: { running: "Searching the web", complete: "Web search complete" },
+  search_web: { running: "Searching the web", complete: "Web search complete" },
+  web_scrape: { running: "Reading webpage", complete: "Read webpage" },
+  scrape_web: { running: "Reading webpage", complete: "Read webpage" },
+  open_asset_in_workspace: { running: "Opening in workspace", complete: "Opened in workspace" },
+  // Email / calendar
+  create_email_draft: { running: "Drafting email", complete: "Email drafted" },
+  send_email: { running: "Sending email", complete: "Email sent" },
+  unified_email_create_draft: { running: "Drafting email", complete: "Email drafted" },
+  unified_email_send: { running: "Sending email", complete: "Email sent" },
+  unified_email_edit_draft: { running: "Editing email draft", complete: "Draft updated" },
+  search_email: { running: "Searching email", complete: "Email search complete" },
+  unified_email_search: { running: "Searching email", complete: "Email search complete" },
+  // Python / code execution
+  run_python: { running: "Running Python code", complete: "Python execution complete" },
+  run_python_code: { running: "Running Python code", complete: "Python execution complete" },
+  run_sql: { running: "Running database query", complete: "Query complete" },
+  execute_sql: { running: "Running database query", complete: "Query complete" },
+  run_database_sql: { running: "Running database query", complete: "Query complete" },
+  run_sql_query_tool: { running: "Running database query", complete: "Query complete" },
+  // Presentation
+  create_powerpoint_deck: { running: "Creating presentation", complete: "Created presentation" },
+  execute_presentation_code: { running: "Updating presentation", complete: "Updated presentation" },
+  capture_slide_screenshot: { running: "Capturing slide", complete: "Slide captured" },
+  // Notebook
+  create_new_notebook: { running: "Creating notebook", complete: "Created notebook" },
+  run_notebook_cell: { running: "Running notebook cell", complete: "Cell execution complete" },
+  // Media capture
+  capture_moment: { running: "Capturing moment", complete: "Moment captured" }
+};
+function getToolStatusLabel(toolName, status) {
+  const entry = TOOL_STATUS_LABELS[toolName];
+  if (entry) return status === "complete" ? entry.complete : entry.running;
+  const formatted = formatToolName(toolName);
+  return status === "complete" ? formatted : `Running ${formatted.toLowerCase()}`;
+}
+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 (PowerPoint)",
+  execute_presentation_code: "Presentation (PowerPoint)",
+  capture_slide_screenshot: "Presentation (PowerPoint)",
+  // Studio presentation PTC
+  CreatePresentation: "Presentation (PowerPoint)",
+  OpenPresentation: "Presentation (PowerPoint)",
+  AddSlide: "Presentation (PowerPoint)",
+  // 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",
+  "open_asset_in_workspace",
+  "create_email_draft",
+  "unified_email_create_draft",
+  "unified_email_send",
+  "unified_email_edit_draft"
+];
+const defaultGetToolGroupKey = (toolName) => {
+  if (UNGROUPED_TOOLS.includes(toolName)) return void 0;
+  return DEFAULT_TOOL_TO_TOOLKIT[toolName];
+};
+const MAX_VISIBLE_STATUSES = 5;
+const EMPTY_STATUSES = [];
+function PulsingDots() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-[3px]", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-[5px] w-[5px] rounded-full bg-gray-800 animate-[aui-sg-pulse-dot_1.4s_ease-in-out_infinite]" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-[5px] w-[5px] rounded-full bg-gray-800 animate-[aui-sg-pulse-dot_1.4s_ease-in-out_0.2s_infinite]" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-[5px] w-[5px] rounded-full bg-gray-800 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%); }
+        }
+      ` })
+  ] });
+}
+const SuperGroupingFinalText = React.memo(function SuperGroupingFinalText2({
+  TextComponent
+}) {
+  const messageContent = react$1.useAuiState((s) => s.message.content);
+  const isRunning = react$1.useAuiState((s) => {
+    var _a2;
+    return ((_a2 = s.message.status) == null ? void 0 : _a2.type) === "running";
+  });
+  const finalText = React.useMemo(() => {
+    if (!(messageContent == null ? void 0 : messageContent.length)) return null;
+    let lastToolIdx = -1;
+    for (let i = messageContent.length - 1; i >= 0; i--) {
+      if (messageContent[i].type === "tool-call") {
+        lastToolIdx = i;
+        break;
+      }
+    }
+    if (lastToolIdx === -1) return null;
+    const texts = [];
+    for (let i = lastToolIdx + 1; i < messageContent.length; i++) {
+      const part = messageContent[i];
+      if (part.type === "text" && part.text) texts.push(part.text);
+    }
+    return texts.length > 0 ? texts.join("\n\n") : null;
+  }, [messageContent]);
+  if (isRunning || !finalText) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(TextComponent, { type: "text", text: finalText, status: { type: "complete" } });
+});
+const SuperGroupingCard = React.memo(function SuperGroupingCard2({
+  toolUIs,
+  TextComponent,
+  ReasoningComponent,
+  getToolGroupKey = defaultGetToolGroupKey
+}) {
+  const [showDetails, setShowDetails] = React.useState(false);
+  const handleToggleDetails = React.useCallback(() => setShowDetails((p) => !p), []);
+  const handleHideDetails = React.useCallback(() => setShowDetails(false), []);
+  const messageStatus = react$1.useAuiState((s) => {
+    var _a2;
+    return (_a2 = s.message.status) == null ? void 0 : _a2.type;
+  });
+  const isRunning = messageStatus === "running";
+  const isError = messageStatus === "incomplete";
+  const isComplete = !isRunning && !isError;
+  const groupingFunction = React.useMemo(() => {
+    const inner = createToolBasedGroupingFunction(getToolGroupKey);
+    return (parts) => {
+      const lastToolIdx = parts.findLastIndex((p) => (p == null ? void 0 : p.type) === "tool-call");
+      return inner(parts).map((g) => ({
+        ...g,
+        indices: g.indices.filter((i) => {
+          var _a2;
+          return ((_a2 = parts[i]) == null ? void 0 : _a2.type) !== "text" || i <= lastToolIdx;
+        })
+      })).filter((g) => g.indices.length > 0);
+    };
+  }, [getToolGroupKey]);
+  const messageContent = react$1.useAuiState((s) => s.message.content);
+  const toolStatuses = React.useMemo(() => {
+    if (!messageContent) return EMPTY_STATUSES;
+    const statuses = [];
+    for (const part of messageContent) {
+      if (part.type === "tool-call") {
+        const isToolComplete = part.result !== void 0;
+        statuses.push({
+          toolName: part.toolName,
+          label: getToolStatusLabel(part.toolName, isToolComplete ? "complete" : "running"),
+          isComplete: isToolComplete
+        });
+      }
+    }
+    return statuses.length > 0 ? statuses : EMPTY_STATUSES;
+  }, [messageContent]);
+  const hasToolCalls = toolStatuses.length > 0;
+  const visibleStatuses = React.useMemo(
+    () => toolStatuses.length <= MAX_VISIBLE_STATUSES ? toolStatuses : toolStatuses.slice(-MAX_VISIBLE_STATUSES),
+    [toolStatuses]
+  );
+  const hiddenCount = toolStatuses.length - visibleStatuses.length;
+  const latestStatusLine = React.useMemo(() => {
+    var _a2;
+    if (!hasToolCalls) return "Planning approach";
+    return ((_a2 = toolStatuses[toolStatuses.length - 1]) == null ? void 0 : _a2.label) ?? "Working";
+  }, [toolStatuses, hasToolCalls]);
+  const detailsPanel = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 border-t border-border/60 bg-background/80 px-4 py-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      react$1.MessagePrimitive.Unstable_PartsGrouped,
+      {
+        groupingFunction,
+        components: {
+          tools: { by_name: toolUIs, Fallback: ToolFallback },
+          Text: TextComponent,
+          ...ReasoningComponent ? { Reasoning: ReasoningComponent } : {},
+          Group: CollapsibleGroup
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: handleHideDetails,
+        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",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ChevronUp, { className: "size-3" }),
+          "Hide details"
+        ]
+      }
+    )
+  ] });
+  if (isComplete && hasToolCalls) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "my-3 overflow-hidden rounded-2xl border border-border/60 bg-muted/10", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: handleToggleDetails,
+          "aria-expanded": showDetails,
+          className: "flex w-full items-center justify-between px-4 py-3 text-left transition-colors hover:bg-muted/30",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-4 items-center justify-center text-emerald-500", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[12px] text-muted-foreground", children: [
+                "Used ",
+                toolStatuses.length,
+                " ",
+                toolStatuses.length === 1 ? "tool" : "tools"
+              ] })
+            ] }),
+            showDetails ? /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, { className: "size-3.5 text-muted-foreground/70" }) : /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, { className: "size-3.5 text-muted-foreground/70" })
+          ]
+        }
+      ),
+      showDetails && detailsPanel
+    ] });
+  }
+  if (isComplete) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      "aria-busy": isRunning ? "true" : "false",
+      "aria-describedby": "aui-sg-status",
+      className: cn(
+        "my-3 overflow-hidden rounded-2xl border transition-colors duration-200",
+        isError ? "border-destructive/30 bg-destructive/5" : "border-border/70 bg-muted/10"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pt-4 pb-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-[13px] font-semibold text-foreground", children: isError ? "Something went wrong" : "Athena is working" }),
+          isRunning && !isError && /* @__PURE__ */ jsxRuntime.jsx(PulsingDots, {})
+        ] }) }) }),
+        isRunning && /* @__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]" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("output", { id: "aui-sg-status", "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: latestStatusLine }),
+        hasToolCalls && /* @__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"
+          ] }),
+          visibleStatuses.map((s, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-2 text-[12px]", children: [
+            s.isComplete ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-3.5 items-center justify-center text-emerald-500", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-3.5 items-center justify-center", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 animate-pulse rounded-full bg-blue-500" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("leading-relaxed", s.isComplete ? "text-muted-foreground/70" : "text-foreground/80"), children: s.label })
+          ] }, `${s.toolName}-${i}`))
+        ] }),
+        !hasToolCalls && /* @__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",
+          {
+            type: "button",
+            onClick: handleToggleDetails,
+            "aria-expanded": showDetails,
+            className: "flex items-center gap-1 text-[11px] font-medium text-muted-foreground transition-colors hover:text-foreground",
+            children: [
+              showDetails ? /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, { className: "size-3" }) : /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, { className: "size-3" }),
+              showDetails ? "Hide details" : "Show details"
+            ]
+          }
+        ) }),
+        showDetails && detailsPanel
+      ]
+    }
+  );
+});
 const falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
 const cx = clsx;
 const cva = (base2, config2) => (props) => {
@@ -53648,6 +54130,17 @@ const AthenaAssistantMessageEmpty = ({ status }) => {
   if ((status == null ? void 0 : status.type) !== "running") return null;
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shimmer text-[13px] text-muted-foreground", children: "Thinking..." });
 };
+const AthenaMessageEmptyIndicator = ({
+  EmptyComponent: EmptyComponent2
+}) => {
+  const hasParts = react$1.useAuiState((s) => s.message.parts.length > 0);
+  const isRunning = react$1.useAuiState((s) => {
+    var _a2;
+    return ((_a2 = s.message.status) == null ? void 0 : _a2.type) === "running";
+  });
+  if (hasParts || !isRunning) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(EmptyComponent2, { status: { type: "running" } });
+};
 const AthenaReasoningPart = ({
   text: text2,
   status,
@@ -53723,7 +54216,6 @@ const AthenaReasoningPart = ({
     }
   );
 };
-const groupAdjacentToolCalls = (part) => part.type === "tool-call" ? ["group-tool"] : null;
 const noToolGrouping = () => null;
 const AthenaAssistantMessage = ({
   toolUIs,
@@ -53760,31 +54252,42 @@ const AthenaAssistantMessage = ({
       "data-role": "assistant",
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(AthenaReasoningTextComponentContext.Provider, { value: TextComponent, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aui-assistant-message-content wrap-break-word px-2 text-foreground leading-relaxed", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(NestedPtcComponentsProvider, { components: nestedPtcComponents, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.MessagePrimitive.GroupedParts, { groupBy: groupToolCalls ? groupAdjacentToolCalls : noToolGrouping, children: ({ part, children }) => {
-            var _a2, _b;
-            switch (part.type) {
-              case "group-tool":
-                return /* @__PURE__ */ jsxRuntime.jsx(AthenaToolGroup, { count: ((_a2 = part.indices) == null ? void 0 : _a2.length) ?? 0, children });
-              case "tool-call": {
-                const ToolUI = toolUIsWithNestedMessages[part.toolName];
-                const toolProps = part;
-                return ToolUI ? /* @__PURE__ */ jsxRuntime.jsx(ToolUI, { ...toolProps }) : /* @__PURE__ */ jsxRuntime.jsx(ToolFallback, { ...toolProps });
-              }
-              case "reasoning": {
-                const ReasoningRenderer = effectiveReasoningComponent;
-                return /* @__PURE__ */ jsxRuntime.jsx(ReasoningRenderer, { ...part });
+          /* @__PURE__ */ jsxRuntime.jsx(NestedPtcComponentsProvider, { components: nestedPtcComponents, children: groupToolCalls ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              SuperGroupingCard,
+              {
+                toolUIs: toolUIsWithNestedMessages,
+                TextComponent,
+                ReasoningComponent: effectiveReasoningComponent
               }
-              case "text": {
-                const textPart = part;
-                if (textPart.text === "" && ((_b = textPart.status) == null ? void 0 : _b.type) === "running") {
-                  return /* @__PURE__ */ jsxRuntime.jsx(EmptyComponent2, { status: textPart.status });
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(SuperGroupingFinalText, { TextComponent })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(AthenaMessageEmptyIndicator, { EmptyComponent: EmptyComponent2 }),
+            /* @__PURE__ */ jsxRuntime.jsx(react$1.MessagePrimitive.GroupedParts, { groupBy: noToolGrouping, children: ({ part }) => {
+              var _a2;
+              switch (part.type) {
+                case "tool-call": {
+                  const ToolUI = toolUIsWithNestedMessages[part.toolName];
+                  const toolProps = part;
+                  return ToolUI ? /* @__PURE__ */ jsxRuntime.jsx(ToolUI, { ...toolProps }) : /* @__PURE__ */ jsxRuntime.jsx(ToolFallback, { ...toolProps });
                 }
-                return /* @__PURE__ */ jsxRuntime.jsx(TextComponent, { ...textPart });
+                case "reasoning": {
+                  const ReasoningRenderer = effectiveReasoningComponent;
+                  return /* @__PURE__ */ jsxRuntime.jsx(ReasoningRenderer, { ...part });
+                }
+                case "text": {
+                  const textPart = part;
+                  if (textPart.text === "" && ((_a2 = textPart.status) == null ? void 0 : _a2.type) === "running") {
+                    return /* @__PURE__ */ jsxRuntime.jsx(EmptyComponent2, { status: textPart.status });
+                  }
+                  return /* @__PURE__ */ jsxRuntime.jsx(TextComponent, { ...textPart });
+                }
+                default:
+                  return null;
               }
-              default:
-                return null;
-            }
-          } }) }),
+            } })
+          ] }) }),
           /* @__PURE__ */ jsxRuntime.jsx(MessageError, {})
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aui-assistant-message-footer mt-1 ml-2 flex", children: /* @__PURE__ */ jsxRuntime.jsx(ActionBarComponent, {}) })
@@ -53792,38 +54295,6 @@ const AthenaAssistantMessage = ({
     }
   );
 };
-const AthenaToolGroup = ({ children, count: count2 }) => {
-  const [expanded, setExpanded] = React.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-3 w-full overflow-hidden rounded-xl border border-border/60 bg-background shadow-sm", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setExpanded((v) => !v),
-        className: "flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-muted/20",
-        "aria-expanded": expanded,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted/60 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(Layers, { className: "size-4" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[13px] font-medium text-foreground", children: [
-            count2,
-            " tool ",
-            count2 === 1 ? "call" : "calls"
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ChevronDown,
-            {
-              className: cn(
-                "size-4 shrink-0 text-muted-foreground transition-transform duration-200",
-                !expanded && "-rotate-90"
-              )
-            }
-          )
-        ]
-      }
-    ),
-    expanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/40 bg-muted/5 px-3 pt-1 pb-2 [&>*]:my-2", children })
-  ] });
-};
 const AthenaAssistantActionBar = ({ className }) => {
   const threadId = useAthenaThreadId();
   const { appUrl } = useAthenaConfig();