@tonyclaw/agent-inspector 2.0.4 → 2.0.6

package/.output/server/_ssr/{ProxyViewerContainer-Cckz5qKu.mjs → ProxyViewerContainer-CYm2Dw19.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 DEFAULT_TIME_DISPLAY_FORMAT, b as RuntimeConfigSchema, r as requestFormatForPath, e as createPendingProviderTestResults, P as ProviderTestResultsSchema, f as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, T as TimeDisplayFormatSchema, g as getSessionPath, h as ProviderConfigSchema, K as KnowledgeCandidateSchema, s as stripClaudeCodeBillingHeader, d as safeGetOwnProperty, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, c as AnthropicRequestSchema } from "./router-Dgkv5nKP.mjs";
+import { C as CapturedLogSchema, D as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, a as DEFAULT_TIME_DISPLAY_FORMAT, b as RuntimeConfigSchema, r as requestFormatForPath, e as createPendingProviderTestResults, P as ProviderTestResultsSchema, f as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, T as TimeDisplayFormatSchema, g as getSessionPath, h as ProviderConfigSchema, K as KnowledgeCandidateSchema, s as stripClaudeCodeBillingHeader, d as safeGetOwnProperty, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, c as AnthropicRequestSchema } from "./router-DGPt3MUc.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, 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 { 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, T as Terminal, e as ChevronUp, L as LoaderCircle, f as ChevronRight, g as User, h as Clock, M as MessageSquare, Z as Zap, E as ExternalLink, i as Trash2, W as Wrench, j as TriangleAlert, B as Brain, k as EyeOff, l as Eye, R as RotateCw, m as Pencil, n as Minus, o as CircleCheckBig, p as CircleX, q as ShieldCheck, r as RefreshCw, s as Save, F as FileSearch, t as CircleCheck, u as CloudUpload, O as OctagonAlert, G as Globe, v as FileTerminal, w as Radio, x as ChevronsUp, y as ChevronsDown, z as FileDiff, H as History, I as RotateCcw, J as GitCompareArrows, K as CircleQuestionMark, N as Server, Q as Gauge, V as Lock, Y as Wifi, _ as WifiOff, $ as ArrowUp, a0 as ArrowDown, a1 as Rows3, a2 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";
@@ -179,27 +179,20 @@ function OnboardingBanner() {
       "aria-label": "Onboarding tip",
       className: "mx-4 mt-2 mb-1 flex items-start gap-3 rounded-md border border-amber-500/30 bg-amber-500/5 px-4 py-3 text-sm",
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium text-amber-600 dark:text-amber-400 mb-1", children: "Quick tour of the log tabs" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: "space-y-0.5 text-muted-foreground text-xs leading-relaxed", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-1 font-medium text-amber-600 dark:text-amber-400", children: "Agent Inspector is ready" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: "space-y-0.5 text-xs leading-relaxed text-muted-foreground", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Request" }),
-              " / ",
-              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Response" }),
-              " — structured views of what the proxy sent and received."
+              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Trace" }),
+              ": requests, responses, streaming chunks, tools, and timing."
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Headers" }),
-              " — request and response headers after proxy processing."
+              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Replay" }),
+              ": resend captured requests and compare provider behavior."
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Raw Headers" }),
-              " / ",
-              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Raw Request" }),
-              " /",
-              " ",
-              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Raw Response" }),
-              " — exact bytes from the upstream provider (visible in Full mode)."
+              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Memory" }),
+              ": create reviewable candidates before promotion to OpenClaw."
             ] })
           ] })
         ] }),
@@ -210,7 +203,7 @@ function OnboardingBanner() {
             onClick: () => {
               void markSeen();
             },
-            className: "inline-flex items-center gap-1.5 text-xs h-8 px-3 rounded-md border border-amber-500/40 text-amber-700 dark:text-amber-300 hover:bg-amber-500/10 transition-colors shrink-0",
+            className: "inline-flex h-8 shrink-0 items-center gap-1.5 rounded-md border border-amber-500/40 px-3 text-xs text-amber-700 transition-colors hover:bg-amber-500/10 dark:text-amber-300",
             "aria-label": "Dismiss onboarding tip",
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5" }),
@@ -225,7 +218,7 @@ function OnboardingBanner() {
             onClick: () => {
               void markSeen();
             },
-            className: "text-muted-foreground hover:text-foreground transition-colors shrink-0 p-1 -m-1",
+            className: "-m-1 shrink-0 p-1 text-muted-foreground transition-colors hover:text-foreground",
             "aria-label": "Dismiss",
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-3.5" })
           }
@@ -302,7 +295,7 @@ function getStatusCategory(status) {
   if (status >= 500) return "server_error";
   return "pending";
 }
-const version = "2.0.4";
+const version = "2.0.6";
 const packageJson = {
   version
 };
@@ -1363,27 +1356,27 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-DuWEpqQ7.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-BQVNsAY2.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-BDRcr8E5.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-CaMQBc79.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-BoO2_Ij0.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy--P5arRH2.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-DZiPBxvO.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-RtFwNvgD.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-D-be7KEL.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-B5HPkzab.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
 const LazyJsonViewer = reactExports.lazy(
-  () => import("./json-viewer-aJhb93ZK.mjs").then((m) => ({ default: m.JsonViewer }))
+  () => import("./json-viewer-d4obyRaA.mjs").then((m) => ({ default: m.JsonViewer }))
 );
 const LazyJsonViewerFromString = reactExports.lazy(
-  () => import("./json-viewer-aJhb93ZK.mjs").then((m) => ({ default: m.JsonViewerFromString }))
+  () => import("./json-viewer-d4obyRaA.mjs").then((m) => ({ default: m.JsonViewerFromString }))
 );
 const HIGHLIGHT_DURATION_MS = 1200;
 const MAX_HIGHLIGHT_ATTEMPTS = 12;
@@ -1903,25 +1896,19 @@ const LogEntryHeader = reactExports.memo(function({
             )
           ] })
         ] }),
