@tonyclaw/agent-inspector 2.1.14 → 2.1.15

package/.output/server/_ssr/{ReplayDialog-V0s_eEbR.mjs → ReplayDialog-Cc1dyDuK.mjs}

@@ -1,10 +1,10 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useProviders, D as Dialog, d as DialogContent, e as DialogHeader, h as DialogTitle, T as Tabs, i as TabsList, j as TabsTrigger, k as TabsContent, l as Button, m as TooltipProvider, n as Tooltip, o as TooltipTrigger, p as TooltipContent, q as dispatchLogFocusRequest } from "./ProxyViewerContainer-CDfEE_w-.mjs";
-import { ResponseView } from "./ResponseView-BIRrqG4H.mjs";
-import { C as CapturedLogSchema } from "./router-4bdm6Mt2.mjs";
+import { u as useProviders, D as Dialog, d as DialogContent, e as DialogHeader, h as DialogTitle, T as Tabs, i as TabsList, j as TabsTrigger, k as TabsContent, l as Button, m as TooltipProvider, n as Tooltip, o as TooltipTrigger, p as TooltipContent, q as dispatchLogFocusRequest } from "./ProxyViewerContainer-CRBkqFlJ.mjs";
+import { ResponseView } from "./ResponseView-Cp10DM1D.mjs";
+import { C as CapturedLogSchema } from "./router-DVeuZFqI.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
-import { aa as RotateCcw, an as Braces, ao as Minimize2 } from "../_libs/lucide-react.mjs";
+import { a9 as RotateCcw, am as Braces, an as Minimize2 } from "../_libs/lucide-react.mjs";
 import { d as object, n as number, a as array, c as boolean, b as string } from "../_libs/zod.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";
@@ -315,7 +315,12 @@ function ReplayComparisonTable({
     ))
   ] });
 }
