@tonyclaw/agent-inspector 2.0.3 → 2.0.4

package/.output/server/_ssr/{RequestAnatomy-D9wt_K1E.mjs → RequestAnatomy-BoO2_Ij0.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { k as TooltipProvider, f as formatTokens, c as cn, l as Tooltip, m as TooltipTrigger, n as TooltipContent } from "./ProxyViewerContainer-CMWl3Ijy.mjs";
-import "./router-BemxgIg7.mjs";
+import { k as TooltipProvider, f as formatTokens, c as cn, l as Tooltip, m as TooltipTrigger, n as TooltipContent } from "./ProxyViewerContainer-Cckz5qKu.mjs";
+import "./router-Dgkv5nKP.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { V as Info } from "../_libs/lucide-react.mjs";
@@ -116,14 +116,14 @@ const ROLE_COLOR_CLASSES = {
   system: "bg-sky-500/70",
   user: "bg-emerald-500/70",
   assistant: "bg-violet-500/70",
-  tool: "bg-amber-500/70",
+  tool: "bg-sky-400/55",
   tools: "bg-slate-500/70"
 };
 const ROLE_FOCUS_RING = {
   system: "focus-visible:ring-sky-300",
   user: "focus-visible:ring-emerald-300",
   assistant: "focus-visible:ring-violet-300",
-  tool: "focus-visible:ring-amber-300",
+  tool: "focus-visible:ring-sky-300",
   tools: "focus-visible:ring-slate-300"
 };
 const MAX_VISIBLE_SEGMENTS = 12;

package/.output/server/_ssr/{ResponseView-DXaL7nY3.mjs → ResponseView-DZiPBxvO.mjs}

@@ -1,7 +1,7 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { g as getLogFormatAdapter, f as formatTokens, c as cn, p as getStatusCategory, B as Badge, s as safeJsonValue } from "./ProxyViewerContainer-CMWl3Ijy.mjs";
-import { JsonViewer } from "./json-viewer-Ci6kkjde.mjs";
-import "./router-BemxgIg7.mjs";
+import { g as getLogFormatAdapter, f as formatTokens, c as cn, p as getStatusCategory, B as Badge, s as safeJsonValue } from "./ProxyViewerContainer-Cckz5qKu.mjs";
+import { JsonViewer } from "./json-viewer-aJhb93ZK.mjs";
+import "./router-Dgkv5nKP.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { Z as Zap, i as TriangleAlert, Y as CircleStop, B as Brain, b as ChevronDown, f as ChevronRight, _ as Terminal } from "../_libs/lucide-react.mjs";
@@ -167,6 +167,10 @@ import "../_libs/inline-style-parser.mjs";
 import "../_libs/hast-util-whitespace.mjs";
 import "../_libs/estree-util-is-identifier-name.mjs";
 import "../_libs/html-url-attributes.mjs";
+const ANSWER_MARKDOWN_CLASS = "prose prose-sm dark:prose-invert max-w-none text-[13px] leading-[1.65] [&_pre]:bg-muted [&_pre]:text-foreground [&_code]:text-[0.8em] [&_p]:my-1 [&_p]:leading-[1.65] [&_ul]:my-1 [&_ol]:my-1 [&_li]:my-0.5 [&_li]:leading-[1.6]";
+function AnswerMarkdown({ text }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: ANSWER_MARKDOWN_CLASS, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: text }) });
+}
 function Separator({
   className,
   orientation = "horizontal",
@@ -276,7 +280,7 @@ function SystemReminderBlock({ text }) {
       open ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3 text-muted-foreground" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground text-xs italic select-none opacity-60", children: "[system-reminder]" })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pl-4 pt-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none [&_pre]:bg-muted [&_pre]:text-foreground [&_code]:text-[0.8em] [&_p]:my-1 [&_ul]:my-1 [&_ol]:my-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: text }) }) }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pl-4 pt-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AnswerMarkdown, { text }) }) })
   ] });
 }
 const TextBlock = reactExports.memo(function TextBlock2({ text }) {
@@ -286,7 +290,7 @@ const TextBlock = reactExports.memo(function TextBlock2({ text }) {
   const { thinking, remainingText } = extractThinkingFromContent(text);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
     thinking !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(ThinkingBlock, { thinking }),
-    remainingText.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none [&_pre]:bg-muted [&_pre]:text-foreground [&_code]:text-[0.8em] [&_p]:my-1 [&_ul]:my-1 [&_ol]:my-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: remainingText }) }),
+    remainingText.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(AnswerMarkdown, { text: remainingText }),
     thinking === null && remainingText.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "Empty text block" })
   ] });
 });