-        log.cacheCreationInputTokens !== null && log.cacheCreationInputTokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-xs shrink-0", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(CacheTrendIndicator, { trend: cacheTrend?.creation ?? null }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-emerald-400", children: [
-              "Cache +",
-              formatTokens(log.cacheCreationInputTokens)
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Tokens cached for reuse, reducing future API cost" })
+        log.cacheCreationInputTokens !== null && log.cacheCreationInputTokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-xs shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(CacheTrendIndicator, { trend: cacheTrend?.creation ?? null }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-emerald-400", children: [
+            "KV Cache +",
+            formatTokens(log.cacheCreationInputTokens)
+          ] })
         ] }),
-        log.cacheReadInputTokens !== null && log.cacheReadInputTokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-xs shrink-0", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(CacheTrendIndicator, { trend: cacheTrend?.read ?? null }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-purple-400", children: [
-              "Cache ~",
-              formatTokens(log.cacheReadInputTokens)
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Tokens served from cache, reducing API cost" })
+        log.cacheReadInputTokens !== null && log.cacheReadInputTokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-xs shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(CacheTrendIndicator, { trend: cacheTrend?.read ?? null }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-purple-400", children: [
+            "KV Cache ~",
+            formatTokens(log.cacheReadInputTokens)
+          ] })
         ] }),
         messageCount !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(MessageSquare, { className: "size-3" }),
@@ -2583,7 +2570,7 @@ const LogEntry = reactExports.memo(function({
           viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "headers", children: "Headers" }),
           shouldShowRawRequestTab(resolvedFormat, viewMode, strip) && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "raw-request", children: "Raw Request" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "request", children: "Request" }),
-          anatomySegments !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "anatomy", children: "Anatomy" }),
+          anatomySegments !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "anatomy", children: "Context" }),
           viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "raw", children: "Raw Response" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "parsed", children: "Response" })
         ] }),
@@ -2600,7 +2587,7 @@ const LogEntry = reactExports.memo(function({
           {
             rawBody: log.rawRequestBody,
             displayedBody: displayedRequestBody,
-            emptyLabel: "No transformation applied — raw and sent request bodies are identical."
+            emptyLabel: "No transformation applied; raw and sent request bodies are identical."
           }
         ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: requestJsonRef, children: displayedRequestBody === null ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "No request body" }) : requestExpansion.parsedData !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFallback, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           LazyJsonViewer,
@@ -2640,7 +2627,7 @@ const LogEntry = reactExports.memo(function({
             {
               rawHeaders: log.rawHeaders,
               headers: log.headers,
-              emptyLabel: "No transformation applied — raw and processed headers are identical."
+              emptyLabel: "No transformation applied; raw and processed headers are identical."
             }
           ) : log.headers && Object.keys(log.headers).length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1 font-mono text-xs", children: Object.entries(log.headers).sort(([a], [b]) => a.localeCompare(b)).map(([key, value]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-blue-600 dark:text-blue-400 font-semibold shrink-0", children: [
@@ -2776,23 +2763,39 @@ 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(
+function ToolTraceEventRow({ event }) {
+  const argumentCopy = useCopyFeedback(event.argumentsText);
+  const canCopyArguments = event.argumentsText !== null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: "flex min-w-0 items-center gap-2 rounded-md border border-border/70 bg-muted/20 px-2.5 py-1.5 text-xs",
+      className: "group/tool-trace flex min-w-0 items-center gap-2 rounded-md border border-border/70 bg-muted/20 px-2.5 py-1.5 text-xs",
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Wrench, { className: "size-3.5 shrink-0 text-sky-400/70" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono font-semibold text-foreground/80", children: event.name }),
         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 })
-        ] })
+        ] }),
+        canCopyArguments && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            className: "ml-auto inline-flex size-6 shrink-0 items-center justify-center rounded text-muted-foreground opacity-0 transition-opacity hover:bg-background/80 hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring group-hover/tool-trace:opacity-100 group-focus-within/tool-trace:opacity-100",
+            onClick: argumentCopy.copy,
+            "aria-label": argumentCopy.copied ? "Copied tool arguments" : "Copy tool arguments",
+            title: argumentCopy.copied ? "Copied tool arguments" : "Copy tool arguments",
+            children: argumentCopy.copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3.5" })
+          }
+        )
       ]
     },
     event.id
-  )) });
+  );
+}
+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.jsx(ToolTraceEventRow, { event }, event.id)) });
 }
 const PREVIEW_LIMIT = 180;
 function shouldRenderConversationContent(standalone, expanded) {
@@ -2852,6 +2855,12 @@ function previewValue(value) {
   if (normalized.length === 0) return null;
   return normalized.length > PREVIEW_LIMIT ? `${normalized.slice(0, PREVIEW_LIMIT - 1)}...` : normalized;
 }
+function copyValue(value) {
+  if (value === void 0 || value === null) return null;
+  if (typeof value === "string") return value.length > 0 ? value : null;
+  const raw = JSON.stringify(value, null, 2);
+  return raw === void 0 || raw.length === 0 ? null : raw;
+}
 function extractAnthropicToolTraceEvents(log) {
   const parsed = parseJsonResponse(log.responseText);
   const content = safeGetOwnProperty(parsed, "content");
@@ -2862,13 +2871,15 @@ function extractAnthropicToolTraceEvents(log) {
     if (type !== "tool_use") continue;
     const name = safeGetOwnProperty(block, "name");
     if (typeof name !== "string" || name.length === 0) continue;
+    const input = safeGetOwnProperty(block, "input");
     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"))
+      argumentsText: copyValue(input),
+      argumentsPreview: previewValue(input)
     });
   }
   return events;
