@qredence/fleet 0.6.0 → 0.6.1

package/dist/web/server/{chunk-JQDLJ7KI.js → chunk-NGCQJ33Y.js}

@@ -6,14 +6,14 @@ import {
   MessageCircleQuestionMark,
   PI_TOOL_RENDERERS,
   useHoverCapable
-} from "./chunk-N6NOTURM.js";
+} from "./chunk-NWDI3OWB.js";
 import {
   pct,
   progressOf
 } from "./chunk-V3S6BVXO.js";
 import {
   mono
-} from "./chunk-XLNCWZMZ.js";
+} from "./chunk-UCUFC553.js";
 import {
   Eye
 } from "./chunk-2ST2ULW7.js";
@@ -47,19 +47,19 @@ import {
   FileDiff,
   ToolResult,
   ToolResultOutput
-} from "./chunk-YXXRP3NS.js";
+} from "./chunk-DLUZFOG3.js";
 import {
   ActionSwapRollText,
   FileCodeCorner
-} from "./chunk-2ATMSG7U.js";
+} from "./chunk-EJEPDVK6.js";
 import {
   AgentDisclosure
-} from "./chunk-HFQTI7AX.js";
+} from "./chunk-VPKX7QRU.js";
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger
-} from "./chunk-HSJMLO36.js";
+} from "./chunk-MNPHMZU7.js";
 import {
   RotateCcw
 } from "./chunk-OOXWPL22.js";
@@ -76,7 +76,7 @@ import {
 import {
   AnimatePresence,
   useReducedMotion
-} from "./chunk-ZJFA4F5X.js";
+} from "./chunk-NIZBFVJF.js";
 import {
   ChevronRight
 } from "./chunk-3C4CFCIS.js";
@@ -87,7 +87,7 @@ import {
   SPRING_PRESS,
   SPRING_SWAP,
   m
-} from "./chunk-K3BXQG3N.js";
+} from "./chunk-EBG3XFGQ.js";
 import {
   ChevronUp
 } from "./chunk-OZO5ARFA.js";
@@ -115,7 +115,7 @@ import {
   ToolTextShimmer,
   adaptToolPart,
   useToolComplete
-} from "./chunk-NXJ32VFR.js";
+} from "./chunk-QIULBRTU.js";
 import {
   createLucideIcon
 } from "./chunk-4ZIEVI5O.js";
@@ -126,7 +126,7 @@ import {
   __exportAll
 } from "./chunk-L547YHC4.js";
 
-// web/app/dist/server/assets/fleet-pi-tool-renderer-umKunT3K.js
+// web/app/dist/server/assets/fleet-pi-tool-renderer-qwc-qZFq.js
 import React, { createContext, memo, useCallback, useContext, useEffect, useId, useInsertionEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 var ChevronsDown = createLucideIcon("chevrons-down", [["path", {
@@ -177,64 +177,6 @@ var FolderSearch = createLucideIcon("folder-search", [
     key: "18b49y"
   }]
 ]);
-var toolStateCache = /* @__PURE__ */ new Map();
-function getToolStateSnapshot(part) {
-  return {
-    state: part.state,
-    inputJson: JSON.stringify(part.input || {}),
-    outputJson: JSON.stringify(part.output || {})
-  };
-}
-function hasToolStateChanged(toolCallId, part) {
-  const cached = toolStateCache.get(toolCallId);
-  const current = getToolStateSnapshot(part);
-  if (!cached) {
-    toolStateCache.set(toolCallId, current);
-    return true;
-  }
-  const changed = cached.state !== current.state || cached.inputJson !== current.inputJson || cached.outputJson !== current.outputJson;
-  if (changed) toolStateCache.set(toolCallId, current);
-  return changed;
-}
-function arePartsEqual(prev, next) {
-  if (prev.toolCallId !== next.toolCallId) return false;
-  if (prev.type !== next.type) return false;
-  const toolCallId = next.toolCallId;
-  if (!toolCallId) return prev.state === next.state;
-  return !hasToolStateChanged(toolCallId, next);
-}
-function isToolCompleted(part) {
-  if (part.output !== void 0 && part.output !== null) return true;
-  if (part.state === "error") return true;
-  if (part.state === "result") return true;
-  return false;
-}
-function areToolPropsEqual(prevProps, nextProps) {
-  if (!arePartsEqual(prevProps.part, nextProps.part)) return false;
-  if (isToolCompleted(nextProps.part)) return true;
-  if (prevProps.chatStatus !== nextProps.chatStatus) return false;
-  return true;
-}
-function formatElapsedTime(ms) {
-  if (ms < 1e3) return "";
-  const seconds = Math.floor(ms / 1e3);
-  if (seconds < 60) return `${seconds}s`;
-  const minutes = Math.floor(seconds / 60);
-  const remainingSeconds = seconds % 60;
-  if (remainingSeconds === 0) return `${minutes}m`;
-  return `${minutes}m ${remainingSeconds}s`;
-}
-function getToolStatus(part, chatStatus) {
-  const basePending = part.state !== "output-available" && part.state !== "output-error";
-  const isError = part.state === "output-error" || part.state === "output-available" && part.output?.success === false;
-  const isSuccess = part.state === "output-available" && !isError;
-  return {
-    isPending: basePending && chatStatus === "streaming",
-    isError,
-    isSuccess,
-    isInterrupted: basePending && chatStatus !== "streaming" && chatStatus !== void 0
-  };
-}
 var QUESTION_CUSTOM_ID = "__custom__";
 function optionBadge(idx) {
   return String.fromCharCode(65 + idx);
@@ -553,406 +495,64 @@ function QuestionTool({ part }) {
     }, `${clampedIndex}-${question.title}`)]
   });
 }