@@ -320,9 +324,9 @@ const ToolUseBlock = reactExports.memo(function ToolUseBlock2({
   input
 }) {
   const [open, setOpen] = reactExports.useState(false);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-l-2 border-blue-500/40 my-1", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(CollapsibleTrigger, { className: "flex items-center gap-1.5 px-3 py-1 w-full text-left cursor-pointer hover:bg-blue-500/5 transition-colors rounded-r-sm group", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { className: "size-3.5 text-blue-400 shrink-0" }),
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-l-2 border-sky-400/25 my-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(CollapsibleTrigger, { className: "flex items-center gap-1.5 px-3 py-1 w-full text-left cursor-pointer hover:bg-sky-400/[0.04] transition-colors rounded-r-sm group", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { className: "size-3.5 text-sky-400/70 shrink-0" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: "text-[10px] font-mono px-1.5 py-0 h-4", children: name }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1" }),
       open ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3 text-muted-foreground" })
@@ -400,9 +404,9 @@ function OpenAIToolCallBlock({ call }) {
   const [open, setOpen] = reactExports.useState(false);
   const name = call.function.name ?? "(unnamed tool)";
   const parsed = parseToolArguments(call.function.arguments);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-l-2 border-blue-500/40 my-1", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(CollapsibleTrigger, { className: "flex items-center gap-1.5 px-3 py-1 w-full text-left cursor-pointer hover:bg-blue-500/5 transition-colors rounded-r-sm group", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { className: "size-3.5 text-blue-400 shrink-0" }),
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-l-2 border-sky-400/25 my-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(CollapsibleTrigger, { className: "flex items-center gap-1.5 px-3 py-1 w-full text-left cursor-pointer hover:bg-sky-400/[0.04] transition-colors rounded-r-sm group", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { className: "size-3.5 text-sky-400/70 shrink-0" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: "text-[10px] font-mono px-1.5 py-0 h-4", children: name }),
       call.id !== void 0 && call.id !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-mono text-muted-foreground/60 truncate", children: call.id }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1" }),
@@ -454,17 +458,17 @@ const OpenAIResponseView = reactExports.memo(function OpenAIResponseView2({
         const { thinking, remainingText } = extractThinkingFromContent(message.content);
         return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
           thinking !== null && !hasReasoningField && /* @__PURE__ */ jsxRuntimeExports.jsx(ThinkingBlock, { thinking }),
-          remainingText.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none [&_pre]:bg-muted [&_pre]:text-foreground [&_code]:text-[0.8em] [&_p]:my-1 [&_ul]:my-1 [&_ol]:my-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: remainingText }) })
+          remainingText.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(AnswerMarkdown, { text: remainingText })
         ] });
       })(),
       toolCalls.map((call, i) => (
         // biome-ignore lint/suspicious/noArrayIndexKey: tool_calls is the positionally stable list from the response
         /* @__PURE__ */ jsxRuntimeExports.jsx(OpenAIToolCallBlock, { call }, call.id ?? `tc-${i}`)
       )),
-      message?.function_call !== null && message?.function_call !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border border-blue-500/30 rounded-md p-3 bg-blue-500/5", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-blue-400 font-mono mb-1", children: "function_call" }),
+      message?.function_call !== null && message?.function_call !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border border-sky-400/20 rounded-md p-3 bg-muted/20", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-sky-400/80 font-mono mb-1", children: "function_call" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "font-mono text-xs", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-300", children: message.function_call.name }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-foreground/80", children: message.function_call.name }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground", children: [
             "(",
             message.function_call.arguments,
