@tonyclaw/agent-inspector 2.0.7 → 2.0.8

package/.output/server/_ssr/{router-CVQaVF_3.mjs → router-Bf0m6F0G.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-DTdv7nzl.css";
+const appCss = "/assets/index-Bo1dGS4R.css";
 const Route$r = createRootRoute({
   head: () => ({
     meta: [
@@ -62,11 +62,27 @@ const Route$r = createRootRoute({
       { rel: "icon", type: "image/svg+xml", href: faviconSvg }
     ]
   }),
-  component: RootComponent
+  component: RootComponent,
+  notFoundComponent: RootNotFoundComponent
 });
 function RootComponent() {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(RootDocument, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Outlet, {}) });
 }
+function RootNotFoundComponent() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(RootDocument, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("main", { className: "min-h-screen bg-background text-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto flex min-h-screen w-full max-w-3xl flex-col justify-center px-6 py-16", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-border/70 bg-card/60 rounded-lg border p-8 shadow-sm", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground font-mono text-xs uppercase tracking-wider", children: "404" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "mt-3 text-2xl font-semibold", children: "Page not found" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-muted-foreground mt-3 max-w-xl text-sm leading-6", children: "This route is not part of the Agent Inspector UI or API surface." }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "a",
+      {
+        href: "/",
+        className: "bg-primary text-primary-foreground hover:bg-primary/90 mt-6 inline-flex h-9 items-center justify-center rounded-md px-4 text-sm font-medium transition-colors",
+        children: "Open Agent Inspector"
+      }
+    )
+  ] }) }) }) });
+}
 function RootDocument({ children }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("html", { lang: "en", className: "dark", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("head", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(HeadContent, {}) }),
@@ -76,7 +92,7 @@ function RootDocument({ children }) {
     ] })
   ] });
 }
-const $$splitComponentImporter$1 = () => import("./index-BZXtj42m.mjs");
+const $$splitComponentImporter$1 = () => import("./index-N25hqa7t.mjs");
 const Route$q = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
