@tonyclaw/agent-inspector 2.0.2 → 2.0.4

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-20T06:54:35.499Z",
+    "mtime": "2026-06-20T09:50:40.188Z",
     "size": 5915,
     "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
-  "/assets/CompareDrawer-Bp7_x-5N.js": {
+  "/assets/index-BIw2H6jO.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"4a1f-jydruemAUSMwVzObceAGMUJLrQ8"',
-    "mtime": "2026-06-20T06:54:35.500Z",
-    "size": 18975,
-    "path": "../public/assets/CompareDrawer-Bp7_x-5N.js"
+    "etag": '"74-4Z3U3XPh22QGtEz8rgtC6KUxxBk"',
+    "mtime": "2026-06-20T09:50:40.189Z",
+    "size": 116,
+    "path": "../public/assets/index-BIw2H6jO.js"
+  },
+  "/assets/index-CobXD0yH.css": {
+    "type": "text/css; charset=utf-8",
+    "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-20T06:54:35.499Z",
+    "mtime": "2026-06-20T09:50:40.188Z",
     "size": 6918,
     "path": "../public/assets/minimax-BPMzvuL-.jpeg"
   },
-  "/assets/json-viewer-6uV_YXws.js": {
+  "/assets/json-viewer-BrzjD7qI.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"1e651-ErvitreVwBoWFEPdSIq0EqZIuw4"',
-    "mtime": "2026-06-20T06:54:35.501Z",
-    "size": 124497,
-    "path": "../public/assets/json-viewer-6uV_YXws.js"
+    "etag": '"1e652-kToNy9EOWKlmvVVK2ggoK6Yj4is"',
+    "mtime": "2026-06-20T09:50:40.189Z",
+    "size": 124498,
+    "path": "../public/assets/json-viewer-BrzjD7qI.js"
   },
-  "/assets/index-CIL46Z2y.css": {
-    "type": "text/css; charset=utf-8",
-    "etag": '"17078-OCA3ki0c0CZu1AhDXwlliM+a+qY"',
-    "mtime": "2026-06-20T06:54:35.499Z",
-    "size": 94328,
-    "path": "../public/assets/index-CIL46Z2y.css"
+  "/assets/main-mgxeUdZQ.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"5138c-8pFfB8xlDwdi154QNl3icGhbrO0"',
+    "mtime": "2026-06-20T09:50:40.189Z",
+    "size": 332684,
+    "path": "../public/assets/main-mgxeUdZQ.js"
   },
-  "/assets/index-BGGOWR7A.js": {
+  "/assets/RequestAnatomy-DZ8grAih.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"74-JGabHf17Kno+3wF7wJwm2nHkVhg"',
-    "mtime": "2026-06-20T06:54:35.500Z",
-    "size": 116,
-    "path": "../public/assets/index-BGGOWR7A.js"
+    "etag": '"1426-KgPrtOak3tXSA1eBiDgPYDF0NzY"',
+    "mtime": "2026-06-20T09:50:40.189Z",
+    "size": 5158,
+    "path": "../public/assets/RequestAnatomy-DZ8grAih.js"
   },
-  "/assets/StreamingChunkSequence-Bjs4Lqwn.js": {
+  "/assets/ReplayDialog-DTeaHHit.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"d81-yAIItbapwm0q/MbLRpCH915YVMc"',
-    "mtime": "2026-06-20T06:54:35.501Z",
-    "size": 3457,
-    "path": "../public/assets/StreamingChunkSequence-Bjs4Lqwn.js"
+    "etag": '"11c0-vzfqRFtK58XnhNRimd5URd22Gcs"',
+    "mtime": "2026-06-20T09:50:40.189Z",
+    "size": 4544,
+    "path": "../public/assets/ReplayDialog-DTeaHHit.js"
   },
-  "/assets/RequestAnatomy-ehyrskxt.js": {
+  "/assets/ResponseView-Cldm6RCi.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"142a-KSCjJNt2RlqmIm3y55z67ygsWGU"',
-    "mtime": "2026-06-20T06:54:35.500Z",
-    "size": 5162,
-    "path": "../public/assets/RequestAnatomy-ehyrskxt.js"
+    "etag": '"6b01-Qix5qsvqjrCTAlqfCJ+Pp8h1e9I"',
+    "mtime": "2026-06-20T09:50:40.189Z",
+    "size": 27393,
+    "path": "../public/assets/ResponseView-Cldm6RCi.js"
+  },
+  "/assets/StreamingChunkSequence-3x4p-yT7.js": {
+    "type": "text/javascript; charset=utf-8",
+    "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-20T06:54:35.499Z",
+    "mtime": "2026-06-20T09:50:40.188Z",
     "size": 11256,
     "path": "../public/assets/zhipuai-BPNAnxo-.svg"
   },
-  "/assets/main-FSGUGtEL.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"5138c-aZy2XlKYAw/+FTrgYI1Iz4MHtww"',
-    "mtime": "2026-06-20T06:54:35.500Z",
-    "size": 332684,
-    "path": "../public/assets/main-FSGUGtEL.js"
-  },
-  "/assets/ProxyViewerContainer-USuxPy-K.js": {
+  "/assets/CompareDrawer-BCH_fsLm.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"774b9-fxnez8ICkM1Nb7unXdv1GIz+RbA"',
-    "mtime": "2026-06-20T06:54:35.500Z",
-    "size": 488633,
-    "path": "../public/assets/ProxyViewerContainer-USuxPy-K.js"
+    "etag": '"4a1f-Y215Tlm1TY2GPfXfX4DX86bgJPU"',
+    "mtime": "2026-06-20T09:50:40.189Z",
+    "size": 18975,
+    "path": "../public/assets/CompareDrawer-BCH_fsLm.js"
   },