@@ -521,7 +525,7 @@ function ErrorResponseView({ text }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-red-500/30 bg-red-500/5 p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-xs text-red-300 whitespace-pre-wrap font-mono leading-relaxed overflow-auto max-h-[60vh]", children: text }) });
 }
 function MarkdownFallbackView({ text }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none [&_pre]:bg-muted [&_pre]:text-foreground [&_code]:text-[0.8em] [&_p]:my-1 [&_ul]:my-1 [&_ol]:my-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: text }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(AnswerMarkdown, { text });
 }
 const ResponseView = reactExports.memo(function ResponseView2({
   responseText,

package/.output/server/_ssr/{StreamingChunkSequence-B_hudZyb.mjs → StreamingChunkSequence-D-be7KEL.mjs}

@@ -1,7 +1,7 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { k as TooltipProvider, l as Tooltip, m as TooltipTrigger, B as Badge, n as TooltipContent } from "./ProxyViewerContainer-CMWl3Ijy.mjs";
-import { JsonViewer } from "./json-viewer-Ci6kkjde.mjs";
-import "./router-BemxgIg7.mjs";
+import { k as TooltipProvider, l as Tooltip, m as TooltipTrigger, B as Badge, n as TooltipContent } from "./ProxyViewerContainer-Cckz5qKu.mjs";
+import { JsonViewer } from "./json-viewer-aJhb93ZK.mjs";
+import "./router-Dgkv5nKP.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { b as ChevronDown, f as ChevronRight, L as LoaderCircle } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{index-CuE_BN86.mjs → index-5RImHKfu.mjs}

@@ -1,6 +1,6 @@
-import { P as ProxyViewerContainer } from "./ProxyViewerContainer-CMWl3Ijy.mjs";
+import { P as ProxyViewerContainer } from "./ProxyViewerContainer-Cckz5qKu.mjs";
 import "../_libs/react.mjs";
-import "./router-BemxgIg7.mjs";
+import "./router-Dgkv5nKP.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/swr.mjs";

package/.output/server/_ssr/index.mjs

@@ -198,7 +198,7 @@ function getResponse() {
   return event.res;
 }
 async function getStartManifest(matchedRoutes) {
-  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v--L1_b4sd.mjs");
+  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-B8rrWXjr.mjs");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -767,7 +767,7 @@ let entriesPromise;
 let baseManifestPromise;
 let cachedFinalManifestPromise;
 async function loadEntries() {
-  const routerEntry = await import("./router-BemxgIg7.mjs").then((n) => n.h);
+  const routerEntry = await import("./router-Dgkv5nKP.mjs").then((n) => n.i);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }

package/.output/server/_ssr/{json-viewer-Ci6kkjde.mjs → json-viewer-aJhb93ZK.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { q as parseJsonText, c as cn, k as TooltipProvider, l as Tooltip, m as TooltipTrigger, n as TooltipContent } from "./ProxyViewerContainer-CMWl3Ijy.mjs";
-import "./router-BemxgIg7.mjs";
+import { q as parseJsonText, c as cn, k as TooltipProvider, l as Tooltip, m as TooltipTrigger, n as TooltipContent } from "./ProxyViewerContainer-Cckz5qKu.mjs";
+import "./router-Dgkv5nKP.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { C as Check, a as Copy, b as ChevronDown, f as ChevronRight, q as ChevronsDown } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{router-BemxgIg7.mjs → router-Dgkv5nKP.mjs}

@@ -49,7 +49,7 @@ import "../_libs/mimic-function.mjs";
 import "../_libs/semver.mjs";
 import "../_libs/uint8array-extras.mjs";
 const faviconSvg = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%20role='img'%20aria-label='Agent%20Inspector'%3e%3crect%20width='64'%20height='64'%20rx='14'%20fill='%23111827'%20/%3e%3cg%20fill='none'%20stroke='%23f59e0b'%20stroke-width='4.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20fill='%23f59e0b'%20d='M15%2036c0-11%207-18%2017-18s17%207%2017%2018c0%208-7%2013-17%2013s-17-5-17-13z'%20/%3e%3cpath%20d='M16%2031c-6-5-12-3-12%204%200%205%206%206%2011%202'%20/%3e%3cpath%20d='M48%2031c6-5%2012-3%2012%204%200%205-6%206-11%202'%20/%3e%3cpath%20d='M27%2019l-3-7'%20/%3e%3cpath%20d='M37%2019l3-7'%20/%3e%3cpath%20d='M19%2045l-6%209'%20/%3e%3cpath%20d='M27%2048l-3%209'%20/%3e%3cpath%20d='M37%2048l3%209'%20/%3e%3cpath%20d='M45%2045l6%209'%20/%3e%3c/g%3e%3cpath%20d='M14%2047l9-8%208%209c-5%203.5-12%203-17-1z'%20fill='%232f6b3f'%20opacity='.95'%20/%3e%3cpath%20d='M18%2046l5-5%205%206c-3%201.6-7%201.4-10-1z'%20fill='%236fb36f'%20opacity='.95'%20/%3e%3cpath%20d='M23%2041v10'%20fill='none'%20stroke='%23d6b45f'%20stroke-width='1.6'%20stroke-linecap='round'%20/%3e%3ccircle%20cx='31'%20cy='48'%20r='1.8'%20fill='%23c2412d'%20/%3e%3cpath%20d='M24%2044l13-11%2014%2013c-8%205.8-18%205.3-27-2z'%20fill='%232f6b3f'%20opacity='.97'%20/%3e%3cpath%20d='M30%2043l7-7%209%209c-5%202.7-11%202.5-16-2z'%20fill='%236fb36f'%20opacity='.95'%20/%3e%3cpath%20d='M37%2036v14'%20fill='none'%20stroke='%23d6b45f'%20stroke-width='2'%20stroke-linecap='round'%20/%3e%3cpath%20d='M30%2043c5-2%2011-1.5%2016%202'%20fill='none'%20stroke='%239fca78'%20stroke-width='1.8'%20stroke-linecap='round'%20/%3e%3ccircle%20cx='51'%20cy='46'%20r='2'%20fill='%23c2412d'%20/%3e%3cpath%20d='M40%2050l8-8%207%208c-4.2%203.2-10%203-15%200z'%20fill='%232f6b3f'%20opacity='.95'%20/%3e%3cpath%20d='M43%2049l5-5%204.5%205.5c-3%201.5-6%201.2-9.5-.5z'%20fill='%236fb36f'%20opacity='.95'%20/%3e%3cpath%20d='M48%2044v9'%20fill='none'%20stroke='%23d6b45f'%20stroke-width='1.5'%20stroke-linecap='round'%20/%3e%3ccircle%20cx='55'%20cy='50'%20r='1.7'%20fill='%23c2412d'%20/%3e%3ccircle%20cx='24'%20cy='11'%20r='3.2'%20fill='%23f59e0b'%20/%3e%3ccircle%20cx='40'%20cy='11'%20r='3.2'%20fill='%23f59e0b'%20/%3e%3ccircle%20cx='25'%20cy='34'%20r='2.1'%20fill='%23111827'%20/%3e%3ccircle%20cx='39'%20cy='34'%20r='2.1'%20fill='%23111827'%20/%3e%3c/svg%3e";
-const appCss = "/assets/index-D7wwbwly.css";
+const appCss = "/assets/index-CobXD0yH.css";
 const Route$q = createRootRoute({
   head: () => ({
     meta: [
@@ -76,7 +76,7 @@ function RootDocument({ children }) {
     ] })
   ] });
 }
-const $$splitComponentImporter$1 = () => import("./index-CuE_BN86.mjs");
+const $$splitComponentImporter$1 = () => import("./index-5RImHKfu.mjs");
 const Route$p = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
@@ -119,7 +119,7 @@ function decodeSessionIdFromPath(encoded) {
 function getSessionPath(sessionId) {
   return `/session/${encodeSessionIdForPath(sessionId)}`;
 }
-const $$splitComponentImporter = () => import("../_sessionId-B-s9P7fJ.mjs");
+const $$splitComponentImporter = () => import("../_sessionId-C4xsxIWm.mjs");
 const Route$o = createFileRoute("/session/$sessionId")({
   component: lazyRouteComponent($$splitComponentImporter, "component"),
   parseParams: (params) => ({
@@ -2634,10 +2634,13 @@ async function getClientInfo(request) {
 }
 const DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS = 10;
 const MAX_SLOW_RESPONSE_THRESHOLD_SECONDS = 600;
+const DEFAULT_TIME_DISPLAY_FORMAT = "time";
+const TimeDisplayFormatSchema = _enum(["time", "full"]);
 const RuntimeConfigSchema = object({
   stripClaudeCodeBillingHeader: boolean(),
   hasSeenOnboarding: boolean().default(false),
-  slowResponseThresholdSeconds: number().int().min(0).max(MAX_SLOW_RESPONSE_THRESHOLD_SECONDS).default(DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS)
+  slowResponseThresholdSeconds: number().int().min(0).max(MAX_SLOW_RESPONSE_THRESHOLD_SECONDS).default(DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS),
+  timeDisplayFormat: TimeDisplayFormatSchema.default(DEFAULT_TIME_DISPLAY_FORMAT)
 });
 function getConfigFilePath() {
   return join(getDataDir(), "config.json");
@@ -2670,13 +2673,15 @@ function resolveInitialConfig() {
     return {
       stripClaudeCodeBillingHeader: true,
       hasSeenOnboarding: false,
-      slowResponseThresholdSeconds: DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS
+      slowResponseThresholdSeconds: DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS,
+      timeDisplayFormat: DEFAULT_TIME_DISPLAY_FORMAT
     };
   }
   return {
     stripClaudeCodeBillingHeader: false,
     hasSeenOnboarding: false,
-    slowResponseThresholdSeconds: DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS
+    slowResponseThresholdSeconds: DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS,
+    timeDisplayFormat: DEFAULT_TIME_DISPLAY_FORMAT
   };
 }
 function getConfig() {
@@ -4095,7 +4100,8 @@ const Route$h = createFileRoute("/api/health")({
 const RuntimeConfigPatchSchema = object({
   stripClaudeCodeBillingHeader: boolean().optional(),
   hasSeenOnboarding: boolean().optional(),
-  slowResponseThresholdSeconds: number().int().min(0).max(MAX_SLOW_RESPONSE_THRESHOLD_SECONDS).optional()
+  slowResponseThresholdSeconds: number().int().min(0).max(MAX_SLOW_RESPONSE_THRESHOLD_SECONDS).optional(),
+  timeDisplayFormat: TimeDisplayFormatSchema.optional()
 }).strict().refine((v) => Object.keys(v).length > 0, {
   message: "At least one field must be provided"
 });
@@ -6574,14 +6580,16 @@ export {
   OpenAIRequestSchema as O,
   ProviderTestResultsSchema as P,
   Route$o as R,
-  RuntimeConfigSchema as a,
-  AnthropicRequestSchema as b,
-  safeGetOwnProperty as c,
-  createPendingProviderTestResults as d,
-  createFailedProviderTestResults as e,
-  ProviderConfigSchema as f,
+  TimeDisplayFormatSchema as T,
+  DEFAULT_TIME_DISPLAY_FORMAT as a,
+  RuntimeConfigSchema as b,
+  AnthropicRequestSchema as c,
+  safeGetOwnProperty as d,
+  createPendingProviderTestResults as e,
+  createFailedProviderTestResults as f,
   getSessionPath as g,
-  router as h,
+  ProviderConfigSchema as h,
+  router as i,
   parseOpenAIResponse as p,
   requestFormatForPath as r,
   stripClaudeCodeBillingHeader as s

package/.output/server/{_tanstack-start-manifest_v--L1_b4sd.mjs → _tanstack-start-manifest_v-B8rrWXjr.mjs}

@@ -1,4 +1,4 @@
-const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/__root.tsx", "children": ["/", "/api/config", "/api/health", "/api/logs", "/api/mcp", "/api/models", "/api/providers", "/api/sessions", "/proxy/$", "/session/$sessionId", "/api/knowledge/candidates", "/api/knowledge/project-context", "/api/knowledge/search", "/api/knowledge/sessions/$sessionId/candidates"], "preloads": ["/assets/main-CZT_F-gu.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-FqQZbfl2.js", "/assets/ProxyViewerContainer-Da0jpBkp.js"] }, "/api/config": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/config.ts", "children": ["/api/config/paths"] }, "/api/health": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/health.ts" }, "/api/logs": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.ts", "children": ["/api/logs/$id", "/api/logs/stream"] }, "/api/mcp": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/mcp.ts" }, "/api/models": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/models.ts" }, "/api/providers": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.ts", "children": ["/api/providers/$providerId", "/api/providers/export", "/api/providers/import", "/api/providers/scan"] }, "/api/sessions": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/sessions.ts" }, "/proxy/$": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/proxy/$.ts" }, "/session/$sessionId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/session/$sessionId.tsx", "assets": [], "preloads": ["/assets/_sessionId-dY1TTl7N.js", "/assets/ProxyViewerContainer-Da0jpBkp.js"] }, "/api/config/paths": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/config.paths.ts" }, "/api/knowledge/candidates": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.ts", "children": ["/api/knowledge/candidates/$candidateId/promote"] }, "/api/knowledge/project-context": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.project-context.ts" }, "/api/knowledge/search": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.search.ts" }, "/api/logs/$id": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.ts", "children": ["/api/logs/$id/chunks", "/api/logs/$id/replay"] }, "/api/logs/stream": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.stream.ts" }, "/api/providers/$providerId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.ts", "children": ["/api/providers/$providerId/test"] }, "/api/providers/export": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.export.ts" }, "/api/providers/import": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.import.ts" }, "/api/providers/scan": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.scan.ts" }, "/api/logs/$id/chunks": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.chunks.ts" }, "/api/logs/$id/replay": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.replay.ts" }, "/api/providers/$providerId/test": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.test.ts", "children": ["/api/providers/$providerId/test/log"] }, "/api/knowledge/candidates/$candidateId/promote": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.$candidateId.promote.ts" }, "/api/knowledge/sessions/$sessionId/candidates": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.sessions.$sessionId.candidates.ts" }, "/api/providers/$providerId/test/log": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.test.log.ts" } }, "clientEntry": "/assets/main-CZT_F-gu.js" });
+const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/__root.tsx", "children": ["/", "/api/config", "/api/health", "/api/logs", "/api/mcp", "/api/models", "/api/providers", "/api/sessions", "/proxy/$", "/session/$sessionId", "/api/knowledge/candidates", "/api/knowledge/project-context", "/api/knowledge/search", "/api/knowledge/sessions/$sessionId/candidates"], "preloads": ["/assets/main-mgxeUdZQ.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-BIw2H6jO.js", "/assets/ProxyViewerContainer-D85_UANk.js"] }, "/api/config": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/config.ts", "children": ["/api/config/paths"] }, "/api/health": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/health.ts" }, "/api/logs": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.ts", "children": ["/api/logs/$id", "/api/logs/stream"] }, "/api/mcp": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/mcp.ts" }, "/api/models": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/models.ts" }, "/api/providers": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.ts", "children": ["/api/providers/$providerId", "/api/providers/export", "/api/providers/import", "/api/providers/scan"] }, "/api/sessions": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/sessions.ts" }, "/proxy/$": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/proxy/$.ts" }, "/session/$sessionId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/session/$sessionId.tsx", "assets": [], "preloads": ["/assets/_sessionId-YqWFBu6d.js", "/assets/ProxyViewerContainer-D85_UANk.js"] }, "/api/config/paths": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/config.paths.ts" }, "/api/knowledge/candidates": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.ts", "children": ["/api/knowledge/candidates/$candidateId/promote"] }, "/api/knowledge/project-context": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.project-context.ts" }, "/api/knowledge/search": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.search.ts" }, "/api/logs/$id": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.ts", "children": ["/api/logs/$id/chunks", "/api/logs/$id/replay"] }, "/api/logs/stream": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.stream.ts" }, "/api/providers/$providerId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.ts", "children": ["/api/providers/$providerId/test"] }, "/api/providers/export": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.export.ts" }, "/api/providers/import": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.import.ts" }, "/api/providers/scan": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.scan.ts" }, "/api/logs/$id/chunks": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.chunks.ts" }, "/api/logs/$id/replay": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.replay.ts" }, "/api/providers/$providerId/test": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.test.ts", "children": ["/api/providers/$providerId/test/log"] }, "/api/knowledge/candidates/$candidateId/promote": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.$candidateId.promote.ts" }, "/api/knowledge/sessions/$sessionId/candidates": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.sessions.$sessionId.candidates.ts" }, "/api/providers/$providerId/test/log": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.test.log.ts" } }, "clientEntry": "/assets/main-mgxeUdZQ.js" });
 export {
   tsrStartManifest
 };