-function getDisplayPath(filePath) {
-  if (!filePath) return "";
-  const stripped = stripSandboxPrefixes(filePath);
-  if (stripped !== filePath) return stripped;
-  if (filePath.startsWith("/")) {
-    const parts = filePath.split("/");
-    const rootIndicators = [
-      "apps",
-      "packages",
-      "src",
-      "lib",
-      "components"
-    ];
-    const rootIndex = parts.findIndex((p) => rootIndicators.includes(p));
-    if (rootIndex > 0) return parts.slice(rootIndex).join("/");
+var toolStateCache = /* @__PURE__ */ new Map();
+function getToolStateSnapshot(part) {
+  return {
+    state: part.state,
+    inputJson: JSON.stringify(part.input || {}),
+    outputJson: JSON.stringify(part.output || {})
+  };
+}
+function hasToolStateChanged(toolCallId, part) {
+  const cached = toolStateCache.get(toolCallId);
+  const current = getToolStateSnapshot(part);
+  if (!cached) {
+    toolStateCache.set(toolCallId, current);
+    return true;
   }
-  return filePath;
+  const changed = cached.state !== current.state || cached.inputJson !== current.inputJson || cached.outputJson !== current.outputJson;
+  if (changed) toolStateCache.set(toolCallId, current);
+  return changed;
 }
-function calculateDiffStats(oldString, newString) {
-  const oldLines = oldString.split("\n");
-  const newLines = newString.split("\n");
-  const maxLines = Math.max(oldLines.length, newLines.length);
-  let addedLines = 0;
-  let removedLines = 0;
-  for (let i = 0; i < maxLines; i++) if (oldLines[i] !== void 0 && newLines[i] !== void 0) {
-    if (oldLines[i] !== newLines[i]) {
-      removedLines++;
-      addedLines++;
-    }
-  } else if (oldLines[i] !== void 0) removedLines++;
-  else if (newLines[i] !== void 0) addedLines++;
+function arePartsEqual(prev, next) {
+  if (prev.toolCallId !== next.toolCallId) return false;
+  if (prev.type !== next.type) return false;
+  const toolCallId = next.toolCallId;
+  if (!toolCallId) return prev.state === next.state;
+  return !hasToolStateChanged(toolCallId, next);
+}
+function isToolCompleted(part) {
+  if (part.output !== void 0 && part.output !== null) return true;
+  if (part.state === "error") return true;
+  if (part.state === "result") return true;
+  return false;
+}
+function areToolPropsEqual(prevProps, nextProps) {
+  if (!arePartsEqual(prevProps.part, nextProps.part)) return false;
+  if (isToolCompleted(nextProps.part)) return true;
+  if (prevProps.chatStatus !== nextProps.chatStatus) return false;
+  return true;
+}
+function formatElapsedTime(ms) {
+  if (ms < 1e3) return "";
+  const seconds = Math.floor(ms / 1e3);
+  if (seconds < 60) return `${seconds}s`;
+  const minutes = Math.floor(seconds / 60);
+  const remainingSeconds = seconds % 60;
+  if (remainingSeconds === 0) return `${minutes}m`;
+  return `${minutes}m ${remainingSeconds}s`;
+}
+function getToolStatus(part, chatStatus) {
+  const basePending = part.state !== "output-available" && part.state !== "output-error";
+  const isError = part.state === "output-error" || part.state === "output-available" && part.output?.success === false;
+  const isSuccess = part.state === "output-available" && !isError;
   return {
-    addedLines,
-    removedLines
+    isPending: basePending && chatStatus === "streaming",
+    isError,
+    isSuccess,
+    isInterrupted: basePending && chatStatus !== "streaming" && chatStatus !== void 0
   };
 }
-var toolRegistry = {
-  "tool-Task": {
-    icon: Sparkles,
-    title: (part) => {
-      const isPending = part.state !== "output-available" && part.state !== "output-error";
-      const subagentType = part.input?.subagent_type || "Agent";
-      return isPending ? `Running ${subagentType}` : `${subagentType} completed`;
-    },
-    subtitle: (part) => {
-      const desc = part.input?.description || "";
-      return desc.length > 50 ? `${desc.slice(0, 47)}...` : desc;
-    },
-    variant: "simple"
-  },
-  "tool-Agent": {
-    icon: Sparkles,
-    title: (part) => {
-      const isPending = part.state !== "output-available" && part.state !== "output-error";
-      const subagentType = part.input?.subagent_type || "Agent";
-      return isPending ? `Running ${subagentType}` : `${subagentType} completed`;
-    },
-    subtitle: (part) => {
-      const desc = part.input?.description || "";
-      return desc.length > 50 ? `${desc.slice(0, 47)}...` : desc;
-    },
-    variant: "simple"
-  },
-  "tool-Skill": {
-    icon: Sparkles,
-    title: () => "Skill",
-    subtitle: (part) => part.input?.skill || "",
-    variant: "simple"
-  },
-  "tool-Grep": {
-    icon: Search,
-    title: (part) => {
-      if (part.state !== "output-available" && part.state !== "output-error") return "Grepping";
-      const numFiles = part.output?.numFiles || 0;
-      return numFiles > 0 ? `Grepped ${numFiles} files` : "No matches";
-    },
-    subtitle: (part) => {
-      const pattern = part.input?.pattern || "";
-      const path = part.input?.path || "";
-      if (path) {
-        const combined = `${pattern} in ${getDisplayPath(path)}`;
-        return combined.length > 40 ? `${combined.slice(0, 37)}...` : combined;
-      }
-      return pattern.length > 40 ? `${pattern.slice(0, 37)}...` : pattern;
-    },
-    variant: "simple"
-  },
-  "tool-Glob": {
-    icon: FolderSearch,
-    title: (part) => {
-      if (part.state !== "output-available" && part.state !== "output-error") return "Exploring files";
-      const numFiles = part.output?.numFiles || 0;
-      return numFiles > 0 ? `Found ${numFiles} files` : "No files found";
-    },
-    subtitle: (part) => {
-      const pattern = part.input?.pattern || "";
-      return pattern.length > 40 ? `${pattern.slice(0, 37)}...` : pattern;
-    },
-    variant: "simple"
-  },
-  "tool-Read": {
-    icon: Eye,
-    title: (part) => {
-      return part.state !== "output-available" && part.state !== "output-error" ? "Reading" : "Read";
-    },
-    subtitle: (part) => {
-      const filePath = part.input?.file_path || "";
-      if (!filePath) return "";
-      return filePath.split("/").pop() || "";
-    },
-    variant: "simple"
-  },
-  "tool-Edit": {
-    icon: FileCodeCorner,
-    title: (part) => {
-      const filePath = part.input?.file_path || "";
-      if (!filePath) return "Edit";
-      return filePath.split("/").pop() || "Edit";
-    },
-    subtitle: (part) => {
-      if (part.state !== "output-available" && part.state !== "output-error") return "";
-      const oldString = part.input?.old_string || "";
-      const newString = part.input?.new_string || "";
-      if (!oldString && !newString) return "";
-      if (oldString !== newString) {
-        const { addedLines, removedLines } = calculateDiffStats(oldString, newString);
-        return `+${addedLines} -${removedLines}`;
-      }
-      return "";
-    },
-    variant: "simple"
-  },
-  "tool-Write": {
-    icon: FilePlus,
-    title: () => "Create",
-    subtitle: (part) => {
-      const filePath = part.input?.file_path || "";
-      if (!filePath) return "";
-      return filePath.split("/").pop() || "";
-    },
-    variant: "simple"
-  },
-  "tool-Bash": {
-    icon: Terminal,
-    title: (part) => {
-      return part.state !== "output-available" && part.state !== "output-error" ? "Running command" : "Ran command";
-    },
-    subtitle: (part) => {
-      const command = part.input?.command || "";
-      if (!command) return "";
-      let normalized = command.replace(/\\\s*\n\s*/g, " ").trim();
-      normalized = normalized.replace(/\/(?:Users|home|root)\/[^\s"']+/g, (match) => getDisplayPath(match));
-      return normalized.length > 50 ? `${normalized.slice(0, 47)}...` : normalized;
-    },
-    variant: "simple"
-  },
-  "tool-IPython": {
-    icon: FileCodeCorner,
-    title: (part) => {
-      return part.state !== "output-available" && part.state !== "output-error" ? "Running cell" : "Ran cell";
-    },
-    subtitle: (part) => {
-      const code = part.input?.code || "";
-      if (!code) return "";
-      const firstLine = code.split("\n", 1)[0].trim();
-      return firstLine.length > 50 ? `${firstLine.slice(0, 47)}...` : firstLine;
-    },
-    variant: "simple"
-  },
-  "tool-WebFetch": {
-    icon: Globe,
-    title: (part) => {
-      return part.state !== "output-available" && part.state !== "output-error" ? "Fetching" : "Fetched";
-    },
-    subtitle: (part) => {
-      const url = part.input?.url || "";
-      try {
-        return new URL(url).hostname.replace("www.", "");
-      } catch {
-        return url.slice(0, 30);
-      }
-    },
-    variant: "simple"
-  },
-  "tool-WebSearch": {
-    icon: Search,
-    title: (part) => {
-      return part.state !== "output-available" && part.state !== "output-error" ? "Searching web" : "Searched web";
-    },
-    subtitle: (part) => {
-      const query = part.input?.query || "";
-      return query.length > 40 ? `${query.slice(0, 37)}...` : query;
-    },
-    variant: "collapsible"
-  },
-  "tool-TodoWrite": {
-    icon: ListTodo,
-    title: (part) => {
-      const isPending = part.state !== "output-available" && part.state !== "output-error";
-      const action = part.input?.action || "update";
-      if (isPending) return action === "add" ? "Adding todo" : "Updating todos";
-      return action === "add" ? "Added todo" : "Updated todos";
-    },
-    subtitle: (part) => {
-      const todos = part.input?.todos || [];
-      if (todos.length === 0) return "";
-      return `${todos.length} ${todos.length === 1 ? "item" : "items"}`;
-    },
-    variant: "simple"
-  },
-  "tool-PlanWrite": {
-    icon: Sparkles,
-    title: (part) => {
-      const isPending = part.state !== "output-available" && part.state !== "output-error";
-      const action = part.input?.action || "create";
-      if (isPending) {
-        if (action === "create") return "Creating plan";
-        if (action === "approve") return "Approving plan";
-        return "Updating plan";
-      }
-      const status = part.input?.plan?.status;
-      if (status === "awaiting_approval") return "Plan ready for review";
-      if (status === "approved") return "Plan approved";
-      if (status === "completed") return "Plan completed";
-      return action === "create" ? "Created plan" : "Updated plan";
-    },
-    variant: "simple"
-  },
-  "tool-ExitPlanMode": {
-    icon: LogOut,
-    title: (part) => {
-      return part.state !== "output-available" && part.state !== "output-error" ? "Finishing plan" : "Plan complete";
-    },
-    variant: "simple"
-  },
-  "tool-NotebookEdit": {
-    icon: FileCodeCorner,
-    title: (part) => {
-      return part.state !== "output-available" && part.state !== "output-error" ? "Editing notebook" : "Edited notebook";
-    },
-    subtitle: (part) => {
-      const filePath = part.input?.file_path || "";
-      if (!filePath) return "";
-      return filePath.split("/").pop() || "";
-    },
-    variant: "simple"
-  },
-  "tool-BashOutput": {
-    icon: Terminal,
-    title: (part) => {
-      return part.state !== "output-available" && part.state !== "output-error" ? "Getting output" : "Command output";
-    },
-    subtitle: (part) => {
-      const output = part.output;
-      if (typeof output === "string" && output.trim()) return output.trim();
-      const command = part.input?.command || "";
-      if (!command) return "";
-      let normalized = command.replace(/\\\s*\n\s*/g, " ").trim();
-      normalized = normalized.replace(/\/(?:Users|home|root)\/[^\s"']+/g, (match) => getDisplayPath(match));
-      return normalized.length > 50 ? `${normalized.slice(0, 47)}...` : normalized;
-    },
-    variant: "simple"
-  },
-  "tool-KillShell": {
-    icon: CircleX,
-    title: (part) => {
-      return part.state !== "output-available" && part.state !== "output-error" ? "Stopping shell" : "Shell stopped";
-    },
-    subtitle: (part) => {
-      const pid = part.input?.pid;
-      return typeof pid === "number" ? `pid ${pid}` : "";
-    },
-    variant: "simple"
-  },
-  "tool-cloning": {
-    icon: GitBranch,
-    title: (part) => {
-      return part.state !== "output-available" && part.state !== "output-error" ? "Cloning repo" : "Repo cloned";
-    },
-    subtitle: (part) => part.input?.repo ?? "",
-    variant: "simple"
-  },
-  "tool-Thinking": {
-    icon: Sparkles,
-    title: (part) => {
-      return part.state !== "output-available" && part.state !== "output-error" ? "Thinking..." : "Thought";
-    },
-    variant: "collapsible"
-  }
-};
-var MCP_TOOL_PREFIX = "tool-mcp__";
-var BUILTIN_MCP_TOOLS = {
-  "tool-ListMcpResources": {
-    serverName: "mcp",
-    toolName: "list_resources",
-    displayName: "List Resources",
-    category: "list"
-  },
-  "tool-ListMcpResourcesTool": {
-    serverName: "mcp",
-    toolName: "list_resources",
-    displayName: "List Resources",
-    category: "list"
-  },
-  "tool-ReadMcpResource": {
-    serverName: "mcp",
-    toolName: "read_resource",
-    displayName: "Read Resource",
-    category: "get"
-  },
-  "tool-ReadMcpResourceTool": {
-    serverName: "mcp",
-    toolName: "read_resource",
-    displayName: "Read Resource",
-    category: "get"
-  }
-};
-function parseMcpToolType(partType) {
-  const builtin = BUILTIN_MCP_TOOLS[partType];
-  if (builtin) return builtin;
-  if (!partType.startsWith(MCP_TOOL_PREFIX)) return null;
-  const withoutPrefix = partType.slice(10);
-  const separatorIndex = withoutPrefix.indexOf("__");
-  if (separatorIndex === -1) return null;
-  const serverName = withoutPrefix.slice(0, separatorIndex);
-  const toolName2 = withoutPrefix.slice(separatorIndex + 2);
-  return {
-    serverName,
-    toolName: toolName2,
-    displayName: toolName2.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()).trim(),
-    category: "other"
-  };
-}
-function ToolRowBase({ icon, shimmerLabel, completeLabel, isAnimating, detail, onDetailClick, trailingContent, expandable = false, expanded, defaultOpen = false, onToggleExpand, children }) {
-  const isComplete = !isAnimating;
-  const isExpanded = expanded ?? false;
-  const canToggle = expandable && (isComplete || isExpanded || isAnimating);
-  const row = /* @__PURE__ */ jsxs("div", {
-    className: cn("flex max-w-full items-center gap-1 rounded-an-tool-border-radius select-none", canToggle ? "cursor-pointer" : "cursor-default"),
-    children: [/* @__PURE__ */ jsxs("div", {
-      className: "flex min-w-0 items-center gap-2 text-sm text-muted-foreground",
-      children: [
-        icon && /* @__PURE__ */ jsx("span", {
-          className: "flex size-3 shrink-0 items-center justify-center",
-          children: icon
-        }),
-        /* @__PURE__ */ jsx("span", {
-          className: "shrink-0 font-[450] whitespace-nowrap",
-          children: isAnimating && shimmerLabel ? /* @__PURE__ */ jsx(ToolTextShimmer, {
-            as: "span",
-            duration: 1.2,
-            className: "m-0 inline-flex h-4 items-center leading-none",
-            children: shimmerLabel
-          }) : completeLabel
-        }),
-        detail && (onDetailClick ? /* @__PURE__ */ jsx("button", {
-          type: "button",
-          onClick: onDetailClick,
-          className: "min-w-0 flex-1 truncate text-left font-normal text-an-foreground-muted/60 underline-offset-2 hover:text-an-foreground-muted hover:underline",
-          children: detail
-        }) : /* @__PURE__ */ jsx("span", {
-          className: "min-w-0 flex-1 truncate font-normal text-an-foreground-muted/60",
-          children: detail
-        })),
-        trailingContent
-      ]
-    }), expandable && (isComplete || isExpanded || isAnimating) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ChevronRight, { className: cn("shrink-0 text-muted-foreground transition-transform duration-150 ease-out", "size-3", "rotate-0 group-data-panel-open:rotate-90") }) })]
-  });
-  if (!expandable) return /* @__PURE__ */ jsx("div", {
-    className: "flex flex-col gap-1",
-    children: row
-  });
-  return /* @__PURE__ */ jsxs(Collapsible, {
-    className: "flex w-full flex-col gap-2",
-    ...expanded === void 0 ? { defaultOpen } : {
-      open: expanded,
-      onOpenChange: onToggleExpand
-    },
-    children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
-      className: "group flex",
-      disabled: !canToggle,
-      "aria-disabled": !canToggle,
-      children: row
-    }), /* @__PURE__ */ jsx(CollapsibleContent, {
-      className: cn("overflow-hidden", "h-[var(--collapsible-panel-height)] transition-all duration-150 ease-out", "data-ending-style:h-0 data-starting-style:h-0", "[&[hidden]:not([hidden='until-found'])]:hidden"),
-      children
-    })]
-  });
-}
-var GenericTool = memo(function GenericTool2({ icon, title, subtitle, isPending, onSubtitleClick }) {
-  const Icon = icon;
-  return /* @__PURE__ */ jsx(ToolRowBase, {
-    icon: Icon ? /* @__PURE__ */ jsx(Icon, { className: "h-full w-full shrink-0 text-muted-foreground" }) : void 0,
-    shimmerLabel: title,
-    completeLabel: title,
-    isAnimating: isPending,
-    detail: subtitle,
-    onDetailClick: onSubtitleClick
-  });
-});
 function extractCommandSummary(cmd) {
   return cmd.split("|").map((s) => s.trim().split(/\s+/)[0] ?? "").filter(Boolean).slice(0, 4).join(", ");
 }
