@tonyclaw/agent-inspector 2.0.3 → 2.0.5

package/.output/server/_ssr/{ProxyViewerContainer-CMWl3Ijy.mjs → ProxyViewerContainer-DRl51s_n.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, 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 { 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-Dl7oh0zx.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";
@@ -71,10 +71,12 @@ function useStripConfig() {
   const { mutate: globalMutate } = useSWRConfig();
   const strip = response.data?.stripClaudeCodeBillingHeader ?? false;
   const slowResponseThresholdSeconds = response.data?.slowResponseThresholdSeconds ?? DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS;
+  const timeDisplayFormat = response.data?.timeDisplayFormat ?? DEFAULT_TIME_DISPLAY_FORMAT;
   const optimisticConfig = (patch) => ({
     stripClaudeCodeBillingHeader: response.data?.stripClaudeCodeBillingHeader ?? false,
     hasSeenOnboarding: response.data?.hasSeenOnboarding ?? false,
     slowResponseThresholdSeconds: response.data?.slowResponseThresholdSeconds ?? DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS,
+    timeDisplayFormat: response.data?.timeDisplayFormat ?? DEFAULT_TIME_DISPLAY_FORMAT,
     ...patch
   });
   const setStrip = async (next) => {
@@ -99,13 +101,22 @@ function useStripConfig() {
       }
     );
   };
+  const setTimeDisplayFormat = async (next) => {
+    await globalMutate(STRIP_CONFIG_SWR_KEY, setRuntimeConfig({ timeDisplayFormat: next }), {
+      optimisticData: optimisticConfig({ timeDisplayFormat: next }),
+      rollbackOnError: true,
+      revalidate: false
+    });
+  };
   return {
     strip,
     slowResponseThresholdSeconds,
+    timeDisplayFormat,
     isLoading: response.isLoading,
     isError: response.error !== void 0,
     setStrip,
-    setSlowResponseThresholdSeconds
+    setSlowResponseThresholdSeconds,
+    setTimeDisplayFormat
   };
 }
 const ONBOARDING_SWR_KEY = "/api/config";
@@ -145,7 +156,8 @@ function useOnboarding() {
       optimisticData: {
         stripClaudeCodeBillingHeader: response.data?.stripClaudeCodeBillingHeader ?? false,
         hasSeenOnboarding: true,
-        slowResponseThresholdSeconds: response.data?.slowResponseThresholdSeconds ?? DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS
+        slowResponseThresholdSeconds: response.data?.slowResponseThresholdSeconds ?? DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS,
+        timeDisplayFormat: response.data?.timeDisplayFormat ?? DEFAULT_TIME_DISPLAY_FORMAT
       },
       rollbackOnError: true,
       revalidate: false
@@ -167,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."
             ] })
           ] })
         ] }),
@@ -198,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" }),
@@ -213,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" })
           }
@@ -261,6 +266,21 @@ async function exportLogsAsZip(logs) {
   document.body.removeChild(anchor);
   URL.revokeObjectURL(url);
 }
+function formatTimestamp(iso, format) {
+  switch (format) {
+    case "full":
+      return iso;
+    case "time":
+      return new Date(iso).toLocaleTimeString([], {
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit"
+      });
+  }
+}
+function formatTimestampRange(startedAt, endedAt, format) {
+  return `${formatTimestamp(startedAt, format)} - ${formatTimestamp(endedAt, format)}`;
+}
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -275,7 +295,7 @@ function getStatusCategory(status) {
   if (status >= 500) return "server_error";
   return "pending";
 }
-const version = "2.0.3";
+const version = "2.0.5";
 const packageJson = {
   version
 };
@@ -469,10 +489,6 @@ const API_FORMAT_LABELS = {
   openai: "OpenAI",
   unknown: "Unknown"
 };
