@qredence/fleet 0.6.1 → 0.6.3

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

@@ -1,36 +1,35 @@
+import {
+  pct,
+  progressOf
+} from "./chunk-V3S6BVXO.js";
+import {
+  Eye
+} from "./chunk-2ST2ULW7.js";
 import {
   Citations,
-  LazyMarkdown,
   ListTodo,
   LogOut,
   MessageCircleQuestionMark,
-  PI_TOOL_RENDERERS,
   useHoverCapable
-} from "./chunk-NWDI3OWB.js";
-import {
-  pct,
-  progressOf
-} from "./chunk-V3S6BVXO.js";
+} from "./chunk-XSOUURPF.js";
 import {
   mono
-} from "./chunk-UCUFC553.js";
+} from "./chunk-RXUMFFUV.js";
 import {
-  Eye
-} from "./chunk-2ST2ULW7.js";
-import {
-  GitBranch,
   Globe,
-  ShieldCheck
-} from "./chunk-BLSX7WHW.js";
-import {
+  ShieldCheck,
   Sparkles
-} from "./chunk-3JMESBAT.js";
+} from "./chunk-H5D5DX3K.js";
 import {
   Terminal
 } from "./chunk-XA42CHF2.js";
 import {
+  LazyMarkdown,
   stripSandboxPrefixes
-} from "./chunk-P66QQWUM.js";
+} from "./chunk-7NZ3FJDA.js";
+import {
+  GitBranch
+} from "./chunk-OMPXUTMX.js";
 import {
   Search
 } from "./chunk-JIULUYHT.js";
@@ -47,36 +46,32 @@ import {
   FileDiff,
   ToolResult,
   ToolResultOutput
-} from "./chunk-DLUZFOG3.js";
-import {
-  ActionSwapRollText,
-  FileCodeCorner
-} from "./chunk-EJEPDVK6.js";
-import {
-  AgentDisclosure
-} from "./chunk-VPKX7QRU.js";
+} from "./chunk-S2IBIJIG.js";
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger
-} from "./chunk-MNPHMZU7.js";
+} from "./chunk-UE32PAV2.js";
+import {
+  ActionSwapRollText,
+  AgentDisclosure,
+  CircleX,
+  FileCodeCorner
+} from "./chunk-WU6X3GPJ.js";
 import {
   RotateCcw
 } from "./chunk-OOXWPL22.js";
-import {
-  Wrench
-} from "./chunk-O2DUZJYK.js";
-import {
-  CircleX
-} from "./chunk-ON33WDZX.js";
 import {
   CircleCheck,
   LoaderCircle
 } from "./chunk-TNL4YV63.js";
+import {
+  Wrench
+} from "./chunk-O2DUZJYK.js";
 import {
   AnimatePresence,
   useReducedMotion
-} from "./chunk-NIZBFVJF.js";
+} from "./chunk-CAPTFJOC.js";
 import {
   ChevronRight
 } from "./chunk-3C4CFCIS.js";
@@ -87,13 +82,11 @@ import {
   SPRING_PRESS,
   SPRING_SWAP,
   m
-} from "./chunk-EBG3XFGQ.js";
-import {
-  ChevronUp
-} from "./chunk-OZO5ARFA.js";
+} from "./chunk-7FK6YEMA.js";
 import {
+  ChevronUp,
   isSafeExternalUrl
-} from "./chunk-L46H6IDX.js";
+} from "./chunk-BQROC4PL.js";
 import {
   ChevronDown
 } from "./chunk-WWJF4RO2.js";
@@ -104,29 +97,27 @@ import {
   X
 } from "./chunk-JBLHIEVG.js";
 import {
+  CircleAlert,
   FileText
-} from "./chunk-AR7O7JXD.js";
-import {
-  CircleAlert
-} from "./chunk-ZCVWADNW.js";
+} from "./chunk-KBWUBWVJ.js";
 import {
   IpythonTool,
   ToolApprovalFooter,
   ToolTextShimmer,
   adaptToolPart,
   useToolComplete
-} from "./chunk-QIULBRTU.js";
+} from "./chunk-MJXXVQNA.js";
 import {
   createLucideIcon
 } from "./chunk-4ZIEVI5O.js";
 import {
   cn
-} from "./chunk-DJMHPJBP.js";
+} from "./chunk-CHEC7TWB.js";
 import {
   __exportAll
 } from "./chunk-L547YHC4.js";
 
-// web/app/dist/server/assets/fleet-pi-tool-renderer-qwc-qZFq.js
+// web/app/dist/server/assets/session-tool-renderer-CT65wuet.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", {
@@ -283,9 +274,9 @@ function QuestionPrompt({ questions, questionIndex = 1, totalQuestions, onPrevio
         className: "flex items-center justify-between gap-px",
         "data-total-questions": resolvedTotal,
         children: /* @__PURE__ */ jsxs("div", {
-          className: "flex items-center gap-2 text-sm text-an-tool-color",
+          className: "flex items-center gap-2 text-sm text-foreground",
           children: [/* @__PURE__ */ jsx("span", {
-            className: "inline-flex h-5 min-w-5 items-center justify-center rounded px-1 text-sm font-medium text-an-tool-color-muted",
+            className: "inline-flex h-5 min-w-5 items-center justify-center rounded px-1 text-sm font-medium text-muted-foreground",
             children: clampedIndex
           }), /* @__PURE__ */ jsx("span", { children: activeQuestion.title })]
         })
@@ -303,14 +294,14 @@ function QuestionPrompt({ questions, questionIndex = 1, totalQuestions, onPrevio
                 if (customEnabled) setCustomText("");
               } else toggleMulti(optionId);
             },
-            className: "-mx-2 flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left hover:bg-an-background-secondary",
+            className: "-mx-2 flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left hover:bg-secondary",
             children: [/* @__PURE__ */ jsx("span", {
-              className: cn("inline-flex h-5 min-w-5 items-center justify-center rounded border px-1 text-sm font-medium", checked ? "border-an-primary-color bg-an-primary-color text-an-send-button-color" : "border-border bg-transparent text-an-tool-color-muted"),
+              className: cn("inline-flex h-5 min-w-5 items-center justify-center rounded border px-1 text-sm font-medium", checked ? "border-primary bg-primary text-primary-foreground" : "border-border bg-transparent text-muted-foreground"),
               children: optionBadge(idx)
             }), /* @__PURE__ */ jsxs("span", {
-              className: "text-sm text-an-tool-color",
+              className: "text-sm text-foreground",
               children: [option.label, option.description && /* @__PURE__ */ jsxs("span", {
-                className: "text-an-tool-color-muted",
+                className: "text-muted-foreground",
                 children: [" ", option.description]
               })]
             })]
@@ -318,13 +309,13 @@ function QuestionPrompt({ questions, questionIndex = 1, totalQuestions, onPrevio
         }), customEnabled && /* @__PURE__ */ jsxs("div", {
           className: "flex items-center gap-2 pt-1",
           children: [/* @__PURE__ */ jsx("span", {
-            className: cn("inline-flex h-5 min-w-5 items-center justify-center rounded border px-1 text-sm font-medium", selectedIds.includes(QUESTION_CUSTOM_ID) ? "border-an-primary-color bg-an-primary-color text-an-send-button-color" : "border-border bg-transparent text-an-tool-color-muted"),
+            className: cn("inline-flex h-5 min-w-5 items-center justify-center rounded border px-1 text-sm font-medium", selectedIds.includes(QUESTION_CUSTOM_ID) ? "border-primary bg-primary text-primary-foreground" : "border-border bg-transparent text-muted-foreground"),
             children: optionBadge(activeQuestion.options.length)
           }), /* @__PURE__ */ jsx("input", {
             value: customText,
             onChange: (event) => handleCustomTextChange(event.target.value),
             placeholder: activeQuestion.customPlaceholder ?? "Type your answer",
-            className: "h-7 w-full rounded-md border border-border bg-background px-2 text-base text-an-tool-color md:text-sm"
+            className: "h-7 w-full rounded-md border border-border bg-background px-2 text-base text-foreground md:text-sm"
           })]
         })]
       }),
@@ -333,7 +324,7 @@ function QuestionPrompt({ questions, questionIndex = 1, totalQuestions, onPrevio
         onChange: (event) => setTextValue(event.target.value),
         placeholder: activeQuestion.placeholder ?? "Type your answer",
         rows: 3,
-        className: "w-full resize-y rounded-md border border-border bg-background px-2 py-1.5 text-base text-an-tool-color md:text-sm"
+        className: "w-full resize-y rounded-md border border-border bg-background px-2 py-1.5 text-base text-foreground md:text-sm"
       }),
       /* @__PURE__ */ jsxs("div", {
         className: cn("flex items-center gap-1.5", showNav ? "justify-between" : "justify-end"),
@@ -343,13 +334,13 @@ function QuestionPrompt({ questions, questionIndex = 1, totalQuestions, onPrevio
             type: "button",
             onClick: onPreviousQuestion,
             disabled: !canGoPrev,
-            className: "h-6 rounded px-2 text-sm text-muted-foreground hover:text-an-tool-color disabled:opacity-60",
+            className: "h-6 rounded px-2 text-sm text-muted-foreground hover:text-foreground disabled:opacity-60",
             children: "Previous"
           }), onNextQuestion && /* @__PURE__ */ jsx("button", {
             type: "button",
             onClick: onNextQuestion,
             disabled: !canGoNext,
-            className: "h-6 rounded px-2 text-sm text-muted-foreground hover:text-an-tool-color disabled:opacity-60",
+            className: "h-6 rounded px-2 text-sm text-muted-foreground hover:text-foreground disabled:opacity-60",
             children: "Next"
           })]
         }), /* @__PURE__ */ jsxs("div", {
@@ -357,13 +348,13 @@ function QuestionPrompt({ questions, questionIndex = 1, totalQuestions, onPrevio
           children: [allowSkip && /* @__PURE__ */ jsx("button", {
             type: "button",
             onClick: handleSkip,
-            className: "h-6 rounded px-2 text-sm text-muted-foreground transition-[background-color,color,transform] duration-150 hover:bg-muted/50 hover:text-an-tool-color active:scale-[0.98]",
+            className: "h-6 rounded px-2 text-sm text-muted-foreground transition-[background-color,color,transform] duration-150 hover:bg-muted/50 hover:text-foreground active:scale-[0.98]",
             children: skipLabel
           }), /* @__PURE__ */ jsx("button", {
             type: "button",
             onClick: handleSubmit,
             disabled: !canSubmit,
-            className: "h-6 rounded bg-an-primary-color px-2.5 text-sm font-medium text-an-send-button-color transition-[background-color,transform] duration-150 hover:bg-an-primary-color/90 active:scale-[0.98] disabled:opacity-60 disabled:hover:bg-an-primary-color disabled:active:scale-100",
+            className: "h-6 rounded bg-primary px-2.5 text-sm font-medium text-primary-foreground transition-[background-color,transform] duration-150 hover:bg-primary/90 active:scale-[0.98] disabled:opacity-60 disabled:hover:bg-primary disabled:active:scale-100",
             children: primaryLabel
           })]
         })]
@@ -440,9 +431,9 @@ function QuestionTool({ part }) {
     if (!isControlled) setLocalIndex((prev) => Math.min(totalQuestions, prev + 1));
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: "overflow-hidden rounded-an-tool-border-radius border border-border bg-an-tool-background",
+    className: "overflow-hidden rounded-chat-tool border border-border bg-muted",
     children: [/* @__PURE__ */ jsxs("div", {
-      className: "flex h-7 items-center justify-between border-b border-border px-3 text-xs text-an-tool-color-muted",
+      className: "flex h-7 items-center justify-between border-b border-border px-3 text-xs text-muted-foreground",
       children: [/* @__PURE__ */ jsxs("div", {
         className: "inline-flex items-center gap-1.5",
         children: [/* @__PURE__ */ jsx(MessageCircleQuestionMark, { className: "size-3.5" }), "Question"]
@@ -453,7 +444,7 @@ function QuestionTool({ part }) {
             type: "button",
             onClick: goPrev,
             disabled: !canGoPrev,
-            className: "inline-flex size-5 items-center justify-center rounded-[4px] hover:bg-an-background-secondary disabled:opacity-40",
+            className: "inline-flex size-5 items-center justify-center rounded-[4px] hover:bg-secondary disabled:opacity-40",
             "aria-label": "Previous question",
             children: /* @__PURE__ */ jsx(ChevronUp, { className: "size-3.5" })
           }),
@@ -466,14 +457,14 @@ function QuestionTool({ part }) {
             type: "button",
             onClick: goNext,
             disabled: !canGoNext,
-            className: "inline-flex size-5 items-center justify-center rounded-[4px] hover:bg-an-background-secondary disabled:opacity-40",
+            className: "inline-flex size-5 items-center justify-center rounded-[4px] hover:bg-secondary disabled:opacity-40",
             "aria-label": "Next question",
             children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5" })
           })
         ]
       })]
     }), isComplete ? /* @__PURE__ */ jsx("div", {
-      className: "bg-background px-3 py-2 text-xs text-an-tool-color-muted",
+      className: "bg-background px-3 py-2 text-xs text-muted-foreground",
       children: summaryText
     }) : /* @__PURE__ */ jsx(QuestionPrompt, {
       questions,
@@ -495,64 +486,6 @@ function QuestionTool({ part }) {
     }, `${clampedIndex}-${question.title}`)]
   });
 }