@@ -997,9 +597,9 @@ function BashToolTerminalCard({ step, state, onComplete, approval }) {
         className: "overflow-hidden border-t border-border bg-background px-2.5 py-1.5 font-mono text-[0.75rem] leading-[16px]",
         children: [/* @__PURE__ */ jsxs("div", {
           className: "break-all",
-          children: [/* @__PURE__ */ jsxs("span", {
+          children: [/* @__PURE__ */ jsx("span", {
             className: "text-amber-600 select-none dark:text-amber-400",
-            children: ["$", " "]
+            children: "$ "
           }), /* @__PURE__ */ jsx("span", {
             className: "text-foreground",
             children: command
@@ -12007,10 +11607,253 @@ var EditTool = memo(function EditTool2({ part, isCollapsible = false, onFilePath
     onFilePathClick
   });
 });
-function IconSpinner({ className, ...rest }) {
-  return /* @__PURE__ */ jsxs("svg", {
-    viewBox: "0 0 24 24",
-    width: "16",
+function ToolRowBase({ icon, shimmerLabel, completeLabel, isAnimating, detail, onDetailClick, trailingContent, expandable = false, expanded, defaultOpen = false, onToggleExpand, children }) {
+  const isComplete = !isAnimating;
+  const isExpanded = expanded ?? false;
+  const canToggle = expandable && (isComplete || isExpanded || isAnimating);
+  const row = /* @__PURE__ */ jsxs("div", {
+    className: cn("flex max-w-full items-center gap-1 rounded-an-tool-border-radius select-none", canToggle ? "cursor-pointer" : "cursor-default"),
+    children: [/* @__PURE__ */ jsxs("div", {
+      className: "flex min-w-0 items-center gap-2 text-sm text-muted-foreground",
+      children: [
+        icon && /* @__PURE__ */ jsx("span", {
+          className: "flex size-3 shrink-0 items-center justify-center",
+          children: icon
+        }),
+        /* @__PURE__ */ jsx("span", {
+          className: "shrink-0 font-[450] whitespace-nowrap",
+          children: isAnimating && shimmerLabel ? /* @__PURE__ */ jsx(ToolTextShimmer, {
+            as: "span",
+            duration: 1.2,
+            className: "m-0 inline-flex h-4 items-center leading-none",
+            children: shimmerLabel
+          }) : completeLabel
+        }),
+        detail && (onDetailClick ? /* @__PURE__ */ jsx("button", {
+          type: "button",
+          onClick: onDetailClick,
+          className: "min-w-0 flex-1 truncate text-left font-normal text-an-foreground-muted/60 underline-offset-2 hover:text-an-foreground-muted hover:underline",
+          children: detail
+        }) : /* @__PURE__ */ jsx("span", {
+          className: "min-w-0 flex-1 truncate font-normal text-an-foreground-muted/60",
+          children: detail
+        })),
+        trailingContent
+      ]
+    }), expandable && (isComplete || isExpanded || isAnimating) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ChevronRight, { className: cn("shrink-0 text-muted-foreground transition-transform duration-150 ease-out", "size-3", "rotate-0 group-data-panel-open:rotate-90") }) })]
+  });
+  if (!expandable) return /* @__PURE__ */ jsx("div", {
+    className: "flex flex-col gap-1",
+    children: row
+  });
+  return /* @__PURE__ */ jsxs(Collapsible, {
+    className: "flex w-full flex-col gap-2",
+    ...expanded === void 0 ? { defaultOpen } : {
+      open: expanded,
+      onOpenChange: onToggleExpand
+    },
+    children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
+      className: "group flex",
+      disabled: !canToggle,
+      "aria-disabled": !canToggle,
+      children: row
+    }), /* @__PURE__ */ jsx(CollapsibleContent, {
+      className: cn("overflow-hidden", "h-[var(--collapsible-panel-height)] transition-all duration-150 ease-out", "data-ending-style:h-0 data-starting-style:h-0", "[&[hidden]:not([hidden='until-found'])]:hidden"),
+      children
+    })]
+  });
+}
+var GenericTool = memo(function GenericTool2({ icon, title, subtitle, isPending, onSubtitleClick }) {
+  const Icon = icon;
+  return /* @__PURE__ */ jsx(ToolRowBase, {
+    icon: Icon ? /* @__PURE__ */ jsx(Icon, { className: "h-full w-full shrink-0 text-muted-foreground" }) : void 0,
+    shimmerLabel: title,
+    completeLabel: title,
+    isAnimating: isPending,
+    detail: subtitle,
+    onDetailClick: onSubtitleClick
+  });
+});
+var PRIORITY_ARGS = [
+  "query",
+  "question",
+  "email",
+  "name",
+  "id",
+  "customer",
+  "url",
+  "issue",
+  "body",
+  "summary",
+  "title"
+];
+var ACTIVE_VERBS = {
+  List: "Listing",
+  Get: "Getting",
+  Create: "Creating",
+  Update: "Updating",
+  Delete: "Deleting",
+  Search: "Searching",
+  Fetch: "Fetching",
+  Retrieve: "Retrieving",
+  Send: "Sending",
+  Generate: "Generating",
+  Add: "Adding",
+  Remove: "Removing",
+  Modify: "Modifying",
+  Draft: "Drafting",
+  Manage: "Managing",
+  Query: "Querying",
+  Start: "Starting",
+  Set: "Setting",
+  Check: "Checking",
+  Find: "Finding"
+};
+var COMPLETED_VERBS = {
+  List: "Listed",
+  Get: "Got",
+  Create: "Created",
+  Update: "Updated",
+  Delete: "Deleted",
+  Search: "Searched",
+  Fetch: "Fetched",
+  Retrieve: "Retrieved",
+  Send: "Sent",
+  Generate: "Generated",
+  Add: "Added",
+  Remove: "Removed",
+  Modify: "Modified",
+  Draft: "Drafted",
+  Manage: "Managed",
+  Query: "Queried",
+  Start: "Started",
+  Set: "Set",
+  Check: "Checked",
+  Find: "Found"
+};
+function getActiveTitle(info) {
+  const words = info.displayName.split(" ");
+  const verb = words[0];
+  const rest = words.slice(1).join(" ");
+  const active = ACTIVE_VERBS[verb];
+  if (active) return rest ? `${active} ${rest}` : active;
+  return info.displayName;
+}
+function getCompletedTitle(info) {
+  const words = info.displayName.split(" ");
+  const verb = words[0];
+  const rest = words.slice(1).join(" ");
+  const completed = COMPLETED_VERBS[verb];
+  return completed ? rest ? `${completed} ${rest}` : completed : info.displayName;
+}
+function formatMcpArgs(input) {
+  if (!input || typeof input !== "object") return "";
+  const entries = Object.entries(input).filter(([, v]) => v !== void 0 && v !== null && v !== "");
+  if (entries.length === 0) return "";
+  const sorted = [...entries].sort(([a], [b]) => {
+    const ai = PRIORITY_ARGS.indexOf(a);
+    const bi = PRIORITY_ARGS.indexOf(b);
+    if (ai !== -1 && bi !== -1) return ai - bi;
+    if (ai !== -1) return -1;
+    if (bi !== -1) return 1;
+    return 0;
+  });
+  const parts = [];
+  for (const [key, value] of sorted) {
+    if (parts.length >= 2) break;
+    const val = typeof value === "string" ? value : JSON.stringify(value);
+    const display = val.length > 30 ? val.slice(0, 27) + "..." : val;
+    parts.push(`${key}: ${display}`);
+  }
+  return parts.join("  ");
+}
+function unwrapMcpOutput(output) {
+  if (!output) return output;
+  if (Array.isArray(output)) {
+    const textParts = [];
+    for (const block of output) if (block?.type === "text" && typeof block?.text === "string") textParts.push(block.text);
+    if (textParts.length > 0) {
+      const combined = textParts.join("");
+      try {
+        return JSON.parse(combined);
+      } catch {
+        return combined;
+      }
+    }
+    return output;
+  }
+  if (output?.type === "text" && typeof output?.text === "string") try {
+    return JSON.parse(output.text);
+  } catch {
+    return output.text;
+  }
+  if (typeof output === "string") try {
+    return JSON.parse(output);
+  } catch {
+    return output;
+  }
+  return output;
+}
+function formatOutputForDisplay(output) {
+  const unwrapped = unwrapMcpOutput(output);
+  if (typeof unwrapped === "string") return unwrapped.length > 3e3 ? unwrapped.slice(0, 3e3) + "\n..." : unwrapped;
+  const text = JSON.stringify(unwrapped, null, 2);
+  return text.length > 3e3 ? text.slice(0, 3e3) + "\n..." : text;
+}
+var McpTool = memo(function McpTool2({ part, mcpInfo, chatStatus, defaultOpen }) {
+  const { isPending, isInterrupted } = getToolStatus(part, chatStatus);
+  const title = useMemo(() => {
+    if (part.state === "input-streaming") return `Preparing ${mcpInfo.displayName}`;
+    if (isPending) return getActiveTitle(mcpInfo);
+    return getCompletedTitle(mcpInfo);
+  }, [
+    part.state,
+    isPending,
+    mcpInfo
+  ]);
+  const subtitle = useMemo(() => {
+    if (part.state === "input-streaming") return "";
+    return formatMcpArgs(part.input);
+  }, [part.input, part.state]);
+  const displayOutput = useMemo(() => {
+    if (!part.output) return null;
+    return formatOutputForDisplay(part.output);
+  }, [part.output]);
+  const codeBlock = useMemo(() => {
+    if (!displayOutput) return null;
+    const trimmed = displayOutput.trim();
+    if (!trimmed) return null;
+    return `\`\`\`${trimmed.startsWith("{") || trimmed.startsWith("[") ? "json" : "text"}
+${displayOutput}
+\`\`\``;
+  }, [displayOutput]);
+  const hasExpandableContent = !!codeBlock && !isPending;
+  if (isInterrupted && !part.output) return /* @__PURE__ */ jsxs("span", {
+    className: "text-sm text-an-tool-color-muted",
+    children: [mcpInfo.displayName, " interrupted"]
+  });
+  return /* @__PURE__ */ jsx("div", {
+    className: "an-tool-mcp",
+    children: /* @__PURE__ */ jsx(ToolRowBase, {
+      shimmerLabel: title,
+      completeLabel: title,
+      isAnimating: isPending,
+      detail: subtitle || void 0,
+      trailingContent: void 0,
+      expandable: hasExpandableContent,
+      defaultOpen,
+      children: codeBlock && /* @__PURE__ */ jsx(LazyMarkdown, {
+        className: "text-[0.75rem]",
+        codeControls: false,
+        content: codeBlock
+      })
+    })
+  });
+}, areToolPropsEqual);
+function IconSpinner({ className, ...rest }) {
+  return /* @__PURE__ */ jsxs("svg", {
+    viewBox: "0 0 24 24",
+    width: "16",
     height: "16",
     fill: "none",
     className: className ?? "animate-spin text-muted-foreground will-change-transform",
@@ -12069,110 +11912,6 @@ function IconArrowRight(props) {
     })]
   });
 }
-function detectChanges(oldTodos, newTodos) {
-  if (!oldTodos || oldTodos.length === 0) return {
-    type: "creation",
-    items: newTodos.map((todo, index) => ({
-      todo,
-      newStatus: todo.status,
-      index
-    }))
-  };
-  const changes = [];
-  newTodos.forEach((newTodo, index) => {
-    const oldTodo = oldTodos[index];
-    if (!oldTodo || oldTodo.status !== newTodo.status) changes.push({
-      todo: newTodo,
-      oldStatus: oldTodo?.status,
-      newStatus: newTodo.status,
-      index
-    });
-  });
-  if (changes.length === 1) return {
-    type: "single",
-    items: changes
-  };
-  return {
-    type: "multiple",
-    items: changes
-  };
-}
-var TodoStatusIcon$1 = ({ status, isPending }) => {
-  if (isPending && status === "in_progress") return /* @__PURE__ */ jsx("div", {
-    className: "flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full border border-an-foreground-muted/60",
-    children: /* @__PURE__ */ jsx(IconArrowRight, { className: "h-2 w-2 text-an-foreground-muted/70" })
-  });
-  switch (status) {
-    case "completed":
-      return /* @__PURE__ */ jsx("div", {
-        className: "flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full border border-an-foreground-muted/40",
-        children: /* @__PURE__ */ jsx(CheckIcon, { className: "h-2 w-2 text-an-foreground-muted/70" })
-      });
-    case "in_progress":
-      return /* @__PURE__ */ jsx("div", {
-        className: "flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full border border-an-foreground-muted/60",
-        children: /* @__PURE__ */ jsx(IconArrowRight, { className: "h-2 w-2 text-an-foreground-muted/70" })
-      });
-    default:
-      return /* @__PURE__ */ jsx("div", { className: "flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full border border-an-foreground-muted/60" });
-  }
-};
-var TodoListItem = memo(function TodoListItem2({ todo, isPending }) {
-  return /* @__PURE__ */ jsxs("div", {
-    className: cn("flex items-start gap-2"),
-    children: [/* @__PURE__ */ jsx("div", {
-      className: "mt-[2px]",
-      children: /* @__PURE__ */ jsx(TodoStatusIcon$1, {
-        status: todo.status,
-        isPending
-      })
-    }), /* @__PURE__ */ jsx("span", {
-      className: cn("text-sm", todo.status === "completed" && "line-through", isPending || todo.status === "completed" || todo.status === "pending" ? "text-an-foreground/60" : "text-an-foreground/80"),
-      children: todo.content
-    })]
-  });
-});
-var TodoTool = memo(function TodoTool2({ part, chatStatus }) {
-  const { isPending } = getToolStatus(part, chatStatus);
-  const isStreaming = part.state === "input-streaming";
-  const oldTodos = part.output?.oldTodos || [];
-  const newTodos = part.input?.todos || part.output?.newTodos || [];
-  const isCreation = oldTodos.length === 0;
-  const changes = useMemo(() => detectChanges(oldTodos, newTodos), [oldTodos, newTodos]);
-  if (isStreaming || newTodos.length === 0) return /* @__PURE__ */ jsx("div", {
-    className: "flex flex-col gap-2 text-sm leading-relaxed text-an-foreground/80",
-    children: /* @__PURE__ */ jsx("div", {
-      className: "text-an-foreground/60",
-      children: /* @__PURE__ */ jsx(ToolTextShimmer, {
-        as: "span",
-        duration: 1.2,
-        className: "m-0 inline-flex h-4 items-center text-sm leading-none",
-        children: isCreation ? "Creating to-do list..." : "Updating to-dos..."
-      })
-    })
-  });
-  if (changes.type === "single") return /* @__PURE__ */ jsx("div", {
-    className: "flex flex-col gap-2 text-sm leading-relaxed text-an-foreground/80",
-    children: newTodos.map((todo) => /* @__PURE__ */ jsx(TodoListItem, {
-      todo,
-      isPending
-    }, todo.content))
-  });
-  if (changes.type === "multiple") return /* @__PURE__ */ jsx("div", {
-    className: "flex flex-col gap-2 text-sm leading-relaxed text-an-foreground/80",
-    children: newTodos.map((todo) => /* @__PURE__ */ jsx(TodoListItem, {
-      todo,
-      isPending
-    }, todo.content))
-  });
-  return /* @__PURE__ */ jsx("div", {
-    className: "flex flex-col gap-2 text-sm leading-relaxed text-an-foreground/80",
-    children: newTodos.map((todo) => /* @__PURE__ */ jsx(TodoListItem, {
-      todo,
-      isPending
-    }, todo.content))
-  });
-}, areToolPropsEqual);
 function getPlanFileName(plan) {
   const rawId = plan.id?.trim();
   if (!rawId) return "plan-working.md";
@@ -12342,513 +12081,774 @@ var PlanTool = memo(function PlanTool2({ part, chatStatus }) {
     })]
   });
 }, areToolPropsEqual);
