@qredence/fleet 0.7.4 → 0.9.0

package/dist/web/server/{chunk-2VKVSL6Y.js → chunk-35RIM6VP.js}

@@ -6465,13 +6465,25 @@ function useNavigate(_defaultOpts) {
   }, [_defaultOpts?.from, router]);
 }
 
-// node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/matchContext.js
-import * as React$15 from "react";
-var matchContext = React$15.createContext(void 0);
-var dummyMatchContext = React$15.createContext(void 0);
+// node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/ClientOnly.js
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var getSnapshot = () => true;
+var getServerSnapshot = () => false;
+function ClientOnly({ children, fallback = null }) {
+  return /* @__PURE__ */ jsx(React.Fragment, { children: useHydrated() ? children : fallback });
+}
+function useHydrated(enabled = true) {
+  return React.useSyncExternalStore(subscribe, getSnapshot, enabled ? getServerSnapshot : getSnapshot);
+}
+function subscribe() {
+  return () => {
+  };
+}
 
-// node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/useMatch.js
-import * as React$16 from "react";
+// node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/link.js
+import * as React$15 from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
 
 // node_modules/.pnpm/@tanstack+store@0.11.2/node_modules/@tanstack/store/dist/alien.js
 // @__NO_SIDE_EFFECTS__
@@ -6829,120 +6841,9 @@ function useSelector(source, selector = (s) => s, options) {
   return useSyncExternalStoreWithSelector(subscribe2, getSnapshot2, getSnapshot2, selector, compare);
 }
 
-// node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/useMatch.js
-var dummyMatch = {};
-function useStructuralSharing(opts, router) {
-  const previousResult = React$16.useRef();
-  return (slice) => {
-    const selected = opts?.select ? opts.select(slice) : slice;
-    if (opts?.structuralSharing ?? router.options.defaultStructuralSharing) return previousResult.current = replaceEqualDeep(previousResult.current, selected);
-    return selected;
-  };
-}
-function useMatch(opts) {
-  const router = useRouter();
-  const nearestRouteId = React$16.useContext(opts.from ? dummyMatchContext : matchContext);
-  const routeId = opts.from ?? nearestRouteId;
-  const matchStore = router.stores.getMatchStore(routeId);
-  if (isServer ?? router.isServer) {
-    const match = matchStore.get();
-    if (!match) {
-      if (opts.shouldThrow ?? true) {
-        if (process.env.NODE_ENV !== "production") throw new Error(`Invariant failed: Could not find ${opts.from ? `an active match from "${opts.from}"` : "a nearest match!"}`);
-        invariant();
-      }
-      return;
-    }
-    return opts.select ? opts.select(match) : match;
-  }
-  const selector = useStructuralSharing(opts, router);
-  const matchSelection = useSelector(matchStore, (match) => match ? selector(match) : dummyMatch);
-  if (matchSelection !== dummyMatch) return matchSelection;
-  if (opts.shouldThrow ?? true) {
-    if (process.env.NODE_ENV !== "production") throw new Error(`Invariant failed: Could not find ${opts.from ? `an active match from "${opts.from}"` : "a nearest match!"}`);
-    invariant();
-  }
-}
-
-// node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/useLoaderData.js
-function useLoaderData(opts) {
-  return useMatch({
-    from: opts.from,
-    strict: opts.strict,
-    structuralSharing: opts.structuralSharing,
-    select: (match) => {
-      return opts.select ? opts.select(match.loaderData) : match.loaderData;
-    }
-  });
-}
-
-// node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/useLoaderDeps.js
-function useLoaderDeps(opts) {
-  const { select, ...rest } = opts;
-  return useMatch({
-    ...rest,
-    select: (match) => {
-      return select ? select(match.loaderDeps) : match.loaderDeps;
-    }
-  });
-}
-
-// node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/useParams.js
-function useParams(opts) {
-  return useMatch({
-    from: opts.from,
-    shouldThrow: opts.shouldThrow,
-    structuralSharing: opts.structuralSharing,
-    strict: opts.strict,
-    select: (match) => {
-      const params = opts.strict === false ? match.params : match._strictParams;
-      return opts.select ? opts.select(params) : params;
-    }
-  });
-}
-
-// node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/useSearch.js
-function useSearch(opts) {
-  return useMatch({
-    from: opts.from,
-    strict: opts.strict,
-    shouldThrow: opts.shouldThrow,
-    structuralSharing: opts.structuralSharing,
-    select: (match) => {
-      return opts.select ? opts.select(match.search) : match.search;
-    }
-  });
-}
-
-// node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/useRouteContext.js
-function useRouteContext(opts) {
-  return useMatch({
-    ...opts,
-    select: (match) => opts.select ? opts.select(match.context) : match.context
-  });
-}
-
-// node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/ClientOnly.js
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var getSnapshot = () => true;
-var getServerSnapshot = () => false;
-function ClientOnly({ children, fallback = null }) {
-  return /* @__PURE__ */ jsx(React.Fragment, { children: useHydrated() ? children : fallback });
-}
-function useHydrated(enabled = true) {
-  return React.useSyncExternalStore(subscribe, getSnapshot, enabled ? getServerSnapshot : getSnapshot);
-}
-function subscribe() {
-  return () => {
-  };
-}
-
 // node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/link.js