-function formatTimestamp(iso) {
-  const date = new Date(iso);
-  return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", second: "2-digit" });
-}
 function ConversationHeader({
   conversationId,
   startTime,
@@ -486,6 +502,7 @@ function ConversationHeader({
   hideApiFormat = false,
   isLoading = false,
   userAgent,
+  timeDisplayFormat,
   onClear
 }) {
   const [confirmOpen, setConfirmOpen] = reactExports.useState(false);
@@ -559,11 +576,7 @@ function ConversationHeader({
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums", children: [
-            formatTimestamp(startTime),
-            " - ",
-            formatTimestamp(endTime)
-          ] })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: formatTimestampRange(startTime, endTime, timeDisplayFormat) })
         ] }),
         /* @__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" }),
@@ -1343,27 +1356,27 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-C08L3UOO.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-DhrN1uC2.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-CPDo9_G5.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-BQT_ygxC.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-D9wt_K1E.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-DS2tZOgq.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-DXaL7nY3.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-e0kL2C3x.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-B_hudZyb.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-BJG-m7xs.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
 const LazyJsonViewer = reactExports.lazy(
-  () => import("./json-viewer-Ci6kkjde.mjs").then((m) => ({ default: m.JsonViewer }))
+  () => import("./json-viewer-DDU55MLK.mjs").then((m) => ({ default: m.JsonViewer }))
 );
 const LazyJsonViewerFromString = reactExports.lazy(
-  () => import("./json-viewer-Ci6kkjde.mjs").then((m) => ({ default: m.JsonViewerFromString }))
+  () => import("./json-viewer-DDU55MLK.mjs").then((m) => ({ default: m.JsonViewerFromString }))
 );
 const HIGHLIGHT_DURATION_MS = 1200;
 const MAX_HIGHLIGHT_ATTEMPTS = 12;
@@ -1780,17 +1793,16 @@ const LogEntryHeader = reactExports.memo(function({
   toolCount = null,
   expanded,
   onToggle,
-  responseToolNames = null,
   cacheTrend = null,
   activeTab,
   tabActions,
   onReplay,
-  slowResponseThresholdSeconds = 0
+  slowResponseThresholdSeconds = 0,
+  timeDisplayFormat
 }) {
   const statusCategory = getStatusCategory(log.responseStatus);
   const isSlowResponse = log.elapsedMs !== null && slowResponseThresholdSeconds > 0 && log.elapsedMs > slowResponseThresholdSeconds * 1e3;
   const hasTokens = log.inputTokens !== null || log.outputTokens !== null;
-  const toolNamesJoined = reactExports.useMemo(() => responseToolNames?.join(", ") ?? null, [responseToolNames]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
@@ -1819,7 +1831,7 @@ const LogEntryHeader = reactExports.memo(function({
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: log.timestamp })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", title: log.timestamp, children: formatTimestamp(log.timestamp, timeDisplayFormat) })
         ] }),
         log.model !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderLogo, { provider: detectProvider(log.model), className: "size-4" }) }) }),
@@ -1884,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" }),
@@ -1912,10 +1918,6 @@ const LogEntryHeader = reactExports.memo(function({
           /* @__PURE__ */ jsxRuntimeExports.jsx(Wrench, { className: "size-3" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: toolCount })
         ] }),