-function useElapsedTime(startedAt, isPending) {
-  const [elapsedMs, setElapsedMs] = useState(0);
-  useEffect(() => {
-    if (isPending && startedAt) {
-      setElapsedMs(Date.now() - startedAt);
-      const interval = setInterval(() => {
-        setElapsedMs(Date.now() - startedAt);
-      }, 1e3);
-      return () => clearInterval(interval);
-    }
-  }, [isPending, startedAt]);
-  return elapsedMs;
-}
-function formatCount(value, label) {
-  return `${value} ${value === 1 ? label : `${label}s`}`;
+function SearchGroupRich({ toolSteps, stepStates, onStepComplete, results = [], defaultOpen }) {
+  const anyAnimating = toolSteps.some((s) => stepStates[s.id] === "animating");
+  const searchQuery = toolSteps.find((s) => s.searchQuery)?.searchQuery ?? "searching...";
+  const totalResults = results.length;
+  const hasExpandableContent = totalResults > 0;
+  function CompleteTracker({ step }) {
+    useToolComplete(stepStates[step.id] === "animating", step.duration, () => onStepComplete(step.id));
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [toolSteps.map((step) => /* @__PURE__ */ jsx(CompleteTracker, { step }, step.id)), /* @__PURE__ */ jsx(ToolRowBase, {
+    shimmerLabel: "Searching...",
+    completeLabel: `Found ${totalResults} results`,
+    isAnimating: anyAnimating,
+    expandable: hasExpandableContent,
+    defaultOpen,
+    children: /* @__PURE__ */ jsxs("div", {
+      className: "overflow-hidden rounded-an-tool-border-radius border border-border bg-an-tool-background",
+      children: [/* @__PURE__ */ jsxs("div", {
+        className: "flex h-7 items-center gap-1 border-b border-an-tool-border-color px-2.5 py-0 text-xs",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: "font-medium text-foreground",
+            children: "Searched for"
+          }),
+          " ",
+          /* @__PURE__ */ jsxs("span", {
+            className: "truncate text-muted-foreground",
+            children: [
+              "\u201C",
+              searchQuery,
+              "\u201D"
+            ]
+          })
+        ]
+      }), /* @__PURE__ */ jsx("div", {
+        className: "max-h-[200px] overflow-y-auto bg-background",
+        children: /* @__PURE__ */ jsx("div", {
+          className: "flex flex-col gap-1 p-1",
+          children: results.map((result) => /* @__PURE__ */ jsxs("div", {
+            className: cn("flex cursor-default items-center gap-2 rounded-[calc(var(--an-tool-border-radius)-4px)] px-2 py-1", "hover:bg-muted/50"),
+            children: [
+              /* @__PURE__ */ jsx("div", {
+                className: "flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground",
+                children: /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" })
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: "min-w-0 flex-1 truncate text-sm text-foreground/90",
+                children: result.title
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: "shrink-0 text-xs whitespace-nowrap text-muted-foreground",
+                children: result.date || result.source
+              })
+            ]
+          }, `${result.title}-${result.source}-${result.date}`))
+        })
+      })]
+    })
+  })] });
 }