-import * as React$17 from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
 function useStableValues(...values) {
-  const ref = React$17.useRef(values);
+  const ref = React$15.useRef(values);
   const stable = ref.current;
   values.forEach((value, index) => {
     if (!deepEqual(stable[index], value, false, true)) stable[index] = value;
@@ -6978,8 +6879,8 @@ function resolveIsActive(location, next, activeOptions, basepath, isHydrated) {
 function useLinkProps(options, forwardedRef, host) {
   const router = useRouter();
   if (isServer ?? router.isServer) return getServerLinkProps(router, options, forwardedRef, host);
-  const innerRef = React$17.useRef(null);
-  const mergedRef = React$17.useCallback((element) => {
+  const innerRef = React$15.useRef(null);
+  const mergedRef = React$15.useCallback((element) => {
     innerRef.current = element;
     if (typeof forwardedRef === "function") return forwardedRef(element);
     if (forwardedRef) forwardedRef.current = element;
@@ -6987,7 +6888,7 @@ function useLinkProps(options, forwardedRef, host) {
   const { activeOptions, to, preload: userPreload, preloadDelay: userPreloadDelay, hashScrollIntoView, replace, startTransition: startTransition2, resetScroll, viewTransition, ignoreBlocker, disabled, target, onClick, onBlur, onFocus, onMouseEnter, onMouseLeave, onTouchStart } = options;
   const isHydrated = useHydrated(!!activeOptions?.includeHash);
   const [stableSearch, stableParams, stableActiveOptions] = useStableValues(options.search, options.params, activeOptions);
-  const [_options, dest] = React$17.useMemo(() => [options, { ...options }], [
+  const [_options, dest] = React$15.useMemo(() => [options, { ...options }], [
     router,
     options.from,
     options._fromLocation,
@@ -6999,7 +6900,7 @@ function useLinkProps(options, forwardedRef, host) {
     options.mask,
     options.unsafeRelative
   ]);
-  const selectLinkState = React$17.useMemo(() => {
+  const selectLinkState = React$15.useMemo(() => {
     const directExternalLink = resolveExternalLink(to, router.protocolAllowlist);
     if (directExternalLink !== void 0) {
       const state = [directExternalLink ?? void 0];
@@ -7029,10 +6930,10 @@ function useLinkProps(options, forwardedRef, host) {
   const [href, isActive] = useSelector(router.stores.location, selectLinkState, LINK_SELECTOR_OPTIONS);
   const externalLink = isActive === void 0 && href;
   const linkDisabled = disabled || href === void 0;
-  const hasRenderFetched = React$17.useRef(false);
+  const hasRenderFetched = React$15.useRef(false);
   const preload = options.reloadDocument || externalLink || linkDisabled ? false : userPreload ?? router.options.defaultPreload;
   const preloadDelay = userPreloadDelay ?? router.options.defaultPreloadDelay ?? 0;
-  const enqueuePreload = React$17.useCallback((e) => {
+  const enqueuePreload = React$15.useCallback((e) => {
     const isIntersecting = e?.isIntersecting;
     if (!(isIntersecting ?? preload === "intent")) {
       if (isIntersecting === false) cancelPreload(innerRef);
@@ -7054,7 +6955,7 @@ function useLinkProps(options, forwardedRef, host) {
     preload,
     preloadDelay
   ]);
-  React$17.useEffect(() => {
+  React$15.useEffect(() => {
     if (!preload) return;
     if (preload === "render" && !hasRenderFetched.current) {
       hasRenderFetched.current = true;
@@ -7208,11 +7109,11 @@ function getHrefOption(next, router, disabled) {
   }
   return href;
 }
-var Link = React$17.memo(React$17.forwardRef((props, ref) => {
+var Link = React$15.memo(React$15.forwardRef((props, ref) => {
   const host = props._asChild || "a";
   const linkProps = useLinkProps(props, ref, host);
   const children = typeof props.children === "function" ? props.children({ isActive: linkProps["data-status"] === "active" }) : props.children;
-  return React$17.createElement(host, linkProps, children);
+  return React$15.createElement(host, linkProps, children);
 }), areLinkPropsEqual);
 function areLinkPropsEqual(prev, next) {
   let extraKeys = 0;
@@ -7225,6 +7126,105 @@ function areLinkPropsEqual(prev, next) {
   return extraKeys === 0;
 }
 
+// node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/matchContext.js
+import * as React$16 from "react";
+var matchContext = React$16.createContext(void 0);
+var dummyMatchContext = React$16.createContext(void 0);
+
+// node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/useMatch.js
+import * as React$17 from "react";
+var dummyMatch = {};
+function useStructuralSharing(opts, router) {
+  const previousResult = React$17.useRef();
+  return (slice) => {
+    const selected = opts?.select ? opts.select(slice) : slice;
+    if (opts?.structuralSharing ?? router.options.defaultStructuralSharing) return previousResult.current = replaceEqualDeep(previousResult.current, selected);
+    return selected;
+  };
+}
+function useMatch(opts) {
+  const router = useRouter();
+  const nearestRouteId = React$17.useContext(opts.from ? dummyMatchContext : matchContext);
+  const routeId = opts.from ?? nearestRouteId;
+  const matchStore = router.stores.getMatchStore(routeId);
+  if (isServer ?? router.isServer) {
+    const match = matchStore.get();
+    if (!match) {
+      if (opts.shouldThrow ?? true) {
+        if (process.env.NODE_ENV !== "production") throw new Error(`Invariant failed: Could not find ${opts.from ? `an active match from "${opts.from}"` : "a nearest match!"}`);
+        invariant();
+      }
+      return;
+    }
+    return opts.select ? opts.select(match) : match;
+  }
+  const selector = useStructuralSharing(opts, router);
+  const matchSelection = useSelector(matchStore, (match) => match ? selector(match) : dummyMatch);
+  if (matchSelection !== dummyMatch) return matchSelection;
+  if (opts.shouldThrow ?? true) {
+    if (process.env.NODE_ENV !== "production") throw new Error(`Invariant failed: Could not find ${opts.from ? `an active match from "${opts.from}"` : "a nearest match!"}`);
+    invariant();
+  }
+}
+
+// node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/useLoaderData.js
+function useLoaderData(opts) {
+  return useMatch({
+    from: opts.from,
+    strict: opts.strict,
+    structuralSharing: opts.structuralSharing,
+    select: (match) => {
+      return opts.select ? opts.select(match.loaderData) : match.loaderData;
+    }
+  });
+}
+
+// node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/useLoaderDeps.js
+function useLoaderDeps(opts) {
+  const { select, ...rest } = opts;
+  return useMatch({
+    ...rest,
+    select: (match) => {
+      return select ? select(match.loaderDeps) : match.loaderDeps;
+    }
+  });
+}
+
+// node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/useParams.js
+function useParams(opts) {
+  return useMatch({
+    from: opts.from,
+    shouldThrow: opts.shouldThrow,
+    structuralSharing: opts.structuralSharing,
+    strict: opts.strict,
+    select: (match) => {
+      const params = opts.strict === false ? match.params : match._strictParams;
+      return opts.select ? opts.select(params) : params;
+    }
+  });
+}
+
+// node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/useSearch.js
+function useSearch(opts) {
+  return useMatch({
+    from: opts.from,
+    strict: opts.strict,
+    shouldThrow: opts.shouldThrow,
+    structuralSharing: opts.structuralSharing,
+    select: (match) => {
+      return opts.select ? opts.select(match.search) : match.search;
+    }
+  });
+}
+
+// node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/useRouteContext.js
+function useRouteContext(opts) {
+  return useMatch({
+    ...opts,
+    select: (match) => opts.select ? opts.select(match.context) : match.context
+  });
+}
+
 // node_modules/.pnpm/@tanstack+react-router@1.170.41_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@tanstack/react-router/dist/esm/route.js
 import React2 from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
@@ -8219,6 +8219,7 @@ export {
   makeSerovalPlugin,
   RawStream,
   useNavigate,
+  Link,
   createRootRoute,
   createFileRoute,
   lazyRouteComponent,

package/dist/web/server/chunk-5IE54MRG.js

@@ -0,0 +1,207 @@
+import {
+  Trace,
+  TraceCollapsible,
+  TraceCollapsibleContent,
+  TraceCollapsibleTrigger,
+  TraceDescription,
+  TraceIcon,
+  TraceLine,
+  TraceTitle,
+  normalizeToolPart$1,
+  toolActionIconForName
+} from "./chunk-V2GCVTDP.js";
+import {
+  cn
+} from "./chunk-VDEUVEWL.js";
+
+// web/app/dist/server/assets/tool-timeline-BSpji3Vu.js
+import { Suspense, lazy, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var LazySessionToolRenderer = lazy(() => import("./session-tool-renderer-Cg_ZPHxS-BNQKNJNZ.js").then((n) => n.n).then(({ SessionToolRenderer }) => ({ default: SessionToolRenderer })));
+var NO_ARTIFACTS = [];
+function artifactPanel(kind) {
+  return kind === "ipython" ? "repl" : "artifacts";
+}
+function withArtifact(step, artifact) {
+  if (!artifact) return step;
+  return {
+    ...step,
+    artifactId: artifact.id,
+    artifactTitle: artifact.title,
+    artifactTarget: artifactPanel(artifact.kind)
+  };
+}
+function record(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) ? value : void 0;
+}
+function status(part, streaming) {
+  const state = part.state;
+  if (state === "output-error" || state === "error") return "error";
+  if (state === "cancelled" || state === "canceled" || state === "aborted" || state === "interrupted") return "cancelled";
+  if (state === "input-streaming" || state === "streaming") return streaming ? "running" : "cancelled";
+  if (state === "input-available" || state === "pending" || state === "queued") return "pending";
+  return streaming && part.output === void 0 && part.result === void 0 ? "running" : "complete";
+}
+function toolStep(part, fallbackId, streaming, nestedTools = [], isNestedTaskTool = false) {
+  const type = part.type;
+  if (typeof type !== "string" || !type.startsWith("tool-") || type === "tool-Question" || type === "tool-FleetReasoning" || type === "tool-Thinking" || isNestedTaskTool) return void 0;
+  const name = type.slice(5);
+  const lower = name.toLowerCase();
+  const verb = lower.includes("edit") || lower.includes("write") || lower.includes("patch") ? "Edited" : lower.includes("read") ? "Read" : lower.includes("search") || lower.includes("grep") || lower.includes("glob") ? "Searched" : lower.includes("bash") || lower.includes("shell") || lower.includes("python") || lower.includes("ipython") ? "Ran" : name;
+  const normalized = normalizeToolPart$1(part);
+  return {
+    id: typeof part.toolCallId === "string" ? part.toolCallId : fallbackId,
+    verb,
+    target: name,
+    status: status(part, streaming),
+    part,
+    nestedTools,
+    traceDescription: normalized?.traceDescription,
+    durationLabel: normalized?.durationLabel,
+    reportedError: normalized?.outputSummary.isError
+  };
+}
+function artifactStep(artifact) {
+  return {
+    id: `artifact:${artifact.id}`,
+    verb: artifact.kind === "compaction" ? "Compacted" : artifact.kind === "refinement" ? "Refined" : artifact.kind === "rlm" ? "Delegated" : artifact.kind === "diff" ? "Edited" : "Completed",
+    target: artifact.kind === "bash" ? "Bash output" : artifact.kind === "ipython" ? "IPython result" : artifact.kind === "diff" ? "File change" : artifact.kind === "rlm" ? "Child task" : artifact.kind === "refinement" ? "Refinement" : "Session activity",
+    status: artifact.status === "success" ? "complete" : artifact.status
+  };
+}
+function TimelineStepRow({ step, onOpenArtifact, renderToolDetails }) {
+  const Icon = toolActionIconForName(step.part?.type.replace(/^tool-/, "") ?? step.target);
+  const artifactId = step.artifactId;
+  const openLabel = artifactId && step.artifactTitle ? step.artifactTarget === "repl" ? `Open ${step.artifactTitle} in REPL` : `Open ${step.artifactTitle} in artifacts` : void 0;
+  const detailLabel = `Details for ${step.target}${step.id ? ` (${step.id})` : ""}`;
+  const statusLabel = step.reportedError ? "reported error" : step.status === "error" ? "failed" : step.status === "running" ? "running" : step.status === "pending" ? "waiting" : step.status === "cancelled" ? "cancelled" : "done";
+  const line = /* @__PURE__ */ jsxs(TraceLine, {
+    status: step.status === "running" ? "running" : step.status === "error" ? "error" : step.status === "pending" ? "pending" : void 0,
+    children: [
+      /* @__PURE__ */ jsx(TraceIcon, { children: /* @__PURE__ */ jsx(Icon, { className: cn("size-3.5", step.status === "running" && "animate-pulse text-primary", step.status === "error" && "text-destructive") }) }),
+      /* @__PURE__ */ jsxs(TraceTitle, { children: [
+        step.verb,
+        " ",
+        step.target
+      ] }),
+      /* @__PURE__ */ jsx(TraceDescription, {
+        className: step.reportedError ? "text-destructive" : void 0,
+        children: statusLabel
+      }),
+      step.traceDescription ? /* @__PURE__ */ jsx(TraceDescription, {
+        className: "max-w-48 truncate",
+        title: step.traceDescription,
+        children: step.traceDescription
+      }) : null,
+      step.durationLabel ? /* @__PURE__ */ jsx(TraceDescription, { children: step.durationLabel }) : null
+    ]
+  });
+  return /* @__PURE__ */ jsxs("div", {
+    className: "flex min-w-0 items-start gap-2",
+    children: [step.part ? /* @__PURE__ */ jsxs(TraceCollapsible, {
+      className: "min-w-0 flex-1",
+      children: [/* @__PURE__ */ jsx(TraceCollapsibleTrigger, {
+        "aria-label": detailLabel,
+        children: line
+      }), /* @__PURE__ */ jsx(TraceCollapsibleContent, { children: renderToolDetails ? renderToolDetails(step.part, step.status === "running", step.nestedTools) : /* @__PURE__ */ jsx(Suspense, {
+        fallback: null,
+        children: /* @__PURE__ */ jsx(LazySessionToolRenderer, {
+          part: step.part,
+          nestedTools: step.nestedTools,
+          chatStatus: step.status === "running" ? "streaming" : void 0,
+          insideTrace: true
+        })
+      }) })]
+    }) : /* @__PURE__ */ jsx("div", {
+      className: "min-w-0 flex-1",
+      children: line
+    }), openLabel && artifactId && onOpenArtifact ? /* @__PURE__ */ jsx("button", {
+      type: "button",
+      className: "shrink-0 text-micro underline",
+      "aria-label": openLabel,
+      onClick: () => onOpenArtifact(artifactId, step.artifactTarget),
+      children: "Open"
+    }) : null]
+  });
+}
+function ToolTimeline({ messages, artifacts = NO_ARTIFACTS, streaming, className, onOpenArtifact, renderToolDetails }) {
+  const steps = useMemo(() => {
+    const seen = /* @__PURE__ */ new Set();
+    const artifactByToolCallId = new Map(artifacts.flatMap((artifact) => artifact.sourceToolCallId ? [[artifact.sourceToolCallId, artifact]] : []));
+    const fromMessages = messages.flatMap((message) => {
+      const taskPartIds = new Set(message.parts.flatMap((part) => {
+        const source = record(part);
+        return (source?.type === "tool-Task" || source?.type === "tool-Agent") && typeof source.toolCallId === "string" ? [source.toolCallId] : [];
+      }));
+      const nestedToolsByTask = /* @__PURE__ */ new Map();
+      const nestedToolIds = /* @__PURE__ */ new Set();
+      for (const part of message.parts) {
+        const source = record(part);
+        const toolCallId = typeof source?.toolCallId === "string" ? source.toolCallId : void 0;
+        const separator = toolCallId?.indexOf(":") ?? -1;
+        if (!toolCallId || separator <= 0) continue;
+        const parentId = toolCallId.slice(0, separator);
+        if (!taskPartIds.has(parentId)) continue;
+        nestedToolIds.add(toolCallId);
+        const children = nestedToolsByTask.get(parentId) ?? [];
+        children.push(source);
+        nestedToolsByTask.set(parentId, children);
+      }
+      return message.parts.flatMap((part, index) => {
+        const source = record(part) ?? {};
+        const toolCallId = typeof source.toolCallId === "string" ? source.toolCallId : void 0;
+        const step = toolStep(source, `${message.id}:${index}`, streaming, toolCallId ? nestedToolsByTask.get(toolCallId) ?? [] : [], toolCallId ? nestedToolIds.has(toolCallId) : false);
+        if (!step || seen.has(step.id)) return [];
+        seen.add(step.id);
+        return [withArtifact(step, artifactByToolCallId.get(step.id))];
+      });
+    });
+    const fromArtifacts = artifacts.flatMap((artifact) => {
+      if (artifact.kind === "recap") return [];
+      if (artifact.sourceToolCallId && seen.has(artifact.sourceToolCallId)) return [];
+      const step = withArtifact(artifactStep(artifact), artifact);
+      if (seen.has(step.id)) return [];
+      seen.add(step.id);
+      return [step];
+    });
+    return [...fromMessages, ...fromArtifacts];
+  }, [
+    artifacts,
+    messages,
+    streaming
+  ]);
+  const [open, setOpen] = useState(true);
+  if (steps.length === 0) return null;
+  const active = [...steps].reverse().find((step) => step.status === "running") ?? steps.at(-1);
+  const StatusIcon = toolActionIconForName(active?.part?.type.replace(/^tool-/, "") ?? active?.target ?? "activity");
+  return /* @__PURE__ */ jsx(Trace, {
+    className: cn("mb-2", className),
+    "data-testid": "tool-trace",
+    children: /* @__PURE__ */ jsxs(TraceCollapsible, {
+      open,
+      onOpenChange: setOpen,
+      children: [/* @__PURE__ */ jsx(TraceCollapsibleTrigger, {
+        "aria-label": `${steps.length} tool ${steps.length === 1 ? "action" : "actions"}`,
+        children: /* @__PURE__ */ jsxs(TraceLine, {
+          status: active?.status === "running" ? "running" : active?.status === "error" ? "error" : void 0,
+          children: [
+            /* @__PURE__ */ jsx(TraceIcon, { children: /* @__PURE__ */ jsx(StatusIcon, { className: cn("size-3.5", active?.status === "running" && "animate-spin") }) }),
+            /* @__PURE__ */ jsx(TraceTitle, { children: streaming && active ? `${active.verb} ${active.target}` : `${steps.length} tool ${steps.length === 1 ? "action" : "actions"}` }),
+            /* @__PURE__ */ jsx(TraceDescription, { children: steps.length })
+          ]
+        })
+      }), /* @__PURE__ */ jsx(TraceCollapsibleContent, { children: /* @__PURE__ */ jsx(Trace, {
+        className: "gap-1",
+        children: steps.map((step) => /* @__PURE__ */ jsx(TimelineStepRow, {
+          step,
+          onOpenArtifact,
+          renderToolDetails
+        }, step.id))
+      }) })]
+    })
+  });
+}
+
+export {
+  ToolTimeline
+};