@@ -2886,13 +2897,15 @@ function extractOpenAIToolTraceEvents(log) {
       const fn = safeGetOwnProperty(call, "function");
       const name = safeGetOwnProperty(fn, "name");
       if (typeof name !== "string" || name.length === 0) continue;
+      const args = safeGetOwnProperty(fn, "arguments");
       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"))
+        argumentsText: copyValue(args),
+        argumentsPreview: previewValue(args)
       });
     }
   }
@@ -3055,17 +3068,27 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
       window.cancelAnimationFrame(raf);
     };
   }, []);
+  const firstLogId = entries[0]?.log.id ?? turnIndex;
+  const turnLabel = `Turn ${String(turnIndex + 1)}`;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
       ref: containerRef,
-      className: cn("border rounded-lg", isPending ? "border-amber-500/10" : "border-transparent"),
+      tabIndex: collapsed ? void 0 : 0,
+      role: collapsed ? void 0 : "group",
+      "aria-label": collapsed ? void 0 : turnLabel,
+      "data-nav-id": collapsed ? void 0 : `turn-${String(firstLogId)}`,
+      className: cn(
+        "border rounded-lg",
+        isPending ? "border-amber-500/10" : "border-transparent",
+        !collapsed && "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none"
+      ),
       children: collapsed ? (
         /* ---- Collapsed: dual-crab (+ summary card for multi-log turns) ---- */
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
           {
-            "data-nav-id": `turn-collapsed-${entries[0]?.log.id ?? turnIndex}`,
+            "data-nav-id": `turn-collapsed-${String(firstLogId)}`,
             "data-nav-action": "expand",
             role: "button",
             tabIndex: 0,
@@ -3244,6 +3267,21 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
 const CandidateResponseSchema = object({
   candidates: array(KnowledgeCandidateSchema)
 });
+const CandidatePromotionResponseSchema = object({
+  candidate: KnowledgeCandidateSchema
+});
+const CandidatePromotionFailureResponseSchema = object({
+  error: string().optional(),
+  candidate: KnowledgeCandidateSchema.optional()
+});
+const CandidateUpdateResponseSchema = object({
+  candidate: KnowledgeCandidateSchema
+});
+const CANDIDATE_STATUS_CLASSES = {
+  draft: "border-amber-500/30 bg-amber-500/10 text-amber-500",
+  promoted: "border-emerald-500/30 bg-emerald-500/10 text-emerald-500",
+  failed: "border-destructive/30 bg-destructive/10 text-destructive"
+};
 function formatElapsed(ms) {
   if (ms === null) return "-";
   if (ms < 1e3) return `${String(ms)}ms`;
@@ -3267,36 +3305,420 @@ function jumpToLog(logId) {
   target.scrollIntoView({ block: "center", behavior: "smooth" });
   target.focus({ preventScroll: true });
 }
-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",
+function firstFailureLog(logs) {
+  for (const log of logs) {
+    if (log.responseStatus !== null && log.responseStatus >= 400) return log;
+  }
+  return null;
+}
+function slowestLog(logs) {
+  let current = null;
+  let currentElapsed = -1;
+  for (const log of logs) {
+    if (log.elapsedMs === null) continue;
+    if (log.elapsedMs > currentElapsed) {
+      current = log;
+      currentElapsed = log.elapsedMs;
+    }
+  }
+  return current;
+}
+function firstToolLog(logs) {
+  for (const log of logs) {
+    if (extractToolTraceEvents(log).length > 0) return log;
+  }
+  return null;
+}
+function buildTraceInsights(input) {
+  const insights = [
+    {
+      kind: "session",
+      title: `${String(input.summary.llmCallCount)} LLM call${input.summary.llmCallCount === 1 ? "" : "s"}`,
+      detail: `Scope ${input.scopeId}`,
+      logId: input.logs[0]?.id ?? null
+    }
+  ];
+  const toolLog = firstToolLog(input.logs);
+  if (input.summary.toolCallCount > 0 && toolLog !== null) {
+    insights.push({
+      kind: "tool",
+      title: `${String(input.summary.toolCallCount)} tool call${input.summary.toolCallCount === 1 ? "" : "s"}`,
+      detail: `First tool evidence at #${String(toolLog.id)}`,
+      logId: toolLog.id
+    });
+  }
+  const failure = firstFailureLog(input.logs);
+  if (failure !== null) {
+    insights.push({
+      kind: "failure",
+      title: `Failure #${String(failure.responseStatus)}`,
+      detail: `First failed request is #${String(failure.id)}`,
+      logId: failure.id
+    });
+  }
+  const slowest = slowestLog(input.logs);
+  if (slowest !== null && input.summary.maxElapsedMs !== null) {
+    insights.push({
+      kind: "slow",
+      title: `Slowest ${formatElapsed(input.summary.maxElapsedMs)}`,
+      detail: `Max latency observed at #${String(slowest.id)}`,
+      logId: slowest.id
+    });
+  }
+  if (input.candidates.length > 0) {
+    const draftCount = input.candidates.filter((candidate) => candidate.status === "draft").length;
+    const promotedCount = input.candidates.filter(
+      (candidate) => candidate.status === "promoted"
+    ).length;
+    insights.push({
+      kind: "candidate",
+      title: `${String(input.candidates.length)} memory candidate${input.candidates.length === 1 ? "" : "s"}`,
+      detail: `${String(draftCount)} draft / ${String(promotedCount)} promoted`,
+      logId: input.candidates[0]?.logIds[0] ?? null
+    });
+  }
+  return insights;
+}
+function insightIcon(kind) {
+  switch (kind) {
+    case "session":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(MessageSquare, { className: "size-3.5 text-blue-400" });
+    case "tool":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Wrench, { className: "size-3.5 text-sky-400/70" });
+    case "slow":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3.5 text-amber-400" });
+    case "failure":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(CircleX, { className: "size-3.5 text-destructive" });
+    case "candidate":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Brain, { className: "size-3.5 text-emerald-400" });
+  }
+}
+function TraceInsights({ insights }) {
+  if (insights.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 grid gap-1.5 border-t border-border/70 pt-2 md:grid-cols-2 xl:grid-cols-3", children: insights.map((insight) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "button",
     {
-      className: "rounded-md border border-border/80 bg-background/60 px-2.5 py-2",
+      type: "button",
+      className: cn(
+        "flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5 text-left text-xs",
+        "text-muted-foreground transition-colors hover:bg-muted/40 hover:text-foreground",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+      ),
+      onClick: () => {
+        if (insight.logId !== null) jumpToLog(insight.logId);
+      },
+      disabled: insight.logId === null,
       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 })
+        insightIcon(insight.kind),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block truncate font-medium text-foreground/90", children: insight.title }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block truncate font-mono text-[10px]", children: insight.detail })
+        ] })
+      ]
+    },
+    `${insight.kind}-${insight.title}`
+  )) });
+}
+function candidateStatusLabel(status) {
+  switch (status) {
+    case "draft":
+      return "Draft";
+    case "promoted":
+      return "Promoted";
+    case "failed":
+      return "Failed";
+  }
+}
+function candidatePromoteLabel(candidate, promoting) {
+  if (promoting) return "Promoting";
+  switch (candidate.status) {
+    case "draft":
+      return "Promote";
+    case "failed":
+      return "Retry";
+    case "promoted":
+      return "Promoted";
+  }
+}
+function redactionLabel(candidate) {
+  if (!candidate.redaction.redacted) return "No sensitive pattern matched";
+  return `Redacted ${candidate.redaction.patterns.join(", ")}`;
+}
+function previewText(value, maxLength) {
+  const normalized = value.replace(/\s+/g, " ").trim();
+  if (normalized.length <= maxLength) return normalized;
+  return `${normalized.slice(0, maxLength - 3)}...`;
+}
+function logRangeLabel(logIds) {
+  const first = logIds[0];
+  const last = logIds[logIds.length - 1];
+  if (first === void 0) return "No evidence logs";
+  if (last === void 0 || first === last) return `#${String(first)}`;
+  return `#${String(first)}-#${String(last)}`;
+}
+function tagsToText(tags) {
+  return tags.join(", ");
+}
+function textToTags(value) {
+  return value.split(",").map((tag) => tag.trim()).filter((tag) => tag.length > 0);
+}
+function CandidateItem({
+  candidate,
+  isPromoting,
+  isUpdating,
+  onPromoteCandidate,
+  onUpdateCandidate
+}) {
+  const [editing, setEditing] = reactExports.useState(false);
+  const [draftType, setDraftType] = reactExports.useState(candidate.type);
+  const [draftTitle, setDraftTitle] = reactExports.useState(candidate.title);
+  const [draftContent, setDraftContent] = reactExports.useState(candidate.content);
+  const [draftTags, setDraftTags] = reactExports.useState(tagsToText(candidate.tags));
+  const [localError, setLocalError] = reactExports.useState(null);
+  const canPromote = candidate.status !== "promoted";
+  const canEdit = candidate.status !== "promoted";
+  const resetDraft = reactExports.useCallback(() => {
+    setDraftType(candidate.type);
+    setDraftTitle(candidate.title);
+    setDraftContent(candidate.content);
+    setDraftTags(tagsToText(candidate.tags));
+    setLocalError(null);
+  }, [candidate.content, candidate.tags, candidate.title, candidate.type]);
+  const saveDraft = reactExports.useCallback(async () => {
+    const title = draftTitle.trim();
+    const content = draftContent.trim();
+    const tags = textToTags(draftTags);
+    if (title.length === 0) {
+      setLocalError("Title is required.");
+      return;
+    }
+    if (content.length === 0) {
+      setLocalError("Content is required.");
+      return;
+    }
+    if (tags.length === 0) {
+      setLocalError("At least one tag is required.");
+      return;
+    }
+    setLocalError(null);
+    const saved = await onUpdateCandidate(candidate.id, {
+      type: draftType,
+      title,
+      content,
+      tags
+    });
+    if (saved) setEditing(false);
+  }, [candidate.id, draftContent, draftTags, draftTitle, draftType, onUpdateCandidate]);
+  if (editing) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-border/80 bg-background/60 px-2.5 py-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "select",
+          {
+            value: draftType,
+            disabled: isUpdating,
+            onChange: (event) => {
+              const parsed = KnowledgeCandidateSchema.shape.type.safeParse(
+                event.currentTarget.value
+              );
+              if (parsed.success) setDraftType(parsed.data);
+            },
+            className: "h-7 rounded-md border border-input bg-background px-2 text-xs",
+            "aria-label": "Candidate type",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "episode", children: "episode" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "procedure", children: "procedure" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "preference", children: "preference" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "project-fact", children: "project-fact" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            value: draftTitle,
+            disabled: isUpdating,
+            onChange: (event) => setDraftTitle(event.currentTarget.value),
+            className: "h-7 min-w-[220px] flex-1 rounded-md border border-input bg-background px-2 text-xs",
+            "aria-label": "Candidate title"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "textarea",
+        {
+          value: draftContent,
+          disabled: isUpdating,
+          onChange: (event) => setDraftContent(event.currentTarget.value),
+          className: "min-h-28 rounded-md border border-input bg-background px-2 py-1.5 font-mono text-[11px] leading-relaxed",
+          "aria-label": "Candidate content"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          value: draftTags,
+          disabled: isUpdating,
+          onChange: (event) => setDraftTags(event.currentTarget.value),
+          className: "h-7 rounded-md border border-input bg-background px-2 text-xs",
+          "aria-label": "Candidate tags"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 text-[10px] text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ShieldCheck, { className: "size-3" }),
+          "Saving reruns Inspector redaction before promotion."
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 flex flex-wrap items-center gap-1.5", children: candidate.logIds.map((logId) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "a",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1" }),
+        localError !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-destructive", children: localError }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Button,
           {
-            href: `#${getLogAnchor(logId)}`,
-            onClick: (event) => {
-              event.preventDefault();
-              jumpToLog(logId);
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: "h-7 gap-1.5 px-2 text-xs",
+            disabled: isUpdating,
+            onClick: () => {
+              resetDraft();
+              setEditing(false);
             },
-            className: "rounded border border-blue-400/25 px-1.5 py-0.5 font-mono text-[10px] text-blue-400 underline-offset-2 transition-colors hover:bg-blue-400/10 hover:text-blue-300 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-            "aria-label": `Jump to evidence log ${String(logId)}`,
             children: [
-              "#",
-              logId
+              /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-3.5" }),
+              "Cancel"
             ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            className: "h-7 gap-1.5 px-2 text-xs",
+            disabled: isUpdating,
+            onClick: () => {
+              void saveDraft();
+            },
+            children: [
+              isUpdating ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Save, { className: "size-3.5" }),
+              "Save"
+            ]
+          }
+        )
+      ] })
+    ] }) });
+  }
+  return /* @__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(
+        Badge,
+        {
+          variant: "outline",
+          className: cn(
+            "h-5 shrink-0 px-1.5 text-[10px] font-mono",
+            CANDIDATE_STATUS_CLASSES[candidate.status]
+          ),
+          children: candidateStatusLabel(candidate.status)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "p",
+      {
+        className: "mt-1 text-[11px] leading-relaxed text-muted-foreground",
+        title: candidate.content,
+        children: previewText(candidate.content, 360)
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-[10px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(FileSearch, { className: "size-3" }),
+        logRangeLabel(candidate.logIds)
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ShieldCheck, { className: "size-3" }),
+        redactionLabel(candidate)
+      ] }),
+      candidate.status === "promoted" && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 text-emerald-500", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheck, { className: "size-3" }),
+        candidate.openClawMemoryId ?? "OpenClaw"
+      ] }),
+      candidate.status === "failed" && candidate.error !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 text-destructive", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CircleX, { className: "size-3" }),
+        candidate.error
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-1.5", children: [
+      candidate.logIds.map((logId) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "a",
+        {
+          href: `#${getLogAnchor(logId)}`,
+          onClick: (event) => {
+            event.preventDefault();
+            jumpToLog(logId);
           },
-          logId
-        )) })
-      ]
+          className: "rounded border border-blue-400/25 px-1.5 py-0.5 font-mono text-[10px] text-blue-400 underline-offset-2 transition-colors hover:bg-blue-400/10 hover:text-blue-300 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          "aria-label": `Jump to evidence log ${String(logId)}`,
+          children: [
+            "#",
+            logId
+          ]
+        },
+        logId
+      )),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1" }),
+      canEdit && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: "h-6 gap-1.5 px-2 text-[10px]",
+          disabled: isUpdating || isPromoting,
+          onClick: () => setEditing(true),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, { className: "size-3" }),
+            "Review"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          type: "button",
+          variant: canPromote ? "outline" : "ghost",
+          size: "sm",
+          className: "h-6 gap-1.5 px-2 text-[10px]",
+          onClick: () => onPromoteCandidate(candidate.id),
+          disabled: !canPromote || isPromoting || isUpdating,
+          children: [
+            isPromoting ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-3 animate-spin" }) : canPromote ? /* @__PURE__ */ jsxRuntimeExports.jsx(CloudUpload, { className: "size-3" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheck, { className: "size-3" }),
+            candidatePromoteLabel(candidate, isPromoting)
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function CandidateList({
+  candidates,
+  promotingCandidateIds,
+  updatingCandidateIds,
+  onPromoteCandidate,
+  onUpdateCandidate
+}) {
+  if (candidates.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 grid gap-1.5", children: candidates.map((candidate) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    CandidateItem,
+    {
+      candidate,
+      isPromoting: promotingCandidateIds.has(candidate.id),
+      isUpdating: updatingCandidateIds.has(candidate.id),
+      onPromoteCandidate,
+      onUpdateCandidate
     },
     candidate.id
   )) });