-  "/assets/_sessionId-D_SeK_qp.js": {
+  "/assets/_sessionId-YqWFBu6d.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"d2-pqW14/f9UjxfuYAzRgQmGaiZhbs"',
-    "mtime": "2026-06-20T06:54:35.500Z",
+    "etag": '"d2-hOIbwqwgtPs0H/vPSZ1gDPz5pFU"',
+    "mtime": "2026-06-20T09:50:40.189Z",
     "size": 210,
-    "path": "../public/assets/_sessionId-D_SeK_qp.js"
-  },
-  "/assets/ResponseView-BNGyc8e_.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"6e91-De46gQnfLBYdkbMBsXcKinAu7mE"',
-    "mtime": "2026-06-20T06:54:35.501Z",
-    "size": 28305,
-    "path": "../public/assets/ResponseView-BNGyc8e_.js"
+    "path": "../public/assets/_sessionId-YqWFBu6d.js"
   },
   "/assets/qwen-CONDcHqt.png": {
     "type": "image/png",
     "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
-    "mtime": "2026-06-20T06:54:35.500Z",
+    "mtime": "2026-06-20T09:50:40.188Z",
     "size": 357059,
     "path": "../public/assets/qwen-CONDcHqt.png"
   },
-  "/assets/ReplayDialog-DFHCd0yx.js": {
+  "/assets/ProxyViewerContainer-D85_UANk.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"11c0-ZB9rU8oZnq77GG7kiCz6W03GjPI"',
-    "mtime": "2026-06-20T06:54:35.500Z",
-    "size": 4544,
-    "path": "../public/assets/ReplayDialog-DFHCd0yx.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/README.md

@@ -28,7 +28,8 @@ therefore appears in Task Manager as **Agent Inspector <version>** with the
 project icon. The executable also carries standard `FileVersion` and
 `ProductVersion` metadata for the installed package version. If npm lifecycle
 scripts are disabled, Agent Inspector falls back to `node.exe` and keeps
-working normally.
+working normally. Set `AGENT_INSPECTOR_SKIP_WINDOWS_RUNTIME=1` to skip the
+Windows runtime metadata step explicitly.
 
 For Linux containers, the Windows runtime setup is a no-op. To keep images lean,
 install with optional dependencies omitted:
@@ -51,7 +52,9 @@ The onboarding command installs guided setup skills for local agents:
 
 During npm global install, Agent Inspector also makes a best-effort Codex skill install when
 `~/.codex` already exists. Set `AGENT_INSPECTOR_SKIP_CODEX_SKILL=1` to skip that postinstall step,
-or run `agent-inspector onboard --codex-only --force` later to refresh it.
+set `AGENT_INSPECTOR_INSTALL_CODEX_SKILL=1` to attempt it even before `~/.codex` exists, or run
+`agent-inspector onboard --codex-only --force` later to refresh it. For a full refresh of all
+generated onboarding files, run `agent-inspector onboard --force`.
 
 For local development from source:
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tonyclaw/agent-inspector",
-  "version": "2.0.2",
+  "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}

package/src/components/providers/SettingsDialog.tsx

@@ -6,7 +6,11 @@ import { Button } from "../ui/button";
 import { ProvidersPanel } from "./ProvidersPanel";
 import { useProviders } from "../../lib/useProviders";
 import { useStripConfig } from "../../lib/useStripConfig";
-import { MAX_SLOW_RESPONSE_THRESHOLD_SECONDS } from "../../lib/runtimeConfig";
+import {
+  MAX_SLOW_RESPONSE_THRESHOLD_SECONDS,
+  TimeDisplayFormatSchema,
+  type TimeDisplayFormat,
+} from "../../lib/runtimeConfig";
 
 export function SettingsDialog(): JSX.Element {
   const [open, setOpen] = useState(false);
@@ -100,9 +104,11 @@ function ProxySettingsTab(): JSX.Element {
   const {
     strip,
     slowResponseThresholdSeconds,
+    timeDisplayFormat,
     isLoading,
     setStrip,
     setSlowResponseThresholdSeconds,
+    setTimeDisplayFormat,
   } = useStripConfig();
   const [error, setError] = useState<string | null>(null);
   const [pending, setPending] = useState(false);
@@ -137,6 +143,21 @@ function ProxySettingsTab(): JSX.Element {
     [setSlowResponseThresholdSeconds],
   );
 
+  const handleTimeDisplayFormatChange = useCallback(
+    async (next: TimeDisplayFormat) => {
+      setError(null);
+      setPending(true);
+      try {
+        await setTimeDisplayFormat(next);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : String(err));
+      } finally {
+        setPending(false);
+      }
+    },
+    [setTimeDisplayFormat],
+  );
+
   return (
     <div className="space-y-4">
       <div className="space-y-1">
@@ -196,6 +217,29 @@ function ProxySettingsTab(): JSX.Element {
         </div>
       </div>
 
+      <div className="space-y-1">
+        <label htmlFor="time-display-format" className="text-sm font-semibold">
+          Time display
+        </label>
+        <p className="text-xs text-muted-foreground">
+          Controls timestamps in session summaries, conversation headers, and log rows.
+        </p>
+        <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"
+        >
+          <option value="time">Time only</option>
+          <option value="full">Full ISO</option>
+        </select>
+      </div>
+
       {error !== null && <p className="text-xs text-destructive">Failed to save: {error}</p>}
     </div>
   );