package/.output/server/index.mjs

@@ -38,107 +38,107 @@ const assets = {
   "/assets/alibaba-TTwafVwX.svg": {
     "type": "image/svg+xml",
     "etag": '"171b-6dyV5K8QjiaY35sN9qNprh9zDIs"',
-    "mtime": "2026-06-20T07:49:57.206Z",
+    "mtime": "2026-06-20T09:50:40.188Z",
     "size": 5915,
     "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
-  "/assets/CompareDrawer-D5A4bTfV.js": {
+  "/assets/index-BIw2H6jO.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"4a1f-mEPVKgxEcmIrRzyfYSrf+TEFNes"',
-    "mtime": "2026-06-20T07:49:57.206Z",
-    "size": 18975,
-    "path": "../public/assets/CompareDrawer-D5A4bTfV.js"
-  },
-  "/assets/index-FqQZbfl2.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"74-el2/zDM0d+yANqsiilX18eIScpc"',
-    "mtime": "2026-06-20T07:49:57.206Z",
+    "etag": '"74-4Z3U3XPh22QGtEz8rgtC6KUxxBk"',
+    "mtime": "2026-06-20T09:50:40.189Z",
     "size": 116,
-    "path": "../public/assets/index-FqQZbfl2.js"
+    "path": "../public/assets/index-BIw2H6jO.js"
   },
-  "/assets/index-D7wwbwly.css": {
+  "/assets/index-CobXD0yH.css": {
     "type": "text/css; charset=utf-8",
-    "etag": '"17293-5C6kMCq9PaxOjrbr7Or2ITIT6Lo"',
-    "mtime": "2026-06-20T07:49:57.206Z",
-    "size": 94867,
-    "path": "../public/assets/index-D7wwbwly.css"
+    "etag": '"17587-wM3UwOtYjpQy81oA4sjkIdizScg"',
+    "mtime": "2026-06-20T09:50:40.188Z",
+    "size": 95623,
+    "path": "../public/assets/index-CobXD0yH.css"
   },
   "/assets/minimax-BPMzvuL-.jpeg": {
     "type": "image/jpeg",
     "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
-    "mtime": "2026-06-20T07:49:57.206Z",
+    "mtime": "2026-06-20T09:50:40.188Z",
     "size": 6918,
     "path": "../public/assets/minimax-BPMzvuL-.jpeg"
   },
-  "/assets/json-viewer-BbU0n8eM.js": {
+  "/assets/json-viewer-BrzjD7qI.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"1e652-M43x58m2bH0hBJMNDpGZ/fDfT5s"',
-    "mtime": "2026-06-20T07:49:57.207Z",
+    "etag": '"1e652-kToNy9EOWKlmvVVK2ggoK6Yj4is"',
+    "mtime": "2026-06-20T09:50:40.189Z",
     "size": 124498,
-    "path": "../public/assets/json-viewer-BbU0n8eM.js"
+    "path": "../public/assets/json-viewer-BrzjD7qI.js"
   },
-  "/assets/main-CZT_F-gu.js": {
+  "/assets/main-mgxeUdZQ.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"5138c-VrHslavJjlr9YgDZ13bVuWsHMqQ"',
-    "mtime": "2026-06-20T07:49:57.207Z",
+    "etag": '"5138c-8pFfB8xlDwdi154QNl3icGhbrO0"',
+    "mtime": "2026-06-20T09:50:40.189Z",
     "size": 332684,
-    "path": "../public/assets/main-CZT_F-gu.js"
+    "path": "../public/assets/main-mgxeUdZQ.js"
+  },
+  "/assets/RequestAnatomy-DZ8grAih.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"1426-KgPrtOak3tXSA1eBiDgPYDF0NzY"',
+    "mtime": "2026-06-20T09:50:40.189Z",
+    "size": 5158,
+    "path": "../public/assets/RequestAnatomy-DZ8grAih.js"
   },
-  "/assets/ReplayDialog-CxUk_TF0.js": {
+  "/assets/ReplayDialog-DTeaHHit.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"11c0-esa6w7Upc98DpnzYsJtOduS9W7w"',
-    "mtime": "2026-06-20T07:49:57.207Z",
+    "etag": '"11c0-vzfqRFtK58XnhNRimd5URd22Gcs"',
+    "mtime": "2026-06-20T09:50:40.189Z",
     "size": 4544,
-    "path": "../public/assets/ReplayDialog-CxUk_TF0.js"
+    "path": "../public/assets/ReplayDialog-DTeaHHit.js"
   },
-  "/assets/RequestAnatomy-DIlzjgjJ.js": {
+  "/assets/ResponseView-Cldm6RCi.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"142a-Say/U0wBSXeJXbMdzIFCiD2Yq8o"',
-    "mtime": "2026-06-20T07:49:57.207Z",
-    "size": 5162,
-    "path": "../public/assets/RequestAnatomy-DIlzjgjJ.js"
+    "etag": '"6b01-Qix5qsvqjrCTAlqfCJ+Pp8h1e9I"',
+    "mtime": "2026-06-20T09:50:40.189Z",
+    "size": 27393,
+    "path": "../public/assets/ResponseView-Cldm6RCi.js"
   },
-  "/assets/ResponseView-DQCuKJ1G.js": {
+  "/assets/StreamingChunkSequence-3x4p-yT7.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"6c88-pdMfEcfub7CjHnge4PzxOHEcbPE"',
-    "mtime": "2026-06-20T07:49:57.207Z",
-    "size": 27784,
-    "path": "../public/assets/ResponseView-DQCuKJ1G.js"
+    "etag": '"d81-mHjIspQgaAOB4LmN6Cfnz+NcWOM"',
+    "mtime": "2026-06-20T09:50:40.189Z",
+    "size": 3457,
+    "path": "../public/assets/StreamingChunkSequence-3x4p-yT7.js"
   },
   "/assets/zhipuai-BPNAnxo-.svg": {
     "type": "image/svg+xml",
     "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
-    "mtime": "2026-06-20T07:49:57.206Z",
+    "mtime": "2026-06-20T09:50:40.188Z",
     "size": 11256,
     "path": "../public/assets/zhipuai-BPNAnxo-.svg"
   },
+  "/assets/CompareDrawer-BCH_fsLm.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"4a1f-Y215Tlm1TY2GPfXfX4DX86bgJPU"',
+    "mtime": "2026-06-20T09:50:40.189Z",
+    "size": 18975,
+    "path": "../public/assets/CompareDrawer-BCH_fsLm.js"
+  },
+  "/assets/_sessionId-YqWFBu6d.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"d2-hOIbwqwgtPs0H/vPSZ1gDPz5pFU"',
+    "mtime": "2026-06-20T09:50:40.189Z",
+    "size": 210,
+    "path": "../public/assets/_sessionId-YqWFBu6d.js"
+  },
   "/assets/qwen-CONDcHqt.png": {
     "type": "image/png",
     "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
-    "mtime": "2026-06-20T07:49:57.206Z",
+    "mtime": "2026-06-20T09:50:40.188Z",
     "size": 357059,
     "path": "../public/assets/qwen-CONDcHqt.png"
   },