@@ -3314,11 +3736,21 @@ function AgentTraceSummary({
     status: "idle",
     error: null
   });
+  const [promotingCandidateIds, setPromotingCandidateIds] = reactExports.useState(
+    () => /* @__PURE__ */ new Set()
+  );
+  const [updatingCandidateIds, setUpdatingCandidateIds] = reactExports.useState(
+    () => /* @__PURE__ */ new Set()
+  );
   const hasCandidates = candidates.length > 0;
   const summary = reactExports.useMemo(
     () => buildTraceSummary(logs, slowResponseThresholdSeconds, candidates.length),
     [candidates.length, logs, slowResponseThresholdSeconds]
   );
+  const traceInsights = reactExports.useMemo(
+    () => buildTraceInsights({ logs, scopeId, summary, candidates }),
+    [candidates, logs, scopeId, summary]
+  );
   const showElapsedSummary = showRollupMetrics || summary.maxElapsedMs !== null;
   const timeRange = reactExports.useMemo(
     () => formatTimeRange$1(summary.startedAt, summary.endedAt, timeDisplayFormat),
@@ -3344,7 +3776,9 @@ function AgentTraceSummary({
         const parsed = await parseJsonResponse$1(response, CandidateResponseSchema);
         setCandidates(parsed.candidates);
         setCandidatesExpanded(parsed.candidates.length > 0);
-        setCandidateState({ status: "ready", error: null });
+        setCandidateState(
+          parsed.candidates.length > 0 ? { status: "ready", error: null } : { status: "failed", error: "No candidate was generated for this trace scope." }
+        );
       } catch (error) {
         setCandidateState({
           status: "failed",
@@ -3353,6 +3787,105 @@ function AgentTraceSummary({
       }
     })();
   }, [candidateState.status, logs.length, scopeId]);
+  const promoteCandidate = reactExports.useCallback((candidateId) => {
+    setPromotingCandidateIds((current) => {
+      if (current.has(candidateId)) return current;
+      const next = new Set(current);
+      next.add(candidateId);
+      return next;
+    });
+    void (async () => {
+      try {
+        const response = await fetch(
+          `/api/knowledge/candidates/${encodeURIComponent(candidateId)}/promote`,
+          { method: "POST" }
+        );
+        const raw = await response.json().catch(() => null);
+        const parsed = CandidatePromotionResponseSchema.safeParse(raw);
+        if (response.ok && parsed.success) {
+          setCandidates(
+            (current) => current.map(
+              (candidate) => candidate.id === parsed.data.candidate.id ? parsed.data.candidate : candidate
+            )
+          );
+          setCandidateState({ status: "ready", error: null });
+          return;
+        }
+        const failure = CandidatePromotionFailureResponseSchema.safeParse(raw);
+        if (failure.success && failure.data.candidate !== void 0) {
+          setCandidates(
+            (current) => current.map(
+              (candidate) => candidate.id === failure.data.candidate?.id ? failure.data.candidate : candidate
+            )
+          );
+        }
+        setCandidateState({
+          status: "failed",
+          error: failure.success ? failure.data.error ?? "Candidate promotion failed" : `Candidate promotion failed with ${String(response.status)}`
+        });
+      } catch (error) {
+        setCandidateState({
+          status: "failed",
+          error: error instanceof Error ? error.message : "Candidate promotion failed"
+        });
+      } finally {
+        setPromotingCandidateIds((current) => {
+          const next = new Set(current);
+          next.delete(candidateId);
+          return next;
+        });
+      }
+    })();
+  }, []);
+  const updateCandidate = reactExports.useCallback(
+    async (candidateId, update) => {
+      setUpdatingCandidateIds((current) => {
+        if (current.has(candidateId)) return current;
+        const next = new Set(current);
+        next.add(candidateId);
+        return next;
+      });
+      try {
+        const response = await fetch(
+          `/api/knowledge/candidates/${encodeURIComponent(candidateId)}`,
+          {
+            method: "PATCH",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(update)
+          }
+        );
+        if (!response.ok) {
+          const message = await readApiError(
+            response,
+            `Candidate update failed with ${String(response.status)}`
+          );
+          setCandidateState({ status: "failed", error: message });
+          return false;
+        }
+        const parsed = await parseJsonResponse$1(response, CandidateUpdateResponseSchema);
+        setCandidates(
+          (current) => current.map(
+            (candidate) => candidate.id === parsed.candidate.id ? parsed.candidate : candidate
+          )
+        );
+        setCandidateState({ status: "ready", error: null });
+        return true;
+      } catch (error) {
+        setCandidateState({
+          status: "failed",
+          error: error instanceof Error ? error.message : "Candidate update failed"
+        });
+        return false;
+      } finally {
+        setUpdatingCandidateIds((current) => {
+          const next = new Set(current);
+          next.delete(candidateId);
+          return next;
+        });
+      }
+    },
+    []
+  );
   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: [
@@ -3377,7 +3910,7 @@ function AgentTraceSummary({
       (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: [
-          "+",
+          "KV Cache +",
           formatTokens(summary.totalCacheCreationInputTokens),
           " / ~",
           formatTokens(summary.totalCacheReadInputTokens)
@@ -3436,7 +3969,17 @@ function AgentTraceSummary({
       )
     ] }),
     candidateState.status === "failed" && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-xs text-destructive", children: candidateState.error }),
-    candidatesExpanded && /* @__PURE__ */ jsxRuntimeExports.jsx(CandidateList, { candidates })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(TraceInsights, { insights: traceInsights }),
+    candidatesExpanded && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CandidateList,
+      {
+        candidates,
+        promotingCandidateIds,
+        updatingCandidateIds,
+        onPromoteCandidate: promoteCandidate,
+        onUpdateCandidate: updateCandidate
+      }
+    )
   ] });
 }
 function computeStats(logs) {
@@ -4088,26 +4631,18 @@ function TestStatus({ result }) {
     }
     if (result.cacheCreationInputTokens !== void 0 && result.cacheCreationInputTokens > 0) {
       tokenParts.push(
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-emerald-400", children: [
-            "+",
-            result.cacheCreationInputTokens,
-            " cache"
-          ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Tokens cached for reuse, reducing future API cost" })
-        ] }) }, "cache-create")
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-emerald-400", children: [
+          "KV Cache +",
+          result.cacheCreationInputTokens
+        ] }, "cache-create")
       );
     }
     if (result.cacheReadInputTokens !== void 0 && result.cacheReadInputTokens > 0) {
       tokenParts.push(
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-purple-400", children: [
-            "~",
-            result.cacheReadInputTokens,
-            " cached"
-          ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Tokens served from cache, reducing API cost" })
-        ] }) }, "cache-read")
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-purple-400", children: [
+          "KV Cache ~",
+          result.cacheReadInputTokens
+        ] }, "cache-read")
       );
     }
     const displayTokens = [];
