@tonyclaw/agent-inspector 2.0.1 → 2.0.3

package/.output/server/_ssr/{ProxyViewerContainer-fawglkTo.mjs → ProxyViewerContainer-CMWl3Ijy.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, a as React } from "../_libs/react.mjs";
-import { C as CapturedLogSchema, D as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, a as RuntimeConfigSchema, r as requestFormatForPath, c as createPendingProviderTestResults, P as ProviderTestResultsSchema, d as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, g as getSessionPath, e as ProviderConfigSchema, s as stripClaudeCodeBillingHeader, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, b as AnthropicRequestSchema } from "./router-C0B2qvIM.mjs";
+import { C as CapturedLogSchema, D as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, a as RuntimeConfigSchema, r as requestFormatForPath, d as createPendingProviderTestResults, P as ProviderTestResultsSchema, e as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, g as getSessionPath, f as ProviderConfigSchema, K as KnowledgeCandidateSchema, s as stripClaudeCodeBillingHeader, c as safeGetOwnProperty, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, b as AnthropicRequestSchema } from "./router-BemxgIg7.mjs";
 import { u as useSWR, a as useSWRConfig } from "../_libs/swr.mjs";
 import { J as JSZip } from "../_libs/jszip.mjs";
 import { c as clsx } from "../_libs/clsx.mjs";