-        responseToolNames !== null && responseToolNames.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-amber-400/80 text-xs shrink-0", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Wrench, { className: "size-3" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums truncate max-w-[160px]", children: toolNamesJoined })
-        ] }),
         log.origin !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "span",
           {
@@ -2403,6 +2405,7 @@ const LogEntry = reactExports.memo(function({
   viewMode = "simple",
   strip,
   slowResponseThresholdSeconds,
+  timeDisplayFormat,
   cacheTrend = null,
   onCompareWithPrevious
 }) {
@@ -2419,10 +2422,6 @@ const LogEntry = reactExports.memo(function({
     () => adapter.analyzeRequest(log.rawRequestBody),
     [adapter, log.rawRequestBody]
   );
-  const responseAnalysis = reactExports.useMemo(
-    () => adapter.analyzeResponse(log.responseText),
-    [adapter, log.responseText]
-  );
   const strippedRequestBody = reactExports.useMemo(() => {
     if (!strip || resolvedFormat !== "anthropic" || log.rawRequestBody === null) {
       return null;
@@ -2555,9 +2554,9 @@ const LogEntry = reactExports.memo(function({
           toolCount: requestAnalysis.toolCount,
           expanded,
           onToggle: () => setExpanded(!expanded),
-          responseToolNames: responseAnalysis.toolNames,
           cacheTrend,
           slowResponseThresholdSeconds,
+          timeDisplayFormat,
           activeTab,
           tabActions,
           onReplay: onCompareWithPrevious === void 0 ? void 0 : () => {
@@ -2764,27 +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-amber-500/20 bg-amber-500/5 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-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
-        ] }),
+        /* @__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) {
@@ -2844,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");
@@ -2854,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;
@@ -2878,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)
       });
     }
   }
@@ -2964,7 +2985,8 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
   cacheTrends,
   onCompareWithPrevious,
   comparisonPredecessors,
-  turnIndex = 0
+  turnIndex = 0,
+  timeDisplayFormat
 }) {
   const lastIdx = entries.length - 1;
   const lastStop = entries[lastIdx]?.stopReason ?? null;
@@ -3046,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,
@@ -3219,6 +3251,7 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
                   viewMode,
                   strip,
                   slowResponseThresholdSeconds,
+                  timeDisplayFormat,
                   cacheTrend: cacheTrends?.get(log.id) ?? null,
                   onCompareWithPrevious: comparisonPredecessors.has(log.id) ? onCompareWithPrevious : void 0
                 }
@@ -3234,55 +3267,458 @@ 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`;
   return `${(ms / 1e3).toFixed(1)}s`;
 }
-function formatTimeRange$1(startedAt, endedAt) {
+function formatTimeRange$1(startedAt, endedAt, timeDisplayFormat) {
   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)}`;
+  return formatTimestampRange(startedAt, endedAt, timeDisplayFormat);
+}
+function formatCandidateCount(count) {
+  return `${String(count)} candidate${count === 1 ? "" : "s"}`;
+}
+function getLogAnchor(logId) {
+  return `log-${String(logId)}`;
 }
-function scrollToLog(logId) {
-  const target = document.getElementById(`log-${String(logId)}`);
+function jumpToLog(logId) {
+  const anchor = getLogAnchor(logId);
+  const target = document.getElementById(anchor);
+  window.history.replaceState(null, "", `#${anchor}`);
   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 firstFailureLog(logs) {
+  for (const log of logs) {
+    if (log.responseStatus !== null && log.responseStatus >= 400) return log;
   }
+  return null;
 }
-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 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(
-          "button",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1" }),
+        localError !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-destructive", children: localError }),
+        /* @__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",
+            variant: "ghost",
+            size: "sm",
+            className: "h-7 gap-1.5 px-2 text-xs",
+            disabled: isUpdating,
+            onClick: () => {
+              resetDraft();
+              setEditing(false);
+            },
+            children: [
+              /* @__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: [
-              "#",
-              logId
+              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
   )) });
@@ -3290,20 +3726,35 @@ function CandidateList({ candidates }) {
 function AgentTraceSummary({
   logs,
   scopeId,
-  slowResponseThresholdSeconds
+  slowResponseThresholdSeconds,
+  showRollupMetrics,
+  timeDisplayFormat
 }) {
   const [candidates, setCandidates] = reactExports.useState([]);
+  const [candidatesExpanded, setCandidatesExpanded] = reactExports.useState(true);
   const [candidateState, setCandidateState] = reactExports.useState({
     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),
-    [summary.endedAt, summary.startedAt]
+    () => formatTimeRange$1(summary.startedAt, summary.endedAt, timeDisplayFormat),
+    [summary.endedAt, summary.startedAt, timeDisplayFormat]
   );
   const createCandidates = reactExports.useCallback(() => {
     if (logs.length === 0 || candidateState.status === "loading") return;
@@ -3324,7 +3775,10 @@ function AgentTraceSummary({
         }
         const parsed = await parseJsonResponse$1(response, CandidateResponseSchema);
         setCandidates(parsed.candidates);
-        setCandidateState({ status: "ready", error: null });
+        setCandidatesExpanded(parsed.candidates.length > 0);
+        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",
@@ -3333,20 +3787,119 @@ 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: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5 font-semibold text-foreground", children: [
+      showRollupMetrics && /* @__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" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Wrench, { className: "size-3.5 text-sky-400/70" }),
         summary.toolCallCount,
         " tools"
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5 text-muted-foreground", children: [
+      showRollupMetrics && /* @__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),
@@ -3357,21 +3910,21 @@ 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)
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5 text-muted-foreground", children: [
+      showElapsedSummary && /* @__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) }),
+        showRollupMetrics && /* @__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 }),
+      showRollupMetrics && 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: [
@@ -3385,10 +3938,7 @@ function AgentTraceSummary({
         ] })
       ] }),
       /* @__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"
-      ] }),
+      hasCandidates && /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: "h-6 px-2 text-[10px] font-mono", children: formatCandidateCount(summary.knowledgeCandidateCount) }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
         Button,
         {
@@ -3403,10 +3953,33 @@ function AgentTraceSummary({
             "Candidate"
           ]
         }
+      ),
+      hasCandidates && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          className: "size-7 text-muted-foreground",
+          onClick: () => setCandidatesExpanded((value) => !value),
+          "aria-expanded": candidatesExpanded,
+          "aria-label": candidatesExpanded ? "Collapse memory candidates" : "Expand memory candidates",
+          children: candidatesExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3.5" })
+        }
       )
     ] }),
     candidateState.status === "failed" && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-xs text-destructive", children: candidateState.error }),
-    /* @__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) {
@@ -3427,7 +4000,9 @@ const ConversationGroup = reactExports.memo(function({
   onCompareWithPrevious,
   comparisonPredecessors,
   onClearGroup,
-  standalone = false
+  standalone = false,
+  hasPinnedSessionContext = false,
+  timeDisplayFormat
 }) {
   const [expanded, setExpanded] = reactExports.useState(false);
   const stats = reactExports.useMemo(() => computeStats(group.logs), [group.logs]);
@@ -3435,6 +4010,7 @@ const ConversationGroup = reactExports.memo(function({
   const endTime = group.logs[group.logs.length - 1]?.timestamp ?? (/* @__PURE__ */ new Date()).toISOString();
   const mixed = hasMixedApiFormat(group.logs);
   const isLoading = group.logs.some((log) => log.responseStatus === null);
+  const showTraceRollupMetrics = standalone && !hasPinnedSessionContext;
   const turnGroups = reactExports.useMemo(() => buildTurnGroups(group.logs), [group.logs]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2", children: [
     !standalone && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -3452,6 +4028,7 @@ const ConversationGroup = reactExports.memo(function({
         hideApiFormat: mixed,
         isLoading,
         userAgent: group.logs[0]?.userAgent ?? null,
+        timeDisplayFormat,
         onClear: () => onClearGroup(group.logs.map((l) => l.id))
       }
     ),
@@ -3461,7 +4038,9 @@ const ConversationGroup = reactExports.memo(function({
         {
           logs: group.logs,
           scopeId: group.conversationId,
-          slowResponseThresholdSeconds
+          slowResponseThresholdSeconds,
+          showRollupMetrics: showTraceRollupMetrics,
+          timeDisplayFormat
         }
       ),
       turnGroups.map((tg) => /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -3471,6 +4050,7 @@ const ConversationGroup = reactExports.memo(function({
           viewMode,
           strip,
           slowResponseThresholdSeconds,
+          timeDisplayFormat,
           cacheTrends,
           onCompareWithPrevious,
           comparisonPredecessors,
@@ -4051,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 = [];
@@ -5307,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(
@@ -5326,19 +5899,98 @@ 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,
     slowResponseThresholdSeconds,
+    timeDisplayFormat,
     isLoading,
     setStrip,
-    setSlowResponseThresholdSeconds
+    setSlowResponseThresholdSeconds,
+    setTimeDisplayFormat
   } = useStripConfig();
   const [error, setError] = reactExports.useState(null);
   const [pending, setPending] = reactExports.useState(false);
@@ -5370,6 +6022,20 @@ function ProxySettingsTab() {
     },
     [setSlowResponseThresholdSeconds]
   );
+  const handleTimeDisplayFormatChange = reactExports.useCallback(
+    async (next) => {
+      setError(null);
+      setPending(true);
+      try {
+        await setTimeDisplayFormat(next);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : String(err));
+      } finally {
+        setPending(false);
+      }
+    },
+    [setTimeDisplayFormat]
+  );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-semibold", children: "Claude Code billing header" }),
@@ -5430,6 +6096,28 @@ function ProxySettingsTab() {
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: "seconds" })
       ] })
     ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: "time-display-format", className: "text-sm font-semibold", children: "Time display" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Controls timestamps in session summaries, conversation headers, and log rows." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "select",
+        {
+          id: "time-display-format",
+          value: timeDisplayFormat,
+          disabled: isLoading || pending,
+          onChange: (event) => {
+            const parsed = TimeDisplayFormatSchema.safeParse(event.currentTarget.value);
+            if (!parsed.success) return;
+            void handleTimeDisplayFormatChange(parsed.data);
+          },
+          className: "h-8 rounded-md border border-input bg-background px-2 text-sm disabled:cursor-not-allowed disabled:opacity-50",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "time", children: "Time only" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "full", children: "Full ISO" })
+          ]
+        }
+      )
+    ] }),
     error !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-destructive", children: [
       "Failed to save: ",
       error
@@ -5491,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);
@@ -5512,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);
@@ -5528,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) {
@@ -5540,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) {
@@ -5552,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);
@@ -5567,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);
@@ -5595,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;
@@ -5616,16 +6334,11 @@ function computeTokenSummary(logs) {
   }
   return { totalIn, totalOut };
 }