-  "/assets/_sessionId-dY1TTl7N.js": {
+  "/assets/ProxyViewerContainer-D85_UANk.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"d2-gUdCO5tW0loAHOM6KOFd73K/+Es"',
-    "mtime": "2026-06-20T07:49:57.206Z",
-    "size": 210,
-    "path": "../public/assets/_sessionId-dY1TTl7N.js"
-  },
-  "/assets/ProxyViewerContainer-Da0jpBkp.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"79801-1JDGhvSsOIGys3Enbh6ed4oyMoE"',
-    "mtime": "2026-06-20T07:49:57.207Z",
-    "size": 497665,
-    "path": "../public/assets/ProxyViewerContainer-Da0jpBkp.js"
-  },
-  "/assets/StreamingChunkSequence-DHk4SGGL.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"d81-q+WustPR2MRDE/q2wIQ/H/VHcAc"',
-    "mtime": "2026-06-20T07:49:57.207Z",
-    "size": 3457,
-    "path": "../public/assets/StreamingChunkSequence-DHk4SGGL.js"
+    "etag": '"79ec4-8t+BfQ9tY8ia35/KlmoU69wDlc8"',
+    "mtime": "2026-06-20T09:50:40.189Z",
+    "size": 499396,
+    "path": "../public/assets/ProxyViewerContainer-D85_UANk.js"
   }
 };
 function readAsset(id) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tonyclaw/agent-inspector",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "type": "module",
   "description": "Agent observability and knowledge capture layer for AI coding tools.",
   "license": "MIT",

