@qredence/fleet 0.7.4 → 0.9.0

package/dist/web/server/{chunk-WCKKN5BR.js → chunk-B5FKCW75.js}

@@ -8,53 +8,84 @@ import {
   getToolStatus,
   useElapsedTime,
   useToolComplete
-} from "./chunk-IN2ATSEG.js";
+} from "./chunk-R4BS3KYI.js";
 import {
+  ActionSwapRollText,
+  AgentDisclosure,
   CodeBlock,
   FileDiff,
   ToolResult,
   ToolResultOutput
-} from "./chunk-QSM3BRMA.js";
+} from "./chunk-KBMRRJQN.js";
+import {
+  LazyMarkdown,
+  Trace,
+  TraceCollapsible,
+  TraceCollapsibleContent,
+  TraceCollapsibleTrigger,
+  TraceDescription,
+  TraceIcon,
+  TraceLine,
+  TraceTitle,
+  normalizeToolPart$1,
+  stripSandboxPrefixes,
+  toolActionIconForName,
+  useHoverCapable
+} from "./chunk-V2GCVTDP.js";
 import {
   Collapsible$1,
   CollapsibleContent,
   CollapsibleTrigger
-} from "./chunk-VUBITQ5X.js";
-import {
-  isSafeExternalUrl
-} from "./chunk-OXEAXEWD.js";
+} from "./chunk-5MOXRFX6.js";
 import {
-  ActionSwapRollText,
-  AgentDisclosure,
   EASE_IN_OUT,
   EASE_OUT,
-  LazyMarkdown,
   SPRING_LAYOUT,
   SPRING_PRESS,
-  SPRING_SWAP,
-  stripSandboxPrefixes,
-  useHoverCapable
-} from "./chunk-EBC7QORX.js";
+  SPRING_SWAP
+} from "./chunk-RX2ZJARF.js";
+import {
+  isSafeExternalUrl
+} from "./chunk-TQ2RECTH.js";
+import {
+  useRender
+} from "./chunk-CE7U5QB2.js";
 import {
   AnimatePresence,
   m,
   useReducedMotion
-} from "./chunk-ZUZPJNLY.js";
+} from "./chunk-7DQQMT5V.js";
 import {
   mono
-} from "./chunk-SIJVVYQT.js";
+} from "./chunk-TXZDDJCT.js";
+import {
+  bundledLanguages,
+  createHighlighter,
+  createJavaScriptRegexEngine,
+  createOnigurumaEngine,
+  normalizeTheme,
+  toHtml
+} from "./chunk-2UGQEBXG.js";
+import {
+  __exportAll
+} from "./chunk-OO7NBFQQ.js";
+import {
+  cva,
+  mergeProps
+} from "./chunk-FSQWWR2M.js";
 import {
-  BookOpenText,
+  ArrowUpRight,
   Check,
   ChevronDown,
   ChevronRight,
-  ChevronUp,
   ChevronsDown,
   ChevronsUp,
+  Circle,
   CircleAlert,
+  CircleCheck,
+  CircleDot,
   CircleX,
   Earth,
-  ExternalLink,
   Eye,
   FileCodeCorner,
   FilePlus,
@@ -65,30 +96,17 @@ import {
   ListTodo,
   LoaderCircle,
   LogOut,
-  MessageCircleQuestionMark,
   RotateCcw,
+  Route,
   Search,
   ShieldCheck,
   Sparkles,
   Terminal,
-  X
-} from "./chunk-GLH2GWMG.js";
-import {
-  bundledLanguages,
-  createHighlighter,
-  createJavaScriptRegexEngine,
-  createOnigurumaEngine,
-  normalizeTheme,
-  toHtml
-} from "./chunk-2UGQEBXG.js";
-import {
-  __exportAll
-} from "./chunk-OO7NBFQQ.js";
-import {
+  X,
   cn
-} from "./chunk-TMQ3MT3D.js";
+} from "./chunk-VDEUVEWL.js";
 
-// web/app/dist/server/assets/session-tool-renderer-Dtt74Mts.js
+// web/app/dist/server/assets/session-tool-renderer-Cg_ZPHxS.js
 import React, { memo, useCallback as useCallback4, useEffect as useEffect3, useId, useLayoutEffect as useLayoutEffect2, useMemo as useMemo2, useRef as useRef3, useState as useState4 } from "react";
 import { Fragment as Fragment$1, jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 
@@ -12230,7 +12248,7 @@ function MultiFileDiff({ oldFile, newFile, options, editorOptions, editStateKey,
   });
 }
 