-function ReplayDialog({ log, open, onOpenChange }) {
+function ReplayDialog({
+  log,
+  displayNumber,
+  open,
+  onOpenChange
+}) {
   const { providers } = useProviders();
   const originalBody = log.rawRequestBody ?? "{}";
   const [modifiedBody, setModifiedBody] = reactExports.useState(() => {
@@ -442,8 +447,10 @@ function ReplayDialog({ log, open, onOpenChange }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "max-w-4xl max-h-[85vh] overflow-auto", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { className: "size-4" }),
-      "Replay Request #",
-      log.id
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { title: `Log ID ${String(log.id)}`, children: [
+        "Replay Request #",
+        displayNumber
+      ] })
     ] }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { defaultValue: "modified", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { children: [

package/.output/server/_ssr/{RequestAnatomy-f1ccwR9d.mjs → RequestAnatomy-CMGSsz5Z.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useProviders, s as analyzeContextIntelligence, f as formatTokens, m as TooltipProvider, c as cn, n as Tooltip, o as TooltipTrigger, p as TooltipContent, S as SegmentBar, R as ROLE_COLOR_CLASSES, A as ANATOMY_ROLE_LABELS, t as formatContextWindowTokens, C as CONTEXT_USAGE_THRESHOLDS } from "./ProxyViewerContainer-CDfEE_w-.mjs";
-import "./router-4bdm6Mt2.mjs";
+import { u as useProviders, s as analyzeContextIntelligence, f as formatTokens, m as TooltipProvider, c as cn, n as Tooltip, o as TooltipTrigger, p as TooltipContent, S as SegmentBar, R as ROLE_COLOR_CLASSES, A as ANATOMY_ROLE_LABELS, t as formatContextWindowTokens, C as CONTEXT_USAGE_THRESHOLDS } from "./ProxyViewerContainer-CRBkqFlJ.mjs";
+import "./router-DVeuZFqI.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { I as Info, C as ChevronDown, f as ChevronRight } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{ResponseView-BIRrqG4H.mjs → ResponseView-Cp10DM1D.mjs}

@@ -1,9 +1,9 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { g as getLogFormatAdapter, f as formatTokens, c as cn, v as getStatusCategory, B as Badge, w as Collapsible, x as CollapsibleTrigger, y as CollapsibleContent, z as ScrollArea, E as LazyJsonViewer, F as safeJsonValue } from "./ProxyViewerContainer-CDfEE_w-.mjs";
-import { s as safeGetOwnProperty } from "./router-4bdm6Mt2.mjs";
+import { g as getLogFormatAdapter, f as formatTokens, c as cn, v as getStatusCategory, B as Badge, w as Collapsible, x as CollapsibleTrigger, y as CollapsibleContent, z as ScrollArea, E as LazyJsonViewer, F as safeJsonValue } from "./ProxyViewerContainer-CRBkqFlJ.mjs";
+import { s as safeGetOwnProperty } from "./router-DVeuZFqI.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
-import { Z as Zap, r as TriangleAlert, ap as CircleStop, B as Brain, C as ChevronDown, f as ChevronRight, m as Terminal } from "../_libs/lucide-react.mjs";
+import { Z as Zap, q as TriangleAlert, ao as CircleStop, B as Brain, C as ChevronDown, f as ChevronRight, m as Terminal } from "../_libs/lucide-react.mjs";
 import { R as Root } from "../_libs/radix-ui__react-separator.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";

package/.output/server/_ssr/{StreamingChunkSequence-V3JFjCgX.mjs → StreamingChunkSequence-B1VGxy3A.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { m as TooltipProvider, n as Tooltip, o as TooltipTrigger, B as Badge, p as TooltipContent, E as LazyJsonViewer } from "./ProxyViewerContainer-CDfEE_w-.mjs";
-import "./router-4bdm6Mt2.mjs";
+import { m as TooltipProvider, n as Tooltip, o as TooltipTrigger, B as Badge, p as TooltipContent, E as LazyJsonViewer } from "./ProxyViewerContainer-CRBkqFlJ.mjs";
+import "./router-DVeuZFqI.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { C as ChevronDown, f as ChevronRight, L as LoaderCircle } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{index-DsykulzS.mjs → index-47XVPghS.mjs}

@@ -1,6 +1,6 @@
-import { P as ProxyViewerContainer } from "./ProxyViewerContainer-CDfEE_w-.mjs";
+import { P as ProxyViewerContainer } from "./ProxyViewerContainer-CRBkqFlJ.mjs";
 import "../_libs/react.mjs";
-import "./router-4bdm6Mt2.mjs";
+import "./router-DVeuZFqI.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-Xp4CO64V.mjs");
+  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-Bp8JxtPW.mjs");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -776,7 +776,7 @@ let entriesPromise;
 let baseManifestPromise;
 let cachedFinalManifestPromise;
 async function loadEntries() {
-  const routerEntry = await import("./router-4bdm6Mt2.mjs").then((n) => n.E);
+  const routerEntry = await import("./router-DVeuZFqI.mjs").then((n) => n.E);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }

package/.output/server/_ssr/{json-viewer-Dcnm0Ivf.mjs → json-viewer-zDE2rrmJ.mjs}

@@ -1,9 +1,9 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { G as parseJsonText, c as cn, m as TooltipProvider, n as Tooltip, o as TooltipTrigger, p as TooltipContent, b as copyTextToClipboard } from "./ProxyViewerContainer-CDfEE_w-.mjs";
-import "./router-4bdm6Mt2.mjs";
+import { G as parseJsonText, c as cn, m as TooltipProvider, n as Tooltip, o as TooltipTrigger, p as TooltipContent, b as copyTextToClipboard } from "./ProxyViewerContainer-CRBkqFlJ.mjs";
+import "./router-DVeuZFqI.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
-import { a as Check, c as Copy, C as ChevronDown, f as ChevronRight, a7 as ChevronsDown } from "../_libs/lucide-react.mjs";
+import { a as Check, c as Copy, C as ChevronDown, f as ChevronRight, a6 as ChevronsDown } from "../_libs/lucide-react.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";
 import "../_libs/dequal.mjs";

package/.output/server/_ssr/{router-4bdm6Mt2.mjs → router-DVeuZFqI.mjs}

@@ -65,7 +65,7 @@ import "../_libs/immediate.mjs";
 import "../_libs/setimmediate.mjs";
 import "../_libs/pako.mjs";
 const faviconSvg = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20role='img'%20aria-label='Agent%20Inspector'%3e%3cg%20fill='none'%20stroke='%23f59e0b'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20%3e%3cpath%20d='M5%2013%20C5%209%208%207%2012%207%20C16%207%2019%209%2019%2013%20C19%2016%2016%2018%2012%2018%20C8%2018%205%2016%205%2013%20Z'%20/%3e%3cpath%20d='M5%2011%20C3.5%209.5%201.5%2010%202%2012.5%20C2.5%2014%204%2013.5%205%2012.5'%20/%3e%3cpath%20d='M19%2011%20C20.5%209.5%2022.5%2010%2022%2012.5%20C21.5%2014%2020%2013.5%2019%2012.5'%20/%3e%3cline%20x1='10'%20y1='7'%20x2='9.5'%20y2='5'%20/%3e%3cline%20x1='14'%20y1='7'%20x2='14.5'%20y2='5'%20/%3e%3cline%20x1='6.5'%20y1='16'%20x2='4.5'%20y2='19.5'%20/%3e%3cline%20x1='9'%20y1='17.5'%20x2='8'%20y2='20.5'%20/%3e%3cline%20x1='15'%20y1='17.5'%20x2='16'%20y2='20.5'%20/%3e%3cline%20x1='17.5'%20y1='16'%20x2='19.5'%20y2='19.5'%20/%3e%3c/g%3e%3ccircle%20cx='9.5'%20cy='4.5'%20r='0.9'%20fill='%23f59e0b'%20/%3e%3ccircle%20cx='14.5'%20cy='4.5'%20r='0.9'%20fill='%23f59e0b'%20/%3e%3c/svg%3e";
-const appCss = "/assets/index-DtLuQrs0.css";
+const appCss = "/assets/index-DdhFqPsI.css";
 const Route$D = createRootRoute({
   head: () => ({
     meta: [
@@ -108,7 +108,7 @@ function RootDocument({ children }) {
     ] })
   ] });
 }
-const $$splitComponentImporter$1 = () => import("./index-DsykulzS.mjs");
+const $$splitComponentImporter$1 = () => import("./index-47XVPghS.mjs");
 const Route$C = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
@@ -151,7 +151,7 @@ function decodeSessionIdFromPath(encoded) {
 function getSessionPath(sessionId) {
   return `/session/${encodeSessionIdForPath(sessionId)}`;
 }
-const $$splitComponentImporter = () => import("../_sessionId-CPAa37n5.mjs");
+const $$splitComponentImporter = () => import("../_sessionId-DF9Sy8cP.mjs");
 const Route$B = createFileRoute("/session/$sessionId")({
   component: lazyRouteComponent($$splitComponentImporter, "component"),
   parseParams: (params) => ({
@@ -1943,6 +1943,10 @@ function buildSessionInfo(input) {
   const inspectorPath = getSessionPath(input.sessionId);
   const apiPath = buildApiPath(input.sessionId);
   const compactLogsPath = buildCompactLogsPath(input.sessionId);
+  const latestLogs = summaries.slice(0, latestLogLimit).map((summary, index) => ({
+    ...summary,
+    sessionLogNumber: Math.max(1, requestCount - index)
+  }));
   return {
     id: input.sessionId,
     status: deriveSessionStatus({
@@ -1982,7 +1986,7 @@ function buildSessionInfo(input) {
     compactLogsPath,
     compactLogsUrl: buildAbsoluteUrl(input.baseUrl, compactLogsPath),
     latestLogLimit,
-    latestLogs: summaries.slice(0, latestLogLimit)
+    latestLogs
   };
 }
 const DEFAULT_UPSTREAM$1 = "https://api.anthropic.com";
@@ -7483,6 +7487,7 @@ const SessionTokenUsageSchema = object({
 });
 const SessionLogSummarySchema = object({
   id: number().int().positive(),
+  sessionLogNumber: number().int().positive().optional(),
   timestamp: string(),
   provider: string().nullable(),
   model: string().nullable(),
@@ -8971,7 +8976,7 @@ const Route$w = createFileRoute("/api/models")({
     }
   }
 });
-const version = "2.1.14";
+const version = "2.1.15";
 const packageJson = {
   version
 };

package/.output/server/{_tanstack-start-manifest_v-Xp4CO64V.mjs → _tanstack-start-manifest_v-Bp8JxtPW.mjs}

@@ -1,4 +1,4 @@
-const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/__root.tsx", "children": ["/", "/api/alerts", "/api/config", "/api/groups", "/api/health", "/api/logs", "/api/mcp", "/api/models", "/api/providers", "/api/runs", "/api/sessions", "/proxy/$", "/session/$sessionId", "/api/knowledge/candidates", "/api/knowledge/project-context", "/api/knowledge/search", "/api/knowledge/sessions/$sessionId/candidates"], "preloads": ["/assets/main-CSONBwwn.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-D_WfwzUi.js", "/assets/ProxyViewerContainer-CWUQZLYy.js"] }, "/api/alerts": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/alerts.ts", "children": ["/api/alerts/summary"] }, "/api/config": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/config.ts", "children": ["/api/config/paths"] }, "/api/groups": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/groups.ts", "children": ["/api/groups/$groupId"] }, "/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/import", "/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/runs": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/runs.ts", "children": ["/api/runs/$runId"] }, "/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-Cif8JZdn.js", "/assets/ProxyViewerContainer-CWUQZLYy.js"] }, "/api/alerts/summary": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/alerts.summary.ts" }, "/api/config/paths": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/config.paths.ts" }, "/api/groups/$groupId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/groups.$groupId.ts", "children": ["/api/groups/$groupId/evidence", "/api/groups/$groupId/sessions"] }, "/api/knowledge/candidates": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.ts", "children": ["/api/knowledge/candidates/$candidateId"] }, "/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/body", "/api/logs/$id/chunks", "/api/logs/$id/replay"] }, "/api/logs/import": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.import.ts" }, "/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/model-metadata", "/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/runs/$runId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/runs.$runId.ts", "children": ["/api/runs/$runId/evidence"] }, "/api/groups/$groupId/evidence": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/groups.$groupId.evidence.ts" }, "/api/groups/$groupId/sessions": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/groups.$groupId.sessions.ts" }, "/api/knowledge/candidates/$candidateId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.$candidateId.ts", "children": ["/api/knowledge/candidates/$candidateId/promote"] }, "/api/logs/$id/body": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.body.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/model-metadata": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.model-metadata.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/runs/$runId/evidence": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/runs.$runId.evidence.ts" }, "/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-CSONBwwn.js" });
+const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/__root.tsx", "children": ["/", "/api/alerts", "/api/config", "/api/groups", "/api/health", "/api/logs", "/api/mcp", "/api/models", "/api/providers", "/api/runs", "/api/sessions", "/proxy/$", "/session/$sessionId", "/api/knowledge/candidates", "/api/knowledge/project-context", "/api/knowledge/search", "/api/knowledge/sessions/$sessionId/candidates"], "preloads": ["/assets/main-DpD1N0S8.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-CI1-G8ua.js", "/assets/ProxyViewerContainer-h851qWNp.js"] }, "/api/alerts": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/alerts.ts", "children": ["/api/alerts/summary"] }, "/api/config": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/config.ts", "children": ["/api/config/paths"] }, "/api/groups": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/groups.ts", "children": ["/api/groups/$groupId"] }, "/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/import", "/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/runs": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/runs.ts", "children": ["/api/runs/$runId"] }, "/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-DWePGjnS.js", "/assets/ProxyViewerContainer-h851qWNp.js"] }, "/api/alerts/summary": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/alerts.summary.ts" }, "/api/config/paths": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/config.paths.ts" }, "/api/groups/$groupId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/groups.$groupId.ts", "children": ["/api/groups/$groupId/evidence", "/api/groups/$groupId/sessions"] }, "/api/knowledge/candidates": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.ts", "children": ["/api/knowledge/candidates/$candidateId"] }, "/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/body", "/api/logs/$id/chunks", "/api/logs/$id/replay"] }, "/api/logs/import": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.import.ts" }, "/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/model-metadata", "/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/runs/$runId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/runs.$runId.ts", "children": ["/api/runs/$runId/evidence"] }, "/api/groups/$groupId/evidence": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/groups.$groupId.evidence.ts" }, "/api/groups/$groupId/sessions": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/groups.$groupId.sessions.ts" }, "/api/knowledge/candidates/$candidateId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.$candidateId.ts", "children": ["/api/knowledge/candidates/$candidateId/promote"] }, "/api/logs/$id/body": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.body.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/model-metadata": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.model-metadata.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/runs/$runId/evidence": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/runs.$runId.evidence.ts" }, "/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-DpD1N0S8.js" });
 export {
   tsrStartManifest
 };