package/src/components/ProxyViewer.tsx

@@ -3,6 +3,8 @@ import { ArrowLeft, Check, Copy, Download, Plus } from "lucide-react";
 
 import type { CapturedLog } from "../proxy/schemas";
 import { exportLogsAsZip } from "../lib/export-logs";
+import type { TimeDisplayFormat } from "../lib/runtimeConfig";
+import { formatTimestampRange } from "../lib/timeDisplay";
 import { formatTokens } from "../lib/utils";
 import packageJson from "../../package.json";
 import { ConversationGroup, groupLogsByConversation } from "./proxy-viewer";
@@ -33,17 +35,11 @@ function computeTokenSummary(logs: CapturedLog[]): { totalIn: number; totalOut:
   return { totalIn, totalOut };
 }
 
-function formatTimeRange(logs: CapturedLog[]): string | null {
+function formatTimeRange(logs: CapturedLog[], timeDisplayFormat: TimeDisplayFormat): string | null {
   const first = logs[0];
   const last = logs[logs.length - 1];
   if (first === undefined || last === undefined) return null;
-  const format = (iso: string): string =>
-    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: CapturedLog[]): string | null {
@@ -132,14 +128,19 @@ function SessionContextBar({
   logs,
   totalIn,
   totalOut,
+  timeDisplayFormat,
 }: {
   sessionId: string;
   logs: CapturedLog[];
   totalIn: number;
   totalOut: number;
+  timeDisplayFormat: TimeDisplayFormat;
 }): JSX.Element {
   const [copied, setCopied] = useState(false);
-  const timeRange = useMemo(() => formatTimeRange(logs), [logs]);
+  const timeRange = useMemo(
+    () => formatTimeRange(logs, timeDisplayFormat),
+    [logs, timeDisplayFormat],
+  );
   const userAgent = useMemo(() => getFirstUserAgent(logs), [logs]);
 
   const handleCopyLink = useCallback(() => {
@@ -216,6 +217,8 @@ export type ProxyViewerProps = {
   strip: boolean;
   /** Slow-response threshold in seconds. `0` disables the warning indicator. */
   slowResponseThresholdSeconds: number;
+  /** Controls whether timestamps render as compact local time or full ISO strings. */
+  timeDisplayFormat: TimeDisplayFormat;
   /** Hide the session filter dropdown. Used on `/session/$id` routes where
    *  the session is already pinned by the URL and the dropdown would just
    *  fight the URL state. */
@@ -238,6 +241,7 @@ export function ProxyViewer({
   onViewModeChange,
   strip,
   slowResponseThresholdSeconds,
+  timeDisplayFormat,
   hideSessionFilter = false,
   pinnedSessionId,
 }: ProxyViewerProps): JSX.Element {
@@ -291,6 +295,7 @@ export function ProxyViewer({
   }, []);
 
   const groups = useMemo(() => groupLogsByConversation(logs), [logs]);
+  const hasPinnedSessionContext = pinnedSessionId !== undefined;
   const cacheTrends = useMemo(() => computeCacheTrends(groups), [groups]);
   const comparisonPredecessors = useMemo(() => buildValidPredecessors(groups), [groups]);
   const handleCompareWithPrevious = useCallback(
@@ -380,6 +385,7 @@ export function ProxyViewer({
             logs={logs}
             totalIn={totalIn}
             totalOut={totalOut}
+            timeDisplayFormat={timeDisplayFormat}
           />
         )}
 
@@ -438,12 +444,14 @@ export function ProxyViewer({
             </button>
           </div>
           <div className="flex-1" />
-          <span className="text-muted-foreground text-xs font-mono">
-            {logs.length} request{logs.length !== 1 ? "s" : ""}
-            {totalIn > 0 || totalOut > 0
-              ? ` · ${formatTokens(totalIn)} in / ${formatTokens(totalOut)} out`
-              : ""}
-          </span>
+          {!hasPinnedSessionContext && (
+            <span className="text-muted-foreground text-xs font-mono">
+              {logs.length} request{logs.length !== 1 ? "s" : ""}
+              {totalIn > 0 || totalOut > 0
+                ? ` · ${formatTokens(totalIn)} in / ${formatTokens(totalOut)} out`
+                : ""}
+            </span>
+          )}
           {logs.length > 0 && (
             <button
               type="button"
@@ -527,6 +535,8 @@ export function ProxyViewer({
                   comparisonPredecessors={comparisonPredecessors}
                   onClearGroup={onClearGroup}
                   standalone={groups.length === 1}
+                  hasPinnedSessionContext={hasPinnedSessionContext}
+                  timeDisplayFormat={timeDisplayFormat}
                 />
               ))}
             </div>

package/src/components/ProxyViewerContainer.tsx

@@ -330,7 +330,7 @@ export function ProxyViewerContainer({
 
   // Read the strip config once at the container so the virtualized list does
   // not need N independent SWR subscriptions per row.
-  const { strip, slowResponseThresholdSeconds } = useStripConfig();
+  const { strip, slowResponseThresholdSeconds, timeDisplayFormat } = useStripConfig();
 
   return (
     <>
@@ -354,6 +354,7 @@ export function ProxyViewerContainer({
         onViewModeChange={setViewMode}
         strip={strip}
         slowResponseThresholdSeconds={slowResponseThresholdSeconds}
+        timeDisplayFormat={timeDisplayFormat}
         // Session filter is the URL's job when `initialSessionId` was given.
         hideSessionFilter={initialSessionId !== undefined}
         pinnedSessionId={initialSessionId}