-// web/app/dist/server/assets/session-tool-renderer-Dtt74Mts.js
+// web/app/dist/server/assets/session-tool-renderer-Cg_ZPHxS.js
 function getFaviconUrl(value) {
   try {
     return new URL("/favicon.ico", value).toString();
@@ -12261,27 +12279,29 @@ function CitationFavicon({ url, className }) {
 }
 function CitationRow({ citation, index, idPrefix }) {
   const safeUrl = citation.url && isSafeExternalUrl(citation.url) ? citation.url : void 0;
-  const content = /* @__PURE__ */ jsxs3(Fragment$1, { children: [
-    /* @__PURE__ */ jsx7(CitationFavicon, { url: citation.url }),
-    /* @__PURE__ */ jsxs3("span", {
-      className: "flex min-w-0 flex-1 flex-wrap items-baseline gap-x-2 gap-y-0.5",
-      children: [/* @__PURE__ */ jsx7("span", {
-        className: "truncate text-sm font-medium text-foreground/80 transition-colors group-hover/citation:text-foreground",
-        children: citation.title
-      }), citation.domain ? /* @__PURE__ */ jsx7("span", {
-        className: "min-w-0 truncate text-xs text-muted-foreground/60",
+  const content = /* @__PURE__ */ jsxs3(TraceLine, {
+    className: "w-full max-w-full rounded-md px-1.5 py-1 text-sm group-hover/citation:text-foreground",
+    children: [
+      /* @__PURE__ */ jsx7(TraceIcon, { children: /* @__PURE__ */ jsx7(CitationFavicon, { url: citation.url }) }),
+      /* @__PURE__ */ jsxs3(TraceTitle, {
+        className: "font-medium text-foreground/80 transition-colors group-hover/citation:text-foreground",
+        children: [citation.title, safeUrl ? /* @__PURE__ */ jsx7("span", {
+          className: "sr-only",
+          children: " (opens in a new tab)"
+        }) : null]
+      }),
+      citation.domain ? /* @__PURE__ */ jsx7(TraceDescription, {
+        className: "max-w-40 truncate",
         children: citation.domain
-      }) : null]
-    }),
-    /* @__PURE__ */ jsxs3("span", {
-      className: "flex shrink-0 items-center gap-1.5",
-      children: [/* @__PURE__ */ jsx7("span", {
-        className: "grid size-5 place-items-center rounded-md bg-foreground/[0.05] text-micro font-semibold tabular-nums text-muted-foreground",
+      }) : null,
+      /* @__PURE__ */ jsx7(TraceDescription, {
+        className: "rounded-md bg-foreground/[0.05] px-1.5 py-0.5 text-micro font-semibold",
         children: index
-      }), safeUrl ? /* @__PURE__ */ jsx7(ExternalLink, { className: "size-3.5 text-muted-foreground/40 transition-colors group-hover/citation:text-muted-foreground" }) : null]
-    })
-  ] });
-  const className = "group/citation flex items-center gap-2 rounded-md px-1.5 py-1 outline-none focus-visible:ring-2 focus-visible:ring-ring";
+      }),
+      safeUrl ? /* @__PURE__ */ jsx7(TraceIcon, { children: /* @__PURE__ */ jsx7(ArrowUpRight, {}) }) : null
+    ]
+  });
+  const className = "group/citation block rounded-md outline-none focus-visible:ring-2 focus-visible:ring-ring";
   const id = citationTargetId(idPrefix, citation.id);
   return safeUrl ? /* @__PURE__ */ jsx7("a", {
     id,
@@ -12300,8 +12320,8 @@ function CitationList({ citations, idPrefix, className }) {
   const reduce = useReducedMotion() ?? false;
   const baseId = useId();
   const resolvedPrefix = idPrefix ?? `citation-list-${baseId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx7("div", {
-    className: cn("grid gap-0.5", className),
+  return /* @__PURE__ */ jsx7(Trace, {
+    className: cn("gap-0.5", className),
     children: /* @__PURE__ */ jsx7(AnimatePresence, {
       mode: "popLayout",
       children: citations.map((citation, index) => /* @__PURE__ */ jsx7(m.div, {
@@ -12336,9 +12356,7 @@ function CitationList({ citations, idPrefix, className }) {
   });
 }
 function Citations({ citations, title = "Sources", open, defaultOpen = false, onOpenChange, idPrefix, className }) {
-  const reduce = useReducedMotion() ?? false;
   const baseId = useId();
-  const contentId = `${baseId}-content`;
   const resolvedPrefix = idPrefix ?? `citation-${baseId.replace(/:/g, "")}`;
   const [internalOpen, setInternalOpen] = useState4(defaultOpen);
   const currentOpen = open ?? internalOpen;
@@ -12346,41 +12364,25 @@ function Citations({ citations, title = "Sources", open, defaultOpen = false, on
     if (open === void 0) setInternalOpen(next);
     onOpenChange?.(next);
   }, [onOpenChange, open]);
-  return /* @__PURE__ */ jsxs3("div", {
-    className: cn("w-full text-sm", className),
-    children: [/* @__PURE__ */ jsxs3("button", {
-      type: "button",
-      "aria-expanded": currentOpen,
-      "aria-controls": contentId,
-      onClick: () => setOpen(!currentOpen),
-      className: "group -ml-1 flex min-h-8 items-center gap-2 rounded-lg px-1 text-left text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
-      children: [
-        /* @__PURE__ */ jsx7(BookOpenText, { className: "size-4" }),
-        /* @__PURE__ */ jsx7("span", {
-          className: "font-medium",
-          children: title
-        }),
-        /* @__PURE__ */ jsx7("span", {
-          className: "rounded-full bg-muted px-1.5 py-0.5 text-micro font-semibold tabular-nums",
-          children: citations.length
-        }),
-        /* @__PURE__ */ jsx7(m.span, {
-          "aria-hidden": "true",
-          animate: { rotate: currentOpen ? 180 : 0 },
-          transition: reduce ? { duration: 0 } : SPRING_SWAP,
-          className: "text-muted-foreground/60",
-          children: /* @__PURE__ */ jsx7(ChevronDown, { className: "size-3.5" })
-        })
-      ]
-    }), /* @__PURE__ */ jsx7(AgentDisclosure, {
-      id: contentId,
+  return /* @__PURE__ */ jsx7(Trace, {
+    className: cn("text-sm", className),
+    "data-testid": "sources-trace",
+    children: /* @__PURE__ */ jsxs3(TraceCollapsible, {
       open: currentOpen,
-      children: /* @__PURE__ */ jsx7(CitationList, {
+      onOpenChange: setOpen,
+      children: [/* @__PURE__ */ jsx7(TraceCollapsibleTrigger, {
+        "aria-label": `${typeof title === "string" || typeof title === "number" ? title : "Sources"} ${citations.length}`,
+        children: /* @__PURE__ */ jsxs3(TraceLine, { children: [/* @__PURE__ */ jsx7(TraceIcon, { children: /* @__PURE__ */ jsx7(Earth, {}) }), /* @__PURE__ */ jsxs3(TraceTitle, { children: [
+          title,
+          " (",
+          citations.length,
+          ")"
+        ] })] })
+      }), /* @__PURE__ */ jsx7(TraceCollapsibleContent, { children: /* @__PURE__ */ jsx7(CitationList, {
         citations,
-        idPrefix: resolvedPrefix,
-        className: "mt-1"
-      })
-    })]
+        idPrefix: resolvedPrefix
+      }) })]
+    })
   });
 }
 var STATUS_TEXT = {
@@ -12690,54 +12692,45 @@ function AgentPlan({ steps, activeIndex, className, ...props }) {
   const total = steps.length;
   const completed = !(total > 0) ? 0 : Math.floor(clamp(activeIndex, 0, total));
   const allDone = completed >= total;
-  const progress = !(total > 0) ? 0 : clamp(completed / total * 100, 0, 100);
-  return /* @__PURE__ */ jsxs3("div", {
-    "data-slot": "agent-plan",
-    className: cn("flex w-full max-w-sm flex-col gap-3", className),
+  const occurrences = /* @__PURE__ */ new Map();
+  const stepKeys = steps.map((step) => {
+    const occurrence = occurrences.get(step) ?? 0;
+    occurrences.set(step, occurrence + 1);
+    return `${step}:${occurrence}`;
+  });
+  return /* @__PURE__ */ jsx7(Trace, {
+    "data-testid": "plan-trace",
+    className: cn("max-w-sm", className),
     ...props,
-    children: [
-      /* @__PURE__ */ jsxs3("div", {
-        className: "flex items-center justify-between",
-        children: [/* @__PURE__ */ jsx7("span", {
-          className: "text-body font-medium",
-          children: "Plan"
-        }), /* @__PURE__ */ jsxs3("span", {
-          className: cn(mono, "text-foreground/35 tabular-nums"),
+    children: /* @__PURE__ */ jsxs3(TraceCollapsible, {
+      defaultOpen: true,
+      children: [/* @__PURE__ */ jsx7(TraceCollapsibleTrigger, {
+        "aria-label": props["aria-label"] ?? `Plan: ${completed} of ${total} done`,
+        children: /* @__PURE__ */ jsxs3(TraceLine, {
+          status: allDone ? void 0 : "running",
           children: [
-            completed,
-            " of ",
-            total
+            /* @__PURE__ */ jsx7(TraceIcon, { children: /* @__PURE__ */ jsx7(Route, {}) }),
+            /* @__PURE__ */ jsx7(TraceTitle, { children: "Plan" }),
+            /* @__PURE__ */ jsx7(TraceDescription, {
+              className: cn(mono, "text-xs"),
+              children: `${completed} of ${total} done`
+            })
           ]
-        })]
-      }),
-      /* @__PURE__ */ jsx7("div", {
-        className: "bg-foreground/[0.06] h-[3px] w-full overflow-hidden rounded-full",
-        children: /* @__PURE__ */ jsx7("span", {
-          className: "bg-foreground/80 block h-full rounded-full transition-[width] duration-500",
-          style: { width: `${progress}%` }
         })
-      }),
-      /* @__PURE__ */ jsx7("ul", {
-        className: "flex flex-col gap-2.5",
+      }), /* @__PURE__ */ jsx7(TraceCollapsibleContent, { children: /* @__PURE__ */ jsx7(Trace, {
+        className: "gap-1",
+        "data-slot": "plan-content",
         children: steps.map((step, i) => {
           const done = allDone || i < completed;
           const active = !allDone && i === completed;
-          return /* @__PURE__ */ jsxs3("li", {
-            className: "flex items-center gap-2.5 text-body",
-            children: [/* @__PURE__ */ jsx7("span", {
-              className: "flex size-4 shrink-0 items-center justify-center",
-              children: done ? /* @__PURE__ */ jsx7(Check, { className: "text-foreground/35 size-3.5" }) : active ? /* @__PURE__ */ jsx7(LoaderCircle, { className: "text-foreground/90 size-3.5 animate-spin motion-reduce:animate-none" }) : /* @__PURE__ */ jsx7("span", {
-                "aria-hidden": true,
-                className: "bg-foreground/15 size-1.5 rounded-full"
-              })
-            }), /* @__PURE__ */ jsx7("span", {
-              className: cn(done && "text-foreground/40", active && "text-foreground/90", !done && !active && "text-foreground/35"),
-              children: step
-            })]
-          }, step);
+          return /* @__PURE__ */ jsxs3(TraceLine, {
+            "data-plan-step": true,
+            status: active ? "running" : !done ? "pending" : void 0,
+            children: [/* @__PURE__ */ jsx7(TraceIcon, { children: /* @__PURE__ */ jsx7(done ? CircleCheck : active ? CircleDot : Circle, {}) }), /* @__PURE__ */ jsx7(TraceTitle, { children: step })]
+          }, stepKeys[i]);
         })
-      })
-    ]
+      }) })]
+    })
   });
 }
 function sessionAgentPlanPresentation(items) {
@@ -13083,6 +13076,75 @@ function TodoList({ items, title = "To-dos", open, defaultOpen = true, onOpenCha
     })]
   });
 }
+var itemVariants = cva("group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", {
+  variants: {
+    variant: {
+      default: "border-transparent",
+      outline: "border-border",
+      muted: "border-transparent bg-muted/50"
+    },
+    size: {
+      default: "gap-2.5 px-3 py-2.5",
+      sm: "gap-2.5 px-3 py-2.5",
+      xs: "gap-2 px-2.5 py-2"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Item({ className, variant = "default", size = "default", render: render2, ...props }) {
+  return useRender({
+    defaultTagName: "div",
+    props: mergeProps({ className: cn(itemVariants({
+      variant,
+      size,
+      className
+    })) }, props),
+    render: render2,
+    state: {
+      slot: "item",
+      variant,
+      size
+    }
+  });
+}
+function ItemMedia({ className, ...props }) {
+  return /* @__PURE__ */ jsx7("div", {
+    "data-slot": "item-media",
+    className: cn("flex shrink-0 items-center justify-center [&_svg]:size-4", className),
+    ...props
+  });
+}
+function ItemContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx7("div", {
+    "data-slot": "item-content",
+    className: cn("flex min-w-0 flex-1 flex-col gap-1", className),
+    ...props
+  });
+}
+function ItemTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx7("div", {
+    "data-slot": "item-title",
+    className: cn("text-sm font-medium leading-snug", className),
+    ...props
+  });
+}
+function ItemDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx7("p", {
+    "data-slot": "item-description",
+    className: cn("text-sm leading-normal text-muted-foreground", className),
+    ...props
+  });
+}
+function ItemActions({ className, ...props }) {
+  return /* @__PURE__ */ jsx7("div", {
+    "data-slot": "item-actions",
+    className: cn("flex items-center gap-2", className),
+    ...props
+  });
+}
 function getStatusCopy(status) {
   if (status === "approving") return "Approving";
   if (status === "approved") return "Approved";
@@ -13115,61 +13177,55 @@ function ToolApproval({ tool, title = "Allow this tool to run?", description, pa
     if (previousStatus.current === "pending" && status !== "pending") setOpen(false);
     previousStatus.current = status;
   }, [setOpen, status]);
-  return /* @__PURE__ */ jsxs3("div", {
+  return /* @__PURE__ */ jsxs3(Item, {
+    variant: "outline",
+    size: "sm",
     "data-state": status,
     "aria-busy": busy,
-    className: cn("w-full overflow-hidden rounded-2xl border border-border/60 bg-muted/20 text-sm", className),
-    children: [
+    className: cn("items-start rounded-2xl bg-muted/20 p-4", className),
+    children: [/* @__PURE__ */ jsx7(ItemMedia, {
+      "aria-hidden": "true",
+      className: cn("mt-0.5 grid size-8 place-items-center rounded-xl border border-border/60 bg-background text-muted-foreground", error && "text-destructive"),
+      children: busy ? /* @__PURE__ */ jsx7(LoaderCircle, { className: cn("size-4", !reduce && "animate-spin") }) : error ? /* @__PURE__ */ jsx7(CircleAlert, { className: "size-4" }) : status === "denied" ? /* @__PURE__ */ jsx7(X, { className: "size-4" }) : status === "approved" || status === "complete" ? /* @__PURE__ */ jsx7(Check, { className: "size-4" }) : /* @__PURE__ */ jsx7(ShieldCheck, { className: "size-4" })
+    }), /* @__PURE__ */ jsxs3(ItemContent, { children: [
       /* @__PURE__ */ jsxs3("div", {
-        className: "flex items-start gap-3 p-4",
-        children: [/* @__PURE__ */ jsx7("span", {
-          "aria-hidden": "true",
-          className: cn("mt-0.5 grid size-8 shrink-0 place-items-center rounded-xl border border-border/60 bg-background text-muted-foreground", error && "text-destructive"),
-          children: busy ? /* @__PURE__ */ jsx7(LoaderCircle, { className: cn("size-4", !reduce && "animate-spin") }) : error ? /* @__PURE__ */ jsx7(CircleAlert, { className: "size-4" }) : status === "denied" ? /* @__PURE__ */ jsx7(X, { className: "size-4" }) : status === "approved" || status === "complete" ? /* @__PURE__ */ jsx7(Check, { className: "size-4" }) : /* @__PURE__ */ jsx7(ShieldCheck, { className: "size-4" })
-        }), /* @__PURE__ */ jsxs3("div", {
-          className: "min-w-0 flex-1",
-          children: [
-            /* @__PURE__ */ jsxs3("div", {
-              className: "flex min-w-0 items-start justify-between gap-3",
-              children: [/* @__PURE__ */ jsxs3("div", {
-                className: "min-w-0",
-                children: [/* @__PURE__ */ jsx7("div", {
-                  className: "font-medium text-foreground",
-                  children: title
-                }), /* @__PURE__ */ jsx7("div", {
-                  className: "mt-0.5 truncate font-mono text-xs text-muted-foreground",
-                  children: tool
-                })]
-              }), /* @__PURE__ */ jsx7("span", {
-                className: cn("shrink-0 rounded-full border px-2 py-0.5 text-caption font-medium transition-colors", getStatusBadgeClass(status)),
-                children: getStatusCopy(status)
-              })]
-            }),
-            description ? /* @__PURE__ */ jsx7("p", {
-              className: "mt-2 leading-5 text-muted-foreground",
-              children: description
-            }) : null,
-            parameters.length ? /* @__PURE__ */ jsxs3("button", {
-              type: "button",
-              "aria-expanded": currentOpen,
-              "aria-controls": detailsId,
-              onClick: () => setOpen(!currentOpen),
-              className: "mt-2 inline-flex items-center gap-1 rounded-md text-xs font-medium text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
-              children: ["View details", /* @__PURE__ */ jsx7(m.span, {
-                "aria-hidden": "true",
-                animate: { rotate: currentOpen ? 180 : 0 },
-                transition: reduce ? { duration: 0 } : SPRING_SWAP,
-                children: /* @__PURE__ */ jsx7(ChevronDown, { className: "size-3.5" })
-              })]
-            }) : null
-          ]
+        className: "flex min-w-0 items-start justify-between gap-3",
+        children: [/* @__PURE__ */ jsxs3("div", {
+          className: "min-w-0",
+          children: [/* @__PURE__ */ jsx7(ItemTitle, {
+            className: "text-foreground",
+            children: title
+          }), /* @__PURE__ */ jsx7("div", {
+            className: "mt-0.5 truncate font-mono text-xs text-muted-foreground",
+            children: tool
+          })]
+        }), /* @__PURE__ */ jsx7("span", {
+          className: cn("shrink-0 rounded-full border px-2 py-0.5 text-caption font-medium transition-colors", getStatusBadgeClass(status)),
+          children: getStatusCopy(status)
         })]
       }),
+      description ? /* @__PURE__ */ jsx7(ItemDescription, {
+        className: "mt-1 leading-5",
+        children: description
+      }) : null,
+      parameters.length ? /* @__PURE__ */ jsxs3("button", {
+        type: "button",
+        "aria-expanded": currentOpen,
+        "aria-controls": detailsId,
+        onClick: () => setOpen(!currentOpen),
+        className: "mt-2 inline-flex items-center gap-1 rounded-md text-xs font-medium text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
+        children: ["View details", /* @__PURE__ */ jsx7(m.span, {
+          "aria-hidden": "true",
+          animate: { rotate: currentOpen ? 180 : 0 },
+          transition: reduce ? { duration: 0 } : SPRING_SWAP,
+          children: /* @__PURE__ */ jsx7(ChevronDown, { className: "size-3.5" })
+        })]
+      }) : null,
       /* @__PURE__ */ jsx7(AgentDisclosure, {
         id: detailsId,
         open: currentOpen,
         children: /* @__PURE__ */ jsx7("dl", {
-          className: "mx-4 mb-4 grid gap-2 rounded-xl border border-border/50 bg-background/70 p-3",
+          className: "mt-3 grid gap-2 rounded-xl border border-border/50 bg-background/70 p-3",
           children: parameters.map((parameter) => /* @__PURE__ */ jsxs3("div", {
             className: "grid grid-cols-[minmax(0,7rem)_minmax(0,1fr)] items-center gap-3 text-xs",
             children: [/* @__PURE__ */ jsx7("dt", {
@@ -13184,7 +13240,7 @@ function ToolApproval({ tool, title = "Allow this tool to run?", description, pa
       }),
       /* @__PURE__ */ jsx7(AnimatePresence, {
         initial: false,
-        children: pending ? /* @__PURE__ */ jsxs3(m.div, {
+        children: pending ? /* @__PURE__ */ jsx7(m.div, {
           initial: reduce ? { opacity: 0 } : {
             opacity: 0,
             y: 4
@@ -13198,672 +13254,37 @@ function ToolApproval({ tool, title = "Allow this tool to run?", description, pa
             duration: reduce ? 0.12 : 0.22,
             ease: EASE_OUT
           },
-          className: "flex flex-wrap items-center gap-2 border-t border-border/60 px-4 py-3",
-          children: [
-            /* @__PURE__ */ jsx7(m.button, {
-              type: "button",
-              onClick: onApprove,
-              whileTap: reduce ? void 0 : { scale: 0.96 },
-              transition: SPRING_PRESS,
-              className: "rounded-xl bg-foreground px-3 py-1.5 text-xs font-medium text-background outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-              children: "Allow once"
-            }),
-            onAlwaysAllow ? /* @__PURE__ */ jsx7(m.button, {
-              type: "button",
-              onClick: onAlwaysAllow,
-              whileTap: reduce ? void 0 : { scale: 0.96 },
-              transition: SPRING_PRESS,
-              className: "rounded-xl border border-border/60 bg-background px-3 py-1.5 text-xs font-medium text-foreground outline-none transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring",
-              children: "Always allow"
-            }) : null,
-            /* @__PURE__ */ jsx7("button", {
-              type: "button",
-              onClick: onDeny,
-              className: "rounded-xl px-3 py-1.5 text-xs font-medium text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
-              children: "Deny"
-            })
-          ]
+          className: "mt-2",
+          children: /* @__PURE__ */ jsxs3(ItemActions, {
+            className: "flex-wrap",
+            children: [
+              /* @__PURE__ */ jsx7(m.button, {
+                type: "button",
+                onClick: onApprove,
+                whileTap: reduce ? void 0 : { scale: 0.96 },
+                transition: SPRING_PRESS,
+                className: "rounded-xl bg-foreground px-3 py-1.5 text-xs font-medium text-background outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                children: "Allow once"
+              }),
+              onAlwaysAllow ? /* @__PURE__ */ jsx7(m.button, {
+                type: "button",
+                onClick: onAlwaysAllow,
+                whileTap: reduce ? void 0 : { scale: 0.96 },
+                transition: SPRING_PRESS,
+                className: "rounded-xl border border-border/60 bg-background px-3 py-1.5 text-xs font-medium text-foreground outline-none transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring",
+                children: "Always allow"
+              }) : null,
+              /* @__PURE__ */ jsx7("button", {
+                type: "button",
+                onClick: onDeny,
+                className: "rounded-xl px-3 py-1.5 text-xs font-medium text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
+                children: "Deny"
+              })
+            ]
+          })
         }) : null
       })
-    ]
-  });
-}
-function asRecord(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value) ? value : void 0;
-}
-function parseRecord(value) {
-  const direct = asRecord(value);
-  if (direct) return direct;
-  if (typeof value !== "string") return void 0;
-  try {
-    return asRecord(JSON.parse(value));
-  } catch {
-    return;
-  }
-}
-function getString(record, ...keys) {
-  for (const key of keys) {
-    const value = record?.[key];
-    if (typeof value === "string" && value.trim()) return value;
-  }
-}
-function getNumber(record, ...keys) {
-  for (const key of keys) {
-    const value = record?.[key];
-    if (typeof value === "number" && Number.isFinite(value)) return value;
-    if (typeof value === "string" && value.trim()) {
-      const parsed = Number(value);
-      if (Number.isFinite(parsed)) return parsed;
-    }
-  }
-}
-function getBoolean(record, ...keys) {
-  for (const key of keys) {
-    const value = record?.[key];
-    if (typeof value === "boolean") return value;
-  }
-}
-function stringifyToolValue(value) {
-  if (typeof value === "string") return value;
-  if (value === void 0 || value === null) return "";
-  try {
-    return JSON.stringify(value, null, 2);
-  } catch {
-    return String(value);
-  }
-}
-function getOutput(part) {
-  if (part.output !== void 0 && part.output !== null) return part.output;
-  return part.result;
-}
-function summarizeOutput(output) {
-  const record = parseRecord(output);
-  const details = parseRecord(record?.details);
-  const fields = {
-    ...record ?? {},
-    ...details ?? {}
-  };
-  const result = fields.result;
-  const stdout = getString(fields, "stdout", "standardOutput", "standard_output");
-  const stderr = getString(fields, "stderr", "standardError", "standard_error");
-  const errorValue = fields.error ?? fields.errorMessage ?? fields.evalue;
-  const error = errorValue === void 0 ? void 0 : stringifyToolValue(errorValue);
-  const durationMs = getNumber(fields, "durationMs", "duration_ms", "duration");
-  const kernelRestarted = getBoolean(fields, "kernelRestarted", "kernel_restarted");
-  const structuredKeys = /* @__PURE__ */ new Set([
-    "stdout",
-    "stderr",
-    "standardOutput",
-    "standard_output",
-    "standardError",
-    "standard_error",
-    "error",
-    "errorMessage",
-    "evalue",
-    "durationMs",
-    "duration_ms",
-    "duration",
-    "kernelRestarted",
-    "kernel_restarted",
-    "status",
-    "isError"
-  ]);
-  const hasStructuredFields = Object.keys(fields).some((key) => !structuredKeys.has(key));
-  return {
-    record,
-    details,
-    stdout,
-    stderr,
-    result,
-    error,
-    durationMs,
-    kernelRestarted,
-    structured: !stdout && !stderr && !error && (typeof result === "object" && result !== null || hasStructuredFields)
-  };
-}
-function getOutputSections(summary, output) {
-  const sections = [];
-  if (summary.stdout) sections.push({
-    label: "stdout",
-    content: summary.stdout,
-    language: "text"
-  });
-  if (summary.stderr) sections.push({
-    label: "stderr",
-    content: summary.stderr,
-    language: "text"
-  });
-  if (summary.result !== void 0) sections.push({
-    label: "result",
-    content: stringifyToolValue(summary.result),
-    language: typeof summary.result === "object" && summary.result !== null ? "json" : "text"
-  });
-  if (summary.error) sections.push({
-    label: "error",
-    content: summary.error,
-    language: "text"
-  });
-  if (sections.length > 0) return sections;
-  const record = summary.details ?? summary.record;
-  if (record) {
-    const withoutEnvelope = { ...record };
-    delete withoutEnvelope.details;
-    delete withoutEnvelope.isError;
-    if (Object.keys(withoutEnvelope).length > 0) return [{
-      label: "result",
-      content: stringifyToolValue(withoutEnvelope),
-      language: "json"
-    }];
-  }
-  const fallback = stringifyToolValue(output);
-  return fallback.trim() ? [{
-    label: "output",
-    content: fallback,
-    language: "text"
-  }] : [];
-}
-function getOutputContent(summary, output) {
-  return getOutputSections(summary, output).map((section) => `${section.label}
-${section.content}`).join("\n\n");
-}
-function getInput(part) {
-  return parseRecord(part.input) ?? parseRecord(part.args);
-}
-function getArray(record, ...keys) {
-  for (const key of keys) {
-    const value = record?.[key];
-    if (Array.isArray(value)) return value;
-  }
-}
-function getDiff(input, summary) {
-  return getString(summary.details ?? summary.record, "diff", "patch") ?? getString(input, "diff", "patch");
-}
-function getFilePath(input, summary) {
-  return getString(input, "path", "filePath", "filename", "file") ?? getString(summary.details ?? summary.record, "path", "filePath", "filename", "file") ?? "workspace file";
-}
-function parseDiffLines(diff) {
-  return diff.split("\n").map((content, index) => ({
-    id: `${index}-${content.slice(0, 16)}`,
-    type: content.startsWith("+") && !content.startsWith("+++") ? "added" : content.startsWith("-") && !content.startsWith("---") ? "removed" : "context",
-    content
-  }));
-}
-function getTodos(input, summary) {
-  const output = summary.details ?? summary.record;
-  const plan = parseRecord(input?.plan) ?? parseRecord(output?.plan);
-  const source = getArray(input, "todos") ?? getArray(plan, "todos", "items") ?? getArray(output, "todos", "newTodos", "items");
-  if (!source) return [];
-  return source.flatMap((item, index) => {
-    const record = asRecord(item);
-    if (!record) return [];
-    const title = getString(record, "content", "title", "text", "label");
-    if (!title) return [];
-    const rawStatus = getString(record, "status");
-    const status = rawStatus === "in_progress" || rawStatus === "in-progress" ? "in-progress" : rawStatus === "completed" ? "completed" : rawStatus === "cancelled" ? "cancelled" : "pending";
-    return [{
-      id: `${index}-${title}`,
-      title,
-      status
-    }];
-  });
-}
-function getCitations(summary) {
-  const source = getArray(summary.details ?? summary.record, "results", "sources", "citations");
-  if (!source) return [];
-  return source.flatMap((item, index) => {
-    const record = asRecord(item);
-    if (!record) return [];
-    const title = getString(record, "title", "name", "snippet");
-    if (!title) return [];
-    const rawUrl = getString(record, "url", "link");
-    const url = rawUrl && isSafeExternalUrl(rawUrl) ? rawUrl : void 0;
-    return [{
-      id: `${index}-${title}`,
-      title,
-      url,
-      domain: getString(record, "domain", "source")
-    }];
-  });
-}
-function getImageUrl(summary) {
-  return getString(summary.details ?? summary.record, "url", "imageUrl", "image_url");
-}
-function getApproval(input, summary) {
-  return asRecord(input?.approval) ?? asRecord(summary.details?.approval) ?? asRecord(summary.record?.approval);
-}
-function toolName(part) {
-  const type = typeof part.type === "string" ? part.type : "Tool";
-  return type.startsWith("tool-") ? type.slice(5) : type;
-}
-function resultStatus(part, chatStatus) {
-  const state = typeof part.state === "string" ? part.state : void 0;
-  if (state === "output-error" || state === "error") return "error";
-  if (state === "output-available" || state === "complete" || state === "success") return "success";
-  if (state === "cancelled" || state === "canceled" || state === "aborted" || state === "interrupted") return "cancelled";
-  if (part.error !== void 0) return "error";
-  if (state === "input-streaming" || state === "streaming") return chatStatus === "streaming" ? "running" : "cancelled";
-  if (part.output !== void 0 || part.result !== void 0) return "success";
-  return chatStatus === "streaming" ? "running" : "cancelled";
-}
-function languageFor(name, structured) {
-  if (structured || name.toLowerCase().includes("json")) return "json";
-  if (name.toLowerCase().includes("bash") || name.toLowerCase().includes("shell")) return "bash";
-  if (name.toLowerCase().includes("python")) return "python";
-  return "text";
-}
-function sourceLanguageFor(name, command) {
-  if (!command) return void 0;
-  const lowerName = name.toLowerCase();
-  if (lowerName.includes("bash") || lowerName.includes("shell")) return "bash";
-  if (lowerName.includes("python")) return /^\s*%%bash(?:\s|$)/im.test(command) ? "bash" : "python";
-  return "text";
-}
-function sourceLabelFor(name, language) {
-  if (!language) return void 0;
-  const lowerName = name.toLowerCase();
-  if (lowerName.includes("ipython")) return "IPython";
-  if (lowerName.includes("bash") || lowerName.includes("shell")) return "Bash";
-  if (lowerName.includes("python")) return "Python";
-  if (language === "json") return "JSON";
-  if (language === "text") return "Text";
-  return language.toUpperCase();
-}
-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);
-  const lowerName = name.toLowerCase();
-  const input = getInput(source);
-  const output = getOutput(source);
-  const outputSummary = summarizeOutput(output);
-  const status = resultStatus(source, chatStatus);
-  const command = getString(input, "command", "cmd", "code", "script");
-  const sourceLanguage = sourceLanguageFor(name, command);
-  const metadata = [];
-  if (outputSummary.durationMs !== void 0) metadata.push(`${outputSummary.durationMs}ms`);
-  if (outputSummary.kernelRestarted) metadata.push("kernel restarted");
-  const diff = getDiff(input, outputSummary);
-  const todos = lowerName.includes("todo") || lowerName.includes("plan") ? getTodos(input, outputSummary) : [];
-  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);
-  const hasOutputContent = Boolean(content.trim());
-  const id = typeof source.toolCallId === "string" && source.toolCallId ? source.toolCallId : `${name}-${JSON.stringify(input ?? {})}`;
-  let detail;
-  if (todos.length > 0) detail = {
-    kind: "todo",
-    title: lowerName.includes("plan") ? "Plan" : "Todo list",
-    items: todos
-  };
-  else if (citations.length > 0) detail = {
-    kind: "citations",
-    citations
-  };
-  else if (imageUrl) detail = {
-    kind: "image",
-    url: imageUrl
-  };
-  else if (diff && (lowerName.includes("edit") || lowerName.includes("write") || lowerName.includes("patch"))) detail = {
-    kind: "diff",
-    file: getFilePath(input, outputSummary),
-    lines: parseDiffLines(diff),
-    copyText: diff
-  };
-  else if (command || hasOutputContent || approval || metadata.length > 0) detail = {
-    kind: "output",
-    content,
-    language: languageFor(name, outputSummary.structured),
-    structured: outputSummary.structured,
-    sections: getOutputSections(outputSummary, output),
-    sourceCode: command,
-    sourceLanguage,
-    sourceLabel: sourceLabelFor(name, sourceLanguage)
-  };
-  return {
-    id,
-    name,
-    lowerName,
-    status,
-    input,
-    output,
-    outputSummary,
-    command,
-    metadata,
-    approval,
-    detail
-  };
-}
-var QUESTION_CUSTOM_ID = "__custom__";
-function optionBadge(idx) {
-  return String.fromCharCode(65 + idx);
-}
-function seedPromptState(initialAnswer, questionKind, customEnabled) {
-  if (!initialAnswer || initialAnswer.kind === "skip") return {
-    selectedIds: [],
-    customText: "",
-    textValue: ""
-  };
-  if (questionKind === "text") return {
-    selectedIds: [],
-    customText: "",
-    textValue: initialAnswer.text ?? ""
-  };
-  const nextSelected = new Set(initialAnswer.selectedIds ?? []);
-  const nextCustomText = initialAnswer.text ?? "";
-  if (customEnabled && nextCustomText.trim().length > 0) nextSelected.add(QUESTION_CUSTOM_ID);
-  return {
-    selectedIds: Array.from(nextSelected),
-    customText: nextCustomText,
-    textValue: ""
-  };
-}
-function QuestionPrompt({ questions, questionIndex = 1, totalQuestions, onPreviousQuestion, onNextQuestion, submitLabel = "Send", nextLabel = "Next", skipLabel = "Skip", allowSkip = true, initialAnswer, onSubmit, onSkip, className }) {
-  const resolvedTotal = totalQuestions ?? questions.length;
-  const clampedIndex = Math.max(1, Math.min(questionIndex, resolvedTotal));
-  const activeQuestion = questions[clampedIndex - 1];
-  const customEnabled = activeQuestion?.allowCustom ?? false;
-  const [selectedIds, setSelectedIds] = useState4(() => seedPromptState(initialAnswer, activeQuestion?.kind, customEnabled).selectedIds);
-  const [customText, setCustomText] = useState4(() => seedPromptState(initialAnswer, activeQuestion?.kind, customEnabled).customText);
-  const [textValue, setTextValue] = useState4(() => seedPromptState(initialAnswer, activeQuestion?.kind, customEnabled).textValue);
-  const showNav = resolvedTotal > 1 && (!!onPreviousQuestion || !!onNextQuestion);
-  const canGoPrev = clampedIndex > 1;
-  const canGoNext = clampedIndex < resolvedTotal;
-  const isLastQuestion = clampedIndex >= resolvedTotal;
-  const selectedIdSet = useMemo2(() => new Set(selectedIds), [selectedIds]);
-  const primaryLabel = isLastQuestion ? submitLabel : nextLabel;
-  const canSubmit = useMemo2(() => {
-    if (activeQuestion?.kind === "text") return textValue.trim().length > 0;
-    const total = selectedIds.filter((id) => id !== QUESTION_CUSTOM_ID).length + (customText.trim().length > 0 ? 1 : 0);
-    if (activeQuestion?.kind === "single") return total === 1;
-    const min = activeQuestion?.minSelections ?? 1;
-    const max = activeQuestion?.maxSelections;
-    if (total < min) return false;
-    if (typeof max === "number" && total > max) return false;
-    return total > 0;
-  }, [
-    activeQuestion?.kind,
-    activeQuestion?.minSelections,
-    activeQuestion?.maxSelections,
-    selectedIds,
-    customText,
-    textValue
-  ]);
-  const toggleMulti = (id) => {
-    setSelectedIds((prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]);
-  };
-  const handleSingleSelect = (id) => {
-    setSelectedIds([id]);
-  };
-  const handleCustomTextChange = (nextValue) => {
-    setCustomText(nextValue);
-    if (!activeQuestion) return;
-    if (activeQuestion.kind === "single") {
-      setSelectedIds(nextValue.trim().length > 0 ? [QUESTION_CUSTOM_ID] : []);
-      return;
-    }
-    setSelectedIds((prev) => {
-      const hasCustom = prev.includes(QUESTION_CUSTOM_ID);
-      if (nextValue.trim().length > 0 && !hasCustom) return [...prev, QUESTION_CUSTOM_ID];
-      if (nextValue.trim().length === 0 && hasCustom) return prev.filter((id) => id !== QUESTION_CUSTOM_ID);
-      return prev;
-    });
-  };
-  const handleSubmit = () => {
-    if (!canSubmit || !activeQuestion) return;
-    if (activeQuestion.kind === "text") {
-      onSubmit({
-        kind: "text",
-        questionId: activeQuestion.id,
-        text: textValue.trim()
-      });
-      return;
-    }
-    const selectedNonCustom = selectedIds.filter((id) => id !== QUESTION_CUSTOM_ID);
-    const answerText = customText.trim() || void 0;
-    onSubmit({
-      kind: activeQuestion.kind,
-      questionId: activeQuestion.id,
-      selectedIds: selectedNonCustom,
-      text: answerText || void 0
-    });
-  };
-  const handleSkip = () => {
-    onSkip?.();
-    onSubmit({ kind: "skip" });
-  };
-  if (!activeQuestion) return null;
-  return /* @__PURE__ */ jsxs3("div", {
-    className: cn("flex flex-col gap-2 bg-background px-3 py-2", className),
-    children: [
-      /* @__PURE__ */ jsx7("div", {
-        className: "flex items-center justify-between gap-px",
-        "data-total-questions": resolvedTotal,
-        children: /* @__PURE__ */ jsxs3("div", {
-          className: "flex items-center gap-2 text-sm text-foreground",
-          children: [/* @__PURE__ */ jsx7("span", {
-            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__ */ jsx7("span", { children: activeQuestion.title })]
-        })
-      }),
-      activeQuestion.kind !== "text" && (activeQuestion.options?.length ?? 0) > 0 && /* @__PURE__ */ jsxs3("div", {
-        className: "flex flex-col gap-px",
-        children: [activeQuestion.options.map((option, idx) => {
-          const optionId = option.id ?? option.value ?? option.label;
-          const checked = selectedIdSet.has(optionId);
-          return /* @__PURE__ */ jsxs3("button", {
-            type: "button",
-            onClick: () => {
-              if (activeQuestion.kind === "single") {
-                handleSingleSelect(optionId);
-                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-secondary",
-            children: [/* @__PURE__ */ jsx7("span", {
-              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__ */ jsxs3("span", {
-              className: "text-sm text-foreground",
-              children: [option.label, option.description && /* @__PURE__ */ jsxs3("span", {
-                className: "text-muted-foreground",
-                children: [" ", option.description]
-              })]
-            })]
-          }, optionId);
-        }), customEnabled && /* @__PURE__ */ jsxs3("div", {
-          className: "flex items-center gap-2 pt-1",
-          children: [/* @__PURE__ */ jsx7("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-primary bg-primary text-primary-foreground" : "border-border bg-transparent text-muted-foreground"),
-            children: optionBadge(activeQuestion.options.length)
-          }), /* @__PURE__ */ jsx7("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-foreground md:text-sm"
-          })]
-        })]
-      }),
-      activeQuestion.kind === "text" && /* @__PURE__ */ jsx7("textarea", {
-        value: textValue,
-        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-foreground md:text-sm"
-      }),
-      /* @__PURE__ */ jsxs3("div", {
-        className: cn("flex items-center gap-1.5", showNav ? "justify-between" : "justify-end"),
-        children: [showNav && /* @__PURE__ */ jsxs3("div", {
-          className: "flex items-center gap-1.5",
-          children: [onPreviousQuestion && /* @__PURE__ */ jsx7("button", {
-            type: "button",
-            onClick: onPreviousQuestion,
-            disabled: !canGoPrev,
-            className: "h-6 rounded px-2 text-sm text-muted-foreground hover:text-foreground disabled:opacity-60",
-            children: "Previous"
-          }), onNextQuestion && /* @__PURE__ */ jsx7("button", {
-            type: "button",
-            onClick: onNextQuestion,
-            disabled: !canGoNext,
-            className: "h-6 rounded px-2 text-sm text-muted-foreground hover:text-foreground disabled:opacity-60",
-            children: "Next"
-          })]
-        }), /* @__PURE__ */ jsxs3("div", {
-          className: "flex items-center justify-end gap-1.5",
-          children: [allowSkip && /* @__PURE__ */ jsx7("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-foreground enabled:active:scale-[0.96]",
-            children: skipLabel
-          }), /* @__PURE__ */ jsx7("button", {
-            type: "button",
-            onClick: handleSubmit,
-            disabled: !canSubmit,
-            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 enabled:active:scale-[0.96] disabled:opacity-60 disabled:hover:bg-primary",
-            children: primaryLabel
-          })]
-        })]
-      })
-    ]
-  });
-}
-function formatAnswer(answer) {
-  if (answer.kind === "skip") return "Skipped";
-  if (answer.kind === "text") return answer.text || "Answered";
-  const ids = answer.selectedIds?.length ? answer.selectedIds.join(", ") : "";
-  if (answer.text) return ids ? `${ids} (${answer.text})` : answer.text;
-  return ids || "Answered";
-}
-function QuestionTool({ part }) {
-  const [localIndex, setLocalIndex] = useState4(part.input?.questionIndex ?? 1);
-  const questions = part.input?.questions ?? [];
-  const totalQuestions = part.input?.totalQuestions ?? questions.length;
-  const isControlled = typeof part.input?.questionIndex === "number";
-  const questionIndex = isControlled ? part.input?.questionIndex ?? 1 : questions.length > 0 ? localIndex : part.input?.questionIndex ?? 1;
-  const clampedIndex = Math.max(1, Math.min(questionIndex, totalQuestions));
-  const question = questions[clampedIndex - 1];
-  const [localAnswers, setLocalAnswers] = useState4({});
-  const [prevQuestionIndex, setPrevQuestionIndex] = useState4(part.input?.questionIndex);
-  if (part.input?.questionIndex !== prevQuestionIndex) {
-    setPrevQuestionIndex(part.input?.questionIndex);
-    if (typeof part.input?.questionIndex === "number") setLocalIndex(part.input.questionIndex);
-  }
-  const [prevToolCallId, setPrevToolCallId] = useState4(part.toolCallId);
-  if (part.toolCallId !== prevToolCallId) {
-    setPrevToolCallId(part.toolCallId);
-    setLocalAnswers({});
-    setLocalIndex(part.input?.questionIndex ?? 1);
-  }
-  const outputAnswer = part.output?.answer;
-  const answeredCount = Object.keys(localAnswers).length;
-  const isComplete = totalQuestions === 1 ? !!outputAnswer || answeredCount >= 1 : totalQuestions > 0 && answeredCount >= totalQuestions;
-  const showNavigation = totalQuestions > 1 && !isComplete;
-  const canGoPrev = clampedIndex > 1;
-  const canGoNext = clampedIndex < totalQuestions;
-  const summaryAnswers = useMemo2(() => {
-    if (!isComplete || totalQuestions <= 1) return [];
-    return Array.from({ length: totalQuestions }, (_, idx) => ({
-      index: idx + 1,
-      answer: localAnswers[idx + 1]
-    }));
-  }, [
-    isComplete,
-    localAnswers,
-    totalQuestions
-  ]);
-  const summaryText = useMemo2(() => {
-    if (!isComplete) return "";
-    if (summaryAnswers.length > 0) return summaryAnswers.map((item) => `${item.index}: ${item.answer ? formatAnswer(item.answer) : "Pending"}`).join(" \u2022 ");
-    if (outputAnswer) return formatAnswer(outputAnswer);
-    if (localAnswers[clampedIndex]) return formatAnswer(localAnswers[clampedIndex]);
-    return "Pending";
-  }, [
-    isComplete,
-    summaryAnswers,
-    outputAnswer,
-    localAnswers,
-    clampedIndex
-  ]);
-  if (!question) return null;
-  const goPrev = () => {
-    if (!canGoPrev) return;
-    part.input?.onPreviousQuestion?.();
-    if (!isControlled) setLocalIndex((prev) => Math.max(1, prev - 1));
-  };
-  const goNext = () => {
-    if (!canGoNext) return;
-    part.input?.onNextQuestion?.();
-    if (!isControlled) setLocalIndex((prev) => Math.min(totalQuestions, prev + 1));
-  };
-  return /* @__PURE__ */ jsxs3("div", {
-    className: "overflow-hidden rounded-chat-tool border border-border bg-muted",
-    children: [/* @__PURE__ */ jsxs3("div", {
-      className: "flex h-7 items-center justify-between border-b border-border px-3 text-xs text-muted-foreground",
-      children: [/* @__PURE__ */ jsxs3("div", {
-        className: "inline-flex items-center gap-1.5",
-        children: [/* @__PURE__ */ jsx7(MessageCircleQuestionMark, { className: "size-3.5" }), "Question"]
-      }), showNavigation && /* @__PURE__ */ jsxs3("div", {
-        className: "inline-flex items-center gap-1",
-        children: [
-          /* @__PURE__ */ jsx7("button", {
-            type: "button",
-            onClick: goPrev,
-            disabled: !canGoPrev,
-            className: "inline-flex size-5 items-center justify-center rounded-[4px] hover:bg-secondary disabled:opacity-40",
-            "aria-label": "Previous question",
-            children: /* @__PURE__ */ jsx7(ChevronUp, { className: "size-3.5" })
-          }),
-          /* @__PURE__ */ jsxs3("span", { children: [
-            clampedIndex,
-            " of ",
-            totalQuestions
-          ] }),
-          /* @__PURE__ */ jsx7("button", {
-            type: "button",
-            onClick: goNext,
-            disabled: !canGoNext,
-            className: "inline-flex size-5 items-center justify-center rounded-[4px] hover:bg-secondary disabled:opacity-40",
-            "aria-label": "Next question",
-            children: /* @__PURE__ */ jsx7(ChevronDown, { className: "size-3.5" })
-          })
-        ]
-      })]
-    }), isComplete ? /* @__PURE__ */ jsx7("div", {
-      className: "bg-background px-3 py-2 text-xs text-muted-foreground",
-      children: summaryText
-    }) : /* @__PURE__ */ jsx7(QuestionPrompt, {
-      questions,
-      questionIndex: clampedIndex,
-      totalQuestions,
-      initialAnswer: localAnswers[clampedIndex],
-      submitLabel: part.input?.submitLabel,
-      nextLabel: part.input?.nextLabel,
-      skipLabel: part.input?.skipLabel,
-      allowSkip: part.input?.allowSkip,
-      onSubmit: (nextAnswer) => {
-        setLocalAnswers((prev) => ({
-          ...prev,
-          [clampedIndex]: nextAnswer
-        }));
-        part.input?.onSubmitAnswer?.(nextAnswer);
-        if (clampedIndex < totalQuestions) goNext();
-      }
-    }, `${clampedIndex}-${question.title}`)]
+    ] })]
   });
 }
 function extractCommandSummary(cmd) {
@@ -14141,8 +13562,8 @@ function EditToolDiffCard({ step, state, onComplete, input, output, isCollapsibl
 }
 var EditTool = memo(function EditTool2({ part, isCollapsible = false, onFilePathClick }) {
   const approval = part.input?.approval ?? part.args?.approval;
-  const toolName2 = part.type?.replace("tool-", "") || "Edit";
-  const { step, stepState } = adaptToolPart(part, toolName2);
+  const toolName = part.type?.replace("tool-", "") || "Edit";
+  const { step, stepState } = adaptToolPart(part, toolName);
   const noop = () => {
   };
   return /* @__PURE__ */ jsx7(EditToolDiffCard, {
@@ -14651,8 +14072,8 @@ function normalizeResults(value) {
   return parsed.length > 0 ? parsed : void 0;
 }
 var SearchTool = memo(function SearchTool2({ part, results, defaultOpen }) {
-  const toolName2 = part.type?.replace("tool-", "") || "WebSearch";
-  const { step, stepState } = adaptToolPart(part, toolName2);
+  const toolName = part.type?.replace("tool-", "") || "WebSearch";
+  const { step, stepState } = adaptToolPart(part, toolName);
   const stepStates = { [step.id]: stepState };
   const noop = () => {
   };
@@ -15023,11 +14444,11 @@ function parseMcpToolType(partType) {
   const separatorIndex = withoutPrefix.indexOf("__");
   if (separatorIndex === -1) return null;
   const serverName = withoutPrefix.slice(0, separatorIndex);
-  const toolName2 = withoutPrefix.slice(separatorIndex + 2);
+  const toolName = withoutPrefix.slice(separatorIndex + 2);
   return {
     serverName,
-    toolName: toolName2,
-    displayName: toolName2.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()).trim(),
+    toolName,
+    displayName: toolName.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()).trim(),
     category: "other"
   };
 }
@@ -15167,57 +14588,82 @@ var ToolGroup = memo(function ToolGroup2({ part, nestedTools = EMPTY_NESTED_TOOL
   const subtitle = (() => {
     if (isPending && hasNestedTools) return streamCounts;
     if (!isPending && hasNestedTools) {
-      const summary = summarizeNestedTools(nestedTools);
-      if (summary) return summary;
+      const summary2 = summarizeNestedTools(nestedTools);
+      if (summary2) return summary2;
     }
     if (!description) return "";
     return description.length > 60 ? `${description.slice(0, 57)}\u2026` : description;
   })();
   const elapsedTimeDisplay = formatElapsedTime(!isPending && outputDuration ? outputDuration : elapsedMs);
-  if (isInterrupted && !part.output) return /* @__PURE__ */ jsx7(ToolRowBase, {
-    completeLabel: interruptedLabel,
-    isAnimating: false
+  const TaskIcon = toolActionIconForName(part.type === "tool-Agent" ? "agent" : "task");
+  const statusText = isPending ? "running" : isInterrupted ? "interrupted" : "done";
+  const summary = isPending && shimmerLabel ? shimmerLabel : completeLabel;
+  const summaryLine = /* @__PURE__ */ jsxs3(TraceLine, {
+    status: isPending ? "running" : void 0,
+    children: [
+      /* @__PURE__ */ jsx7(TraceIcon, { children: /* @__PURE__ */ jsx7(TaskIcon, {}) }),
+      /* @__PURE__ */ jsx7(TraceTitle, { children: isPending && shimmerLabel ? /* @__PURE__ */ jsx7(ToolTextShimmer, {
+        as: "span",
+        duration: 1.2,
+        className: "m-0 inline-flex h-4 items-center leading-none",
+        children: summary
+      }) : summary }),
+      subtitle ? /* @__PURE__ */ jsx7(TraceDescription, {
+        className: "max-w-56 truncate",
+        children: subtitle
+      }) : null,
+      /* @__PURE__ */ jsx7(TraceDescription, { children: statusText }),
+      showElapsed && elapsedTimeDisplay ? /* @__PURE__ */ jsx7(TraceDescription, { children: elapsedTimeDisplay }) : null
+    ]
   });
-  return /* @__PURE__ */ jsx7(ToolRowBase, {
-    completeLabel,
-    shimmerLabel,
-    isAnimating: isPending,
-    detail: subtitle,
-    expandable: hasNestedTools,
-    expanded,
-    onToggleExpand: () => {
+  const childTrace = /* @__PURE__ */ jsx7(Trace, {
+    className: "gap-1",
+    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);
+      const NestedIcon = nestedMeta.icon;
+      return /* @__PURE__ */ jsxs3(TraceLine, {
+        status: nestedIsPending ? "running" : nestedIsError ? "error" : void 0,
+        children: [
+          /* @__PURE__ */ jsx7(TraceIcon, { children: /* @__PURE__ */ jsx7(NestedIcon, {}) }),
+          /* @__PURE__ */ jsx7(TraceTitle, { children: nestedMeta.title(derivedPart) }),
+          nestedMeta.subtitle?.(derivedPart) ? /* @__PURE__ */ jsx7(TraceDescription, {
+            className: "max-w-56 truncate",
+            children: nestedMeta.subtitle(derivedPart)
+          }) : null
+        ]
+      }, derivedPart.toolCallId ?? derivedPart.id ?? `${derivedPart.type}-${nestedMeta.title(derivedPart)}`);
+    })
+  });
+  if (isInterrupted && !part.output) return /* @__PURE__ */ jsx7(Trace, { children: /* @__PURE__ */ jsxs3(TraceLine, { children: [
+    /* @__PURE__ */ jsx7(TraceIcon, { children: /* @__PURE__ */ jsx7(TaskIcon, {}) }),
+    /* @__PURE__ */ jsx7(TraceTitle, { children: interruptedLabel }),
+    /* @__PURE__ */ jsx7(TraceDescription, { children: "interrupted" })
+  ] }) });
+  return /* @__PURE__ */ jsx7(Trace, { children: hasNestedTools ? /* @__PURE__ */ jsxs3(TraceCollapsible, {
+    open: expanded,
+    onOpenChange: (next) => {
       userToggledRef.current = true;
-      setExpanded((prev) => !prev);
+      setExpanded(next);
     },
-    trailingContent: showElapsed && elapsedTimeDisplay ? /* @__PURE__ */ jsx7("span", {
-      className: "shrink-0 font-normal text-muted-foreground/60 tabular-nums",
-      children: elapsedTimeDisplay
-    }) : void 0,
-    children: /* @__PURE__ */ jsxs3("div", {
+    children: [/* @__PURE__ */ jsx7(TraceCollapsibleTrigger, {
+      "aria-label": `${summary}: ${subtitle || nestedTools.length} ${statusText}`,
+      children: summaryLine
+    }), /* @__PURE__ */ jsx7(TraceCollapsibleContent, { children: /* @__PURE__ */ jsxs3("div", {
       className: "relative",
       children: [isPending && expanded && visibleToolCount > maskThreshold && /* @__PURE__ */ jsx7("div", { className: "pointer-events-none absolute inset-x-0 top-0 z-10 h-10 bg-linear-to-b from-background to-transparent" }), /* @__PURE__ */ jsx7("div", {
         ref: listRef,
-        className: cn(nestedTools.length > 1 ? "flex flex-col gap-2" : void 0, isPending && expanded && visibleToolCount > maskThreshold && "overflow-y-auto"),
+        className: cn(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__ */ jsx7(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)}`);
-        })
+        children: childTrace
       })]
