@tonyclaw/agent-inspector 2.0.3 → 2.0.4

package/.output/server/_ssr/{ProxyViewerContainer-CMWl3Ijy.mjs → ProxyViewerContainer-Cckz5qKu.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-Dgkv5nKP.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";
@@ -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
@@ -261,6 +273,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 +302,7 @@ function getStatusCategory(status) {
   if (status >= 500) return "server_error";
   return "pending";
 }
-const version = "2.0.3";
+const version = "2.0.4";
 const packageJson = {
   version
 };
@@ -469,10 +496,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 +509,7 @@ function ConversationHeader({
   hideApiFormat = false,
   isLoading = false,
   userAgent,
+  timeDisplayFormat,
   onClear
 }) {
   const [confirmOpen, setConfirmOpen] = reactExports.useState(false);
@@ -559,11 +583,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 +1363,27 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-C08L3UOO.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-DuWEpqQ7.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-CPDo9_G5.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-BDRcr8E5.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-D9wt_K1E.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-BoO2_Ij0.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-DXaL7nY3.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-DZiPBxvO.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-B_hudZyb.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-D-be7KEL.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
 const LazyJsonViewer = reactExports.lazy(
-  () => import("./json-viewer-Ci6kkjde.mjs").then((m) => ({ default: m.JsonViewer }))
+  () => import("./json-viewer-aJhb93ZK.mjs").then((m) => ({ default: m.JsonViewer }))
 );
 const LazyJsonViewerFromString = reactExports.lazy(
-  () => import("./json-viewer-Ci6kkjde.mjs").then((m) => ({ default: m.JsonViewerFromString }))
+  () => import("./json-viewer-aJhb93ZK.mjs").then((m) => ({ default: m.JsonViewerFromString }))
 );
 const HIGHLIGHT_DURATION_MS = 1200;
 const MAX_HIGHLIGHT_ATTEMPTS = 12;
@@ -1780,17 +1800,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 +1838,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" }) }) }),
@@ -1912,10 +1931,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 +2418,7 @@ const LogEntry = reactExports.memo(function({
   viewMode = "simple",
   strip,
   slowResponseThresholdSeconds,
+  timeDisplayFormat,
   cacheTrend = null,
   onCompareWithPrevious
 }) {
@@ -2419,10 +2435,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 +2567,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 : () => {
@@ -2769,14 +2781,10 @@ function ToolTraceEvents({ events }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-3 mb-2 grid gap-1.5", children: events.map((event) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: "flex min-w-0 items-center gap-2 rounded-md border border-amber-500/20 bg-amber-500/5 px-2.5 py-1.5 text-xs",
+      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",
       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 })
@@ -2964,7 +2972,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;
@@ -3219,6 +3228,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
                 }
@@ -3239,23 +3249,23 @@ function formatElapsed(ms) {
   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 scrollToLog(logId) {
-  const target = document.getElementById(`log-${String(logId)}`);
+function getLogAnchor(logId) {
+  return `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 CandidateList({ candidates }) {
   if (candidates.length === 0) return null;
@@ -3270,11 +3280,15 @@ function CandidateList({ candidates }) {
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 font-mono text-[10px] text-muted-foreground", children: candidate.status })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 flex flex-wrap items-center gap-1.5", children: candidate.logIds.map((logId) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "button",
+          "a",
           {
-            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",
+            href: `#${getLogAnchor(logId)}`,
+            onClick: (event) => {
+              event.preventDefault();
+              jumpToLog(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
@@ -3290,20 +3304,25 @@ 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 hasCandidates = candidates.length > 0;
   const summary = reactExports.useMemo(
     () => buildTraceSummary(logs, slowResponseThresholdSeconds, candidates.length),
     [candidates.length, logs, slowResponseThresholdSeconds]
   );
+  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,6 +3343,7 @@ function AgentTraceSummary({
         }
         const parsed = await parseJsonResponse$1(response, CandidateResponseSchema);
         setCandidates(parsed.candidates);
+        setCandidatesExpanded(parsed.candidates.length > 0);
         setCandidateState({ status: "ready", error: null });
       } catch (error) {
         setCandidateState({
@@ -3336,17 +3356,17 @@ function AgentTraceSummary({
   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),
@@ -3363,15 +3383,15 @@ function AgentTraceSummary({
           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 +3405,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 +3420,23 @@ 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 })
+    candidatesExpanded && /* @__PURE__ */ jsxRuntimeExports.jsx(CandidateList, { candidates })
   ] });
 }
 function computeStats(logs) {
@@ -3427,7 +3457,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 +3467,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 +3485,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 +3495,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 +3507,7 @@ const ConversationGroup = reactExports.memo(function({
           viewMode,
           strip,
           slowResponseThresholdSeconds,
+          timeDisplayFormat,
           cacheTrends,
           onCompareWithPrevious,
           comparisonPredecessors,
@@ -5336,9 +5373,11 @@ 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 +5409,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 +5483,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
@@ -5616,16 +5691,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 +5770,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 +5850,7 @@ function ProxyViewer({
   onViewModeChange,
   strip,
   slowResponseThresholdSeconds,
+  timeDisplayFormat,
   hideSessionFilter = false,
   pinnedSessionId
 }) {
@@ -5822,6 +5897,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 +5971,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 +6011,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 +6082,9 @@ function ProxyViewer({
             onCompareWithPrevious: handleCompareWithPrevious,
             comparisonPredecessors,
             onClearGroup,
-            standalone: groups.length === 1
+            standalone: groups.length === 1,
+            hasPinnedSessionContext,
+            timeDisplayFormat
           },
           group.id
         )) })
@@ -6263,7 +6342,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 +6362,7 @@ function ProxyViewerContainer({
         onViewModeChange: setViewMode,
         strip,
         slowResponseThresholdSeconds,
+        timeDisplayFormat,
         hideSessionFilter: initialSessionId !== void 0,
         pinnedSessionId: initialSessionId
       }

package/.output/server/_ssr/{ReplayDialog-CPDo9_G5.mjs → ReplayDialog-BDRcr8E5.mjs}

@@ -1,10 +1,10 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { D as Dialog, b as DialogContent, d as DialogHeader, e as DialogTitle, T as Tabs, h as TabsList, i as TabsTrigger, j as TabsContent, k as TooltipProvider, l as Tooltip, m as TooltipTrigger, n as TooltipContent, o as Button } from "./ProxyViewerContainer-CMWl3Ijy.mjs";
-import { ResponseView } from "./ResponseView-DXaL7nY3.mjs";
-import "./router-BemxgIg7.mjs";
+import { D as Dialog, b as DialogContent, d as DialogHeader, e as DialogTitle, T as Tabs, h as TabsList, i as TabsTrigger, j as TabsContent, k as TooltipProvider, l as Tooltip, m as TooltipTrigger, n as TooltipContent, o as Button } from "./ProxyViewerContainer-Cckz5qKu.mjs";
+import { ResponseView } from "./ResponseView-DZiPBxvO.mjs";
+import "./router-Dgkv5nKP.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
-import "./json-viewer-Ci6kkjde.mjs";
+import "./json-viewer-aJhb93ZK.mjs";
 import { s as RotateCcw } from "../_libs/lucide-react.mjs";
 import { d as object, c as boolean, n as number, b as string } from "../_libs/zod.mjs";
 import "../_libs/swr.mjs";