-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
-  };
-}
 function extractCommandSummary(cmd) {
   return cmd.split("|").map((s) => s.trim().split(/\s+/)[0] ?? "").filter(Boolean).slice(0, 4).join(", ");
 }
@@ -562,7 +495,7 @@ function BashToolTerminalCard({ step, state, onComplete, approval }) {
   const command = step.bashCommand ?? step.toolDetail;
   const summary = extractCommandSummary(command);
   return /* @__PURE__ */ jsxs("div", {
-    className: "overflow-hidden rounded-an-tool-border-radius border border-border bg-an-tool-background",
+    className: "overflow-hidden rounded-chat-tool border border-border bg-muted",
     children: [
       /* @__PURE__ */ jsxs("div", {
         className: "flex h-7 items-center justify-between pr-2 pl-2.5",
@@ -594,7 +527,7 @@ function BashToolTerminalCard({ step, state, onComplete, approval }) {
         })]
       }),
       /* @__PURE__ */ jsxs("div", {
-        className: "overflow-hidden border-t border-border bg-background px-2.5 py-1.5 font-mono text-[0.75rem] leading-[16px]",
+        className: "overflow-hidden border-t border-border bg-background px-2.5 py-1.5 font-mono text-label leading-[16px]",
         children: [/* @__PURE__ */ jsxs("div", {
           className: "break-all",
           children: [/* @__PURE__ */ jsx("span", {
@@ -11507,10 +11440,10 @@ function EditToolDiffCard({ step, state, onComplete, input, output, isCollapsibl
 ` : void 0, [themeType]);
   const diffClassName = "an-edit-diff dark:bg-black dark:[--diffs-bg:#000] dark:[--diffs-bg-buffer-override:#000] dark:[--diffs-bg-context-override:#000] dark:[--diffs-bg-hover-override:#0a0a0a] dark:[--diffs-bg-separator-override:#0f0f0f]";
   return /* @__PURE__ */ jsxs("div", {
-    className: "an-edit-tool-card overflow-hidden rounded-an-tool-border-radius border border-an-tool-border-color bg-an-tool-background dark:bg-black",
+    className: "an-edit-tool-card overflow-hidden rounded-chat-tool border border-border bg-muted dark:bg-black",
     children: [
       /* @__PURE__ */ jsxs("div", {
-        className: "flex h-7 items-center justify-between bg-an-tool-background px-2.5 py-0 " + (isPending && !diffFiles ? "" : "border-b border-an-tool-border-color"),
+        className: "flex h-7 items-center justify-between bg-muted px-2.5 py-0 " + (isPending && !diffFiles ? "" : "border-b border-border"),
         children: [/* @__PURE__ */ jsxs("div", {
           className: "flex min-w-0 items-center gap-1.5",
           children: [hasFileName && /* @__PURE__ */ jsx(FileExtIcon, {
@@ -11531,28 +11464,28 @@ function EditToolDiffCard({ step, state, onComplete, input, output, isCollapsibl
               fileName
             ]
           }) : /* @__PURE__ */ jsxs("span", {
-            className: "truncate text-xs text-an-tool-color-muted",
+            className: "truncate text-xs text-muted-foreground",
             children: [
               isWrite ? "Created" : "Edited",
               " ",
               step.filePath && onFilePathClick ? /* @__PURE__ */ jsx("button", {
                 type: "button",
                 onClick: () => onFilePathClick(step.filePath ?? ""),
-                className: "truncate underline-offset-2 hover:text-an-tool-color hover:underline",
+                className: "truncate underline-offset-2 hover:text-foreground hover:underline",
                 children: fileName
               }) : fileName
             ]
           })]
         }), step.diffStats && !isPending && /* @__PURE__ */ jsx("span", {
-          className: "inline-flex gap-2 font-mono text-[0.6875rem] text-an-tool-color-muted",
+          className: "inline-flex gap-2 font-mono text-caption text-muted-foreground",
           children: step.diffStats.split(" ").map((token) => /* @__PURE__ */ jsx("span", {
-            className: token.startsWith("+") ? "text-an-diff-added-text" : token.startsWith("-") ? "text-an-diff-removed-text" : void 0,
+            className: token.startsWith("+") ? "text-product-diff-added" : token.startsWith("-") ? "text-product-diff-removed" : void 0,
             children: token
           }, token))
         })]
       }),
       diffFiles ? /* @__PURE__ */ jsx("div", {
-        className: `${diffClassName} text-[0.75rem]`,
+        className: `${diffClassName} text-label`,
         style: diffCssVars,
         children: /* @__PURE__ */ jsxs("div", {
           className: isCollapsible ? "group/edit-diff relative" : "relative",
@@ -11612,7 +11545,7 @@ function ToolRowBase({ icon, shimmerLabel, completeLabel, isAnimating, detail, o
   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"),
+    className: cn("flex max-w-full items-center gap-1 rounded-chat-tool 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: [
@@ -11632,10 +11565,10 @@ function ToolRowBase({ icon, shimmerLabel, completeLabel, isAnimating, detail, o
         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",
+          className: "min-w-0 flex-1 truncate text-left font-normal text-muted-foreground/60 underline-offset-2 hover:text-muted-foreground hover:underline",
           children: detail
         }) : /* @__PURE__ */ jsx("span", {
-          className: "min-w-0 flex-1 truncate font-normal text-an-foreground-muted/60",
+          className: "min-w-0 flex-1 truncate font-normal text-muted-foreground/60",
           children: detail
         })),
         trailingContent
@@ -11674,6 +11607,64 @@ var GenericTool = memo(function GenericTool2({ icon, title, subtitle, isPending,
     onDetailClick: onSubtitleClick
   });
 });
+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 PRIORITY_ARGS = [
   "query",
   "question",
@@ -11829,7 +11820,7 @@ ${displayOutput}
   }, [displayOutput]);
   const hasExpandableContent = !!codeBlock && !isPending;
   if (isInterrupted && !part.output) return /* @__PURE__ */ jsxs("span", {
-    className: "text-sm text-an-tool-color-muted",
+    className: "text-sm text-muted-foreground",
     children: [mcpInfo.displayName, " interrupted"]
   });
   return /* @__PURE__ */ jsx("div", {
@@ -11843,7 +11834,7 @@ ${displayOutput}
       expandable: hasExpandableContent,
       defaultOpen,
       children: codeBlock && /* @__PURE__ */ jsx(LazyMarkdown, {
-        className: "text-[0.75rem]",
+        className: "text-label",
         codeControls: false,
         content: codeBlock
       })
@@ -11876,42 +11867,6 @@ function IconSpinner({ className, ...rest }) {
     })]
   });
 }
-function CheckIcon(props) {
-  return /* @__PURE__ */ jsx("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    ...props,
-    children: /* @__PURE__ */ jsx("path", {
-      d: "M5 12.75L10 19L19 5",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })
-  });
-}
-function IconArrowRight(props) {
-  return /* @__PURE__ */ jsxs("svg", {
-    viewBox: "0 0 24 24",
-    fill: "none",
-    width: "24",
-    height: "24",
-    ...props,
-    children: [/* @__PURE__ */ jsx("path", {
-      d: "M14 6L20 12L14 18",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /* @__PURE__ */ jsx("path", {
-      d: "M19 12H4",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round"
-    })]
-  });
-}
 function getPlanFileName(plan) {
   const rawId = plan.id?.trim();
   if (!rawId) return "plan-working.md";
@@ -11951,20 +11906,20 @@ var PlanTool = memo(function PlanTool2({ part, chatStatus }) {
   };
   const actionLabel = total > 0 ? `${completed}/${total} complete` : pendingDecision ? "Awaiting review" : void 0;
   return /* @__PURE__ */ jsxs("div", {
-    className: "an-tool-plan overflow-hidden rounded-an-tool-border-radius border border-border bg-an-tool-background",
+    className: "an-tool-plan overflow-hidden rounded-chat-tool border border-border bg-muted",
     children: [/* @__PURE__ */ jsxs("div", {
       className: "flex h-7 items-center justify-between pr-2.5 pl-3",
       children: [/* @__PURE__ */ jsxs("div", {
         className: "flex min-w-0 items-center gap-1",
-        children: [isPending ? /* @__PURE__ */ jsx(IconSpinner, { className: "h-3 w-3 shrink-0 animate-spin text-an-tool-color-muted" }) : /* @__PURE__ */ jsx(FileText, { className: "h-3.5 w-3.5 shrink-0 text-an-tool-color-muted" }), /* @__PURE__ */ jsx("span", {
-          className: "truncate text-xs text-an-tool-color-muted",
+        children: [isPending ? /* @__PURE__ */ jsx(IconSpinner, { className: "h-3 w-3 shrink-0 animate-spin text-muted-foreground" }) : /* @__PURE__ */ jsx(FileText, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), /* @__PURE__ */ jsx("span", {
+          className: "truncate text-xs text-muted-foreground",
           children: fileName
         })]
       }), /* @__PURE__ */ jsx("button", {
         type: "button",
         onClick: () => setIsExpanded((prev) => !prev),
         "aria-label": isExpanded ? "Collapse plan" : "Expand plan",
-        className: "inline-flex size-5 items-center justify-center text-an-tool-color-muted",
+        className: "inline-flex size-5 items-center justify-center text-muted-foreground",
         children: isExpanded ? /* @__PURE__ */ jsx(ChevronsUp, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(ChevronsDown, { className: "h-3.5 w-3.5" })
       })]
     }), /* @__PURE__ */ jsxs("div", {
@@ -11975,16 +11930,16 @@ var PlanTool = memo(function PlanTool2({ part, chatStatus }) {
           children: [/* @__PURE__ */ jsxs("div", {
             className: "flex items-center justify-between gap-2 px-3",
             children: [/* @__PURE__ */ jsx("div", {
-              className: "text-sm text-an-tool-color",
+              className: "text-sm text-foreground",
               children: plan.title
             }), actionLabel ? /* @__PURE__ */ jsx("div", {
-              className: "rounded-full border border-border px-2 py-0.5 text-[0.6875rem] text-an-tool-color-muted",
+              className: "rounded-full border border-border px-2 py-0.5 text-caption text-muted-foreground",
               children: actionLabel
             }) : null]
           }), hasSummary ? /* @__PURE__ */ jsxs("div", {
             className: "relative",
             children: [/* @__PURE__ */ jsx("div", {
-              className: cn("px-3", "text-sm text-an-tool-color-muted", !isExpanded && "max-h-[94px] overflow-hidden"),
+              className: cn("px-3", "text-sm text-muted-foreground", !isExpanded && "max-h-[94px] overflow-hidden"),
               children: /* @__PURE__ */ jsx(LazyMarkdown, {
                 content: summary,
                 className: "text-sm"
@@ -11996,33 +11951,33 @@ var PlanTool = memo(function PlanTool2({ part, chatStatus }) {
                 children: /* @__PURE__ */ jsx("button", {
                   type: "button",
                   onClick: () => setIsExpanded(true),
-                  className: "-mx-2 h-5 rounded-[4px] px-1.5 text-xs text-muted-foreground hover:text-an-tool-color",
+                  className: "-mx-2 h-5 rounded-[4px] px-1.5 text-xs text-muted-foreground hover:text-foreground",
                   children: "Read detailed plan"
                 })
               })]
             })]
           }) : /* @__PURE__ */ jsx("div", {
-            className: "text-xs text-an-tool-color-muted",
+            className: "text-xs text-muted-foreground",
             children: "No plan summary provided."
           })]
         }),
         (isExpanded || !hasSummary) && /* @__PURE__ */ jsxs("div", {
-          className: "mt-2 flex items-center justify-between border-t border-border bg-an-tool-background pt-1.5 pr-2 pb-2 pl-3.5",
+          className: "mt-2 flex items-center justify-between border-t border-border bg-muted pt-1.5 pr-2 pb-2 pl-3.5",
           children: [/* @__PURE__ */ jsx("button", {
             type: "button",
             onClick: () => setIsExpanded((prev) => !prev),
-            className: "-mx-2 h-5 rounded-[4px] px-1.5 text-xs text-muted-foreground hover:text-an-tool-color",
+            className: "-mx-2 h-5 rounded-[4px] px-1.5 text-xs text-muted-foreground hover:text-foreground",
             children: isExpanded ? "Hide detailed plan" : "Read detailed plan"
           }), canAct ? /* @__PURE__ */ jsx("div", {
-            className: "text-[0.6875rem] text-an-tool-color-muted",
+            className: "text-caption text-muted-foreground",
             children: "Choose what to do with this plan."
           }) : isAlreadyApproved ? /* @__PURE__ */ jsx("div", {
-            className: "text-[0.6875rem] text-an-tool-color-muted",
+            className: "text-caption text-muted-foreground",
             children: "Approved"
           }) : null]
         }),
         canAct ? /* @__PURE__ */ jsxs("div", {
-          className: "flex flex-col gap-2 border-t border-border bg-an-tool-background px-3 py-2.5",
+          className: "flex flex-col gap-2 border-t border-border bg-muted px-3 py-2.5",
           children: [/* @__PURE__ */ jsxs("div", {
             className: "flex flex-wrap gap-2",
             children: [
@@ -12030,21 +11985,21 @@ var PlanTool = memo(function PlanTool2({ part, chatStatus }) {
                 type: "button",
                 onClick: () => runAction("execute", part.input?.onExecute),
                 disabled: Boolean(isActing),
-                className: "h-7 rounded-[6px] bg-an-primary-color px-2.5 text-xs font-medium text-an-send-button-color disabled:opacity-60",
+                className: "h-7 rounded-[6px] bg-primary px-2.5 text-xs font-medium text-primary-foreground disabled:opacity-60",
                 children: isActing === "execute" ? "Executing..." : part.input?.executeLabel ?? "Execute"
               }),
               /* @__PURE__ */ jsx("button", {
                 type: "button",
                 onClick: () => runAction("stay", part.input?.onStay),
                 disabled: Boolean(isActing),
-                className: "h-7 rounded-[6px] border border-border px-2.5 text-xs text-an-tool-color disabled:opacity-60",
+                className: "h-7 rounded-[6px] border border-border px-2.5 text-xs text-foreground disabled:opacity-60",
                 children: isActing === "stay" ? "Saving..." : part.input?.stayLabel ?? "Stay"
               }),
               /* @__PURE__ */ jsx("button", {
                 type: "button",
                 onClick: () => setIsRefining((prev) => !prev),
                 disabled: Boolean(isActing),
-                className: "h-7 rounded-[6px] border border-border px-2.5 text-xs text-an-tool-color disabled:opacity-60",
+                className: "h-7 rounded-[6px] border border-border px-2.5 text-xs text-foreground disabled:opacity-60",
                 children: part.input?.refineLabel ?? "Refine"
               })
             ]
@@ -12055,7 +12010,7 @@ var PlanTool = memo(function PlanTool2({ part, chatStatus }) {
               onChange: (event) => setRefineText(event.target.value),
               rows: 3,
               placeholder: "Describe what should change in the plan",
-              className: "w-full resize-y rounded-[8px] border border-border bg-background px-3 py-2 text-base text-an-tool-color outline-none focus:border-an-primary-color md:text-sm"
+              className: "w-full resize-y rounded-[8px] border border-border bg-background px-3 py-2 text-base text-foreground outline-none focus:border-primary md:text-sm"
             }), /* @__PURE__ */ jsxs("div", {
               className: "flex items-center justify-end gap-2",
               children: [/* @__PURE__ */ jsx("button", {
@@ -12065,13 +12020,13 @@ var PlanTool = memo(function PlanTool2({ part, chatStatus }) {
                   setRefineText("");
                 },
                 disabled: Boolean(isActing),
-                className: "h-7 rounded-[6px] border border-border px-2.5 text-xs text-an-tool-color disabled:opacity-60",
+                className: "h-7 rounded-[6px] border border-border px-2.5 text-xs text-foreground disabled:opacity-60",
                 children: "Cancel"
               }), /* @__PURE__ */ jsx("button", {
                 type: "button",
                 onClick: () => runAction("refine", part.input?.onRefine, refineText),
                 disabled: Boolean(isActing),
-                className: "h-7 rounded-[6px] bg-an-primary-color px-2.5 text-xs font-medium text-an-send-button-color disabled:opacity-60",
+                className: "h-7 rounded-[6px] bg-primary px-2.5 text-xs font-medium text-primary-foreground disabled:opacity-60",
                 children: isActing === "refine" ? "Submitting..." : "Submit refinement"
               })]
             })]
@@ -12097,9 +12052,9 @@ function SearchGroupRich({ toolSteps, stepStates, onStepComplete, results = [],
     expandable: hasExpandableContent,
     defaultOpen,
     children: /* @__PURE__ */ jsxs("div", {
-      className: "overflow-hidden rounded-an-tool-border-radius border border-border bg-an-tool-background",
+      className: "overflow-hidden rounded-chat-tool border border-border bg-muted",
       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",
+        className: "flex h-7 items-center gap-1 border-b border-border px-2.5 py-0 text-xs",
         children: [
           /* @__PURE__ */ jsx("span", {
             className: "font-medium text-foreground",
@@ -12120,7 +12075,7 @@ function SearchGroupRich({ toolSteps, stepStates, onStepComplete, results = [],
         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"),
+            className: cn("flex cursor-default items-center gap-2 rounded-[calc(var(--chat-tool-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",
@@ -12171,1477 +12126,1364 @@ var SearchTool = memo(function SearchTool2({ part, results, defaultOpen }) {
     defaultOpen
   });
 });
-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
-      })
-    })
-  });
+function statusLabel(status) {
+  if (status === "in-progress") return "In progress";
+  if (status === "completed") return "Completed";
+  if (status === "cancelled") return "Cancelled";
+  return "Pending";
 }
-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
-    });
+function TodoHeaderIcon({ complete }) {
+  const reduce = useReducedMotion() ?? false;
+  return /* @__PURE__ */ jsx("span", {
+    "aria-hidden": "true",
+    className: "relative grid size-6 shrink-0 place-items-center",
+    children: /* @__PURE__ */ jsx(AnimatePresence, {
+      initial: false,
+      mode: "popLayout",
+      children: complete ? /* @__PURE__ */ jsxs(m.svg, {
+        viewBox: "0 0 24 24",
+        initial: reduce ? { opacity: 1 } : {
+          opacity: 0,
+          scale: 0.72
+        },
+        animate: {
+          opacity: 1,
+          scale: 1
+        },
+        exit: { opacity: 0 },
+        transition: reduce ? { duration: 0 } : SPRING_SWAP,
+        className: "absolute size-5.5 overflow-visible text-emerald-500",
+        children: [/* @__PURE__ */ jsx("circle", {
+          cx: "12",
+          cy: "12",
+          r: "9",
+          fill: "currentColor"
+        }), /* @__PURE__ */ jsx(m.path, {
+          d: "M7.5 12.25 10.5 15.25 16.75 8.75",
+          fill: "none",
+          stroke: "white",
+          strokeWidth: "2.25",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          initial: reduce ? { pathLength: 1 } : { pathLength: 0 },
+          animate: { pathLength: 1 },
+          transition: reduce ? { duration: 0 } : {
+            duration: 0.24,
+            ease: EASE_OUT
+          }
+        })]
+      }, "complete") : /* @__PURE__ */ jsx(m.span, {
+        initial: reduce ? { opacity: 1 } : {
+          opacity: 0,
+          scale: 0.8
+        },
+        animate: {
+          opacity: 1,
+          scale: 1
+        },
+        exit: reduce ? { opacity: 0 } : {
+          opacity: 0,
+          scale: 0.72
+        },
+        transition: reduce ? { duration: 0 } : SPRING_SWAP,
+        className: "absolute grid place-items-center text-muted-foreground",
+        children: /* @__PURE__ */ jsx(ListTodo, { className: "size-4" })
+      }, "todo")
+    })
   });
-  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 = [];
-  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 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 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(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: "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 deriveToolStatus(part, chatStatus) {
-  if (part.state === "input-streaming") return "streaming";
-  if (part.state === "output-available") return "success";
-  if (part.state === "output-error") return "error";
-  const { isPending } = getToolStatus(part, chatStatus);
-  return isPending ? "pending" : "success";
-}
-var ToolRenderer = memo(function ToolRenderer2({ part, nestedTools, chatStatus, toolRenderers }) {
-  const partType = part.type;
-  switch (partType) {
-    case "tool-Bash":
-      return /* @__PURE__ */ jsx(BashTool, { part });
-    case "tool-IPython":
-      return /* @__PURE__ */ jsx(IpythonTool, { part });
-    case "tool-Edit":
-    case "tool-Write":
-      return /* @__PURE__ */ jsx(EditTool, { part });
-    case "tool-WebSearch":
-    case "tool-Grep":
-    case "tool-Glob":
-      return /* @__PURE__ */ jsx(SearchTool, { part });
-    case "tool-PlanWrite":
-      return /* @__PURE__ */ jsx(PlanTool, {
-        part,
-        chatStatus
-      });
-    case "tool-TodoWrite":
-      return /* @__PURE__ */ jsx(TodoTool, {
-        part,
-        chatStatus
-      });
-    case "tool-Question":
-      return /* @__PURE__ */ jsx(QuestionTool, {
-        part,
-        chatStatus
-      });
-    case "tool-Task":
-    case "tool-Agent": {
-      const labelBase = part.type === "tool-Agent" ? "Agent" : "Task";
-      return /* @__PURE__ */ jsx(ToolGroup, {
-        part,
-        nestedTools,
-        chatStatus,
-        completeLabel: `${labelBase} completed`,
-        shimmerLabel: `Running ${labelBase.toLowerCase()}`,
-        interruptedLabel: `${labelBase} interrupted`,
-        defaultOpen: false
-      });
-    }
-    case "tool-Thinking":
-      return /* @__PURE__ */ jsx(ThinkingTool, { part });
-  }
-  const mcpInfo = parseMcpToolType(partType);
-  if (mcpInfo) {
-    if (toolRenderers) {
-      const CustomRenderer = toolRenderers[mcpInfo.toolName];
-      if (CustomRenderer) return /* @__PURE__ */ jsx(CustomRenderer, {
-        name: mcpInfo.toolName,
-        input: part.input ?? {},
-        output: part.output ? unwrapMcpOutput(part.output) : void 0,
-        status: deriveToolStatus(part, chatStatus)
-      });
-    }
-    return /* @__PURE__ */ jsx(McpTool, {
-      part,
-      mcpInfo,
-      chatStatus
-    });
-  }
-  if (toolRenderers && partType.startsWith("tool-")) {
-    const toolName3 = partType.slice(5);
-    const CustomRenderer = toolRenderers[toolName3];
-    if (CustomRenderer) return /* @__PURE__ */ jsx(CustomRenderer, {
-      name: toolName3,
-      input: part.input ?? {},
-      output: part.output ?? part.result,
-      status: deriveToolStatus(part, chatStatus)
-    });
-  }
-  const meta = toolRegistry[partType];
-  if (meta) {
-    const { isPending: isPending2, isError: isError2 } = getToolStatus(part, chatStatus);
-    return /* @__PURE__ */ jsx(GenericTool, {
-      title: meta.title(part),
-      subtitle: meta.subtitle?.(part),
-      isPending: isPending2,
-      isError: isError2
-    });
-  }
-  const toolName2 = partType.startsWith("tool-") ? partType.slice(5) : partType;
-  const { isPending, isError } = getToolStatus(part, chatStatus);
-  return /* @__PURE__ */ jsx(GenericTool, {
-    title: isPending ? `Running ${toolName2}` : toolName2,
-    isPending,
-    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,
+function TodoStatusIcon({ status, progress }) {
+  const reduce = useReducedMotion() ?? false;
+  const normalizedProgress = progress === void 0 ? 0.68 : Math.min(100, Math.max(0, progress)) / 100;
+  return /* @__PURE__ */ jsxs(m.svg, {
+    "aria-hidden": "true",
+    viewBox: "0 0 24 24",
+    initial: false,
+    className: cn("mx-0.5 size-5 shrink-0 overflow-visible text-muted-foreground", status === "in-progress" && "text-foreground", status === "cancelled" && "text-rose-600 dark:text-rose-400"),
     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(m.circle, {
+        cx: "12",
+        cy: "12",
+        r: "9",
+        fill: "currentColor",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeDasharray: status === "pending" ? "2 3" : void 0,
+        strokeLinecap: "round",
+        initial: false,
+        animate: { fillOpacity: status === "completed" ? 0.06 : 0 },
+        transition: reduce ? { duration: 0 } : {
+          duration: 0.18,
+          ease: EASE_OUT
+        },
+        className: cn(status === "in-progress" && "opacity-20")
       }),
-      /* @__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(m.circle, {
+        cx: "12",
+        cy: "12",
+        r: "9",
+        pathLength: "1",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        initial: false,
+        animate: {
+          pathLength: status === "in-progress" ? normalizedProgress : 0,
+          opacity: status === "in-progress" ? 1 : 0,
+          rotate: status === "in-progress" && progress === void 0 && !reduce ? 360 : -90
+        },
+        transition: status === "in-progress" && progress === void 0 && !reduce ? { rotate: {
+          duration: 1.1,
+          repeat: Infinity,
+          ease: "linear"
+        } } : reduce ? { duration: 0 } : SPRING_LAYOUT,
+        style: { transformOrigin: "12px 12px" }
+      }),
+      /* @__PURE__ */ jsx(m.path, {
+        d: "M7.5 12.25 10.5 15.25 16.75 8.75",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        initial: false,
+        animate: {
+          pathLength: status === "completed" ? 1 : 0,
+          opacity: status === "completed" ? 1 : 0
+        },
+        transition: reduce ? { duration: 0 } : {
+          duration: 0.24,
+          ease: EASE_OUT
+        }
       }),
-      /* @__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);
-        })
+      /* @__PURE__ */ jsx(m.path, {
+        d: "M8.5 8.5 15.5 15.5M15.5 8.5 8.5 15.5",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        initial: false,
+        animate: {
+          pathLength: status === "cancelled" ? 1 : 0,
+          opacity: status === "cancelled" ? 1 : 0
+        },
+        transition: reduce ? { duration: 0 } : {
+          duration: 0.2,
+          ease: EASE_OUT
+        }
       })
     ]
   });
 }
-function fleetAgentPlanPresentation(items) {
-  if (items.length === 0) return void 0;
-  const steps = items.flatMap((item) => {
-    const title = item.title.trim();
-    return title ? [title] : [];
+function TodoList({ items, title = "To-dos", open, defaultOpen = true, onOpenChange, collapseOnComplete = true, maxHeight = 248, className }) {
+  const reduce = useReducedMotion() ?? false;
+  const baseId = useId();
+  const triggerId = `${baseId}-trigger`;
+  const contentId = `${baseId}-content`;
+  const viewportRef = useRef(null);
+  const previousComplete = useRef(false);
+  const [internalOpen, setInternalOpen] = useState(defaultOpen);
+  const currentOpen = open ?? internalOpen;
+  const completed = items.filter((item) => item.status === "completed").length;
+  const allComplete = items.length > 0 && completed === items.length;
+  const itemCount = items.length;
+  const setOpen = useCallback((next) => {
+    if (open === void 0) setInternalOpen(next);
+    onOpenChange?.(next);
+  }, [onOpenChange, open]);
+  useEffect(() => {
+    if (previousComplete.current && !allComplete) setOpen(true);
+    if (!previousComplete.current && allComplete && collapseOnComplete) setOpen(false);
+    previousComplete.current = allComplete;
+  }, [
+    allComplete,
+    collapseOnComplete,
+    setOpen
+  ]);
+  useLayoutEffect(() => {
+    const viewport = viewportRef.current;
+    if (!viewport || itemCount === 0) return;
+    const frame = requestAnimationFrame(() => {
+      if (viewport.scrollHeight <= viewport.clientHeight) return;
+      if (typeof viewport.scrollTo === "function") viewport.scrollTo({
+        top: viewport.scrollHeight,
+        behavior: reduce ? "auto" : "smooth"
+      });
+      else viewport.scrollTop = viewport.scrollHeight;
+    });
+    return () => cancelAnimationFrame(frame);
+  }, [itemCount, reduce]);
+  return /* @__PURE__ */ jsxs("section", {
+    "aria-label": "Agent task list",
+    className: cn("w-full overflow-hidden rounded-2xl border border-border/70", className),
+    children: [/* @__PURE__ */ jsxs("button", {
+      id: triggerId,
+      type: "button",
+      "aria-expanded": currentOpen,
+      "aria-controls": contentId,
+      onClick: () => setOpen(!currentOpen),
+      className: "group flex h-11 w-full items-center gap-2.5 rounded-2xl px-3.5 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      children: [
+        /* @__PURE__ */ jsx(TodoHeaderIcon, { complete: allComplete }),
+        /* @__PURE__ */ jsx("h3", {
+          className: "min-w-0 flex-1 truncate text-sm font-medium text-foreground/90",
+          children: title
+        }),
+        /* @__PURE__ */ jsxs("span", {
+          className: cn("shrink-0 text-xs font-medium tabular-nums text-muted-foreground", allComplete && "text-emerald-600 dark:text-emerald-400"),
+          children: [/* @__PURE__ */ jsxs("span", {
+            className: "sr-only",
+            children: [
+              completed,
+              " of ",
+              items.length,
+              " tasks completed"
+            ]
+          }), /* @__PURE__ */ jsxs("span", {
+            "aria-hidden": "true",
+            className: "inline-flex",
+            children: [
+              /* @__PURE__ */ jsx(ActionSwapRollText, {
+                value: String(completed),
+                children: completed
+              }),
+              /* @__PURE__ */ jsx("span", { children: "/" }),
+              /* @__PURE__ */ jsx("span", { children: items.length })
+            ]
+          })]
+        }),
+        /* @__PURE__ */ jsx(m.span, {
+          "aria-hidden": "true",
+          animate: { rotate: currentOpen ? 180 : 0 },
+          transition: reduce ? { duration: 0 } : SPRING_SWAP,
+          className: "text-muted-foreground/50 transition-colors group-hover:text-muted-foreground",
+          children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5" })
+        })
+      ]
+    }), /* @__PURE__ */ jsx(AgentDisclosure, {
+      id: contentId,
+      role: "region",
+      "aria-labelledby": triggerId,
+      open: currentOpen,
+      children: /* @__PURE__ */ jsxs("div", {
+        ref: viewportRef,
+        className: "scrollbar-hide overflow-y-auto px-2 pb-2",
+        style: { maxHeight },
+        children: [/* @__PURE__ */ jsx("ol", {
+          "aria-live": allComplete ? "polite" : "off",
+          className: "space-y-0",
+          children: /* @__PURE__ */ jsx(AnimatePresence, {
+            initial: false,
+            mode: "popLayout",
+            children: items.map((item) => {
+              const status = item.status ?? "pending";
+              return /* @__PURE__ */ jsxs(m.li, {
+                layout: "position",
+                initial: reduce ? { opacity: 1 } : {
+                  opacity: 0,
+                  y: 6
+                },
+                animate: {
+                  opacity: 1,
+                  y: 0
+                },
+                exit: reduce ? { opacity: 0 } : {
+                  opacity: 0,
+                  y: -3
+                },
+                transition: reduce ? { duration: 0 } : {
+                  opacity: {
+                    duration: 0.18,
+                    ease: EASE_OUT
+                  },
+                  y: SPRING_LAYOUT,
+                  layout: SPRING_LAYOUT
+                },
+                className: "flex min-h-9 items-center gap-2.5 rounded-xl px-1.5 py-1",
+                children: [
+                  /* @__PURE__ */ jsx(TodoStatusIcon, {
+                    status,
+                    progress: item.progress
+                  }),
+                  /* @__PURE__ */ jsxs("span", {
+                    className: "sr-only",
+                    children: [statusLabel(status), ": "]
+                  }),
+                  /* @__PURE__ */ jsx("span", {
+                    className: cn("min-w-0 flex-1 truncate text-sm leading-5", status === "pending" && "text-muted-foreground/65", status === "in-progress" && "text-foreground", status === "completed" && "text-muted-foreground/60", status === "cancelled" && "text-muted-foreground/55"),
+                    children: /* @__PURE__ */ jsxs("span", {
+                      className: "relative inline-block max-w-full",
+                      children: [item.title, /* @__PURE__ */ jsx(m.span, {
+                        "aria-hidden": "true",
+                        initial: false,
+                        animate: {
+                          scaleX: status === "completed" ? 1 : 0,
+                          opacity: status === "completed" ? 1 : 0
+                        },
+                        transition: reduce ? { duration: 0 } : {
+                          duration: 0.28,
+                          ease: EASE_OUT,
+                          delay: 0.06
+                        },
+                        className: "absolute inset-x-0 top-1/2 h-px origin-left bg-current"
+                      })]
+                    })
+                  }),
+                  item.detail ? /* @__PURE__ */ jsx("span", {
+                    className: "shrink-0 text-sm text-muted-foreground/55",
+                    children: item.detail
+                  }) : null
+                ]
+              }, item.id);
+            })
+          })
+        }), !items.length && /* @__PURE__ */ jsx("p", {
+          className: "px-1.5 py-2 text-sm text-muted-foreground",
+          children: "No tasks yet"
+        })]
+      })
+    })]
   });
-  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;
+}
+function toTodoStatus(status) {
+  if (status === "in_progress" || status === "in-progress") return "in-progress";
+  if (status === "completed") return "completed";
+  if (status === "cancelled") return "cancelled";
+  return "pending";
+}
+function toTodoListItems(items) {
+  return (items ?? []).flatMap((item, index) => {
+    const title = item.title ?? item.content;
+    if (!title) return [];
+    return [{
+      id: `${index}-${title}`,
+      title,
+      status: toTodoStatus(item.status)
+    }];
+  });
+}
+var TodoTool = memo(function TodoTool2({ part }) {
+  const isStreaming = part.state === "input-streaming";
+  const newTodos = useMemo(() => toTodoListItems(part.input?.todos ?? part.output?.newTodos), [part.input?.todos, part.output?.newTodos]);
+  if (isStreaming || newTodos.length === 0) return /* @__PURE__ */ jsx(ToolTextShimmer, {
+    as: "span",
+    duration: 1.2,
+    className: "m-0 inline-flex h-4 items-center text-label leading-none",
+    children: "Updating to-dos..."
+  });
+  return /* @__PURE__ */ jsx(TodoList, {
+    items: newTodos,
+    title: "Todo list",
+    defaultOpen: true,
+    collapseOnComplete: false,
+    maxHeight: 240
+  });
+}, 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 {
-    steps,
-    activeIndex
+    addedLines,
+    removedLines
   };
 }
-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",
-  refining: "Refining details",
-  complete: "Image ready",
-  error: "Generation failed"
-};
-var MEDIA_STATE = {
-  queued: {
-    filter: "blur(4px) saturate(0.75)",
-    opacity: 0,
-    scale: 1.02
+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"
   },
-  generating: {
-    filter: "blur(3px) saturate(0.85)",
-    opacity: 0,
-    scale: 1.015
+  "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"
   },
-  refining: {
-    filter: "blur(1.5px) saturate(0.95)",
-    opacity: 0.62,
-    scale: 1.005
+  "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"
   },
-  complete: {
-    filter: "blur(0px) saturate(1)",
-    opacity: 1,
-    scale: 1
+  "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"
   },
-  error: {
-    filter: "blur(2px) saturate(0.5)",
-    opacity: 0.28,
-    scale: 1
+  "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 OVERLAY_OPACITY = {
-  queued: 1,
-  generating: 1,
-  refining: 0.48,
-  complete: 0,
-  error: 0
+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"
+  }
 };
-var DOT_GAP = 10;
-var TWO_PI = Math.PI * 2;
-function DitherMark({ status, reduce }) {
-  if (status === "complete") return /* @__PURE__ */ jsx(Check, {
-    "aria-hidden": "true",
-    className: "size-3.5"
-  });
-  if (status === "error") return /* @__PURE__ */ jsx(CircleAlert, {
-    "aria-hidden": "true",
-    className: "size-3.5"
-  });
-  return /* @__PURE__ */ jsxs(m.span, {
-    "aria-hidden": "true",
-    animate: reduce ? void 0 : { rotate: 360 },
-    transition: {
-      duration: 2.4,
-      ease: EASE_IN_OUT,
-      repeat: Number.POSITIVE_INFINITY
-    },
-    className: "grid size-3.5 grid-cols-2 place-items-center gap-0.5",
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "size-1 rounded-[1px] bg-current" }),
-      /* @__PURE__ */ jsx("span", { className: "size-1 rounded-[1px] bg-current opacity-55" }),
-      /* @__PURE__ */ jsx("span", { className: "size-1 rounded-[1px] bg-current opacity-55" }),
-      /* @__PURE__ */ jsx("span", { className: "size-1 rounded-[1px] bg-current" })
-    ]
-  });
+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 DitherField({ interactive, reduce, status }) {
-  const canHover = useHoverCapable();
-  const canvasRef = useRef(null);
-  useEffect(() => {
-    const canvas = canvasRef.current;
-    const context = canvas?.getContext("2d");
-    if (!canvas || !context) return;
-    let frame = 0;
-    let width = 0;
-    let height = 0;
-    let dotColor = "currentColor";
-    const pointer = {
-      x: 0,
-      y: 0,
-      targetX: 0,
-      targetY: 0,
-      inside: false
-    };
-    const pointerEnabled = interactive && canHover && !reduce;
-    const resize = () => {
-      const rect = canvas.getBoundingClientRect();
-      width = rect.width || canvas.clientWidth || 208;
-      height = rect.height || canvas.clientHeight || 208;
-      const dpr = Math.min(window.devicePixelRatio || 1, 2);
-      canvas.width = Math.round(width * dpr);
-      canvas.height = Math.round(height * dpr);
-      context.setTransform(dpr, 0, 0, dpr, 0, 0);
-      dotColor = window.getComputedStyle(canvas).color;
-      pointer.x = width / 2;
-      pointer.y = height / 2;
-      pointer.targetX = pointer.x;
-      pointer.targetY = pointer.y;
-    };
-    const draw = (time) => {
-      context.clearRect(0, 0, width, height);
-      if (!pointer.inside) {
-        pointer.targetX = width / 2 + (reduce ? 0 : Math.sin(time / 1700) * width * 0.12);
-        pointer.targetY = height / 2 + (reduce ? 0 : Math.cos(time / 2100) * height * 0.1);
-      }
-      const follow = reduce ? 1 : pointer.inside ? 0.16 : 0.045;
-      pointer.x += (pointer.targetX - pointer.x) * follow;
-      pointer.y += (pointer.targetY - pointer.y) * follow;
-      const radius = Math.min(width, height) * 0.38;
-      const columns = Math.ceil(width / DOT_GAP) + 1;
-      const rows = Math.ceil(height / DOT_GAP) + 1;
-      const offsetX = (width - (columns - 1) * DOT_GAP) / 2;
-      const offsetY = (height - (rows - 1) * DOT_GAP) / 2;
-      context.fillStyle = dotColor;
-      for (let row = 0; row < rows; row += 1) for (let column = 0; column < columns; column += 1) {
-        const anchorX = offsetX + column * DOT_GAP;
-        const anchorY = offsetY + row * DOT_GAP;
-        const deltaX = anchorX - pointer.x;
-        const deltaY = anchorY - pointer.y;
-        const distance = Math.hypot(deltaX, deltaY);
-        const proximity = Math.max(0, 1 - distance / radius);
-        const influence = proximity * proximity * (3 - 2 * proximity);
-        const displacement = influence * influence * 9;
-        const directionX = distance > 0 ? deltaX / distance : 0;
-        const directionY = distance > 0 ? deltaY / distance : 0;
-        const x = anchorX + directionX * displacement;
-        const y = anchorY + directionY * displacement;
-        const dotRadius = 0.65 + influence * 0.85;
-        context.globalAlpha = 0.17 + influence * 0.72;
-        context.beginPath();
-        context.arc(x, y, dotRadius, 0, TWO_PI);
-        context.fill();
+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 = [];
+  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 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 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);
       }
-      context.globalAlpha = 1;
-      if (!reduce) frame = window.requestAnimationFrame(draw);
-    };
-    const handlePointerMove = (event) => {
-      if (!pointerEnabled) return;
-      const rect = canvas.getBoundingClientRect();
-      pointer.inside = true;
-      pointer.targetX = event.clientX - rect.left;
-      pointer.targetY = event.clientY - rect.top;
-    };
-    const handlePointerLeave = () => {
-      pointer.inside = false;
-    };
-    const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(resize);
-    resize();
-    resizeObserver?.observe(canvas);
-    canvas.addEventListener("pointermove", handlePointerMove, { passive: true });
-    canvas.addEventListener("pointerleave", handlePointerLeave);
-    draw(0);
+    }
+    if (!isPending && wasPending) {
+      setExpanded(false);
+      userToggledRef.current = false;
+    }
+    wasPendingRef.current = isPending;
     return () => {
-      if (frame) window.cancelAnimationFrame(frame);
-      resizeObserver?.disconnect();
-      canvas.removeEventListener("pointermove", handlePointerMove);
-      canvas.removeEventListener("pointerleave", handlePointerLeave);
+      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);
   }, [
-    canHover,
-    interactive,
-    reduce
+    isPending,
+    nestedTools.length,
+    streamKey
   ]);
-  return /* @__PURE__ */ jsx(m.div, {
-    "aria-hidden": "true",
-    initial: false,
-    animate: { opacity: OVERLAY_OPACITY[status] },
-    transition: {
-      duration: reduce ? 0 : 0.4,
-      ease: EASE_OUT
-    },
-    className: "absolute inset-0 overflow-hidden bg-muted",
-    children: /* @__PURE__ */ jsx("canvas", {
-      ref: canvasRef,
-      className: "absolute inset-0 size-full text-foreground"
-    })
+  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 ImageGeneration({ children, status = "generating", label, prompt, resolution = "1024 \xD7 1024", aspectRatio = "1 / 1", size = "compact", interactive = true, statusText, showStatus = true, onRetry, className, mediaClassName, statusClassName }) {
-  const reduce = useReducedMotion() ?? false;
-  const active = status === "queued" || status === "generating" || status === "refining";
-  const mediaState = MEDIA_STATE[status];
-  const resolvedStatusText = statusText ?? STATUS_TEXT[status];
-  const resolvedLabel = label ?? (prompt ? `${resolvedStatusText}: ${prompt}` : resolvedStatusText);
-  return /* @__PURE__ */ jsx("div", {
-    "data-slot": "image-generation",
-    "data-state": status,
-    "aria-busy": active,
-    className: cn("w-full", className),
+  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-muted-foreground/60 tabular-nums",
+      children: elapsedTimeDisplay
+    }) : void 0,
     children: /* @__PURE__ */ jsxs("div", {
-      className: cn("w-full", size === "compact" && "mx-auto max-w-52"),
-      children: [
-        /* @__PURE__ */ jsxs("div", {
-          role: "img",
-          "aria-label": resolvedLabel,
-          style: { aspectRatio },
-          className: "relative isolate w-full overflow-hidden rounded-xl bg-muted",
-          children: [
-            /* @__PURE__ */ jsx(m.div, {
-              "aria-hidden": children ? void 0 : true,
-              initial: false,
-              animate: reduce ? { opacity: mediaState.opacity } : {
-                filter: mediaState.filter,
-                opacity: mediaState.opacity,
-                scale: mediaState.scale
-              },
-              transition: reduce ? { duration: 0 } : {
-                duration: 0.4,
-                ease: EASE_OUT
-              },
-              className: cn("absolute inset-0 [&>*]:size-full [&>*]:object-cover [&_img]:size-full [&_img]:object-cover", mediaClassName),
-              children
-            }),
-            /* @__PURE__ */ jsx(AnimatePresence, {
-              initial: false,
-              children: active ? /* @__PURE__ */ jsx(m.div, {
-                initial: { opacity: 0 },
-                animate: { opacity: 1 },
-                exit: { opacity: 0 },
-                transition: {
-                  duration: reduce ? 0 : 0.25,
-                  ease: EASE_OUT
-                },
-                className: "absolute inset-0",
-                children: /* @__PURE__ */ jsx(DitherField, {
-                  interactive,
-                  reduce,
-                  status
-                })
-              }, "dither-field") : null
-            }),
-            resolution ? /* @__PURE__ */ jsx("span", {
-              className: "absolute top-2 right-2 z-10 rounded-full bg-background/75 px-2 py-0.5 font-mono text-[0.625rem] tabular-nums text-muted-foreground",
-              children: resolution
-            }) : null
-          ]
-        }),
-        /* @__PURE__ */ jsx(AnimatePresence, {
-          initial: false,
-          children: showStatus || prompt ? /* @__PURE__ */ jsxs(m.div, {
-            initial: false,
-            className: "mt-3 text-left",
-            children: [/* @__PURE__ */ jsxs("div", {
-              "aria-live": "polite",
-              className: cn(showStatus ? "flex min-h-5 items-center gap-2" : "contents", "text-sm font-medium text-foreground", status === "error" && "text-destructive", statusClassName),
-              children: [showStatus ? /* @__PURE__ */ jsx(DitherMark, {
-                status,
-                reduce
-              }) : null, /* @__PURE__ */ jsx(AnimatePresence, {
-                mode: "popLayout",
-                initial: false,
-                children: showStatus ? /* @__PURE__ */ jsx(m.span, {
-                  initial: reduce ? false : {
-                    opacity: 0,
-                    y: 4
-                  },
-                  animate: {
-                    opacity: 1,
-                    y: 0
-                  },
-                  exit: reduce ? void 0 : {
-                    opacity: 0,
-                    y: -4
-                  },
-                  transition: {
-                    duration: reduce ? 0 : 0.15,
-                    ease: EASE_OUT
-                  },
-                  children: resolvedStatusText
-                }, resolvedStatusText) : null
-              })]
-            }), prompt ? /* @__PURE__ */ jsxs("p", {
-              className: "mt-0.5 truncate text-xs text-muted-foreground",
-              children: [
-                "\u201C",
-                prompt,
-                "\u201D"
-              ]
-            }) : null]
-          }, "status-block") : null
-        }),
-        status === "error" && onRetry ? /* @__PURE__ */ jsxs(m.button, {
-          type: "button",
-          onClick: onRetry,
-          whileTap: reduce ? void 0 : { scale: 0.96 },
-          transition: SPRING_PRESS,
-          className: "mt-3 inline-flex min-h-10 items-center gap-2 rounded-full px-3 text-sm font-medium text-foreground outline-none transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring",
-          children: [/* @__PURE__ */ jsx(RotateCcw, {
-            "aria-hidden": "true",
-            className: "size-4"
-          }), "Try again"]
-        }) : null
-      ]
+      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-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 deriveToolStatus(part, chatStatus) {
+  if (part.state === "input-streaming") return "streaming";
+  if (part.state === "output-available") return "success";
+  if (part.state === "output-error") return "error";
+  const { isPending } = getToolStatus(part, chatStatus);
+  return isPending ? "pending" : "success";
 }
-function statusLabel(status) {
-  if (status === "in-progress") return "In progress";
-  if (status === "completed") return "Completed";
-  if (status === "cancelled") return "Cancelled";
-  return "Pending";
-}
-function TodoHeaderIcon({ complete }) {
-  const reduce = useReducedMotion() ?? false;
-  return /* @__PURE__ */ jsx("span", {
-    "aria-hidden": "true",
-    className: "relative grid size-6 shrink-0 place-items-center",
-    children: /* @__PURE__ */ jsx(AnimatePresence, {
-      initial: false,
-      mode: "popLayout",
-      children: complete ? /* @__PURE__ */ jsxs(m.svg, {
-        viewBox: "0 0 24 24",
-        initial: reduce ? { opacity: 1 } : {
-          opacity: 0,
-          scale: 0.72
-        },
-        animate: {
-          opacity: 1,
-          scale: 1
-        },
-        exit: { opacity: 0 },
-        transition: reduce ? { duration: 0 } : SPRING_SWAP,
-        className: "absolute size-5.5 overflow-visible text-emerald-500",
-        children: [/* @__PURE__ */ jsx("circle", {
-          cx: "12",
-          cy: "12",
-          r: "9",
-          fill: "currentColor"
-        }), /* @__PURE__ */ jsx(m.path, {
-          d: "M7.5 12.25 10.5 15.25 16.75 8.75",
-          fill: "none",
-          stroke: "white",
-          strokeWidth: "2.25",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          initial: reduce ? { pathLength: 1 } : { pathLength: 0 },
-          animate: { pathLength: 1 },
-          transition: reduce ? { duration: 0 } : {
-            duration: 0.24,
-            ease: EASE_OUT
-          }
-        })]
-      }, "complete") : /* @__PURE__ */ jsx(m.span, {
-        initial: reduce ? { opacity: 1 } : {
-          opacity: 0,
-          scale: 0.8
-        },
-        animate: {
-          opacity: 1,
-          scale: 1
-        },
-        exit: reduce ? { opacity: 0 } : {
-          opacity: 0,
-          scale: 0.72
-        },
-        transition: reduce ? { duration: 0 } : SPRING_SWAP,
-        className: "absolute grid place-items-center text-muted-foreground",
-        children: /* @__PURE__ */ jsx(ListTodo, { className: "size-4" })
-      }, "todo")
-    })
+var ToolRenderer = memo(function ToolRenderer2({ part, nestedTools, chatStatus, toolRenderers }) {
+  const partType = part.type;
+  switch (partType) {
+    case "tool-Bash":
+      return /* @__PURE__ */ jsx(BashTool, { part });
+    case "tool-IPython":
+      return /* @__PURE__ */ jsx(IpythonTool, { part });
+    case "tool-Edit":
+    case "tool-Write":
+      return /* @__PURE__ */ jsx(EditTool, { part });
+    case "tool-WebSearch":
+    case "tool-Grep":
+    case "tool-Glob":
+      return /* @__PURE__ */ jsx(SearchTool, { part });
+    case "tool-PlanWrite":
+      return /* @__PURE__ */ jsx(PlanTool, {
+        part,
+        chatStatus
+      });
+    case "tool-TodoWrite":
+      return /* @__PURE__ */ jsx(TodoTool, {
+        part,
+        chatStatus
+      });
+    case "tool-Question":
+      return /* @__PURE__ */ jsx(QuestionTool, {
+        part,
+        chatStatus
+      });
+    case "tool-Task":
+    case "tool-Agent": {
+      const labelBase = part.type === "tool-Agent" ? "Agent" : "Task";
+      return /* @__PURE__ */ jsx(ToolGroup, {
+        part,
+        nestedTools,
+        chatStatus,
+        completeLabel: `${labelBase} completed`,
+        shimmerLabel: `Running ${labelBase.toLowerCase()}`,
+        interruptedLabel: `${labelBase} interrupted`,
+        defaultOpen: false
+      });
+    }
+    case "tool-Thinking":
+      return null;
+  }
+  const mcpInfo = parseMcpToolType(partType);
+  if (mcpInfo) {
+    if (toolRenderers) {
+      const CustomRenderer = toolRenderers[mcpInfo.toolName];
+      if (CustomRenderer) return /* @__PURE__ */ jsx(CustomRenderer, {
+        name: mcpInfo.toolName,
+        input: part.input ?? {},
+        output: part.output ? unwrapMcpOutput(part.output) : void 0,
+        status: deriveToolStatus(part, chatStatus)
+      });
+    }
+    return /* @__PURE__ */ jsx(McpTool, {
+      part,
+      mcpInfo,
+      chatStatus
+    });
+  }
+  if (toolRenderers && partType.startsWith("tool-")) {
+    const toolName3 = partType.slice(5);
+    const CustomRenderer = toolRenderers[toolName3];
+    if (CustomRenderer) return /* @__PURE__ */ jsx(CustomRenderer, {
+      name: toolName3,
+      input: part.input ?? {},
+      output: part.output ?? part.result,
+      status: deriveToolStatus(part, chatStatus)
+    });
+  }
+  const meta = toolRegistry[partType];
+  if (meta) {
+    const { isPending: isPending2, isError: isError2 } = getToolStatus(part, chatStatus);
+    return /* @__PURE__ */ jsx(GenericTool, {
+      title: meta.title(part),
+      subtitle: meta.subtitle?.(part),
+      isPending: isPending2,
+      isError: isError2
+    });
+  }
+  const toolName2 = partType.startsWith("tool-") ? partType.slice(5) : partType;
+  const { isPending, isError } = getToolStatus(part, chatStatus);
+  return /* @__PURE__ */ jsx(GenericTool, {
+    title: isPending ? `Running ${toolName2}` : toolName2,
+    isPending,
+    isError
   });
-}
-function TodoStatusIcon({ status, progress }) {
-  const reduce = useReducedMotion() ?? false;
-  const normalizedProgress = progress === void 0 ? 0.68 : Math.min(100, Math.max(0, progress)) / 100;
-  return /* @__PURE__ */ jsxs(m.svg, {
-    "aria-hidden": "true",
-    viewBox: "0 0 24 24",
-    initial: false,
-    className: cn("mx-0.5 size-5 shrink-0 overflow-visible text-muted-foreground", status === "in-progress" && "text-foreground", status === "cancelled" && "text-rose-600 dark:text-rose-400"),
-    children: [
-      /* @__PURE__ */ jsx(m.circle, {
-        cx: "12",
-        cy: "12",
-        r: "9",
-        fill: "currentColor",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeDasharray: status === "pending" ? "2 3" : void 0,
-        strokeLinecap: "round",
-        initial: false,
-        animate: { fillOpacity: status === "completed" ? 0.06 : 0 },
-        transition: reduce ? { duration: 0 } : {
-          duration: 0.18,
-          ease: EASE_OUT
-        },
-        className: cn(status === "in-progress" && "opacity-20")
-      }),
-      /* @__PURE__ */ jsx(m.circle, {
-        cx: "12",
-        cy: "12",
-        r: "9",
-        pathLength: "1",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        initial: false,
-        animate: {
-          pathLength: status === "in-progress" ? normalizedProgress : 0,
-          opacity: status === "in-progress" ? 1 : 0,
-          rotate: status === "in-progress" && progress === void 0 && !reduce ? 360 : -90
-        },
-        transition: status === "in-progress" && progress === void 0 && !reduce ? { rotate: {
-          duration: 1.1,
-          repeat: Infinity,
-          ease: "linear"
-        } } : reduce ? { duration: 0 } : SPRING_LAYOUT,
-        style: { transformOrigin: "12px 12px" }
-      }),
-      /* @__PURE__ */ jsx(m.path, {
-        d: "M7.5 12.25 10.5 15.25 16.75 8.75",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        initial: false,
-        animate: {
-          pathLength: status === "completed" ? 1 : 0,
-          opacity: status === "completed" ? 1 : 0
-        },
-        transition: reduce ? { duration: 0 } : {
-          duration: 0.24,
-          ease: EASE_OUT
-        }
-      }),
-      /* @__PURE__ */ jsx(m.path, {
-        d: "M8.5 8.5 15.5 15.5M15.5 8.5 8.5 15.5",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        initial: false,
-        animate: {
-          pathLength: status === "cancelled" ? 1 : 0,
-          opacity: status === "cancelled" ? 1 : 0
-        },
-        transition: reduce ? { duration: 0 } : {
-          duration: 0.2,
-          ease: EASE_OUT
-        }
-      })
+});
+var STATUS_TEXT = {
+  queued: "Waiting to generate",
+  generating: "Generating image",
+  refining: "Refining details",
+  complete: "Image ready",
+  error: "Generation failed"
+};
+var MEDIA_STATE = {
+  queued: {
+    filter: "blur(4px) saturate(0.75)",
+    opacity: 0,
+    scale: 1.02
+  },
+  generating: {
+    filter: "blur(3px) saturate(0.85)",
+    opacity: 0,
+    scale: 1.015
+  },
+  refining: {
+    filter: "blur(1.5px) saturate(0.95)",
+    opacity: 0.62,
+    scale: 1.005
+  },
+  complete: {
+    filter: "blur(0px) saturate(1)",
+    opacity: 1,
+    scale: 1
+  },
+  error: {
+    filter: "blur(2px) saturate(0.5)",
+    opacity: 0.28,
+    scale: 1
+  }
+};
+var OVERLAY_OPACITY = {
+  queued: 1,
+  generating: 1,
+  refining: 0.48,
+  complete: 0,
+  error: 0
+};
+var DOT_GAP = 10;
+var TWO_PI = Math.PI * 2;
+function DitherMark({ status, reduce }) {
+  if (status === "complete") return /* @__PURE__ */ jsx(Check, {
+    "aria-hidden": "true",
+    className: "size-3.5"
+  });
+  if (status === "error") return /* @__PURE__ */ jsx(CircleAlert, {
+    "aria-hidden": "true",
+    className: "size-3.5"
+  });
+  return /* @__PURE__ */ jsxs(m.span, {
+    "aria-hidden": "true",
+    animate: reduce ? void 0 : { rotate: 360 },
+    transition: {
+      duration: 2.4,
+      ease: EASE_IN_OUT,
+      repeat: Number.POSITIVE_INFINITY
+    },
+    className: "grid size-3.5 grid-cols-2 place-items-center gap-0.5",
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "size-1 rounded-[1px] bg-current" }),
+      /* @__PURE__ */ jsx("span", { className: "size-1 rounded-[1px] bg-current opacity-55" }),
+      /* @__PURE__ */ jsx("span", { className: "size-1 rounded-[1px] bg-current opacity-55" }),
+      /* @__PURE__ */ jsx("span", { className: "size-1 rounded-[1px] bg-current" })
     ]
   });
 }
-function TodoList({ items, title = "To-dos", open, defaultOpen = true, onOpenChange, collapseOnComplete = true, maxHeight = 248, className }) {
-  const reduce = useReducedMotion() ?? false;
-  const baseId = useId();
-  const triggerId = `${baseId}-trigger`;
-  const contentId = `${baseId}-content`;
-  const viewportRef = useRef(null);
-  const previousComplete = useRef(false);
-  const [internalOpen, setInternalOpen] = useState(defaultOpen);
-  const currentOpen = open ?? internalOpen;
-  const completed = items.filter((item) => item.status === "completed").length;
-  const allComplete = items.length > 0 && completed === items.length;
-  const itemCount = items.length;
-  const setOpen = useCallback((next) => {
-    if (open === void 0) setInternalOpen(next);
-    onOpenChange?.(next);
-  }, [onOpenChange, open]);
+function DitherField({ interactive, reduce, status }) {
+  const canHover = useHoverCapable();
+  const canvasRef = useRef(null);
   useEffect(() => {
-    if (previousComplete.current && !allComplete) setOpen(true);
-    if (!previousComplete.current && allComplete && collapseOnComplete) setOpen(false);
-    previousComplete.current = allComplete;
+    const canvas = canvasRef.current;
+    const context = canvas?.getContext("2d");
+    if (!canvas || !context) return;
+    let frame = 0;
+    let width = 0;
+    let height = 0;
+    let dotColor = "currentColor";
+    const pointer = {
+      x: 0,
+      y: 0,
+      targetX: 0,
+      targetY: 0,
+      inside: false
+    };
+    const pointerEnabled = interactive && canHover && !reduce;
+    const resize = () => {
+      const rect = canvas.getBoundingClientRect();
+      width = rect.width || canvas.clientWidth || 208;
+      height = rect.height || canvas.clientHeight || 208;
+      const dpr = Math.min(window.devicePixelRatio || 1, 2);
+      canvas.width = Math.round(width * dpr);
+      canvas.height = Math.round(height * dpr);
+      context.setTransform(dpr, 0, 0, dpr, 0, 0);
+      dotColor = window.getComputedStyle(canvas).color;
+      pointer.x = width / 2;
+      pointer.y = height / 2;
+      pointer.targetX = pointer.x;
+      pointer.targetY = pointer.y;
+    };
+    const draw = (time) => {
+      context.clearRect(0, 0, width, height);
+      if (!pointer.inside) {
+        pointer.targetX = width / 2 + (reduce ? 0 : Math.sin(time / 1700) * width * 0.12);
+        pointer.targetY = height / 2 + (reduce ? 0 : Math.cos(time / 2100) * height * 0.1);
+      }
+      const follow = reduce ? 1 : pointer.inside ? 0.16 : 0.045;
+      pointer.x += (pointer.targetX - pointer.x) * follow;
+      pointer.y += (pointer.targetY - pointer.y) * follow;
+      const radius = Math.min(width, height) * 0.38;
+      const columns = Math.ceil(width / DOT_GAP) + 1;
+      const rows = Math.ceil(height / DOT_GAP) + 1;
+      const offsetX = (width - (columns - 1) * DOT_GAP) / 2;
+      const offsetY = (height - (rows - 1) * DOT_GAP) / 2;
+      context.fillStyle = dotColor;
+      for (let row = 0; row < rows; row += 1) for (let column = 0; column < columns; column += 1) {
+        const anchorX = offsetX + column * DOT_GAP;
+        const anchorY = offsetY + row * DOT_GAP;
+        const deltaX = anchorX - pointer.x;
+        const deltaY = anchorY - pointer.y;
+        const distance = Math.hypot(deltaX, deltaY);
+        const proximity = Math.max(0, 1 - distance / radius);
+        const influence = proximity * proximity * (3 - 2 * proximity);
+        const displacement = influence * influence * 9;
+        const directionX = distance > 0 ? deltaX / distance : 0;
+        const directionY = distance > 0 ? deltaY / distance : 0;
+        const x = anchorX + directionX * displacement;
+        const y = anchorY + directionY * displacement;
+        const dotRadius = 0.65 + influence * 0.85;
+        context.globalAlpha = 0.17 + influence * 0.72;
+        context.beginPath();
+        context.arc(x, y, dotRadius, 0, TWO_PI);
+        context.fill();
+      }
+      context.globalAlpha = 1;
+      if (!reduce) frame = window.requestAnimationFrame(draw);
+    };
+    const handlePointerMove = (event) => {
+      if (!pointerEnabled) return;
+      const rect = canvas.getBoundingClientRect();
+      pointer.inside = true;
+      pointer.targetX = event.clientX - rect.left;
+      pointer.targetY = event.clientY - rect.top;
+    };
+    const handlePointerLeave = () => {
+      pointer.inside = false;
+    };
+    const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(resize);
+    resize();
+    resizeObserver?.observe(canvas);
+    canvas.addEventListener("pointermove", handlePointerMove, { passive: true });
+    canvas.addEventListener("pointerleave", handlePointerLeave);
+    draw(0);
+    return () => {
+      if (frame) window.cancelAnimationFrame(frame);
+      resizeObserver?.disconnect();
+      canvas.removeEventListener("pointermove", handlePointerMove);
+      canvas.removeEventListener("pointerleave", handlePointerLeave);
+    };
   }, [
-    allComplete,
-    collapseOnComplete,
-    setOpen
+    canHover,
+    interactive,
+    reduce
   ]);
-  useLayoutEffect(() => {
-    const viewport = viewportRef.current;
-    if (!viewport || itemCount === 0) return;
-    const frame = requestAnimationFrame(() => {
-      if (viewport.scrollHeight <= viewport.clientHeight) return;
-      if (typeof viewport.scrollTo === "function") viewport.scrollTo({
-        top: viewport.scrollHeight,
-        behavior: reduce ? "auto" : "smooth"
-      });
-      else viewport.scrollTop = viewport.scrollHeight;
-    });
-    return () => cancelAnimationFrame(frame);
-  }, [itemCount, reduce]);
-  return /* @__PURE__ */ jsxs("section", {
-    "aria-label": "Agent task list",
-    className: cn("w-full overflow-hidden rounded-2xl border border-border/70", className),
-    children: [/* @__PURE__ */ jsxs("button", {
-      id: triggerId,
-      type: "button",
-      "aria-expanded": currentOpen,
-      "aria-controls": contentId,
-      onClick: () => setOpen(!currentOpen),
-      className: "group flex h-11 w-full items-center gap-2.5 rounded-2xl px-3.5 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring",
+  return /* @__PURE__ */ jsx(m.div, {
+    "aria-hidden": "true",
+    initial: false,
+    animate: { opacity: OVERLAY_OPACITY[status] },
+    transition: {
+      duration: reduce ? 0 : 0.4,
+      ease: EASE_OUT
+    },
+    className: "absolute inset-0 overflow-hidden bg-muted",
+    children: /* @__PURE__ */ jsx("canvas", {
+      ref: canvasRef,
+      className: "absolute inset-0 size-full text-foreground"
+    })
+  });
+}
+function ImageGeneration({ children, status = "generating", label, prompt, resolution = "1024 \xD7 1024", aspectRatio = "1 / 1", size = "compact", interactive = true, statusText, showStatus = true, onRetry, className, mediaClassName, statusClassName }) {
+  const reduce = useReducedMotion() ?? false;
+  const active = status === "queued" || status === "generating" || status === "refining";
+  const mediaState = MEDIA_STATE[status];
+  const resolvedStatusText = statusText ?? STATUS_TEXT[status];
+  const resolvedLabel = label ?? (prompt ? `${resolvedStatusText}: ${prompt}` : resolvedStatusText);
+  return /* @__PURE__ */ jsx("div", {
+    "data-slot": "image-generation",
+    "data-state": status,
+    "aria-busy": active,
+    className: cn("w-full", className),
+    children: /* @__PURE__ */ jsxs("div", {
+      className: cn("w-full", size === "compact" && "mx-auto max-w-52"),
       children: [
-        /* @__PURE__ */ jsx(TodoHeaderIcon, { complete: allComplete }),
-        /* @__PURE__ */ jsx("h3", {
-          className: "min-w-0 flex-1 truncate text-sm font-medium text-foreground/90",
-          children: title
-        }),
-        /* @__PURE__ */ jsxs("span", {
-          className: cn("shrink-0 text-xs font-medium tabular-nums text-muted-foreground", allComplete && "text-emerald-600 dark:text-emerald-400"),
-          children: [/* @__PURE__ */ jsxs("span", {
-            className: "sr-only",
-            children: [
-              completed,
-              " of ",
-              items.length,
-              " tasks completed"
-            ]
-          }), /* @__PURE__ */ jsxs("span", {
-            "aria-hidden": "true",
-            className: "inline-flex",
-            children: [
-              /* @__PURE__ */ jsx(ActionSwapRollText, {
-                value: String(completed),
-                children: completed
-              }),
-              /* @__PURE__ */ jsx("span", { children: "/" }),
-              /* @__PURE__ */ jsx("span", { children: items.length })
-            ]
-          })]
+        /* @__PURE__ */ jsxs("div", {
+          role: "img",
+          "aria-label": resolvedLabel,
+          style: { aspectRatio },
+          className: "relative isolate w-full overflow-hidden rounded-xl bg-muted",
+          children: [
+            /* @__PURE__ */ jsx(m.div, {
+              "aria-hidden": children ? void 0 : true,
+              initial: false,
+              animate: reduce ? { opacity: mediaState.opacity } : {
+                filter: mediaState.filter,
+                opacity: mediaState.opacity,
+                scale: mediaState.scale
+              },
+              transition: reduce ? { duration: 0 } : {
+                duration: 0.4,
+                ease: EASE_OUT
+              },
+              className: cn("absolute inset-0 [&>*]:size-full [&>*]:object-cover [&_img]:size-full [&_img]:object-cover", mediaClassName),
+              children
+            }),
+            /* @__PURE__ */ jsx(AnimatePresence, {
+              initial: false,
+              children: active ? /* @__PURE__ */ jsx(m.div, {
+                initial: { opacity: 0 },
+                animate: { opacity: 1 },
+                exit: { opacity: 0 },
+                transition: {
+                  duration: reduce ? 0 : 0.25,
+                  ease: EASE_OUT
+                },
+                className: "absolute inset-0",
+                children: /* @__PURE__ */ jsx(DitherField, {
+                  interactive,
+                  reduce,
+                  status
+                })
+              }, "dither-field") : null
+            }),
+            resolution ? /* @__PURE__ */ jsx("span", {
+              className: "absolute top-2 right-2 z-10 rounded-full bg-background/75 px-2 py-0.5 font-mono text-micro tabular-nums text-muted-foreground",
+              children: resolution
+            }) : null
+          ]
         }),
-        /* @__PURE__ */ jsx(m.span, {
-          "aria-hidden": "true",
-          animate: { rotate: currentOpen ? 180 : 0 },
-          transition: reduce ? { duration: 0 } : SPRING_SWAP,
-          className: "text-muted-foreground/50 transition-colors group-hover:text-muted-foreground",
-          children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5" })
-        })
-      ]
-    }), /* @__PURE__ */ jsx(AgentDisclosure, {
-      id: contentId,
-      role: "region",
-      "aria-labelledby": triggerId,
-      open: currentOpen,
-      children: /* @__PURE__ */ jsxs("div", {
-        ref: viewportRef,
-        className: "scrollbar-hide overflow-y-auto px-2 pb-2",
-        style: { maxHeight },
-        children: [/* @__PURE__ */ jsx("ol", {
-          "aria-live": allComplete ? "polite" : "off",
-          className: "space-y-0",
-          children: /* @__PURE__ */ jsx(AnimatePresence, {
+        /* @__PURE__ */ jsx(AnimatePresence, {
+          initial: false,
+          children: showStatus || prompt ? /* @__PURE__ */ jsxs(m.div, {
             initial: false,
-            mode: "popLayout",
-            children: items.map((item) => {
-              const status = item.status ?? "pending";
-              return /* @__PURE__ */ jsxs(m.li, {
-                layout: "position",
-                initial: reduce ? { opacity: 1 } : {
-                  opacity: 0,
-                  y: 6
-                },
-                animate: {
-                  opacity: 1,
-                  y: 0
-                },
-                exit: reduce ? { opacity: 0 } : {
-                  opacity: 0,
-                  y: -3
-                },
-                transition: reduce ? { duration: 0 } : {
-                  opacity: {
-                    duration: 0.18,
+            className: "mt-3 text-left",
+            children: [/* @__PURE__ */ jsxs("div", {
+              "aria-live": "polite",
+              className: cn(showStatus ? "flex min-h-5 items-center gap-2" : "contents", "text-sm font-medium text-foreground", status === "error" && "text-destructive", statusClassName),
+              children: [showStatus ? /* @__PURE__ */ jsx(DitherMark, {
+                status,
+                reduce
+              }) : null, /* @__PURE__ */ jsx(AnimatePresence, {
+                mode: "popLayout",
+                initial: false,
+                children: showStatus ? /* @__PURE__ */ jsx(m.span, {
+                  initial: reduce ? false : {
+                    opacity: 0,
+                    y: 4
+                  },
+                  animate: {
+                    opacity: 1,
+                    y: 0
+                  },
+                  exit: reduce ? void 0 : {
+                    opacity: 0,
+                    y: -4
+                  },
+                  transition: {
+                    duration: reduce ? 0 : 0.15,
                     ease: EASE_OUT
                   },
-                  y: SPRING_LAYOUT,
-                  layout: SPRING_LAYOUT
-                },
-                className: "flex min-h-9 items-center gap-2.5 rounded-xl px-1.5 py-1",
-                children: [
-                  /* @__PURE__ */ jsx(TodoStatusIcon, {
-                    status,
-                    progress: item.progress
-                  }),
-                  /* @__PURE__ */ jsxs("span", {
-                    className: "sr-only",
-                    children: [statusLabel(status), ": "]
-                  }),
-                  /* @__PURE__ */ jsx("span", {
-                    className: cn("min-w-0 flex-1 truncate text-sm leading-5", status === "pending" && "text-muted-foreground/65", status === "in-progress" && "text-foreground", status === "completed" && "text-muted-foreground/60", status === "cancelled" && "text-muted-foreground/55"),
-                    children: /* @__PURE__ */ jsxs("span", {
-                      className: "relative inline-block max-w-full",
-                      children: [item.title, /* @__PURE__ */ jsx(m.span, {
-                        "aria-hidden": "true",
-                        initial: false,
-                        animate: {
-                          scaleX: status === "completed" ? 1 : 0,
-                          opacity: status === "completed" ? 1 : 0
-                        },
-                        transition: reduce ? { duration: 0 } : {
-                          duration: 0.28,
-                          ease: EASE_OUT,
-                          delay: 0.06
-                        },
-                        className: "absolute inset-x-0 top-1/2 h-px origin-left bg-current"
-                      })]
-                    })
-                  }),
-                  item.detail ? /* @__PURE__ */ jsx("span", {
-                    className: "shrink-0 text-sm text-muted-foreground/55",
-                    children: item.detail
-                  }) : null
-                ]
-              }, item.id);
-            })
-          })
-        }), !items.length && /* @__PURE__ */ jsx("p", {
-          className: "px-1.5 py-2 text-sm text-muted-foreground",
-          children: "No tasks yet"
+                  children: resolvedStatusText
+                }, resolvedStatusText) : null
+              })]
+            }), prompt ? /* @__PURE__ */ jsxs("p", {
+              className: "mt-0.5 truncate text-xs text-muted-foreground",
+              children: [
+                "\u201C",
+                prompt,
+                "\u201D"
+              ]
+            }) : null]
+          }, "status-block") : null
+        }),
+        status === "error" && onRetry ? /* @__PURE__ */ jsxs(m.button, {
+          type: "button",
+          onClick: onRetry,
+          whileTap: reduce ? void 0 : { scale: 0.96 },
+          transition: SPRING_PRESS,
+          className: "mt-3 inline-flex min-h-10 items-center gap-2 rounded-full px-3 text-sm font-medium text-foreground outline-none transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring",
+          children: [/* @__PURE__ */ jsx(RotateCcw, {
+            "aria-hidden": "true",
+            className: "size-4"
+          }), "Try again"]
+        }) : null
+      ]
+    })
+  });
+}
+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-body 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-body",
+            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 sessionAgentPlanPresentation(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 SessionAgentPlan({ 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) {
@@ -13655,7 +13497,7 @@ function getStatusCopy(status) {
 }
 function getStatusBadgeClass(status) {
   if (status === "pending") return "border-amber-500/30 bg-amber-500/10 text-amber-600 dark:text-amber-400";
-  if (status === "approving" || status === "running") return "border-blue-500/30 bg-blue-500/10 text-blue-600 dark:text-blue-400";
+  if (status === "approving" || status === "running") return "border-primary/30 bg-primary/10 text-primary";
   if (status === "approved" || status === "complete") return "border-emerald-500/30 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400";
   return "border-rose-500/30 bg-rose-500/10 text-rose-600 dark:text-rose-400";
 }
@@ -13702,7 +13544,7 @@ function ToolApproval({ tool, title = "Allow this tool to run?", description, pa
                   children: tool
                 })]
               }), /* @__PURE__ */ jsx("span", {
-                className: cn("shrink-0 rounded-full border px-2 py-0.5 text-[0.6875rem] font-medium transition-colors", getStatusBadgeClass(status)),
+                className: cn("shrink-0 rounded-full border px-2 py-0.5 text-caption font-medium transition-colors", getStatusBadgeClass(status)),
                 children: getStatusCopy(status)
               })]
             }),
@@ -13960,7 +13802,7 @@ function getTodos(input, summary) {
     const title = getString(record, "content", "title", "text", "label");
     if (!title) return [];
     const rawStatus = getString(record, "status");
-    const status = rawStatus === "in_progress" ? "in-progress" : rawStatus === "completed" ? "completed" : rawStatus === "cancelled" ? "cancelled" : "pending";
+    const status = rawStatus === "in_progress" || rawStatus === "in-progress" ? "in-progress" : rawStatus === "completed" ? "completed" : rawStatus === "cancelled" ? "cancelled" : "pending";
     return [{
       id: `${index}-${title}`,
       title,
@@ -14029,7 +13871,21 @@ function sourceLabelFor(name, language) {
   if (language === "text") return "Text";
   return language.toUpperCase();
 }
-function normalizeFleetToolPart(part, chatStatus) {
+var normalizeCache = /* @__PURE__ */ new WeakMap();
+function normalizeToolPart(part, chatStatus) {
+  if (part && typeof part === "object") {
+    const cached = normalizeCache.get(part);
+    if (cached && cached.chatStatus === chatStatus) return cached.value;
+    const value = normalizeToolPartUncached(part, chatStatus);
+    normalizeCache.set(part, {
+      chatStatus,
+      value
+    });
+    return value;
+  }
+  return normalizeToolPartUncached(part, chatStatus);
+}
+function normalizeToolPartUncached(part, chatStatus) {
   const source = asRecord(part);
   if (!source) return void 0;
   const name = toolName(source);
@@ -14040,7 +13896,6 @@ function normalizeFleetToolPart(part, chatStatus) {
   const status = resultStatus(source, chatStatus);
   const command = getString(input, "command", "cmd", "code", "script");
   const sourceLanguage = sourceLanguageFor(name, command);
-  const thought = getString(input, "thought", "text");
   const metadata = [];
   if (outputSummary.durationMs !== void 0) metadata.push(`${outputSummary.durationMs}ms`);
   if (outputSummary.kernelRestarted) metadata.push("kernel restarted");
@@ -14049,7 +13904,7 @@ function normalizeFleetToolPart(part, chatStatus) {
   const citations = lowerName.includes("search") || lowerName.includes("web") || lowerName.includes("source") || lowerName.includes("citation") ? getCitations(outputSummary) : [];
   const imageUrl = lowerName.includes("image") || lowerName.includes("generat") ? getImageUrl(outputSummary) : void 0;
   const approval = getApproval(input, outputSummary);
-  const content = getOutputContent(outputSummary, output) || (lowerName === "thinking" || lowerName === "reasoning" ? thought ?? "" : "");
+  const content = getOutputContent(outputSummary, output);
   const hasOutputContent = Boolean(content.trim());
   const id = typeof source.toolCallId === "string" && source.toolCallId ? source.toolCallId : `${name}-${JSON.stringify(input ?? {})}`;
   let detail;
@@ -14096,7 +13951,7 @@ function normalizeFleetToolPart(part, chatStatus) {
     detail
   };
 }
-function toFleetPlanItems(items) {
+function toSessionPlanItems(items) {
   return items.map((item) => ({
     id: String(item.id),
     title: typeof item.title === "string" ? item.title : "",
@@ -14148,17 +14003,17 @@ function SourceBlock({ code, language, languageLabel, status }) {
     wrap: true
   });
 }
-var BeuiToolRenderer = memo(function BeuiToolRenderer2({ part, chatStatus, fallback }) {
-  const normalized = normalizeFleetToolPart(part, chatStatus);
+var SpecializedToolRenderer = memo(function SpecializedToolRenderer2({ part, chatStatus, fallback }) {
+  const normalized = normalizeToolPart(part, chatStatus);
   if (!normalized || normalized.lowerName === "question") return fallback ?? null;
   const { detail, status } = normalized;
   if (!detail) return fallback ?? null;
   if (detail.kind === "todo") {
-    const planItems = toFleetPlanItems(detail.items);
+    const planItems = toSessionPlanItems(detail.items);
     const pendingDecision = Boolean(part.input?.pendingDecision);
     if (normalized.lowerName === "planwrite" && pendingDecision) return fallback ?? null;
-    const planPresentation = normalized.lowerName === "planwrite" && part.input?.executing ? fleetAgentPlanPresentation(planItems) : void 0;
-    if (planPresentation) return /* @__PURE__ */ jsx(FleetAgentPlan, {
+    const planPresentation = normalized.lowerName === "planwrite" && part.input?.executing ? sessionAgentPlanPresentation(planItems) : void 0;
+    if (planPresentation) return /* @__PURE__ */ jsx(SessionAgentPlan, {
       presentation: planPresentation,
       className: "mb-2"
     });
@@ -14228,15 +14083,12 @@ var BeuiToolRenderer = memo(function BeuiToolRenderer2({ part, chatStatus, fallb
     ]
   });
 });
-var fleet_pi_tool_renderer_exports = /* @__PURE__ */ __exportAll({ FleetPiToolRenderer: () => FleetPiToolRenderer });
-var FleetPiToolRenderer = memo(function FleetPiToolRenderer2(props) {
+var session_tool_renderer_exports = /* @__PURE__ */ __exportAll({ SessionToolRenderer: () => SessionToolRenderer });
+var SessionToolRenderer = memo(function SessionToolRenderer2(props) {
   const partType = props.part.type;
   if (partType === "tool-Thinking" || partType === "tool-FleetReasoning") return null;
-  const fallback = /* @__PURE__ */ jsx(ToolRenderer, {
-    ...props,
-    toolRenderers: PI_TOOL_RENDERERS
-  });
-  if (partType.startsWith("tool-")) return /* @__PURE__ */ jsx(BeuiToolRenderer, {
+  const fallback = /* @__PURE__ */ jsx(ToolRenderer, { ...props });
+  if (partType.startsWith("tool-")) return /* @__PURE__ */ jsx(SpecializedToolRenderer, {
     ...props,
     fallback
   });
@@ -14244,8 +14096,8 @@ var FleetPiToolRenderer = memo(function FleetPiToolRenderer2(props) {
 });
 
 export {
-  fleet_pi_tool_renderer_exports,
-  FleetPiToolRenderer
+  session_tool_renderer_exports,
+  SessionToolRenderer
 };
 /**
 * @license lucide-react v1.38.0 - ISC