@@ -119,7 +135,7 @@ function decodeSessionIdFromPath(encoded) {
 function getSessionPath(sessionId) {
   return `/session/${encodeSessionIdForPath(sessionId)}`;
 }
-const $$splitComponentImporter = () => import("../_sessionId-Dy7rsLS4.mjs");
+const $$splitComponentImporter = () => import("../_sessionId-DzBy9gLa.mjs");
 const Route$p = createFileRoute("/session/$sessionId")({
   component: lazyRouteComponent($$splitComponentImporter, "component"),
   parseParams: (params) => ({

package/.output/server/{_tanstack-start-manifest_v-Bpe5ZC56.mjs → _tanstack-start-manifest_v-DlAyJ5DB.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-BlDtK0Nn.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-Cf9U0Ekq.js", "/assets/ProxyViewerContainer-BHq0dkQG.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-BJTz6t5l.js", "/assets/ProxyViewerContainer-BHq0dkQG.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"] }, "/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/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/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-BlDtK0Nn.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-CwhqfJqM.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-CJgaCJo8.js", "/assets/ProxyViewerContainer-CWdkPZsJ.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-3ipVoQtW.js", "/assets/ProxyViewerContainer-CWdkPZsJ.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"] }, "/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/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/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-CwhqfJqM.js" });
 export {
   tsrStartManifest
 };

package/.output/server/index.mjs

@@ -38,100 +38,100 @@ const assets = {
   "/assets/alibaba-TTwafVwX.svg": {
     "type": "image/svg+xml",
     "etag": '"171b-6dyV5K8QjiaY35sN9qNprh9zDIs"',
-    "mtime": "2026-06-22T08:00:19.450Z",
+    "mtime": "2026-06-23T00:48:08.639Z",
     "size": 5915,
     "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
-  "/assets/index-Cf9U0Ekq.js": {
+  "/assets/index-CJgaCJo8.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"74-xEOmMI8UrD1JoLsCUcOURuvg1RI"',
-    "mtime": "2026-06-22T08:00:19.450Z",
+    "etag": '"74-6qvnmISkog5p5/pvGrwRvVnlQD4"',
+    "mtime": "2026-06-23T00:48:08.639Z",
     "size": 116,
-    "path": "../public/assets/index-Cf9U0Ekq.js"
-  },
-  "/assets/CompareDrawer-BhRYPp6T.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"49fe-PMQYhnaFlcJwZxqT6Vpg/f0JQTM"',
-    "mtime": "2026-06-22T08:00:19.451Z",
-    "size": 18942,
-    "path": "../public/assets/CompareDrawer-BhRYPp6T.js"
+    "path": "../public/assets/index-CJgaCJo8.js"
   },
   "/assets/minimax-BPMzvuL-.jpeg": {
     "type": "image/jpeg",
     "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
-    "mtime": "2026-06-22T08:00:19.450Z",
+    "mtime": "2026-06-23T00:48:08.639Z",
     "size": 6918,
     "path": "../public/assets/minimax-BPMzvuL-.jpeg"
   },
-  "/assets/index-DTdv7nzl.css": {
+  "/assets/index-Bo1dGS4R.css": {
     "type": "text/css; charset=utf-8",
-    "etag": '"18983-TRWmqsHw7W8cvkbG8DLftLqrfdk"',
-    "mtime": "2026-06-22T08:00:19.450Z",
-    "size": 100739,
-    "path": "../public/assets/index-DTdv7nzl.css"
+    "etag": '"193d5-fkJLOBIU3M1KTA3n4iL7ijIR5tQ"',
+    "mtime": "2026-06-23T00:48:08.639Z",
+    "size": 103381,
+    "path": "../public/assets/index-Bo1dGS4R.css"
   },
-  "/assets/main-BlDtK0Nn.js": {
+  "/assets/CompareDrawer-Djb4XFZS.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"5138c-ij2nRLRbIl6cPFBzJLHVSsai1cQ"',
-    "mtime": "2026-06-22T08:00:19.450Z",
-    "size": 332684,
-    "path": "../public/assets/main-BlDtK0Nn.js"
+    "etag": '"49fe-pznTOv+MMFRbS/BX9TfHAnGiok0"',
+    "mtime": "2026-06-23T00:48:08.639Z",
+    "size": 18942,
+    "path": "../public/assets/CompareDrawer-Djb4XFZS.js"
   },
-  "/assets/ReplayDialog-Ch0gwg6B.js": {
+  "/assets/main-CwhqfJqM.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"2361-9kpJuXbOb9cGd0DdpQzWtIgsmxA"',
-    "mtime": "2026-06-22T08:00:19.451Z",
-    "size": 9057,
-    "path": "../public/assets/ReplayDialog-Ch0gwg6B.js"
+    "etag": '"51726-qVbs2qbA513grk8p9/KMn4PGqgk"',
+    "mtime": "2026-06-23T00:48:08.639Z",
+    "size": 333606,
+    "path": "../public/assets/main-CwhqfJqM.js"
   },
-  "/assets/StreamingChunkSequence-DCJ_gUHa.js": {
+  "/assets/ReplayDialog-DBPMIs2I.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"d5a-6yxw99IEj6YNxQ5KDZBaoDdLnuc"',
-    "mtime": "2026-06-22T08:00:19.452Z",
-    "size": 3418,
-    "path": "../public/assets/StreamingChunkSequence-DCJ_gUHa.js"
+    "etag": '"2361-5jth9isxe9qJDoue9YT48Duur+w"',
+    "mtime": "2026-06-23T00:48:08.639Z",
+    "size": 9057,
+    "path": "../public/assets/ReplayDialog-DBPMIs2I.js"
   },
-  "/assets/RequestAnatomy-CKbvIgaN.js": {
+  "/assets/RequestAnatomy-FBfRNQN7.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"21df-6Gc0zWlW2mnPWrccJEuLrGd6Dyc"',
-    "mtime": "2026-06-22T08:00:19.451Z",
-    "size": 8671,
-    "path": "../public/assets/RequestAnatomy-CKbvIgaN.js"
+    "etag": '"438f-d1hToPfSWy/yglcTSVZmqhw6sPs"',
+    "mtime": "2026-06-23T00:48:08.639Z",
+    "size": 17295,
+    "path": "../public/assets/RequestAnatomy-FBfRNQN7.js"
   },
-  "/assets/ResponseView-hRLar32x.js": {
+  "/assets/ResponseView-Db4pJL7U.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"30c5-dfn2k+6jf56jyWWG5aOTnuM6tzM"',
-    "mtime": "2026-06-22T08:00:19.452Z",
+    "etag": '"30c5-qy6J0XN6/3GV385DLW8wrRN5vmM"',
+    "mtime": "2026-06-23T00:48:08.639Z",
     "size": 12485,
-    "path": "../public/assets/ResponseView-hRLar32x.js"
+    "path": "../public/assets/ResponseView-Db4pJL7U.js"
+  },
+  "/assets/zhipuai-BPNAnxo-.svg": {
+    "type": "image/svg+xml",
+    "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
+    "mtime": "2026-06-23T00:48:08.639Z",
+    "size": 11256,
+    "path": "../public/assets/zhipuai-BPNAnxo-.svg"
   },
-  "/assets/_sessionId-BJTz6t5l.js": {
+  "/assets/StreamingChunkSequence-BH175O6R.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"d2-9Vn7vkBxIyXzmcuMuxvTdhm9y50"',
-    "mtime": "2026-06-22T08:00:19.450Z",
-    "size": 210,
-    "path": "../public/assets/_sessionId-BJTz6t5l.js"
+    "etag": '"d5a-xXaxHLvuFWxj4Xuo8eT8wfx8vC4"',
+    "mtime": "2026-06-23T00:48:08.639Z",
+    "size": 3418,
+    "path": "../public/assets/StreamingChunkSequence-BH175O6R.js"
   },
   "/assets/qwen-CONDcHqt.png": {
     "type": "image/png",
     "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
-    "mtime": "2026-06-22T08:00:19.450Z",
+    "mtime": "2026-06-23T00:48:08.639Z",
     "size": 357059,
     "path": "../public/assets/qwen-CONDcHqt.png"
   },
-  "/assets/zhipuai-BPNAnxo-.svg": {
-    "type": "image/svg+xml",
-    "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
-    "mtime": "2026-06-22T08:00:19.450Z",
-    "size": 11256,
-    "path": "../public/assets/zhipuai-BPNAnxo-.svg"
+  "/assets/_sessionId-3ipVoQtW.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"d2-nFYnu19OBrYGuMoYXu2+NgVBGhw"',
+    "mtime": "2026-06-23T00:48:08.639Z",
+    "size": 210,
+    "path": "../public/assets/_sessionId-3ipVoQtW.js"
   },
-  "/assets/ProxyViewerContainer-BHq0dkQG.js": {
+  "/assets/ProxyViewerContainer-CWdkPZsJ.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"a2352-gdvRbHXbPGRttPU1DgQ7eHEkZDE"',
-    "mtime": "2026-06-22T08:00:19.451Z",
-    "size": 664402,
-    "path": "../public/assets/ProxyViewerContainer-BHq0dkQG.js"
+    "etag": '"a2370-RA5+avpa6Zk/W44RGYNOrpe1PtI"',
+    "mtime": "2026-06-23T00:48:08.639Z",
+    "size": 664432,
+    "path": "../public/assets/ProxyViewerContainer-CWdkPZsJ.js"
   }
 };
 function readAsset(id) {

package/package.json

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

package/src/components/proxy-viewer/LogEntry.tsx

@@ -405,8 +405,9 @@ export const LogEntry = memo(function ({
                   {activeTab === "anatomy" && (
                     <Suspense fallback={<TabFallback />}>
                       <LazyRequestAnatomy
-                        parsed={null}
+                        parsed={requestExpansion.parsedData}
                         inputTokens={log.inputTokens ?? null}
+                        model={log.model}
                         segments={anatomySegments}
                         onSegmentActivate={jumpToAnatomySegment}
                       />

package/src/components/proxy-viewer/anatomy/RequestAnatomy.tsx

@@ -2,6 +2,13 @@ import { Info } from "lucide-react";
 import { type JSX, useMemo, useState } from "react";
 import { cn, formatTokens } from "../../../lib/utils";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../ui/tooltip";
+import {
+  analyzeContextIntelligence,
+  CONTEXT_USAGE_THRESHOLDS,
+  type ContextDiagnostic,
+  type ContextIntelligence,
+  type ContextRiskLevel,
+} from "./contextIntelligence";
 import { ROLE_COLOR_CLASSES, SegmentBar } from "./SegmentBar";
 import { ANATOMY_ROLE_LABELS, type AnatomyRole, type AnatomySegment } from "./types";
 
@@ -10,6 +17,8 @@ export type RequestAnatomyProps = {
   parsed: unknown | null;
   /** Server-reported input token count, or `null` if unknown. */
   inputTokens: number | null;
+  /** Model name from the captured log; falls back to the parsed request body when omitted. */
+  model?: string | null;
   /** Optional callback fired when the user activates a concrete request segment. */
   onSegmentActivate?: (segment: AnatomySegment) => void;
   /** Pre-computed segments; if provided, `parsed` is ignored. */
@@ -35,6 +44,20 @@ const VIEW_MODE_OPTIONS: Array<{ value: ContextViewMode; label: string }> = [
   { value: "segment", label: "By Segment" },
 ];
 
+const RISK_CLASS: Record<ContextRiskLevel, string> = {
+  unknown: "bg-muted-foreground/50",
+  ok: "bg-emerald-500/70",
+  watch: "bg-amber-400/75",
+  danger: "bg-red-500/80",
+};
+
+const RISK_TEXT_CLASS: Record<ContextRiskLevel, string> = {
+  unknown: "text-muted-foreground",
+  ok: "text-emerald-400",
+  watch: "text-amber-300",
+  danger: "text-red-300",
+};
+
 function formatPercent(value: number): string {
   if (value >= 10) return `${value.toFixed(0)}%`;
   if (value >= 1) return `${value.toFixed(1)}%`;
@@ -42,6 +65,157 @@ function formatPercent(value: number): string {
   return "0%";
 }
 
+function formatUsagePercent(value: number | null): string {
+  if (value === null) return "Unknown";
+  return formatPercent(value * 100);
+}
+
+function formatRemainingTokens(value: number | null): string {
+  if (value === null) return "Unknown";
+  if (value < 0) return `-${formatTokens(Math.abs(value))}`;
+  return formatTokens(value);
+}
+
+function formatContextLimit(intelligence: ContextIntelligence): string {
+  if (intelligence.contextWindow.tokens === null) return "Unknown";
+  return formatTokens(intelligence.contextWindow.tokens);
+}
+
+function formatContextSource(intelligence: ContextIntelligence): string {
+  switch (intelligence.contextWindow.source) {
+    case "request":
+      return intelligence.contextWindow.label;
+    case "model-rule":
+      return intelligence.contextWindow.label;
+    case "unknown":
+      return intelligence.model === null
+        ? intelligence.contextWindow.label
+        : `${intelligence.contextWindow.label}: ${intelligence.model}`;
+  }
+}
+
+function diagnosticTone(diagnostic: ContextDiagnostic): string {
+  switch (diagnostic.severity) {
+    case "watch":
+      return "border-amber-400/30 bg-amber-400/8 text-amber-100";
+    case "danger":
+      return "border-red-400/35 bg-red-500/10 text-red-100";
+  }
+}
+
+function ContextIntelligenceStrip({
+  intelligence,
+}: {
+  intelligence: ContextIntelligence;
+}): JSX.Element {
+  const usageWidth =
+    intelligence.usagePercent === null ? 0 : Math.max(1, intelligence.usagePercent * 100);
+  const outputReserveLabel =
+    intelligence.outputReserveTokens === null
+      ? "No output reserve"
+      : `Output reserve ${formatTokens(intelligence.outputReserveTokens)}`;
+  const largestRole = intelligence.largestRole;
+
+  return (
+    <div className="space-y-2">
+      <div className="grid gap-x-4 gap-y-2 border-y border-border/60 py-2 text-xs sm:grid-cols-4">
+        <div className="min-w-0">
+          <div className="text-[10px] font-medium uppercase text-muted-foreground">Window</div>
+          <div className="mt-0.5 truncate font-mono text-foreground">
+            {formatContextLimit(intelligence)}
+          </div>
+          <div className="truncate text-[11px] text-muted-foreground">
+            {formatContextSource(intelligence)}
+          </div>
+        </div>
+
+        <div className="min-w-0">
+          <div className="text-[10px] font-medium uppercase text-muted-foreground">Used</div>
+          <div className={cn("mt-0.5 font-mono", RISK_TEXT_CLASS[intelligence.riskLevel])}>
+            {formatUsagePercent(intelligence.usagePercent)}
+          </div>
+          <div className="truncate text-[11px] text-muted-foreground">{outputReserveLabel}</div>
+        </div>
+
+        <div className="min-w-0">
+          <div className="text-[10px] font-medium uppercase text-muted-foreground">Remaining</div>
+          <div className="mt-0.5 font-mono text-foreground">
+            {formatRemainingTokens(intelligence.remainingAfterReserveTokens)}
+          </div>
+          <div className="truncate text-[11px] text-muted-foreground">
+            Input only {formatRemainingTokens(intelligence.remainingInputTokens)}
+          </div>
+        </div>
+
+        <div className="min-w-0">
+          <div className="text-[10px] font-medium uppercase text-muted-foreground">Largest</div>
+          {largestRole === null ? (
+            <div className="mt-0.5 text-muted-foreground">Unknown</div>
+          ) : (
+            <>
+              <div className="mt-0.5 flex min-w-0 items-center gap-1.5">
+                <span
+                  aria-hidden="true"
+                  className={cn(
+                    "size-2.5 shrink-0 rounded-[2px]",
+                    ROLE_COLOR_CLASSES[largestRole.role],
+                  )}
+                />
+                <span className="truncate text-foreground">{largestRole.label}</span>
+              </div>
+              <div className="truncate font-mono text-[11px] text-muted-foreground">
+                {formatPercent(largestRole.percent * 100)} | ~{formatTokens(largestRole.tokens)}
+              </div>
+            </>
+          )}
+        </div>
+      </div>
+
+      {intelligence.contextWindow.tokens !== null && (
+        <div className="space-y-1.5">
+          <div className="relative h-2 overflow-hidden rounded-full bg-muted/40">
+            <div
+              className={cn("h-full rounded-full", RISK_CLASS[intelligence.riskLevel])}
+              style={{ width: `${String(usageWidth)}%` }}
+            />
+            <div
+              aria-hidden="true"
+              className="absolute top-0 h-full w-px bg-amber-200/70"
+              style={{ left: `${String(CONTEXT_USAGE_THRESHOLDS.watch * 100)}%` }}
+            />
+            <div
+              aria-hidden="true"
+              className="absolute top-0 h-full w-px bg-red-200/80"
+              style={{ left: `${String(CONTEXT_USAGE_THRESHOLDS.danger * 100)}%` }}
+            />
+          </div>
+          <div className="flex justify-between text-[10px] text-muted-foreground">
+            <span>Context window</span>
+            <span>
+              Watch {formatUsagePercent(CONTEXT_USAGE_THRESHOLDS.watch)} / Danger{" "}
+              {formatUsagePercent(CONTEXT_USAGE_THRESHOLDS.danger)}
+            </span>
+          </div>
+        </div>
+      )}
+
+      {intelligence.diagnostics.length > 0 && (
+        <div className="grid gap-1.5 sm:grid-cols-2">
+          {intelligence.diagnostics.map((diagnostic) => (
+            <div
+              key={`${diagnostic.kind}-${diagnostic.title}`}
+              className={cn("rounded border px-2 py-1.5 text-xs", diagnosticTone(diagnostic))}
+            >
+              <div className="font-medium">{diagnostic.title}</div>
+              <div className="mt-0.5 text-[11px] text-muted-foreground">{diagnostic.detail}</div>
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
+
 function aggregateByRole(segments: AnatomySegment[]): AnatomySegment[] {
   const result: AnatomySegment[] = [];
   for (const role of ROLE_ORDER) {
@@ -76,6 +250,7 @@ function topContributors(segments: AnatomySegment[]): AnatomySegment[] {
 export function RequestAnatomy({
   parsed,
   inputTokens,
+  model = null,
   onSegmentActivate,
   segments: providedSegments,
 }: RequestAnatomyProps): JSX.Element | null {
@@ -93,6 +268,18 @@ export function RequestAnatomy({
     () => (segments === null ? [] : topContributors(segments)),
     [segments],
   );
+  const intelligence = useMemo(
+    () =>
+      segments === null
+        ? null
+        : analyzeContextIntelligence({
+            segments,
+            inputTokens,
+            parsed,
+            model,
+          }),
+    [inputTokens, model, parsed, segments],
+  );
 
   const showDivergenceWarning = useMemo(() => {
     if (segments === null) return false;
@@ -115,6 +302,12 @@ export function RequestAnatomy({
   const segmentCountLabel = `${String(segments.length)} segment${segments.length === 1 ? "" : "s"}`;
   const providerInputLabel =
     inputTokens === null ? "Provider input unknown" : `Provider input ${formatTokens(inputTokens)}`;
+  const contextLimitLabel =
+    intelligence === null ? "Limit unknown" : `Limit ${formatContextLimit(intelligence)}`;
+  const usageLabel =
+    intelligence === null
+      ? "Usage unknown"
+      : `${formatUsagePercent(intelligence.usagePercent)} used`;
 
   return (
     <TooltipProvider delayDuration={150}>
@@ -123,7 +316,8 @@ export function RequestAnatomy({
           <div className="min-w-0">
             <div className="text-sm font-semibold text-foreground">Request Context</div>
             <div className={cn("mt-0.5 text-xs font-mono tabular-nums", summaryColorClass)}>
-              Estimated ~{formatTokens(total)} tokens | {providerInputLabel} | {segmentCountLabel}
+              Estimated ~{formatTokens(total)} tokens | {providerInputLabel} | {contextLimitLabel} |{" "}
+              {usageLabel} | {segmentCountLabel}
             </div>
           </div>
 
@@ -172,6 +366,8 @@ export function RequestAnatomy({
           </div>
         )}
 
+        {intelligence !== null && <ContextIntelligenceStrip intelligence={intelligence} />}
+
         <SegmentBar
           segments={displayedSegments}
           totalTokens={displayedTotal}