package/.output/server/index.mjs

@@ -38,114 +38,114 @@ const assets = {
   "/assets/alibaba-TTwafVwX.svg": {
     "type": "image/svg+xml",
     "etag": '"171b-6dyV5K8QjiaY35sN9qNprh9zDIs"',
-    "mtime": "2026-07-04T07:52:09.683Z",
+    "mtime": "2026-07-04T08:29:06.393Z",
     "size": 5915,
     "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
-  "/assets/CompareDrawer-DjgjIFx7.js": {
+  "/assets/CompareDrawer-BcEd6V-V.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"4abc-0btVE6dbx7Y766NO7PWvF1M1iGU"',
-    "mtime": "2026-07-04T07:52:09.684Z",
-    "size": 19132,
-    "path": "../public/assets/CompareDrawer-DjgjIFx7.js"
+    "etag": '"4bbf-xnctyyrpUlw9iwRDiN8n7dDP2ak"',
+    "mtime": "2026-07-04T08:29:06.393Z",
+    "size": 19391,
+    "path": "../public/assets/CompareDrawer-BcEd6V-V.js"
   },
-  "/assets/index-DtLuQrs0.css": {
+  "/assets/index-DdhFqPsI.css": {
     "type": "text/css; charset=utf-8",
-    "etag": '"21518-poRED+tYeP5Qvm+PlJc9ML357lc"',
-    "mtime": "2026-07-04T07:52:09.684Z",
-    "size": 136472,
-    "path": "../public/assets/index-DtLuQrs0.css"
+    "etag": '"215a1-oGtBN21bbG9XXw6KUOxGJs8nN5k"',
+    "mtime": "2026-07-04T08:29:06.393Z",
+    "size": 136609,
+    "path": "../public/assets/index-DdhFqPsI.css"
   },
-  "/assets/main-CSONBwwn.js": {
+  "/assets/index-DjKt8XKe.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"512fd-Pu+R/3IFrhjx0jWsnGjOgCHJZcU"',
-    "mtime": "2026-07-04T07:52:09.684Z",
-    "size": 332541,
-    "path": "../public/assets/main-CSONBwwn.js"
+    "etag": '"1cd2c-tx2svUPlWKqZmckbUC3QdLcZvAI"',
+    "mtime": "2026-07-04T08:29:06.395Z",
+    "size": 118060,
+    "path": "../public/assets/index-DjKt8XKe.js"
   },
-  "/assets/json-viewer-C2JpgcW0.js": {
+  "/assets/json-viewer-CkCu-rka.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"1ae6-ksk8GSdXp7U3yDJGEPMSct9P4TY"',
-    "mtime": "2026-07-04T07:52:09.684Z",
+    "etag": '"1ae6-2bgY4h+p+tUN/whEBQOWKsJ3qYQ"',
+    "mtime": "2026-07-04T08:29:06.395Z",
     "size": 6886,
-    "path": "../public/assets/json-viewer-C2JpgcW0.js"
-  },
-  "/assets/index-DWOkqdCa.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"1cd2c-CZN4gATtN3nYQYYeMagog4AYNmY"',
-    "mtime": "2026-07-04T07:52:09.684Z",
-    "size": 118060,
-    "path": "../public/assets/index-DWOkqdCa.js"
+    "path": "../public/assets/json-viewer-CkCu-rka.js"
   },
-  "/assets/index-D_WfwzUi.js": {
+  "/assets/index-CI1-G8ua.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"74-XQVEvYcBdAT9Y7puJJV+qSF283E"',
-    "mtime": "2026-07-04T07:52:09.684Z",
+    "etag": '"74-EIeYwTAITYEdQc7ccvRe2pZrl1c"',
+    "mtime": "2026-07-04T08:29:06.393Z",
     "size": 116,
-    "path": "../public/assets/index-D_WfwzUi.js"
+    "path": "../public/assets/index-CI1-G8ua.js"
   },
   "/assets/minimax-BPMzvuL-.jpeg": {
     "type": "image/jpeg",
     "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
-    "mtime": "2026-07-04T07:52:09.680Z",
+    "mtime": "2026-07-04T08:29:06.393Z",
     "size": 6918,
     "path": "../public/assets/minimax-BPMzvuL-.jpeg"
   },
-  "/assets/RequestAnatomy-BNahe83D.js": {
+  "/assets/ReplayDialog-BNpC0548.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"43f2-wVlE0gwF6MdEMb1Gfjgt0becSBc"',
-    "mtime": "2026-07-04T07:52:09.684Z",
-    "size": 17394,
-    "path": "../public/assets/RequestAnatomy-BNahe83D.js"
+    "etag": '"31d6-OqVZaeoLKFYexfhY+mk0sL5psk4"',
+    "mtime": "2026-07-04T08:29:06.393Z",
+    "size": 12758,
+    "path": "../public/assets/ReplayDialog-BNpC0548.js"
   },
-  "/assets/ReplayDialog-CU0Tbb2c.js": {
+  "/assets/RequestAnatomy-Ds1uRLVB.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"318c-P6+sTbtOxV0saSnvK6W3UXJF9EY"',
-    "mtime": "2026-07-04T07:52:09.684Z",
-    "size": 12684,
-    "path": "../public/assets/ReplayDialog-CU0Tbb2c.js"
+    "etag": '"43f2-4Ax9Y1ZjuvUwkXemqmrSK7aPKqk"',
+    "mtime": "2026-07-04T08:29:06.393Z",
+    "size": 17394,
+    "path": "../public/assets/RequestAnatomy-Ds1uRLVB.js"
   },
-  "/assets/ResponseView-DSOnGqi6.js": {
+  "/assets/ResponseView-7KPVqKl5.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"3fbb-EOmqliYF05GO5dHV6He+ei/tpn0"',
-    "mtime": "2026-07-04T07:52:09.684Z",
+    "etag": '"3fbb-bslwKE65FOBUHRcwxQQU0c94KJE"',
+    "mtime": "2026-07-04T08:29:06.395Z",
     "size": 16315,
-    "path": "../public/assets/ResponseView-DSOnGqi6.js"
+    "path": "../public/assets/ResponseView-7KPVqKl5.js"
+  },
+  "/assets/StreamingChunkSequence-BHQT261s.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"dd6-yiWtPjTykwFM62Q1LOw43GSPAx0"',
+    "mtime": "2026-07-04T08:29:06.395Z",
+    "size": 3542,
+    "path": "../public/assets/StreamingChunkSequence-BHQT261s.js"
+  },
+  "/assets/zhipuai-BPNAnxo-.svg": {
+    "type": "image/svg+xml",
+    "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
+    "mtime": "2026-07-04T08:29:06.393Z",
+    "size": 11256,
+    "path": "../public/assets/zhipuai-BPNAnxo-.svg"
   },
-  "/assets/_sessionId-Cif8JZdn.js": {
+  "/assets/_sessionId-DWePGjnS.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"d2-iFcuyyuI3PczaYjsggRN0OVh2TM"',
-    "mtime": "2026-07-04T07:52:09.684Z",
+    "etag": '"d2-ONKmnhfoA+60/NY+/v084oYX2M4"',
+    "mtime": "2026-07-04T08:29:06.393Z",
     "size": 210,
-    "path": "../public/assets/_sessionId-Cif8JZdn.js"
+    "path": "../public/assets/_sessionId-DWePGjnS.js"
   },
-  "/assets/StreamingChunkSequence-BEKTDklB.js": {
+  "/assets/main-DpD1N0S8.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"dd6-PQOSC6/UIv02KydJR9fuolk+zmw"',
-    "mtime": "2026-07-04T07:52:09.684Z",
-    "size": 3542,
-    "path": "../public/assets/StreamingChunkSequence-BEKTDklB.js"
+    "etag": '"512fd-MPKJm1sPG3F35PU/2xjL93KYUyo"',
+    "mtime": "2026-07-04T08:29:06.393Z",
+    "size": 332541,
+    "path": "../public/assets/main-DpD1N0S8.js"
   },
   "/assets/qwen-CONDcHqt.png": {
     "type": "image/png",
     "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
-    "mtime": "2026-07-04T07:52:09.683Z",
+    "mtime": "2026-07-04T08:29:06.393Z",
     "size": 357059,
     "path": "../public/assets/qwen-CONDcHqt.png"
   },
-  "/assets/zhipuai-BPNAnxo-.svg": {
-    "type": "image/svg+xml",
-    "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
-    "mtime": "2026-07-04T07:52:09.683Z",
-    "size": 11256,
-    "path": "../public/assets/zhipuai-BPNAnxo-.svg"
-  },
-  "/assets/ProxyViewerContainer-CWUQZLYy.js": {
+  "/assets/ProxyViewerContainer-h851qWNp.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"a7f3e-1JdLbEI7EAIFprw9s8hx8mvoRps"',
-    "mtime": "2026-07-04T07:52:09.684Z",
-    "size": 687934,
-    "path": "../public/assets/ProxyViewerContainer-CWUQZLYy.js"
+    "etag": '"a8fdb-3dhZI4F1WvCGzLHRBgWIFmmvah0"',
+    "mtime": "2026-07-04T08:29:06.395Z",
+    "size": 692187,
+    "path": "../public/assets/ProxyViewerContainer-h851qWNp.js"
   }
 };
 function readAsset(id) {

package/package.json

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

package/src/components/ProxyViewer.tsx

@@ -40,7 +40,7 @@ import { formatTimestampRange } from "../lib/timeDisplay";
 import { cn, formatContextWindowTokens, formatTokens } from "../lib/utils";
 import { useProviders } from "../lib/useProviders";
 import packageJson from "../../package.json";
-import { groupLogsByConversation } from "./proxy-viewer";
+import { groupLogsByConversation, type ConversationGroupData } from "./proxy-viewer";
 
 import { CrabLogo } from "./ui/crab-logo";
 import { crabVariants } from "./ui/crab-variants";
@@ -72,6 +72,25 @@ function truncateSessionId(id: string): string {
   return `${id.slice(0, 12)}...${id.slice(-12)}`;
 }
 
+function buildDisplayNumberByLogId(groups: readonly ConversationGroupData[]): Map<number, number> {
+  const result = new Map<number, number>();
+  for (const group of groups) {
+    for (let index = 0; index < group.logs.length; index += 1) {
+      const log = group.logs[index];
+      if (log === undefined) continue;
+      result.set(log.id, index + 1);
+    }
+  }
+  return result;
+}
+
+function displayNumberForLog(
+  log: CapturedLog,
+  displayNumberByLogId: ReadonlyMap<number, number>,
+): number {
+  return displayNumberByLogId.get(log.id) ?? log.id;
+}
+
 export function shouldShowRawExport(captureMode: CaptureMode): boolean {
   return captureMode === "full";
 }
@@ -1404,6 +1423,7 @@ export function ProxyViewer({
   }, []);
 
   const groups = useMemo(() => groupLogsByConversation(logs), [logs]);
+  const displayNumberByLogId = useMemo(() => buildDisplayNumberByLogId(groups), [groups]);
   const sessionContextScope = useMemo(
     () => resolveSessionContextScope({ pinnedSessionId, selectedSession, sessions, logs }),
     [logs, pinnedSessionId, selectedSession, sessions],
@@ -1733,7 +1753,13 @@ export function ProxyViewer({
       {/* Compare drawer: sibling of the log list, not a route change. */}
       {comparePair !== null && (
         <Suspense fallback={null}>
-          <LazyCompareDrawer left={comparePair[0]} right={comparePair[1]} onClose={closeCompare} />
+          <LazyCompareDrawer
+            left={comparePair[0]}
+            right={comparePair[1]}
+            leftDisplayNumber={displayNumberForLog(comparePair[0], displayNumberByLogId)}
+            rightDisplayNumber={displayNumberForLog(comparePair[1], displayNumberByLogId)}
+            onClose={closeCompare}
+          />
         </Suspense>
       )}
     </div>

package/src/components/clients/ClientLogo.tsx

@@ -0,0 +1,132 @@
+import type { JSX } from "react";
+import { cn } from "../../lib/utils";
+
+export type ClientApp = "codex" | "opencode" | "mimo-code" | "claude-code" | "unknown";
+
+export type ClientAppDetectionInput = {
+  userAgent?: string | null;
+  conversationId?: string | null;
+  clientProjectFolder?: string | null;
+};
+
+const CLIENT_LABELS: Record<Exclude<ClientApp, "unknown">, string> = {
+  codex: "Codex",
+  opencode: "OpenCode",
+  "mimo-code": "MiMo Code",
+  "claude-code": "Claude Code",
+};
+
+function normalize(value: string | null | undefined): string {
+  return value?.toLowerCase() ?? "";
+}
+
+function matchesAny(value: string, candidates: readonly string[]): boolean {
+  for (const candidate of candidates) {
+    if (value.includes(candidate)) return true;
+  }
+  return false;
+}
+
+export function detectClientApp(input: ClientAppDetectionInput): ClientApp {
+  const haystack = [
+    normalize(input.userAgent),
+    normalize(input.conversationId),
+    normalize(input.clientProjectFolder),
+  ].join(" ");
+
+  if (matchesAny(haystack, ["mimocode", "mimo-code", "mimo code"])) return "mimo-code";
+  if (matchesAny(haystack, ["opencode", "open-code", "open code"])) return "opencode";
+  if (matchesAny(haystack, ["claude-code", "claude code", "claudecode"])) return "claude-code";
+  if (matchesAny(haystack, ["codex desktop", "codex-cli", "openai-codex", "codex"])) {
+    return "codex";
+  }
+
+  return "unknown";
+}
+
+export function clientAppLabel(client: ClientApp): string | null {
+  switch (client) {
+    case "codex":
+    case "opencode":
+    case "mimo-code":
+    case "claude-code":
+      return CLIENT_LABELS[client];
+    case "unknown":
+      return null;
+  }
+}
+
+function CodexMark(): JSX.Element {
+  return (
+    <svg viewBox="0 0 24 24" className="size-full" aria-hidden="true">
+      <circle cx="12" cy="12" r="8" fill="none" stroke="currentColor" strokeWidth="2.2" />
+      <path
+        d="M14.8 8.6a4.8 4.8 0 1 0 0 6.8"
+        fill="none"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeWidth="2.2"
+      />
+    </svg>
+  );
+}
+
+function OpenCodeMark(): JSX.Element {
+  return (
+    <svg viewBox="0 0 24 24" className="size-full" aria-hidden="true">
+      <path d="M7 4h10v16H7z" fill="none" stroke="currentColor" strokeWidth="2.2" />
+      <path d="M10 8h4M10 12h4M10 16h2" stroke="currentColor" strokeLinecap="round" />
+    </svg>
+  );
+}
+
+function MiMoCodeMark(): JSX.Element {
+  return (
+    <svg viewBox="0 0 24 24" className="size-full" aria-hidden="true">
+      <path
+        d="M5 18V6h3.2l3.8 6.1L15.8 6H19v12h-3V11.3l-3.1 5h-1.8L8 11.3V18z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+function ClaudeCodeMark(): JSX.Element {
+  return (
+    <svg viewBox="0 0 24 24" className="size-full" aria-hidden="true">
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M21 10.95h3v3.1h-3v3.03h-1.49V20H18v-2.92h-1.49V20H15v-2.92H9V20H7.49v-2.92H6V20H4.49v-2.92H3v-3.03H0v-3.1h3V5h18v5.95zM6 10.95h1.49V8.1H6v2.85zm10.51 0H18V8.1h-1.49v2.85z"
+      />
+    </svg>
+  );
+}
+
+export function ClientLogo({
+  client,
+  className,
+}: {
+  client: ClientApp;
+  className?: string;
+}): JSX.Element | null {
+  const label = clientAppLabel(client);
+  if (label === null) return null;
+
+  return (
+    <span
+      className={cn(
+        "inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-white/10 bg-black/20 p-1 text-cyan-100 shadow-[inset_0_1px_0_rgba(255,255,255,0.05)]",
+        className,
+      )}
+      aria-label={label}
+      title={label}
+    >
+      {client === "codex" && <CodexMark />}
+      {client === "opencode" && <OpenCodeMark />}
+      {client === "mimo-code" && <MiMoCodeMark />}
+      {client === "claude-code" && <ClaudeCodeMark />}
+    </span>
+  );
+}