@@ -5344,7 +5879,8 @@ function SettingsDialog() {
       /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "flex-1 overflow-hidden", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "providers", children: "Providers" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "proxy", children: "Proxy" })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "proxy", children: "Proxy" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "onboarding", children: "Onboarding" })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 overflow-y-auto flex-1 pr-3", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "providers", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -5363,12 +5899,89 @@ function SettingsDialog() {
               onTestingTimeLeftChange: handleTestingTimeLeftChange
             }
           ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "proxy", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProxySettingsTab, {}) })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "proxy", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProxySettingsTab, {}) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "onboarding", children: /* @__PURE__ */ jsxRuntimeExports.jsx(OnboardingSettingsTab, {}) })
         ] })
       ] })
     ] })
   ] });
 }
+function CopyableSetupValue({
+  id,
+  label,
+  value,
+  copiedId,
+  onCopy
+}) {
+  const copied = copiedId === id;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md border border-border bg-muted/20 px-3 py-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-1 text-xs font-medium text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "min-w-0 flex-1 truncate font-mono text-xs text-foreground", children: value }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          className: "size-7 shrink-0",
+          onClick: () => onCopy(id, value),
+          "aria-label": copied ? `Copied ${label}` : `Copy ${label}`,
+          children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-emerald-500" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3.5" })
+        }
+      )
+    ] })
+  ] });
+}
+function OnboardingSettingsTab() {
+  const [copiedId, setCopiedId] = reactExports.useState(null);
+  const origin = reactExports.useMemo(() => {
+    if (typeof window === "undefined") return "http://localhost:25947";
+    return window.location.origin;
+  }, []);
+  const values = reactExports.useMemo(
+    () => [
+      { id: "skill", label: "Codex skill", value: "agent-inspector onboard --force" },
+      { id: "mcp", label: "MCP URL", value: `${origin}/api/mcp` },
+      { id: "proxy", label: "Proxy URL", value: `${origin}/proxy` },
+      { id: "anthropic", label: "Anthropic base", value: `ANTHROPIC_BASE_URL=${origin}/proxy` }
+    ],
+    [origin]
+  );
+  const handleCopy = reactExports.useCallback((id, value) => {
+    void window.navigator.clipboard.writeText(value).then(() => {
+      setCopiedId(id);
+      setTimeout(() => setCopiedId(null), 1600);
+    });
+  }, []);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { className: "size-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-semibold", children: "Agent onboarding" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-2", children: values.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CopyableSetupValue,
+      {
+        id: item.id,
+        label: item.label,
+        value: item.value,
+        copiedId,
+        onCopy: handleCopy
+      },
+      item.id
+    )) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-2 rounded-md border border-border bg-background px-3 py-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-emerald-500" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Provider test creates a traceable memory probe session." })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-emerald-500" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Captured sessions can produce reviewable memory candidates." })
+      ] })
+    ] })
+  ] });
+}
 function ProxySettingsTab() {
   const {
     strip,
@@ -5566,20 +6179,40 @@ function safeItemAt(items, index) {
 }
 function isEditableTarget(target) {
   const tag = target.tagName;
-  if (tag === "INPUT" || tag === "TEXTAREA") return true;
+  if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
   if (target.isContentEditable) return true;
   return false;
 }
-function useKeyboardNavigation(containerRef, wrapperRef) {
+function isInteractiveTarget(target) {
+  const tag = target.tagName;
+  if (tag === "BUTTON" || tag === "A") return true;
+  if (isEditableTarget(target)) return true;
+  return target.closest("[role='button'],[role='menuitem'],[role='option']") !== null;
+}
+function isInOpenOverlay(target) {
+  if (target.closest("[role='dialog'],[role='menu'],[role='listbox']") !== null) return true;
+  return document.querySelector("[role='dialog'],[role='menu'],[role='listbox']") !== null;
+}
+function hasActiveTextSelection() {
+  const selection = window.getSelection();
+  if (selection === null) return false;
+  return selection.type === "Range" && selection.toString().length > 0;
+}
+function isLetterNavigationKey(event, key) {
+  return event.key === key && event.shiftKey;
+}
+function useKeyboardNavigation(containerRef, wrapperRef, options = {}) {
   const rootRef = wrapperRef ?? containerRef;
+  const pageWide = options.pageWide === true;
   const handleFocusContainer = reactExports.useCallback(
     (e) => {
       const container = containerRef.current;
+      const root = rootRef.current;
       if (!container) return;
+      if (!root) return;
       const target = e.target;
       if (!isFocusTarget(target)) return;
-      if (target !== rootRef.current) return;
-      if (!container.contains(target)) return;
+      if (target !== root) return;
       const items = findNavItems(container);
       const first = safeItemAt(items, 0);
       if (first !== null) focusAndScroll(first);
@@ -5587,14 +6220,22 @@ function useKeyboardNavigation(containerRef, wrapperRef) {
     [containerRef, rootRef]
   );
   reactExports.useEffect(() => {
-    const root = rootRef.current;
-    const container = containerRef.current;
-    if (!root || !container) return;
     const handleKeyDown = (e) => {
+      if (e.altKey || e.ctrlKey || e.metaKey) return;
+      const container = containerRef.current;
+      if (!container) return;
       const target = e.target;
       if (!isFocusTarget(target)) return;
-      if (!container.contains(target)) return;
       if (isEditableTarget(target)) return;
+      if (hasActiveTextSelection()) return;
+      const isInsideContainer = container.contains(target);
+      if (isInsideContainer && isInteractiveTarget(target) && !target.hasAttribute(NAV_ATTR)) {
+        return;
+      }
+      if (!isInsideContainer) {
+        if (!pageWide) return;
+        if (isInteractiveTarget(target) || isInOpenOverlay(target)) return;
+      }
       const items = findNavItems(container);
       if (items.length === 0) return;
       const current = findClosestNavItem(target, container);
@@ -5603,7 +6244,8 @@ function useKeyboardNavigation(containerRef, wrapperRef) {
       switch (e.key) {
         case "ArrowUp":
         case "W": {
-          if (e.key === "W" && !e.shiftKey) break;
+          if (e.shiftKey && e.key === "ArrowUp") break;
+          if (e.key === "W" && !isLetterNavigationKey(e, "W")) break;
           e.preventDefault();
           const prevIdx = currentIdx > 0 ? currentIdx - 1 : currentIdx === -1 ? items.length - 1 : -1;
           if (prevIdx !== -1) {
@@ -5615,7 +6257,8 @@ function useKeyboardNavigation(containerRef, wrapperRef) {
         }
         case "ArrowDown":
         case "S": {
-          if (e.key === "S" && !e.shiftKey) break;
+          if (e.shiftKey && e.key === "ArrowDown") break;
+          if (e.key === "S" && !isLetterNavigationKey(e, "S")) break;
           e.preventDefault();
           const nextIdx = currentIdx < items.length - 1 ? currentIdx + 1 : currentIdx === -1 ? 0 : -1;
           if (nextIdx !== -1) {
@@ -5627,7 +6270,8 @@ function useKeyboardNavigation(containerRef, wrapperRef) {
         }
         case "ArrowLeft":
         case "A": {
-          if (e.key === "A" && !e.shiftKey) break;
+          if (e.shiftKey && e.key === "ArrowLeft") break;
+          if (e.key === "A" && !isLetterNavigationKey(e, "A")) break;
           if (current === null) break;
           e.preventDefault();
           const action = getAction(current);
@@ -5642,7 +6286,8 @@ function useKeyboardNavigation(containerRef, wrapperRef) {
         }
         case "ArrowRight":
         case "D": {
-          if (e.key === "D" && !e.shiftKey) break;
+          if (e.shiftKey && e.key === "ArrowRight") break;
+          if (e.key === "D" && !isLetterNavigationKey(e, "D")) break;
           if (current === null) break;
           e.preventDefault();
           const action = getAction(current);
@@ -5670,13 +6315,11 @@ function useKeyboardNavigation(containerRef, wrapperRef) {
     };
     document.addEventListener("keydown", handleKeyDown, { capture: true });
     return () => document.removeEventListener("keydown", handleKeyDown, { capture: true });
-  }, [containerRef, rootRef]);
+  }, [containerRef, pageWide, rootRef]);
   reactExports.useEffect(() => {
-    const root = rootRef.current;
-    if (!root) return;
-    root.addEventListener("focus", handleFocusContainer);
-    return () => root.removeEventListener("focus", handleFocusContainer);
-  }, [handleFocusContainer, rootRef]);
+    document.addEventListener("focusin", handleFocusContainer);
+    return () => document.removeEventListener("focusin", handleFocusContainer);
+  }, [handleFocusContainer]);
 }
 function truncateSessionId(id) {
   if (id.length <= 30) return id;
@@ -5862,7 +6505,7 @@ function ProxyViewer({
   );
   const logListRef = reactExports.useRef(null);
   const logListWrapperRef = reactExports.useRef(null);
-  useKeyboardNavigation(logListRef, logListWrapperRef);
+  useKeyboardNavigation(logListRef, logListWrapperRef, { pageWide: true });
   reactExports.useEffect(() => {
     const perCrabDuration = 400;
     const startDelay = 50;
@@ -6392,5 +7035,6 @@ export {
   getStatusCategory as p,
   parseJsonText as q,
   resolveLogFormat as r,
-  safeJsonValue as s
+  safeJsonValue as s,
+  useProviders as u
 };