-function summarizeNestedTools(nestedTools) {
-  if (nestedTools.length === 0) return "";
-  const fileTypes = /* @__PURE__ */ new Set([
-    "tool-Read",
-    "tool-Edit",
-    "tool-Write"
-  ]);
-  const searchTypes = /* @__PURE__ */ new Set([
-    "tool-Search",
-    "tool-Grep",
-    "tool-Glob",
-    "tool-WebSearch"
-  ]);
-  const commandTypes = /* @__PURE__ */ new Set(["tool-Bash"]);
-  let fileCount = 0;
-  let searchCount = 0;
-  let commandCount = 0;
-  for (const tool of nestedTools) if (fileTypes.has(tool.type)) fileCount += 1;
-  else if (searchTypes.has(tool.type)) searchCount += 1;
-  else if (commandTypes.has(tool.type)) commandCount += 1;
-  const parts = [];
-  if (fileCount > 0) parts.push(formatCount(fileCount, "file"));
-  if (searchCount > 0) parts.push(`${searchCount} ${searchCount === 1 ? "search" : "searches"}`);
-  if (commandCount > 0) parts.push(formatCount(commandCount, "command"));
-  if (parts.length === 0) return "";
-  if (parts.length === 1) return parts[0];
-  if (parts.length === 2) return `${parts[0]} and ${parts[1]}`;
-  return `${parts.slice(0, -1).join(", ")}, and ${parts[parts.length - 1]}`;
+function normalizeResults(value) {
+  if (!Array.isArray(value)) return void 0;
+  const parsed = value.map((item) => {
+    if (!item || typeof item !== "object") return null;
+    const source = item.source;
+    const title = item.title;
+    const date = item.date;
+    if (typeof source !== "string" || typeof title !== "string" || typeof date !== "string") return null;
+    return {
+      source,
+      title,
+      date
+    };
+  }).filter((item) => Boolean(item));
+  return parsed.length > 0 ? parsed : void 0;
 }
-function getNestedCounts(nestedTools) {
-  const fileTypes = /* @__PURE__ */ new Set([
-    "tool-Read",
-    "tool-Edit",
-    "tool-Write"
-  ]);
-  const searchTypes = /* @__PURE__ */ new Set([
-    "tool-Search",
-    "tool-Grep",
-    "tool-Glob",
-    "tool-WebSearch"
-  ]);
-  let fileCount = 0;
-  let searchCount = 0;
-  for (const tool of nestedTools) if (fileTypes.has(tool.type)) fileCount += 1;
-  else if (searchTypes.has(tool.type)) searchCount += 1;
-  return {
-    fileCount,
-    searchCount
+var SearchTool = memo(function SearchTool2({ part, results, defaultOpen }) {
+  const toolName2 = part.type?.replace("tool-", "") || "WebSearch";
+  const { step, stepState } = adaptToolPart(part, toolName2);
+  const stepStates = { [step.id]: stepState };
+  const noop = () => {
   };
-}
-function formatStreamCounts(fileCount, searchCount) {
-  const parts = [];
-  if (fileCount > 0) parts.push(formatCount(fileCount, "file"));
-  if (searchCount > 0) parts.push(`${searchCount} ${searchCount === 1 ? "search" : "searches"}`);
-  return parts.join(", ");
-}
-var ToolGroup = memo(function ToolGroup2({ part, nestedTools = [], chatStatus, completeLabel, shimmerLabel, interruptedLabel, maxVisibleTools = 5, defaultOpen, showElapsed = true }) {
-  const { isPending, isInterrupted } = getToolStatus(part, chatStatus);
-  const description = part.input?.description || "";
-  const [expanded, setExpanded] = useState(defaultOpen ?? false);
-  const [visibleCount, setVisibleCount] = useState(0);
-  const startedAt = part.callProviderMetadata?.custom?.startedAt ?? part.startedAt;
-  const hasNestedTools = nestedTools.length > 0;
-  const streamKey = part.toolCallId ?? part.id ?? "";
-  const outputDuration = part.output?.totalDurationMs || part.output?.duration || part.output?.duration_ms;
-  const maskThreshold = 4;
-  const streamHeight = Math.max(1, maxVisibleTools) * 28;
-  const visibleToolCount = isPending ? Math.max(visibleCount, 0) : nestedTools.length;
-  const wasPendingRef = useRef(isPending);
-  const userToggledRef = useRef(false);
-  const openTimerRef = useRef(null);
-  const { fileCount, searchCount } = useMemo(() => {
-    return getNestedCounts(isPending ? nestedTools.slice(0, Math.max(visibleCount, 0)) : nestedTools);
-  }, [
-    isPending,
-    nestedTools,
-    visibleCount
-  ]);
-  const streamCounts = formatStreamCounts(fileCount, searchCount);
-  const listRef = useRef(null);
-  const elapsedMs = useElapsedTime(startedAt, isPending);
-  useEffect(() => {
-    const wasPending = wasPendingRef.current;
-    if (openTimerRef.current) {
-      window.clearTimeout(openTimerRef.current);
-      openTimerRef.current = null;
-    }
-    if (isPending && !wasPending) {
-      if (!userToggledRef.current && defaultOpen !== false) {
-        setExpanded(false);
-        openTimerRef.current = window.setTimeout(() => {
-          setExpanded(true);
-        }, 60);
-      }
-    }
-    if (!isPending && wasPending) {
-      setExpanded(false);
-      userToggledRef.current = false;
-    }
-    wasPendingRef.current = isPending;
-    return () => {
-      if (openTimerRef.current) {
-        window.clearTimeout(openTimerRef.current);
-        openTimerRef.current = null;
-      }
-    };
-  }, [defaultOpen, isPending]);
-  useEffect(() => {
-    if (!isPending || nestedTools.length === 0) {
-      setVisibleCount(nestedTools.length);
-      return;
-    }
-    let index = 1;
-    setVisibleCount(Math.min(index, nestedTools.length));
-    const interval = setInterval(() => {
-      index += 1;
-      setVisibleCount(Math.min(index, nestedTools.length));
-      if (index >= nestedTools.length) clearInterval(interval);
-    }, 450);
-    return () => clearInterval(interval);
-  }, [
-    isPending,
-    nestedTools.length,
-    streamKey
-  ]);
-  useEffect(() => {
-    if (!isPending || !listRef.current) return;
-    listRef.current.scrollTop = listRef.current.scrollHeight;
-  }, [isPending, visibleCount]);
-  const subtitle = (() => {
-    if (isPending && hasNestedTools) return streamCounts;
-    if (!isPending && hasNestedTools) {
-      const summary = summarizeNestedTools(nestedTools);
-      if (summary) return summary;
-    }
-    if (!description) return "";
-    return description.length > 60 ? `${description.slice(0, 57)}...` : description;
-  })();
-  const elapsedTimeDisplay = formatElapsedTime(!isPending && outputDuration ? outputDuration : elapsedMs);
-  if (isInterrupted && !part.output) return /* @__PURE__ */ jsx(ToolRowBase, {
-    completeLabel: interruptedLabel,
-    isAnimating: false
+  return /* @__PURE__ */ jsx(SearchGroupRich, {
+    toolSteps: [step],
+    stepStates,
+    onStepComplete: noop,
+    results: results ?? normalizeResults(part.output?.results) ?? normalizeResults(part.result?.results),
+    defaultOpen
   });
+});
+function ThinkingCollapsed({ step, state, onComplete, defaultOpen, expanded, onToggleExpand }) {
+  useToolComplete(state === "animating", step.duration, onComplete);
   return /* @__PURE__ */ jsx(ToolRowBase, {
-    completeLabel,
-    shimmerLabel,
-    isAnimating: isPending,
-    detail: subtitle,
-    expandable: hasNestedTools,
+    shimmerLabel: "Thinking",
+    completeLabel: "Thought",
+    isAnimating: state === "animating",
+    expandable: !!step.thoughtContent,
+    defaultOpen,
     expanded,
-    onToggleExpand: () => {
-      userToggledRef.current = true;
-      setExpanded((prev) => !prev);
-    },
-    trailingContent: showElapsed && elapsedTimeDisplay ? /* @__PURE__ */ jsx("span", {
-      className: "shrink-0 font-normal text-an-foreground-muted/60 tabular-nums",
-      children: elapsedTimeDisplay
-    }) : void 0,
-    children: /* @__PURE__ */ jsxs("div", {
-      className: "relative",
-      children: [isPending && expanded && visibleToolCount > maskThreshold && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-x-0 top-0 z-10 h-10 bg-linear-to-b from-an-background to-transparent" }), /* @__PURE__ */ jsx("div", {
-        ref: listRef,
-        className: cn(nestedTools.length > 1 ? "flex flex-col gap-2" : void 0, isPending && expanded && visibleToolCount > maskThreshold && "overflow-y-auto"),
-        style: isPending && expanded && visibleToolCount > maskThreshold ? { height: `${streamHeight}px` } : void 0,
-        children: (isPending ? nestedTools.slice(0, Math.max(visibleCount, 0)) : nestedTools).map((nestedPart, idx) => {
-          const derivedPart = isPending ? {
-            ...nestedPart,
-            state: idx === visibleCount - 1 ? "input-streaming" : "output-available"
-          } : nestedPart;
-          const nestedMeta = toolRegistry[derivedPart.type];
-          if (!nestedMeta) return null;
-          const { isPending: nestedIsPending, isError: nestedIsError } = getToolStatus(derivedPart, chatStatus);
-          return /* @__PURE__ */ jsx(GenericTool, {
-            icon: nestedMeta.icon,
-            title: nestedMeta.title(derivedPart),
-            subtitle: nestedMeta.subtitle?.(derivedPart),
-            isPending: nestedIsPending,
-            isError: nestedIsError
-          }, derivedPart.toolCallId ?? derivedPart.id ?? `${derivedPart.type}-${nestedMeta.title(derivedPart)}`);
-        })
-      })]
+    onToggleExpand,
+    children: /* @__PURE__ */ jsx("div", {
+      className: "max-h-[175px] overflow-y-auto",
+      children: /* @__PURE__ */ jsx("p", {
+        className: "text-sm whitespace-pre-wrap text-muted-foreground",
+        children: step.thoughtContent
+      })
     })
   });
-});
-var PRIORITY_ARGS = [
-  "query",
-  "question",
-  "email",
-  "name",
-  "id",
-  "customer",
-  "url",
-  "issue",
-  "body",
-  "summary",
-  "title"
-];
-var ACTIVE_VERBS = {
-  List: "Listing",
-  Get: "Getting",
-  Create: "Creating",
-  Update: "Updating",
-  Delete: "Deleting",
-  Search: "Searching",
-  Fetch: "Fetching",
-  Retrieve: "Retrieving",
-  Send: "Sending",
-  Generate: "Generating",
-  Add: "Adding",
-  Remove: "Removing",
-  Modify: "Modifying",
-  Draft: "Drafting",
-  Manage: "Managing",
-  Query: "Querying",
-  Start: "Starting",
-  Set: "Setting",
-  Check: "Checking",
-  Find: "Finding"
-};
-var COMPLETED_VERBS = {
-  List: "Listed",
-  Get: "Got",
-  Create: "Created",
-  Update: "Updated",
-  Delete: "Deleted",
-  Search: "Searched",
-  Fetch: "Fetched",
-  Retrieve: "Retrieved",
-  Send: "Sent",
-  Generate: "Generated",
-  Add: "Added",
-  Remove: "Removed",
-  Modify: "Modified",
-  Draft: "Drafted",
-  Manage: "Managed",
-  Query: "Queried",
-  Start: "Started",
-  Set: "Set",
-  Check: "Checked",
-  Find: "Found"
-};
-function getActiveTitle(info) {
-  const words = info.displayName.split(" ");
-  const verb = words[0];
-  const rest = words.slice(1).join(" ");
-  const active = ACTIVE_VERBS[verb];
-  if (active) return rest ? `${active} ${rest}` : active;
-  return info.displayName;
-}
-function getCompletedTitle(info) {
-  const words = info.displayName.split(" ");
-  const verb = words[0];
-  const rest = words.slice(1).join(" ");
-  const completed = COMPLETED_VERBS[verb];
-  return completed ? rest ? `${completed} ${rest}` : completed : info.displayName;
 }
-function formatMcpArgs(input) {
-  if (!input || typeof input !== "object") return "";
-  const entries = Object.entries(input).filter(([, v]) => v !== void 0 && v !== null && v !== "");
-  if (entries.length === 0) return "";
-  const sorted = [...entries].sort(([a], [b]) => {
-    const ai = PRIORITY_ARGS.indexOf(a);
-    const bi = PRIORITY_ARGS.indexOf(b);
-    if (ai !== -1 && bi !== -1) return ai - bi;
-    if (ai !== -1) return -1;
-    if (bi !== -1) return 1;
-    return 0;
+var ThinkingTool = memo(function ThinkingTool2({ part, step: externalStep, state: externalState, onComplete: externalOnComplete, defaultOpen, expanded, onToggleExpand }) {
+  let step;
+  let stepState;
+  let onComplete;
+  if (externalStep && externalState && externalOnComplete) {
+    step = externalStep;
+    stepState = externalState;
+    onComplete = externalOnComplete;
+  } else if (part) {
+    const adapted = adaptToolPart(part, "Thinking");
+    step = adapted.step;
+    stepState = adapted.stepState;
+    onComplete = () => {
+    };
+  } else return null;
+  return /* @__PURE__ */ jsx(ThinkingCollapsed, {
+    step,
+    state: stepState,
+    onComplete,
+    defaultOpen,
+    expanded,
+    onToggleExpand
+  });
+});
+function detectChanges(oldTodos, newTodos) {
+  if (!oldTodos || oldTodos.length === 0) return {
+    type: "creation",
+    items: newTodos.map((todo, index) => ({
+      todo,
+      newStatus: todo.status,
+      index
+    }))
+  };
+  const changes = [];
+  newTodos.forEach((newTodo, index) => {
+    const oldTodo = oldTodos[index];
+    if (!oldTodo || oldTodo.status !== newTodo.status) changes.push({
+      todo: newTodo,
+      oldStatus: oldTodo?.status,
+      newStatus: newTodo.status,
+      index
+    });
   });
+  if (changes.length === 1) return {
+    type: "single",
+    items: changes
+  };
+  return {
+    type: "multiple",
+    items: changes
+  };
+}
+var TodoStatusIcon$1 = ({ status, isPending }) => {
+  if (isPending && status === "in_progress") return /* @__PURE__ */ jsx("div", {
+    className: "flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full border border-an-foreground-muted/60",
+    children: /* @__PURE__ */ jsx(IconArrowRight, { className: "h-2 w-2 text-an-foreground-muted/70" })
+  });
+  switch (status) {
+    case "completed":
+      return /* @__PURE__ */ jsx("div", {
+        className: "flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full border border-an-foreground-muted/40",
+        children: /* @__PURE__ */ jsx(CheckIcon, { className: "h-2 w-2 text-an-foreground-muted/70" })
+      });
+    case "in_progress":
+      return /* @__PURE__ */ jsx("div", {
+        className: "flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full border border-an-foreground-muted/60",
+        children: /* @__PURE__ */ jsx(IconArrowRight, { className: "h-2 w-2 text-an-foreground-muted/70" })
+      });
+    default:
+      return /* @__PURE__ */ jsx("div", { className: "flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full border border-an-foreground-muted/60" });
+  }
+};
+var TodoListItem = memo(function TodoListItem2({ todo, isPending }) {
+  return /* @__PURE__ */ jsxs("div", {
+    className: cn("flex items-start gap-2"),
+    children: [/* @__PURE__ */ jsx("div", {
+      className: "mt-[2px]",
+      children: /* @__PURE__ */ jsx(TodoStatusIcon$1, {
+        status: todo.status,
+        isPending
+      })
+    }), /* @__PURE__ */ jsx("span", {
+      className: cn("text-sm", todo.status === "completed" && "line-through", isPending || todo.status === "completed" || todo.status === "pending" ? "text-an-foreground/60" : "text-an-foreground/80"),
+      children: todo.content
+    })]
+  });
+});
+var TodoTool = memo(function TodoTool2({ part, chatStatus }) {
+  const { isPending } = getToolStatus(part, chatStatus);
+  const isStreaming = part.state === "input-streaming";
+  const oldTodos = part.output?.oldTodos || [];
+  const newTodos = part.input?.todos || part.output?.newTodos || [];
+  const isCreation = oldTodos.length === 0;
+  const changes = useMemo(() => detectChanges(oldTodos, newTodos), [oldTodos, newTodos]);
+  if (isStreaming || newTodos.length === 0) return /* @__PURE__ */ jsx("div", {
+    className: "flex flex-col gap-2 text-sm leading-relaxed text-an-foreground/80",
+    children: /* @__PURE__ */ jsx("div", {
+      className: "text-an-foreground/60",
+      children: /* @__PURE__ */ jsx(ToolTextShimmer, {
+        as: "span",
+        duration: 1.2,
+        className: "m-0 inline-flex h-4 items-center text-sm leading-none",
+        children: isCreation ? "Creating to-do list..." : "Updating to-dos..."
+      })
+    })
+  });
+  if (changes.type === "single") return /* @__PURE__ */ jsx("div", {
+    className: "flex flex-col gap-2 text-sm leading-relaxed text-an-foreground/80",
+    children: newTodos.map((todo) => /* @__PURE__ */ jsx(TodoListItem, {
+      todo,
+      isPending
+    }, todo.content))
+  });
+  if (changes.type === "multiple") return /* @__PURE__ */ jsx("div", {
+    className: "flex flex-col gap-2 text-sm leading-relaxed text-an-foreground/80",
+    children: newTodos.map((todo) => /* @__PURE__ */ jsx(TodoListItem, {
+      todo,
+      isPending
+    }, todo.content))
+  });
+  return /* @__PURE__ */ jsx("div", {
+    className: "flex flex-col gap-2 text-sm leading-relaxed text-an-foreground/80",
+    children: newTodos.map((todo) => /* @__PURE__ */ jsx(TodoListItem, {
+      todo,
+      isPending
+    }, todo.content))
+  });
+}, areToolPropsEqual);
+function useElapsedTime(startedAt, isPending) {
+  const [elapsedMs, setElapsedMs] = useState(0);
+  useEffect(() => {
+    if (isPending && startedAt) {
+      setElapsedMs(Date.now() - startedAt);
+      const interval = setInterval(() => {
+        setElapsedMs(Date.now() - startedAt);
+      }, 1e3);
+      return () => clearInterval(interval);
+    }
+  }, [isPending, startedAt]);
+  return elapsedMs;
+}
+function getDisplayPath(filePath) {
+  if (!filePath) return "";
+  const stripped = stripSandboxPrefixes(filePath);
+  if (stripped !== filePath) return stripped;
+  if (filePath.startsWith("/")) {
+    const parts = filePath.split("/");
+    const rootIndicators = [
+      "apps",
+      "packages",
+      "src",
+      "lib",
+      "components"
+    ];
+    const rootIndex = parts.findIndex((p) => rootIndicators.includes(p));
+    if (rootIndex > 0) return parts.slice(rootIndex).join("/");
+  }
+  return filePath;
+}
+function calculateDiffStats(oldString, newString) {
+  const oldLines = oldString.split("\n");
+  const newLines = newString.split("\n");
+  const maxLines = Math.max(oldLines.length, newLines.length);
+  let addedLines = 0;
+  let removedLines = 0;
+  for (let i = 0; i < maxLines; i++) if (oldLines[i] !== void 0 && newLines[i] !== void 0) {
+    if (oldLines[i] !== newLines[i]) {
+      removedLines++;
+      addedLines++;
+    }
+  } else if (oldLines[i] !== void 0) removedLines++;
+  else if (newLines[i] !== void 0) addedLines++;
+  return {
+    addedLines,
+    removedLines
+  };
+}
+var toolRegistry = {
+  "tool-Task": {
+    icon: Sparkles,
+    title: (part) => {
+      const isPending = part.state !== "output-available" && part.state !== "output-error";
+      const subagentType = part.input?.subagent_type || "Agent";
+      return isPending ? `Running ${subagentType}` : `${subagentType} completed`;
+    },
+    subtitle: (part) => {
+      const desc = part.input?.description || "";
+      return desc.length > 50 ? `${desc.slice(0, 47)}...` : desc;
+    },
+    variant: "simple"
+  },
+  "tool-Agent": {
+    icon: Sparkles,
+    title: (part) => {
+      const isPending = part.state !== "output-available" && part.state !== "output-error";
+      const subagentType = part.input?.subagent_type || "Agent";
+      return isPending ? `Running ${subagentType}` : `${subagentType} completed`;
+    },
+    subtitle: (part) => {
+      const desc = part.input?.description || "";
+      return desc.length > 50 ? `${desc.slice(0, 47)}...` : desc;
+    },
+    variant: "simple"
+  },
+  "tool-Skill": {
+    icon: Sparkles,
+    title: () => "Skill",
+    subtitle: (part) => part.input?.skill || "",
+    variant: "simple"
+  },
+  "tool-Grep": {
+    icon: Search,
+    title: (part) => {
+      if (part.state !== "output-available" && part.state !== "output-error") return "Grepping";
+      const numFiles = part.output?.numFiles || 0;
+      return numFiles > 0 ? `Grepped ${numFiles} files` : "No matches";
+    },
+    subtitle: (part) => {
+      const pattern = part.input?.pattern || "";
+      const path = part.input?.path || "";
+      if (path) {
+        const combined = `${pattern} in ${getDisplayPath(path)}`;
+        return combined.length > 40 ? `${combined.slice(0, 37)}...` : combined;
+      }
+      return pattern.length > 40 ? `${pattern.slice(0, 37)}...` : pattern;
+    },
+    variant: "simple"
+  },
+  "tool-Glob": {
+    icon: FolderSearch,
+    title: (part) => {
+      if (part.state !== "output-available" && part.state !== "output-error") return "Exploring files";
+      const numFiles = part.output?.numFiles || 0;
+      return numFiles > 0 ? `Found ${numFiles} files` : "No files found";
+    },
+    subtitle: (part) => {
+      const pattern = part.input?.pattern || "";
+      return pattern.length > 40 ? `${pattern.slice(0, 37)}...` : pattern;
+    },
+    variant: "simple"
+  },
+  "tool-Read": {
+    icon: Eye,
+    title: (part) => {
+      return part.state !== "output-available" && part.state !== "output-error" ? "Reading" : "Read";
+    },
+    subtitle: (part) => {
+      const filePath = part.input?.file_path || "";
+      if (!filePath) return "";
+      return filePath.split("/").pop() || "";
+    },
+    variant: "simple"
+  },
+  "tool-Edit": {
+    icon: FileCodeCorner,
+    title: (part) => {
+      const filePath = part.input?.file_path || "";
+      if (!filePath) return "Edit";
+      return filePath.split("/").pop() || "Edit";
+    },
+    subtitle: (part) => {
+      if (part.state !== "output-available" && part.state !== "output-error") return "";
+      const oldString = part.input?.old_string || "";
+      const newString = part.input?.new_string || "";
+      if (!oldString && !newString) return "";
+      if (oldString !== newString) {
+        const { addedLines, removedLines } = calculateDiffStats(oldString, newString);
+        return `+${addedLines} -${removedLines}`;
+      }
+      return "";
+    },
+    variant: "simple"
+  },
+  "tool-Write": {
+    icon: FilePlus,
+    title: () => "Create",
+    subtitle: (part) => {
+      const filePath = part.input?.file_path || "";
+      if (!filePath) return "";
+      return filePath.split("/").pop() || "";
+    },
+    variant: "simple"
+  },
+  "tool-Bash": {
+    icon: Terminal,
+    title: (part) => {
+      return part.state !== "output-available" && part.state !== "output-error" ? "Running command" : "Ran command";
+    },
+    subtitle: (part) => {
+      const command = part.input?.command || "";
+      if (!command) return "";
+      let normalized = command.replace(/\\\s*\n\s*/g, " ").trim();
+      normalized = normalized.replace(/\/(?:Users|home|root)\/[^\s"']+/g, (match) => getDisplayPath(match));
+      return normalized.length > 50 ? `${normalized.slice(0, 47)}...` : normalized;
+    },
+    variant: "simple"
+  },
+  "tool-IPython": {
+    icon: FileCodeCorner,
+    title: (part) => {
+      return part.state !== "output-available" && part.state !== "output-error" ? "Running cell" : "Ran cell";
+    },
+    subtitle: (part) => {
+      const code = part.input?.code || "";
+      if (!code) return "";
+      const firstLine = code.split("\n", 1)[0].trim();
+      return firstLine.length > 50 ? `${firstLine.slice(0, 47)}...` : firstLine;
+    },
+    variant: "simple"
+  },
+  "tool-WebFetch": {
+    icon: Globe,
+    title: (part) => {
+      return part.state !== "output-available" && part.state !== "output-error" ? "Fetching" : "Fetched";
+    },
+    subtitle: (part) => {
+      const url = part.input?.url || "";
+      try {
+        return new URL(url).hostname.replace("www.", "");
+      } catch {
+        return url.slice(0, 30);
+      }
+    },
+    variant: "simple"
+  },
+  "tool-WebSearch": {
+    icon: Search,
+    title: (part) => {
+      return part.state !== "output-available" && part.state !== "output-error" ? "Searching web" : "Searched web";
+    },
+    subtitle: (part) => {
+      const query = part.input?.query || "";
+      return query.length > 40 ? `${query.slice(0, 37)}...` : query;
+    },
+    variant: "collapsible"
+  },
+  "tool-TodoWrite": {
+    icon: ListTodo,
+    title: (part) => {
+      const isPending = part.state !== "output-available" && part.state !== "output-error";
+      const action = part.input?.action || "update";
+      if (isPending) return action === "add" ? "Adding todo" : "Updating todos";
+      return action === "add" ? "Added todo" : "Updated todos";
+    },
+    subtitle: (part) => {
+      const todos = part.input?.todos || [];
+      if (todos.length === 0) return "";
+      return `${todos.length} ${todos.length === 1 ? "item" : "items"}`;
+    },
+    variant: "simple"
+  },
+  "tool-PlanWrite": {
+    icon: Sparkles,
+    title: (part) => {
+      const isPending = part.state !== "output-available" && part.state !== "output-error";
+      const action = part.input?.action || "create";
+      if (isPending) {
+        if (action === "create") return "Creating plan";
+        if (action === "approve") return "Approving plan";
+        return "Updating plan";
+      }
+      const status = part.input?.plan?.status;
+      if (status === "awaiting_approval") return "Plan ready for review";
+      if (status === "approved") return "Plan approved";
+      if (status === "completed") return "Plan completed";
+      return action === "create" ? "Created plan" : "Updated plan";
+    },
+    variant: "simple"
+  },
+  "tool-ExitPlanMode": {
+    icon: LogOut,
+    title: (part) => {
+      return part.state !== "output-available" && part.state !== "output-error" ? "Finishing plan" : "Plan complete";
+    },
+    variant: "simple"
+  },
+  "tool-NotebookEdit": {
+    icon: FileCodeCorner,
+    title: (part) => {
+      return part.state !== "output-available" && part.state !== "output-error" ? "Editing notebook" : "Edited notebook";
+    },
+    subtitle: (part) => {
+      const filePath = part.input?.file_path || "";
+      if (!filePath) return "";
+      return filePath.split("/").pop() || "";
+    },
+    variant: "simple"
+  },
+  "tool-BashOutput": {
+    icon: Terminal,
+    title: (part) => {
+      return part.state !== "output-available" && part.state !== "output-error" ? "Getting output" : "Command output";
+    },
+    subtitle: (part) => {
+      const output = part.output;
+      if (typeof output === "string" && output.trim()) return output.trim();
+      const command = part.input?.command || "";
+      if (!command) return "";
+      let normalized = command.replace(/\\\s*\n\s*/g, " ").trim();
+      normalized = normalized.replace(/\/(?:Users|home|root)\/[^\s"']+/g, (match) => getDisplayPath(match));
+      return normalized.length > 50 ? `${normalized.slice(0, 47)}...` : normalized;
+    },
+    variant: "simple"
+  },
+  "tool-KillShell": {
+    icon: CircleX,
+    title: (part) => {
+      return part.state !== "output-available" && part.state !== "output-error" ? "Stopping shell" : "Shell stopped";
+    },
+    subtitle: (part) => {
+      const pid = part.input?.pid;
+      return typeof pid === "number" ? `pid ${pid}` : "";
+    },
+    variant: "simple"
+  },
+  "tool-cloning": {
+    icon: GitBranch,
+    title: (part) => {
+      return part.state !== "output-available" && part.state !== "output-error" ? "Cloning repo" : "Repo cloned";
+    },
+    subtitle: (part) => part.input?.repo ?? "",
+    variant: "simple"
+  },
+  "tool-Thinking": {
+    icon: Sparkles,
+    title: (part) => {
+      return part.state !== "output-available" && part.state !== "output-error" ? "Thinking..." : "Thought";
+    },
+    variant: "collapsible"
+  }
+};
+var MCP_TOOL_PREFIX = "tool-mcp__";
+var BUILTIN_MCP_TOOLS = {
+  "tool-ListMcpResources": {
+    serverName: "mcp",
+    toolName: "list_resources",
+    displayName: "List Resources",
+    category: "list"
+  },
+  "tool-ListMcpResourcesTool": {
+    serverName: "mcp",
+    toolName: "list_resources",
+    displayName: "List Resources",
+    category: "list"
+  },
+  "tool-ReadMcpResource": {
+    serverName: "mcp",
+    toolName: "read_resource",
+    displayName: "Read Resource",
+    category: "get"
+  },
+  "tool-ReadMcpResourceTool": {
+    serverName: "mcp",
+    toolName: "read_resource",
+    displayName: "Read Resource",
+    category: "get"
+  }
+};
+function parseMcpToolType(partType) {
+  const builtin = BUILTIN_MCP_TOOLS[partType];
+  if (builtin) return builtin;
+  if (!partType.startsWith(MCP_TOOL_PREFIX)) return null;
+  const withoutPrefix = partType.slice(10);
+  const separatorIndex = withoutPrefix.indexOf("__");
+  if (separatorIndex === -1) return null;
+  const serverName = withoutPrefix.slice(0, separatorIndex);
+  const toolName2 = withoutPrefix.slice(separatorIndex + 2);
+  return {
+    serverName,
+    toolName: toolName2,
+    displayName: toolName2.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()).trim(),
+    category: "other"
+  };
+}
+function formatCount(value, label) {
+  return `${value} ${value === 1 ? label : `${label}s`}`;
+}
+function summarizeNestedTools(nestedTools) {
+  if (nestedTools.length === 0) return "";
+  const fileTypes = /* @__PURE__ */ new Set([
+    "tool-Read",
+    "tool-Edit",
+    "tool-Write"
+  ]);
+  const searchTypes = /* @__PURE__ */ new Set([
+    "tool-Search",
+    "tool-Grep",
+    "tool-Glob",
+    "tool-WebSearch"
+  ]);
+  const commandTypes = /* @__PURE__ */ new Set(["tool-Bash"]);
+  let fileCount = 0;
+  let searchCount = 0;
+  let commandCount = 0;
+  for (const tool of nestedTools) if (fileTypes.has(tool.type)) fileCount += 1;
+  else if (searchTypes.has(tool.type)) searchCount += 1;
+  else if (commandTypes.has(tool.type)) commandCount += 1;
   const parts = [];
-  for (const [key, value] of sorted) {
-    if (parts.length >= 2) break;
-    const val = typeof value === "string" ? value : JSON.stringify(value);
-    const display = val.length > 30 ? val.slice(0, 27) + "..." : val;
-    parts.push(`${key}: ${display}`);
-  }
-  return parts.join("  ");
+  if (fileCount > 0) parts.push(formatCount(fileCount, "file"));
+  if (searchCount > 0) parts.push(`${searchCount} ${searchCount === 1 ? "search" : "searches"}`);
+  if (commandCount > 0) parts.push(formatCount(commandCount, "command"));
+  if (parts.length === 0) return "";
+  if (parts.length === 1) return parts[0];
+  if (parts.length === 2) return `${parts[0]} and ${parts[1]}`;
+  return `${parts.slice(0, -1).join(", ")}, and ${parts[parts.length - 1]}`;
 }
-function unwrapMcpOutput(output) {
-  if (!output) return output;
-  if (Array.isArray(output)) {
-    const textParts = [];
-    for (const block of output) if (block?.type === "text" && typeof block?.text === "string") textParts.push(block.text);
-    if (textParts.length > 0) {
-      const combined = textParts.join("");
-      try {
-        return JSON.parse(combined);
-      } catch {
-        return combined;
-      }
-    }
-    return output;
-  }
-  if (output?.type === "text" && typeof output?.text === "string") try {
-    return JSON.parse(output.text);
-  } catch {
-    return output.text;
-  }
-  if (typeof output === "string") try {
-    return JSON.parse(output);
-  } catch {
-    return output;
-  }
-  return output;
+function getNestedCounts(nestedTools) {
+  const fileTypes = /* @__PURE__ */ new Set([
+    "tool-Read",
+    "tool-Edit",
+    "tool-Write"
+  ]);
+  const searchTypes = /* @__PURE__ */ new Set([
+    "tool-Search",
+    "tool-Grep",
+    "tool-Glob",
+    "tool-WebSearch"
+  ]);
+  let fileCount = 0;
+  let searchCount = 0;
+  for (const tool of nestedTools) if (fileTypes.has(tool.type)) fileCount += 1;
+  else if (searchTypes.has(tool.type)) searchCount += 1;
+  return {
+    fileCount,
+    searchCount
+  };
 }
-function formatOutputForDisplay(output) {
-  const unwrapped = unwrapMcpOutput(output);
-  if (typeof unwrapped === "string") return unwrapped.length > 3e3 ? unwrapped.slice(0, 3e3) + "\n..." : unwrapped;
-  const text = JSON.stringify(unwrapped, null, 2);
-  return text.length > 3e3 ? text.slice(0, 3e3) + "\n..." : text;
+function formatStreamCounts(fileCount, searchCount) {
+  const parts = [];
+  if (fileCount > 0) parts.push(formatCount(fileCount, "file"));
+  if (searchCount > 0) parts.push(`${searchCount} ${searchCount === 1 ? "search" : "searches"}`);
+  return parts.join(", ");
 }
-var McpTool = memo(function McpTool2({ part, mcpInfo, chatStatus, defaultOpen }) {
+var ToolGroup = memo(function ToolGroup2({ part, nestedTools = [], chatStatus, completeLabel, shimmerLabel, interruptedLabel, maxVisibleTools = 5, defaultOpen, showElapsed = true }) {
   const { isPending, isInterrupted } = getToolStatus(part, chatStatus);
-  const title = useMemo(() => {
-    if (part.state === "input-streaming") return `Preparing ${mcpInfo.displayName}`;
-    if (isPending) return getActiveTitle(mcpInfo);
-    return getCompletedTitle(mcpInfo);
+  const description = part.input?.description || "";
+  const [expanded, setExpanded] = useState(defaultOpen ?? false);
+  const [visibleCount, setVisibleCount] = useState(0);
+  const startedAt = part.callProviderMetadata?.custom?.startedAt ?? part.startedAt;
+  const hasNestedTools = nestedTools.length > 0;
+  const streamKey = part.toolCallId ?? part.id ?? "";
+  const outputDuration = part.output?.totalDurationMs || part.output?.duration || part.output?.duration_ms;
+  const maskThreshold = 4;
+  const streamHeight = Math.max(1, maxVisibleTools) * 28;
+  const visibleToolCount = isPending ? Math.max(visibleCount, 0) : nestedTools.length;
+  const wasPendingRef = useRef(isPending);
+  const userToggledRef = useRef(false);
+  const openTimerRef = useRef(null);
+  const { fileCount, searchCount } = useMemo(() => {
+    return getNestedCounts(isPending ? nestedTools.slice(0, Math.max(visibleCount, 0)) : nestedTools);
   }, [
-    part.state,
     isPending,
-    mcpInfo
+    nestedTools,
+    visibleCount
   ]);
-  const subtitle = useMemo(() => {
-    if (part.state === "input-streaming") return "";
-    return formatMcpArgs(part.input);
-  }, [part.input, part.state]);
-  const displayOutput = useMemo(() => {
-    if (!part.output) return null;
-    return formatOutputForDisplay(part.output);
-  }, [part.output]);
-  const codeBlock = useMemo(() => {
-    if (!displayOutput) return null;
-    const trimmed = displayOutput.trim();
-    if (!trimmed) return null;
-    return `\`\`\`${trimmed.startsWith("{") || trimmed.startsWith("[") ? "json" : "text"}
-${displayOutput}
-\`\`\``;
-  }, [displayOutput]);
-  const hasExpandableContent = !!codeBlock && !isPending;
-  if (isInterrupted && !part.output) return /* @__PURE__ */ jsxs("span", {
-    className: "text-sm text-an-tool-color-muted",
-    children: [mcpInfo.displayName, " interrupted"]
-  });
-  return /* @__PURE__ */ jsx("div", {
-    className: "an-tool-mcp",
-    children: /* @__PURE__ */ jsx(ToolRowBase, {
-      shimmerLabel: title,
-      completeLabel: title,
-      isAnimating: isPending,
-      detail: subtitle || void 0,
-      trailingContent: void 0,
-      expandable: hasExpandableContent,
-      defaultOpen,
-      children: codeBlock && /* @__PURE__ */ jsx(LazyMarkdown, {
-        className: "text-[0.75rem]",
-        codeControls: false,
-        content: codeBlock
-      })
-    })
-  });
-}, areToolPropsEqual);
-function ThinkingCollapsed({ step, state, onComplete, defaultOpen, expanded, onToggleExpand }) {
-  useToolComplete(state === "animating", step.duration, onComplete);
-  return /* @__PURE__ */ jsx(ToolRowBase, {
-    shimmerLabel: "Thinking",
-    completeLabel: "Thought",
-    isAnimating: state === "animating",
-    expandable: !!step.thoughtContent,
-    defaultOpen,
-    expanded,
-    onToggleExpand,
-    children: /* @__PURE__ */ jsx("div", {
-      className: "max-h-[175px] overflow-y-auto",
-      children: /* @__PURE__ */ jsx("p", {
-        className: "text-sm whitespace-pre-wrap text-muted-foreground",
-        children: step.thoughtContent
-      })
-    })
-  });
-}
-var ThinkingTool = memo(function ThinkingTool2({ part, step: externalStep, state: externalState, onComplete: externalOnComplete, defaultOpen, expanded, onToggleExpand }) {
-  let step;
-  let stepState;
-  let onComplete;
-  if (externalStep && externalState && externalOnComplete) {
-    step = externalStep;
-    stepState = externalState;
-    onComplete = externalOnComplete;
-  } else if (part) {
-    const adapted = adaptToolPart(part, "Thinking");
-    step = adapted.step;
-    stepState = adapted.stepState;
-    onComplete = () => {
+  const streamCounts = formatStreamCounts(fileCount, searchCount);
+  const listRef = useRef(null);
+  const elapsedMs = useElapsedTime(startedAt, isPending);
+  useEffect(() => {
+    const wasPending = wasPendingRef.current;
+    if (openTimerRef.current) {
+      window.clearTimeout(openTimerRef.current);
+      openTimerRef.current = null;
+    }
+    if (isPending && !wasPending) {
+      if (!userToggledRef.current && defaultOpen !== false) {
+        setExpanded(false);
+        openTimerRef.current = window.setTimeout(() => {
+          setExpanded(true);
+        }, 60);
+      }
+    }
+    if (!isPending && wasPending) {
+      setExpanded(false);
+      userToggledRef.current = false;
+    }
+    wasPendingRef.current = isPending;
+    return () => {
+      if (openTimerRef.current) {
+        window.clearTimeout(openTimerRef.current);
+        openTimerRef.current = null;
+      }
     };
-  } else return null;
-  return /* @__PURE__ */ jsx(ThinkingCollapsed, {
-    step,
-    state: stepState,
-    onComplete,
-    defaultOpen,
-    expanded,
-    onToggleExpand
+  }, [defaultOpen, isPending]);
+  useEffect(() => {
+    if (!isPending || nestedTools.length === 0) {
+      setVisibleCount(nestedTools.length);
+      return;
+    }
+    let index = 1;
+    setVisibleCount(Math.min(index, nestedTools.length));
+    const interval = setInterval(() => {
+      index += 1;
+      setVisibleCount(Math.min(index, nestedTools.length));
+      if (index >= nestedTools.length) clearInterval(interval);
+    }, 450);
+    return () => clearInterval(interval);
+  }, [
+    isPending,
+    nestedTools.length,
+    streamKey
+  ]);
+  useEffect(() => {
+    if (!isPending || !listRef.current) return;
+    listRef.current.scrollTop = listRef.current.scrollHeight;
+  }, [isPending, visibleCount]);
+  const subtitle = (() => {
+    if (isPending && hasNestedTools) return streamCounts;
+    if (!isPending && hasNestedTools) {
+      const summary = summarizeNestedTools(nestedTools);
+      if (summary) return summary;
+    }
+    if (!description) return "";
+    return description.length > 60 ? `${description.slice(0, 57)}...` : description;
+  })();
+  const elapsedTimeDisplay = formatElapsedTime(!isPending && outputDuration ? outputDuration : elapsedMs);
+  if (isInterrupted && !part.output) return /* @__PURE__ */ jsx(ToolRowBase, {
+    completeLabel: interruptedLabel,
+    isAnimating: false
   });
-});
-function SearchGroupRich({ toolSteps, stepStates, onStepComplete, results = [], defaultOpen }) {
-  const anyAnimating = toolSteps.some((s) => stepStates[s.id] === "animating");
-  const searchQuery = toolSteps.find((s) => s.searchQuery)?.searchQuery ?? "searching...";
-  const totalResults = results.length;
-  const hasExpandableContent = totalResults > 0;
-  function CompleteTracker({ step }) {
-    useToolComplete(stepStates[step.id] === "animating", step.duration, () => onStepComplete(step.id));
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [toolSteps.map((step) => /* @__PURE__ */ jsx(CompleteTracker, { step }, step.id)), /* @__PURE__ */ jsx(ToolRowBase, {
-    shimmerLabel: "Searching...",
-    completeLabel: `Found ${totalResults} results`,
-    isAnimating: anyAnimating,
-    expandable: hasExpandableContent,
-    defaultOpen,
+  return /* @__PURE__ */ jsx(ToolRowBase, {
+    completeLabel,
+    shimmerLabel,
+    isAnimating: isPending,
+    detail: subtitle,
+    expandable: hasNestedTools,
+    expanded,
+    onToggleExpand: () => {
+      userToggledRef.current = true;
+      setExpanded((prev) => !prev);
+    },
+    trailingContent: showElapsed && elapsedTimeDisplay ? /* @__PURE__ */ jsx("span", {
+      className: "shrink-0 font-normal text-an-foreground-muted/60 tabular-nums",
+      children: elapsedTimeDisplay
+    }) : void 0,
     children: /* @__PURE__ */ jsxs("div", {
-      className: "overflow-hidden rounded-an-tool-border-radius border border-border bg-an-tool-background",
-      children: [/* @__PURE__ */ jsxs("div", {
-        className: "flex h-7 items-center gap-1 border-b border-an-tool-border-color px-2.5 py-0 text-xs",
-        children: [
-          /* @__PURE__ */ jsx("span", {
-            className: "font-medium text-foreground",
-            children: "Searched for"
-          }),
-          " ",
-          /* @__PURE__ */ jsxs("span", {
-            className: "truncate text-muted-foreground",
-            children: [
-              "\u201C",
-              searchQuery,
-              "\u201D"
-            ]
-          })
-        ]
-      }), /* @__PURE__ */ jsx("div", {
-        className: "max-h-[200px] overflow-y-auto bg-background",
-        children: /* @__PURE__ */ jsx("div", {
-          className: "flex flex-col gap-1 p-1",
-          children: results.map((result) => /* @__PURE__ */ jsxs("div", {
-            className: cn("flex cursor-default items-center gap-2 rounded-[calc(var(--an-tool-border-radius)-4px)] px-2 py-1", "hover:bg-muted/50"),
-            children: [
-              /* @__PURE__ */ jsx("div", {
-                className: "flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground",
-                children: /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" })
-              }),
-              /* @__PURE__ */ jsx("span", {
-                className: "min-w-0 flex-1 truncate text-sm text-foreground/90",
-                children: result.title
-              }),
-              /* @__PURE__ */ jsx("span", {
-                className: "shrink-0 text-xs whitespace-nowrap text-muted-foreground",
-                children: result.date || result.source
-              })
-            ]
-          }, `${result.title}-${result.source}-${result.date}`))
+      className: "relative",
+      children: [isPending && expanded && visibleToolCount > maskThreshold && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-x-0 top-0 z-10 h-10 bg-linear-to-b from-an-background to-transparent" }), /* @__PURE__ */ jsx("div", {
+        ref: listRef,
+        className: cn(nestedTools.length > 1 ? "flex flex-col gap-2" : void 0, isPending && expanded && visibleToolCount > maskThreshold && "overflow-y-auto"),
+        style: isPending && expanded && visibleToolCount > maskThreshold ? { height: `${streamHeight}px` } : void 0,
+        children: (isPending ? nestedTools.slice(0, Math.max(visibleCount, 0)) : nestedTools).map((nestedPart, idx) => {
+          const derivedPart = isPending ? {
+            ...nestedPart,
+            state: idx === visibleCount - 1 ? "input-streaming" : "output-available"
+          } : nestedPart;
+          const nestedMeta = toolRegistry[derivedPart.type];
+          if (!nestedMeta) return null;
+          const { isPending: nestedIsPending, isError: nestedIsError } = getToolStatus(derivedPart, chatStatus);
+          return /* @__PURE__ */ jsx(GenericTool, {
+            icon: nestedMeta.icon,
+            title: nestedMeta.title(derivedPart),
+            subtitle: nestedMeta.subtitle?.(derivedPart),
+            isPending: nestedIsPending,
+            isError: nestedIsError
+          }, derivedPart.toolCallId ?? derivedPart.id ?? `${derivedPart.type}-${nestedMeta.title(derivedPart)}`);
         })
       })]
     })
-  })] });
-}
-function normalizeResults(value) {
-  if (!Array.isArray(value)) return void 0;
-  const parsed = value.map((item) => {
-    if (!item || typeof item !== "object") return null;
-    const source = item.source;
-    const title = item.title;
-    const date = item.date;
-    if (typeof source !== "string" || typeof title !== "string" || typeof date !== "string") return null;
-    return {
-      source,
-      title,
-      date
-    };
-  }).filter((item) => Boolean(item));
-  return parsed.length > 0 ? parsed : void 0;
-}
-var SearchTool = memo(function SearchTool2({ part, results, defaultOpen }) {
-  const toolName2 = part.type?.replace("tool-", "") || "WebSearch";
-  const { step, stepState } = adaptToolPart(part, toolName2);
-  const stepStates = { [step.id]: stepState };
-  const noop = () => {
-  };
-  return /* @__PURE__ */ jsx(SearchGroupRich, {
-    toolSteps: [step],
-    stepStates,
-    onStepComplete: noop,
-    results: results ?? normalizeResults(part.output?.results) ?? normalizeResults(part.result?.results),
-    defaultOpen
   });
 });
 function deriveToolStatus(part, chatStatus) {
@@ -12948,6 +12948,83 @@ var ToolRenderer = memo(function ToolRenderer2({ part, nestedTools, chatStatus,
     isError
   });
 });
+function AgentPlan({ steps, activeIndex, className, ...props }) {
+  const total = steps.length;
+  const completed = progressOf(activeIndex, total);
+  const allDone = completed >= total;
+  const progress = pct(completed, total);
+  return /* @__PURE__ */ jsxs("div", {
+    "data-slot": "agent-plan",
+    className: cn("flex w-full max-w-sm flex-col gap-3", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center justify-between",
+        children: [/* @__PURE__ */ jsx("span", {
+          className: "text-[0.84375rem] font-medium",
+          children: "Plan"
+        }), /* @__PURE__ */ jsxs("span", {
+          className: cn(mono, "text-foreground/35 tabular-nums"),
+          children: [
+            completed,
+            " of ",
+            total
+          ]
+        })]
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: "bg-foreground/[0.06] h-[3px] w-full overflow-hidden rounded-full",
+        children: /* @__PURE__ */ jsx("span", {
+          className: "bg-foreground/80 block h-full rounded-full transition-[width] duration-500",
+          style: { width: `${progress}%` }
+        })
+      }),
+      /* @__PURE__ */ jsx("ul", {
+        className: "flex flex-col gap-2.5",
+        children: steps.map((step, i) => {
+          const done = allDone || i < completed;
+          const active = !allDone && i === completed;
+          return /* @__PURE__ */ jsxs("li", {
+            className: "flex items-center gap-2.5 text-[0.84375rem]",
+            children: [/* @__PURE__ */ jsx("span", {
+              className: "flex size-4 shrink-0 items-center justify-center",
+              children: done ? /* @__PURE__ */ jsx(Check, { className: "text-foreground/35 size-3.5" }) : active ? /* @__PURE__ */ jsx(LoaderCircle, { className: "text-foreground/90 size-3.5 animate-spin motion-reduce:animate-none" }) : /* @__PURE__ */ jsx("span", {
+                "aria-hidden": true,
+                className: "bg-foreground/15 size-1.5 rounded-full"
+              })
+            }), /* @__PURE__ */ jsx("span", {
+              className: cn(done && "text-foreground/40", active && "text-foreground/90", !done && !active && "text-foreground/35"),
+              children: step
+            })]
+          }, step);
+        })
+      })
+    ]
+  });
+}
+function fleetAgentPlanPresentation(items) {
+  if (items.length === 0) return void 0;
+  const steps = items.flatMap((item) => {
+    const title = item.title.trim();
+    return title ? [title] : [];
+  });
+  if (steps.length !== items.length) return void 0;
+  let activeIndex = 0;
+  while (activeIndex < items.length && items[activeIndex]?.status === "completed") activeIndex += 1;
+  if (items.slice(activeIndex + 1).some((item) => item.status === "completed")) return void 0;
+  return {
+    steps,
+    activeIndex
+  };
+}
+function FleetAgentPlan({ presentation, className }) {
+  return /* @__PURE__ */ jsx(AgentPlan, {
+    steps: presentation.steps,
+    activeIndex: presentation.activeIndex,
+    "aria-label": `Plan progress: ${Math.min(presentation.activeIndex, presentation.steps.length)} of ${presentation.steps.length} steps completed`,
+    className
+  });
+}
 var STATUS_TEXT = {
   queued: "Waiting to generate",
   generating: "Generating image",
@@ -13567,83 +13644,6 @@ function TodoList({ items, title = "To-dos", open, defaultOpen = true, onOpenCha
     })]
   });
 }
-function AgentPlan({ steps, activeIndex, className, ...props }) {
-  const total = steps.length;
-  const completed = progressOf(activeIndex, total);
-  const allDone = completed >= total;
-  const progress = pct(completed, total);
-  return /* @__PURE__ */ jsxs("div", {
-    "data-slot": "agent-plan",
-    className: cn("flex w-full max-w-sm flex-col gap-3", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: "flex items-center justify-between",
-        children: [/* @__PURE__ */ jsx("span", {
-          className: "text-[0.84375rem] font-medium",
-          children: "Plan"
-        }), /* @__PURE__ */ jsxs("span", {
-          className: cn(mono, "text-foreground/35 tabular-nums"),
-          children: [
-            completed,
-            " of ",
-            total
-          ]
-        })]
-      }),
-      /* @__PURE__ */ jsx("div", {
-        className: "bg-foreground/[0.06] h-[3px] w-full overflow-hidden rounded-full",
-        children: /* @__PURE__ */ jsx("span", {
-          className: "bg-foreground/80 block h-full rounded-full transition-[width] duration-500",
-          style: { width: `${progress}%` }
-        })
-      }),
-      /* @__PURE__ */ jsx("ul", {
-        className: "flex flex-col gap-2.5",
-        children: steps.map((step, i) => {
-          const done = allDone || i < completed;
-          const active = !allDone && i === completed;
-          return /* @__PURE__ */ jsxs("li", {
-            className: "flex items-center gap-2.5 text-[0.84375rem]",
-            children: [/* @__PURE__ */ jsx("span", {
-              className: "flex size-4 shrink-0 items-center justify-center",
-              children: done ? /* @__PURE__ */ jsx(Check, { className: "text-foreground/35 size-3.5" }) : active ? /* @__PURE__ */ jsx(LoaderCircle, { className: "text-foreground/90 size-3.5 animate-spin motion-reduce:animate-none" }) : /* @__PURE__ */ jsx("span", {
-                "aria-hidden": true,
-                className: "bg-foreground/15 size-1.5 rounded-full"
-              })
-            }), /* @__PURE__ */ jsx("span", {
-              className: cn(done && "text-foreground/40", active && "text-foreground/90", !done && !active && "text-foreground/35"),
-              children: step
-            })]
-          }, step);
-        })
-      })
-    ]
-  });
-}
-function fleetAgentPlanPresentation(items) {
-  if (items.length === 0) return void 0;
-  const steps = items.flatMap((item) => {
-    const title = item.title.trim();
-    return title ? [title] : [];
-  });
-  if (steps.length !== items.length) return void 0;
-  let activeIndex = 0;
-  while (activeIndex < items.length && items[activeIndex]?.status === "completed") activeIndex += 1;
-  if (items.slice(activeIndex + 1).some((item) => item.status === "completed")) return void 0;
-  return {
-    steps,
-    activeIndex
-  };
-}
-function FleetAgentPlan({ presentation, className }) {
-  return /* @__PURE__ */ jsx(AgentPlan, {
-    steps: presentation.steps,
-    activeIndex: presentation.activeIndex,
-    "aria-label": `Plan progress: ${Math.min(presentation.activeIndex, presentation.steps.length)} of ${presentation.steps.length} steps completed`,
-    className
-  });
-}
 function getStatusCopy(status) {
   if (status === "approving") return "Approving";
   if (status === "approved") return "Approved";
@@ -14157,7 +14157,7 @@ var BeuiToolRenderer = memo(function BeuiToolRenderer2({ part, chatStatus, fallb
     const planItems = toFleetPlanItems(detail.items);
     const pendingDecision = Boolean(part.input?.pendingDecision);
     if (normalized.lowerName === "planwrite" && pendingDecision) return fallback ?? null;
-    const planPresentation = normalized.lowerName === "planwrite" && Boolean(part.input?.executing) ? fleetAgentPlanPresentation(planItems) : void 0;
+    const planPresentation = normalized.lowerName === "planwrite" && part.input?.executing ? fleetAgentPlanPresentation(planItems) : void 0;
     if (planPresentation) return /* @__PURE__ */ jsx(FleetAgentPlan, {
       presentation: planPresentation,
       className: "mb-2"