-    })
-  });
+    }) })]
+  }) : summaryLine });
 });
 function deriveToolStatus(part, chatStatus) {
   if (part.state === "input-streaming") return "streaming";
@@ -15250,11 +14696,6 @@ var ToolRenderer = memo(function ToolRenderer2({ part, nestedTools, chatStatus,
         part,
         chatStatus
       });
-    case "tool-Question":
-      return /* @__PURE__ */ jsx7(QuestionTool, {
-        part,
-        chatStatus
-      });
     case "tool-Task":
     case "tool-Agent": {
       const labelBase = part.type === "tool-Agent" ? "Agent" : "Task";
@@ -15289,10 +14730,10 @@ var ToolRenderer = memo(function ToolRenderer2({ part, nestedTools, chatStatus,
     });
   }
   if (toolRenderers && partType.startsWith("tool-")) {
-    const toolName3 = partType.slice(5);
-    const CustomRenderer = toolRenderers[toolName3];
+    const toolName2 = partType.slice(5);
+    const CustomRenderer = toolRenderers[toolName2];
     if (CustomRenderer) return /* @__PURE__ */ jsx7(CustomRenderer, {
-      name: toolName3,
+      name: toolName2,
       input: part.input ?? {},
       output: part.output ?? part.result,
       status: deriveToolStatus(part, chatStatus)
@@ -15308,10 +14749,10 @@ var ToolRenderer = memo(function ToolRenderer2({ part, nestedTools, chatStatus,
       isError: isError2
     });
   }
-  const toolName2 = partType.startsWith("tool-") ? partType.slice(5) : partType;
+  const toolName = partType.startsWith("tool-") ? partType.slice(5) : partType;
   const { isPending, isError } = getToolStatus(part, chatStatus);
   return /* @__PURE__ */ jsx7(GenericTool, {
-    title: isPending ? `Running ${toolName2}` : toolName2,
+    title: isPending ? `Running ${toolName}` : toolName,
     isPending,
     isError
   });
@@ -15358,7 +14799,7 @@ function SourceBlock({ code, language, languageLabel, status }) {
     wrap: true
   });
 }
-var SessionToolRenderer = memo(function SessionToolRenderer2({ part, nestedTools, chatStatus, toolRenderers }) {
+var SessionToolRenderer = memo(function SessionToolRenderer2({ part, nestedTools, chatStatus, toolRenderers, insideTrace = false }) {
   const partType = part.type;
   if (partType === "tool-Thinking" || partType === "tool-FleetReasoning") return null;
   const renderFallback = () => /* @__PURE__ */ jsx7(ToolRenderer, {
@@ -15368,7 +14809,7 @@ var SessionToolRenderer = memo(function SessionToolRenderer2({ part, nestedTools
     toolRenderers
   });
   if (!partType.startsWith("tool-")) return renderFallback();
-  const normalized = normalizeToolPart(part, chatStatus);
+  const normalized = normalizeToolPart$1(part, chatStatus);
   if (!normalized || normalized.lowerName === "question") return renderFallback();
   const { detail, status } = normalized;
   if (!detail) return renderFallback();
@@ -15416,16 +14857,8 @@ var SessionToolRenderer = memo(function SessionToolRenderer2({ part, nestedTools
     defaultOpen: status === "running"
   });
   const content = detail.content || "No output.";
-  return /* @__PURE__ */ jsxs3(ToolResult, {
-    tool: "Prime",
-    title: normalized.name,
-    status,
-    kind: normalized.lowerName.includes("bash") || normalized.lowerName.includes("shell") || normalized.lowerName.includes("python") ? "terminal" : "custom",
-    meta: normalized.metadata.length > 0 ? normalized.metadata.join(" \xB7 ") : void 0,
-    defaultOpen: status === "running",
-    collapseOnComplete: false,
-    maxHeight: 240,
-    copyText: content,
+  const details = /* @__PURE__ */ jsxs3("div", {
+    className: "flex min-w-0 flex-col gap-2",
     children: [
       detail.sourceCode ? /* @__PURE__ */ jsx7(SourceBlock, {
         code: detail.sourceCode,
@@ -15436,6 +14869,7 @@ var SessionToolRenderer = memo(function SessionToolRenderer2({ part, nestedTools
       detail.sections.map((section) => /* @__PURE__ */ jsx7(ToolResultOutput, {
         language: section.language,
         label: section.label,
+        error: section.label === "reported-error",
         children: section.content
       }, section.label)),
       /* @__PURE__ */ jsx7(Approval, {
@@ -15445,6 +14879,19 @@ var SessionToolRenderer = memo(function SessionToolRenderer2({ part, nestedTools
       })
     ]
   });
+  if (insideTrace) return details;
+  return /* @__PURE__ */ jsx7(ToolResult, {
+    tool: "Prime",
+    title: normalized.name,
+    status,
+    kind: normalized.lowerName.includes("bash") || normalized.lowerName.includes("shell") || normalized.lowerName.includes("python") ? "terminal" : "custom",
+    meta: normalized.metadata.length > 0 ? normalized.metadata.join(" \xB7 ") : void 0,
+    defaultOpen: status === "running",
+    collapseOnComplete: false,
+    maxHeight: 240,
+    copyText: content,
+    children: details
+  });
 });
 
 export {