-function formatTimeRange(logs) {
+function formatTimeRange(logs, timeDisplayFormat) {
   const first = logs[0];
   const last = logs[logs.length - 1];
   if (first === void 0 || last === void 0) return null;
-  const format = (iso) => new Date(iso).toLocaleTimeString([], {
-    hour: "2-digit",
-    minute: "2-digit",
-    second: "2-digit"
-  });
-  return `${format(first.timestamp)} - ${format(last.timestamp)}`;
+  return formatTimestampRange(first.timestamp, last.timestamp, timeDisplayFormat);
 }
 function getFirstUserAgent(logs) {
   for (const log of logs) {
@@ -5700,10 +6413,14 @@ function SessionContextBar({
   sessionId,
   logs,
   totalIn,
-  totalOut
+  totalOut,
+  timeDisplayFormat
 }) {
   const [copied, setCopied] = reactExports.useState(false);
-  const timeRange = reactExports.useMemo(() => formatTimeRange(logs), [logs]);
+  const timeRange = reactExports.useMemo(
+    () => formatTimeRange(logs, timeDisplayFormat),
+    [logs, timeDisplayFormat]
+  );
   const userAgent = reactExports.useMemo(() => getFirstUserAgent(logs), [logs]);
   const handleCopyLink = reactExports.useCallback(() => {
     void window.navigator.clipboard.writeText(window.location.href).then(() => {
@@ -5776,6 +6493,7 @@ function ProxyViewer({
   onViewModeChange,
   strip,
   slowResponseThresholdSeconds,
+  timeDisplayFormat,
   hideSessionFilter = false,
   pinnedSessionId
 }) {
@@ -5787,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;
@@ -5822,6 +6540,7 @@ function ProxyViewer({
     setComparePair(null);
   }, []);
   const groups = reactExports.useMemo(() => groupLogsByConversation(logs), [logs]);
+  const hasPinnedSessionContext = pinnedSessionId !== void 0;
   const cacheTrends = reactExports.useMemo(() => computeCacheTrends(groups), [groups]);
   const comparisonPredecessors = reactExports.useMemo(() => buildValidPredecessors(groups), [groups]);
   const handleCompareWithPrevious = reactExports.useCallback(
@@ -5895,7 +6614,8 @@ function ProxyViewer({
           sessionId: pinnedSessionId,
           logs,
           totalIn,
-          totalOut
+          totalOut,
+          timeDisplayFormat
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
@@ -5934,7 +6654,7 @@ function ProxyViewer({
           )
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground text-xs font-mono", children: [
+        !hasPinnedSessionContext && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground text-xs font-mono", children: [
           logs.length,
           " request",
           logs.length !== 1 ? "s" : "",
@@ -6005,7 +6725,9 @@ function ProxyViewer({
             onCompareWithPrevious: handleCompareWithPrevious,
             comparisonPredecessors,
             onClearGroup,
-            standalone: groups.length === 1
+            standalone: groups.length === 1,
+            hasPinnedSessionContext,
+            timeDisplayFormat
           },
           group.id
         )) })
@@ -6263,7 +6985,7 @@ function ProxyViewerContainer({
       }
     })();
   }, []);
-  const { strip, slowResponseThresholdSeconds } = useStripConfig();
+  const { strip, slowResponseThresholdSeconds, timeDisplayFormat } = useStripConfig();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     error !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed top-4 right-4 bg-destructive text-destructive-foreground px-4 py-2 rounded-md text-sm z-50", children: error }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(OnboardingBanner, {}),
@@ -6283,6 +7005,7 @@ function ProxyViewerContainer({
         onViewModeChange: setViewMode,
         strip,
         slowResponseThresholdSeconds,
+        timeDisplayFormat,
         hideSessionFilter: initialSessionId !== void 0,
         pinnedSessionId: initialSessionId
       }
@@ -6312,5 +7035,6 @@ export {
   getStatusCategory as p,
   parseJsonText as q,
   resolveLogFormat as r,
-  safeJsonValue as s
+  safeJsonValue as s,
+  useProviders as u
 };