@@ -9,7 +9,7 @@ import { R as Root, T as Trigger$2, C as Content, a as Close, b as Title, P as P
 import { d as diffJson, a as diffLines } from "../_libs/diff.mjs";
 import { u as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { R as Root2, T as Trigger, I as Icon, V as Value, P as Portal, C as Content2, a as Viewport, b as Item, c as ItemIndicator, d as ItemText, S as ScrollUpButton, e as ScrollDownButton } from "../_libs/radix-ui__react-select.mjs";
-import { C as Check, X, P as Plus, D as Download, S as Settings, A as ArrowLeft, a as Copy, b as ChevronDown, U as Upload, c as Scan, d as CircleAlert, e as ChevronUp, L as LoaderCircle, f as ChevronRight, g as User, h as Clock, M as MessageSquare, Z as Zap, E as ExternalLink, T as Trash2, i as TriangleAlert, j as EyeOff, k as Eye, R as RotateCw, l as Pencil, m as Minus, n as CircleCheckBig, O as OctagonAlert, W as Wrench, G as Globe, F as FileTerminal, o as Radio, p as ChevronsUp, q as ChevronsDown, r as FileDiff, H as History, s as RotateCcw, t as GitCompareArrows, u as CircleQuestionMark, v as Server, w as Gauge, x as Lock, y as Wifi, z as WifiOff, B as ArrowUp, I as ArrowDown, J as Rows3, K as Columns2 } from "../_libs/lucide-react.mjs";
+import { C as Check, X, P as Plus, D as Download, S as Settings, A as ArrowLeft, a as Copy, b as ChevronDown, U as Upload, c as Scan, d as CircleAlert, e as ChevronUp, L as LoaderCircle, f as ChevronRight, g as User, h as Clock, M as MessageSquare, Z as Zap, E as ExternalLink, T as Trash2, W as Wrench, i as TriangleAlert, B as Brain, j as EyeOff, k as Eye, R as RotateCw, l as Pencil, m as Minus, n as CircleCheckBig, O as OctagonAlert, G as Globe, F as FileTerminal, o as Radio, p as ChevronsUp, q as ChevronsDown, r as FileDiff, H as History, s as RotateCcw, t as GitCompareArrows, u as CircleQuestionMark, v as Server, w as Gauge, x as Lock, y as Wifi, z as WifiOff, I as ArrowUp, J as ArrowDown, K as Rows3, N as Columns2 } from "../_libs/lucide-react.mjs";
 import { u as union, d as object, a as array, l as literal, b as string, n as number, c as boolean, _ as _enum } from "../_libs/zod.mjs";
 import { P as Provider, R as Root3, T as Trigger$1, a as Portal$1, C as Content2$1, A as Arrow2 } from "../_libs/radix-ui__react-tooltip.mjs";
 import { R as Root2$1, L as List, T as Trigger$3, C as Content$1 } from "../_libs/radix-ui__react-tabs.mjs";
@@ -17,7 +17,7 @@ import { S as Slot } from "../_libs/radix-ui__react-slot.mjs";
 const ApiErrorSchema = object({
   error: string()
 });
-async function parseJsonResponse(response, schema) {
+async function parseJsonResponse$1(response, schema) {
   const data = await response.json();
   return schema.parse(data);
 }
@@ -36,7 +36,7 @@ async function fetchJson(input, schema, init, errorFallback) {
     const fallback = errorFallback?.(response) ?? `Request failed with status ${response.status}`;
     throw new Error(await readApiError(response, fallback));
   }
-  return parseJsonResponse(response, schema);
+  return parseJsonResponse$1(response, schema);
 }
 const STRIP_CONFIG_SWR_KEY = "/api/config";
 async function fetcher$2(url) {
@@ -275,7 +275,7 @@ function getStatusCategory(status) {
   if (status >= 500) return "server_error";
   return "pending";
 }
-const version = "2.0.1";
+const version = "2.0.3";
 const packageJson = {
   version
 };
@@ -1343,27 +1343,27 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-DGYAUWgF.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-C08L3UOO.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-B4vlKa2W.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-CPDo9_G5.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-BNQvEIZK.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-D9wt_K1E.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-X6X6G16_.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-DXaL7nY3.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-BPVN3MnF.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-B_hudZyb.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
 const LazyJsonViewer = reactExports.lazy(
-  () => import("./json-viewer-3XC3eq4R.mjs").then((m) => ({ default: m.JsonViewer }))
+  () => import("./json-viewer-Ci6kkjde.mjs").then((m) => ({ default: m.JsonViewer }))
 );
 const LazyJsonViewerFromString = reactExports.lazy(
-  () => import("./json-viewer-3XC3eq4R.mjs").then((m) => ({ default: m.JsonViewerFromString }))
+  () => import("./json-viewer-Ci6kkjde.mjs").then((m) => ({ default: m.JsonViewerFromString }))
 );
 const HIGHLIGHT_DURATION_MS = 1200;
 const MAX_HIGHLIGHT_ATTEMPTS = 12;
@@ -1757,7 +1757,7 @@ const STATUS_BADGE_CLASSES = {
   server_error: "bg-rose-500/15 text-rose-400 border-rose-500/25",
   pending: "bg-muted text-muted-foreground border-border"
 };
-function formatElapsed$1(ms) {
+function formatElapsed$2(ms) {
   if (ms < 1e3) return `${ms}ms`;
   return `${(ms / 1e3).toFixed(1)}s`;
 }
@@ -1849,12 +1849,12 @@ const LogEntryHeader = reactExports.memo(function({
               ),
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: formatElapsed$1(log.elapsedMs) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: formatElapsed$2(log.elapsedMs) }),
                 isSlowResponse && /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-3", "aria-label": "Slow response" })
               ]
             }
           ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: isSlowResponse ? `Slow response: ${formatElapsed$1(log.elapsedMs)} exceeds ${formatElapsed$1(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: isSlowResponse ? `Slow response: ${formatElapsed$2(log.elapsedMs)} exceeds ${formatElapsed$2(
             slowResponseThresholdSeconds * 1e3
           )}` : "Elapsed response time" })
         ] }),
@@ -2764,6 +2764,29 @@ function ThreadConnector({
     ) })
   ] });
 }
+function ToolTraceEvents({ events }) {
+  if (events.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-3 mb-2 grid gap-1.5", children: events.map((event) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: "flex min-w-0 items-center gap-2 rounded-md border border-amber-500/20 bg-amber-500/5 px-2.5 py-1.5 text-xs",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Wrench, { className: "size-3.5 shrink-0 text-amber-400" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono font-semibold text-amber-300", children: event.name }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono text-muted-foreground", children: [
+          "#",
+          event.logId
+        ] }),
+        event.argumentsPreview !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3 shrink-0 text-muted-foreground/60" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 truncate font-mono text-muted-foreground", children: event.argumentsPreview })
+        ] })
+      ]
+    },
+    event.id
+  )) });
+}
+const PREVIEW_LIMIT = 180;
 function shouldRenderConversationContent(standalone, expanded) {
   return standalone || expanded;
 }
@@ -2801,7 +2824,135 @@ function buildValidPredecessors(groups) {
   }
   return predecessors;
 }
-function formatElapsed(ms) {
+function parseJsonResponse(responseText) {
+  if (responseText === null) return null;
+  try {
+    const parsed = JSON.parse(responseText);
+    if (typeof parsed === "string") {
+      return JSON.parse(parsed);
+    }
+    return parsed;
+  } catch {
+    return null;
+  }
+}
+function previewValue(value) {
+  if (value === void 0 || value === null) return null;
+  const raw = typeof value === "string" ? value : JSON.stringify(value);
+  if (raw === void 0) return null;
+  const normalized = raw.replace(/\s+/g, " ").trim();
+  if (normalized.length === 0) return null;
+  return normalized.length > PREVIEW_LIMIT ? `${normalized.slice(0, PREVIEW_LIMIT - 1)}...` : normalized;
+}
+function extractAnthropicToolTraceEvents(log) {
+  const parsed = parseJsonResponse(log.responseText);
+  const content = safeGetOwnProperty(parsed, "content");
+  if (!Array.isArray(content)) return [];
+  const events = [];
+  for (const block of content) {
+    const type = safeGetOwnProperty(block, "type");
+    if (type !== "tool_use") continue;
+    const name = safeGetOwnProperty(block, "name");
+    if (typeof name !== "string" || name.length === 0) continue;
+    events.push({
+      id: `${String(log.id)}-anthropic-tool-${String(events.length)}`,
+      logId: log.id,
+      index: events.length,
+      provider: "anthropic",
+      name,
+      argumentsPreview: previewValue(safeGetOwnProperty(block, "input"))
+    });
+  }
+  return events;
+}
+function extractOpenAIToolTraceEvents(log) {
+  const parsed = parseJsonResponse(log.responseText);
+  const choices = safeGetOwnProperty(parsed, "choices");
+  if (!Array.isArray(choices)) return [];
+  const events = [];
+  for (const choice of choices) {
+    const message = safeGetOwnProperty(choice, "message");
+    const toolCalls = safeGetOwnProperty(message, "tool_calls");
+    if (!Array.isArray(toolCalls)) continue;
+    for (const call of toolCalls) {
+      const fn = safeGetOwnProperty(call, "function");
+      const name = safeGetOwnProperty(fn, "name");
+      if (typeof name !== "string" || name.length === 0) continue;
+      events.push({
+        id: `${String(log.id)}-openai-tool-${String(events.length)}`,
+        logId: log.id,
+        index: events.length,
+        provider: "openai",
+        name,
+        argumentsPreview: previewValue(safeGetOwnProperty(fn, "arguments"))
+      });
+    }
+  }
+  return events;
+}
+function extractToolTraceEvents(log) {
+  const format = resolveLogFormat(log);
+  switch (format) {
+    case "anthropic":
+      return extractAnthropicToolTraceEvents(log);
+    case "openai":
+      return extractOpenAIToolTraceEvents(log);
+    case "unknown":
+      return [];
+  }
+}
+function buildTraceSummary(logs, slowResponseThresholdSeconds, knowledgeCandidateCount = 0) {
+  let failedCallCount = 0;
+  let pendingCallCount = 0;
+  let slowCallCount = 0;
+  let totalInputTokens = 0;
+  let totalOutputTokens = 0;
+  let totalCacheCreationInputTokens = 0;
+  let totalCacheReadInputTokens = 0;
+  let totalElapsedMs = 0;
+  let maxElapsedMs = null;
+  let toolCallCount = 0;
+  for (const log of logs) {
+    if (log.responseStatus === null) {
+      pendingCallCount += 1;
+    } else if (log.responseStatus >= 400) {
+      failedCallCount += 1;
+    }
+    if (log.elapsedMs !== null && slowResponseThresholdSeconds > 0 && log.elapsedMs > slowResponseThresholdSeconds * 1e3) {
+      slowCallCount += 1;
+    }
+    if (log.inputTokens !== null) totalInputTokens += log.inputTokens;
+    if (log.outputTokens !== null) totalOutputTokens += log.outputTokens;
+    if (log.cacheCreationInputTokens !== null) {
+      totalCacheCreationInputTokens += log.cacheCreationInputTokens;
+    }
+    if (log.cacheReadInputTokens !== null) {
+      totalCacheReadInputTokens += log.cacheReadInputTokens;
+    }
+    if (log.elapsedMs !== null) {
+      totalElapsedMs += log.elapsedMs;
+      maxElapsedMs = maxElapsedMs === null ? log.elapsedMs : Math.max(maxElapsedMs, log.elapsedMs);
+    }
+    toolCallCount += extractToolTraceEvents(log).length;
+  }
+  return {
+    llmCallCount: logs.length,
+    toolCallCount,
+    failedCallCount,
+    pendingCallCount,
+    slowCallCount,
+    totalInputTokens,
+    totalOutputTokens,
+    totalCacheCreationInputTokens,
+    totalCacheReadInputTokens,
+    totalElapsedMs,
+    maxElapsedMs,
+    startedAt: logs[0]?.timestamp ?? null,
+    endedAt: logs[logs.length - 1]?.timestamp ?? null,
+    knowledgeCandidateCount
+  };
+}
+function formatElapsed$1(ms) {
   if (ms < 1e3) return `${ms}ms`;
   return `${(ms / 1e3).toFixed(1)}s`;
 }
@@ -2871,6 +3022,14 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
   const EndCrab = reactExports.useMemo(() => getCrabVariant(entries[lastIdx]?.log.id ?? 0), [entries, lastIdx]);
   const bgClass = turnIndex % 2 === 0 ? "bg-muted/10" : "bg-muted/25";
   const aggregateIsSlow = aggregate.maxElapsed !== null && slowResponseThresholdSeconds > 0 && aggregate.maxElapsed > slowResponseThresholdSeconds * 1e3;
+  const toolEventsByLogId = reactExports.useMemo(() => {
+    const events = /* @__PURE__ */ new Map();
+    for (const entry of entries) {
+      const extracted = extractToolTraceEvents(entry.log);
+      if (extracted.length > 0) events.set(entry.log.id, extracted);
+    }
+    return events;
+  }, [entries]);
   const [layoutVersion, setLayoutVersion] = reactExports.useState(0);
   const containerRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
@@ -3001,14 +3160,14 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
                           ),
                           children: [
                             /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
-                            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: formatElapsed(aggregate.maxElapsed) }),
+                            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: formatElapsed$1(aggregate.maxElapsed) }),
                             aggregateIsSlow && /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-3", "aria-label": "Slow response" })
                           ]
                         }
                       ) }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: aggregateIsSlow ? `Slow response: ${formatElapsed(
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: aggregateIsSlow ? `Slow response: ${formatElapsed$1(
                         aggregate.maxElapsed
-                      )} exceeds ${formatElapsed(slowResponseThresholdSeconds * 1e3)}` : "Slowest request in this turn" })
+                      )} exceeds ${formatElapsed$1(slowResponseThresholdSeconds * 1e3)}` : "Slowest request in this turn" })
                     ] }) }),
                     aggregate.hasTokens && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 shrink-0", children: [
                       /* @__PURE__ */ jsxRuntimeExports.jsx(Zap, { className: "size-3 text-muted-foreground" }),
@@ -3052,23 +3211,204 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
                 onToggle: toggleCollapse
               }
             ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("flex-1 min-w-0 mb-0.5 rounded-lg", bgClass), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              LogEntry,
-              {
-                log,
-                viewMode,
-                strip,
-                slowResponseThresholdSeconds,
-                cacheTrend: cacheTrends?.get(log.id) ?? null,
-                onCompareWithPrevious: comparisonPredecessors.has(log.id) ? onCompareWithPrevious : void 0
-              }
-            ) })
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("flex-1 min-w-0 mb-0.5 rounded-lg", bgClass), children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                LogEntry,
+                {
+                  log,
+                  viewMode,
+                  strip,
+                  slowResponseThresholdSeconds,
+                  cacheTrend: cacheTrends?.get(log.id) ?? null,
+                  onCompareWithPrevious: comparisonPredecessors.has(log.id) ? onCompareWithPrevious : void 0
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ToolTraceEvents, { events: toolEventsByLogId.get(log.id) ?? [] })
+            ] })
           ] }, log.id);
         })
       )
     }
   );
 });
+const CandidateResponseSchema = object({
+  candidates: array(KnowledgeCandidateSchema)
+});
+function formatElapsed(ms) {
+  if (ms === null) return "-";
+  if (ms < 1e3) return `${String(ms)}ms`;
+  return `${(ms / 1e3).toFixed(1)}s`;
+}
+function formatTimeRange$1(startedAt, endedAt) {
+  if (startedAt === null || endedAt === null) return null;
+  const format = (iso) => new Date(iso).toLocaleTimeString([], {
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit"
+  });
+  return `${format(startedAt)} - ${format(endedAt)}`;
+}
+function scrollToLog(logId) {
+  const target = document.getElementById(`log-${String(logId)}`);
+  if (!(target instanceof HTMLElement)) return;
+  target.scrollIntoView({ block: "center", behavior: "smooth" });
+  target.focus({ preventScroll: true });
+  if (target.getAttribute("data-nav-action") === "expand") {
+    target.click();
+  }
+}
+function CandidateList({ candidates }) {
+  if (candidates.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 grid gap-1.5", children: candidates.map((candidate) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: "rounded-md border border-border/80 bg-background/60 px-2.5 py-2",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: "h-5 px-1.5 text-[10px] font-mono", children: candidate.type }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1 truncate text-xs font-medium", title: candidate.title, children: candidate.title }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 font-mono text-[10px] text-muted-foreground", children: candidate.status })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 flex flex-wrap items-center gap-1.5", children: candidate.logIds.map((logId) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => scrollToLog(logId),
+            className: "rounded border border-border px-1.5 py-0.5 font-mono text-[10px] text-blue-400 transition-colors hover:bg-muted hover:text-blue-300",
+            children: [
+              "#",
+              logId
+            ]
+          },
+          logId
+        )) })
+      ]
+    },
+    candidate.id
+  )) });
+}
+function AgentTraceSummary({
+  logs,
+  scopeId,
+  slowResponseThresholdSeconds
+}) {
+  const [candidates, setCandidates] = reactExports.useState([]);
+  const [candidateState, setCandidateState] = reactExports.useState({
+    status: "idle",
+    error: null
+  });
+  const summary = reactExports.useMemo(
+    () => buildTraceSummary(logs, slowResponseThresholdSeconds, candidates.length),
+    [candidates.length, logs, slowResponseThresholdSeconds]
+  );
+  const timeRange = reactExports.useMemo(
+    () => formatTimeRange$1(summary.startedAt, summary.endedAt),
+    [summary.endedAt, summary.startedAt]
+  );
+  const createCandidates = reactExports.useCallback(() => {
+    if (logs.length === 0 || candidateState.status === "loading") return;
+    setCandidateState({ status: "loading", error: null });
+    void (async () => {
+      try {
+        const response = await fetch(
+          `/api/knowledge/sessions/${encodeURIComponent(scopeId)}/candidates`,
+          { method: "POST" }
+        );
+        if (!response.ok) {
+          const message = await readApiError(
+            response,
+            `Candidate generation failed with ${String(response.status)}`
+          );
+          setCandidateState({ status: "failed", error: message });
+          return;
+        }
+        const parsed = await parseJsonResponse$1(response, CandidateResponseSchema);
+        setCandidates(parsed.candidates);
+        setCandidateState({ status: "ready", error: null });
+      } catch (error) {
+        setCandidateState({
+          status: "failed",
+          error: error instanceof Error ? error.message : "Candidate response was invalid"
+        });
+      }
+    })();
+  }, [candidateState.status, logs.length, scopeId]);
+  if (logs.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "mb-2 rounded-lg border border-border bg-muted/10 px-3 py-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-2 text-xs", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5 font-semibold text-foreground", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(MessageSquare, { className: "size-3.5 text-blue-400" }),
+        summary.llmCallCount,
+        " LLM"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5 text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Wrench, { className: "size-3.5 text-amber-400" }),
+        summary.toolCallCount,
+        " tools"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5 text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Zap, { className: "size-3.5 text-emerald-400" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono", children: [
+          formatTokens(summary.totalInputTokens),
+          " / ",
+          formatTokens(summary.totalOutputTokens)
+        ] })
+      ] }),
+      (summary.totalCacheCreationInputTokens > 0 || summary.totalCacheReadInputTokens > 0) && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5 text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Zap, { className: "size-3.5 text-purple-400" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono", children: [
+          "+",
+          formatTokens(summary.totalCacheCreationInputTokens),
+          " / ~",
+          formatTokens(summary.totalCacheReadInputTokens)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5 text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3.5" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: formatElapsed(summary.totalElapsedMs) }),
+        summary.maxElapsedMs !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono text-muted-foreground/70", children: [
+          "max ",
+          formatElapsed(summary.maxElapsedMs)
+        ] })
+      ] }),
+      timeRange !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-muted-foreground/70", children: timeRange }),
+      (summary.failedCallCount > 0 || summary.pendingCallCount > 0 || summary.slowCallCount > 0) && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5 text-amber-400", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-3.5" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono", children: [
+          summary.failedCallCount,
+          " fail / ",
+          summary.pendingCallCount,
+          " pending /",
+          " ",
+          summary.slowCallCount,
+          " slow"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "outline", className: "h-6 px-2 text-[10px] font-mono", children: [
+        summary.knowledgeCandidateCount,
+        " memory"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          className: "h-7 gap-1.5 px-2 text-xs",
+          onClick: createCandidates,
+          disabled: candidateState.status === "loading",
+          children: [
+            candidateState.status === "loading" ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Brain, { className: "size-3.5" }),
+            "Candidate"
+          ]
+        }
+      )
+    ] }),
+    candidateState.status === "failed" && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-xs text-destructive", children: candidateState.error }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CandidateList, { candidates })
+  ] });
+}
 function computeStats(logs) {
   let totalInput = 0;
   let totalOutput = 0;
@@ -3115,20 +3455,30 @@ const ConversationGroup = reactExports.memo(function({
         onClear: () => onClearGroup(group.logs.map((l) => l.id))
       }
     ),
-    shouldRenderConversationContent(standalone, expanded) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: turnGroups.map((tg) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      TurnGroup,
-      {
-        entries: tg.entries,
-        viewMode,
-        strip,
-        slowResponseThresholdSeconds,
-        cacheTrends,
-        onCompareWithPrevious,
-        comparisonPredecessors,
-        turnIndex: tg.turnIndex
-      },
-      tg.turnIndex
-    )) })
+    shouldRenderConversationContent(standalone, expanded) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        AgentTraceSummary,
+        {
+          logs: group.logs,
+          scopeId: group.conversationId,
+          slowResponseThresholdSeconds
+        }
+      ),
+      turnGroups.map((tg) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        TurnGroup,
+        {
+          entries: tg.entries,
+          viewMode,
+          strip,
+          slowResponseThresholdSeconds,
+          cacheTrends,
+          onCompareWithPrevious,
+          comparisonPredecessors,
+          turnIndex: tg.turnIndex
+        },
+        tg.turnIndex
+      ))
+    ] })
   ] });
 });
 function CrabLogo({ className }) {
@@ -3798,26 +4148,6 @@ function ProviderCard({
   const [showApiKey, setShowApiKey] = reactExports.useState(false);
   const [copied, setCopied] = reactExports.useState(false);
   const [showModelResults, setShowModelResults] = reactExports.useState(false);
-  const hasLoggedRef = reactExports.useRef(null);
-  const lastTestedAtRef = reactExports.useRef(void 0);
-  if (testResults?.testedAt !== void 0 && testResults.testedAt !== lastTestedAtRef.current) {
-    lastTestedAtRef.current = testResults.testedAt;
-    hasLoggedRef.current = null;
-  }
-  const handleToggleModelResults = reactExports.useCallback(() => {
-    setShowModelResults((v) => {
-      const next = !v;
-      if (next && hasLoggedRef.current === null && testResults?.models !== void 0) {
-        hasLoggedRef.current = testResults.testedAt ?? "";
-        void fetch(`/api/providers/${provider.id}/test/log`, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(testResults)
-        });
-      }
-      return next;
-    });
-  }, [provider.id, testResults]);
   function handleCopy() {
     navigator.clipboard.writeText(provider.apiKey).catch(() => {
     });
@@ -3911,7 +4241,7 @@ function ProviderCard({
             "button",
             {
               type: "button",
-              onClick: handleToggleModelResults,
+              onClick: () => setShowModelResults((value) => !value),
               className: "text-xs text-muted-foreground hover:text-foreground transition-colors flex items-center gap-1",
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: showModelResults ? "▾" : "▸" }),
@@ -4429,6 +4759,19 @@ function createProviderPayload(data) {
     source: data.source
   };
 }
+async function persistProviderTestLog(providerId, results) {
+  if (results.models === void 0) {
+    return;
+  }
+  try {
+    await fetch(`/api/providers/${providerId}/test/log`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(results)
+    });
+  } catch {
+  }
+}
 function ProvidersPanel({
   externalProviders,
   isLoading = false,
@@ -4487,7 +4830,7 @@ function ProvidersPanel({
       try {
         const res = await fetch("/api/config/paths");
         if (res.ok) {
-          const data = await parseJsonResponse(res, ConfigPathsResponseSchema);
+          const data = await parseJsonResponse$1(res, ConfigPathsResponseSchema);
           setConfigPath(data.providerConfig);
         }
       } catch {
@@ -4566,8 +4909,9 @@ function ProvidersPanel({
           signal: controller.signal
         });
         if (res.ok) {
-          const results = await parseJsonResponse(res, ProviderTestResultsSchema);
+          const results = await parseJsonResponse$1(res, ProviderTestResultsSchema);
           updateTestResults(providerId, results);
+          await persistProviderTestLog(providerId, results);
         } else {
           updateTestResults(
             providerId,
@@ -4605,7 +4949,7 @@ function ProvidersPanel({
           setError(await readApiError(res, "Failed to add provider"));
           return;
         }
-        const newProvider = await parseJsonResponse(res, ProviderConfigSchema);
+        const newProvider = await parseJsonResponse$1(res, ProviderConfigSchema);
         setShowForm(false);
         triggerHighlight(newProvider.id);
         refreshProviders();
@@ -4628,7 +4972,7 @@ function ProvidersPanel({
           setError(await readApiError(res, "Failed to update provider"));
           return;
         }
-        const updated = await parseJsonResponse(res, ProviderConfigSchema);
+        const updated = await parseJsonResponse$1(res, ProviderConfigSchema);
         setEditingProvider(void 0);
         triggerHighlight(updated.id);
         refreshProviders();
@@ -4703,7 +5047,7 @@ function ProvidersPanel({
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify(text)
         });
-        const data = await parseJsonResponse(res, ImportResponseSchema);
+        const data = await parseJsonResponse$1(res, ImportResponseSchema);
         if (res.ok && data.imported !== void 0 && data.imported > 0) {
           refreshProviders();
           setError(null);