@tonyclaw/agent-inspector 2.0.5 → 2.0.6

package/.output/server/_ssr/{router-Dl7oh0zx.mjs → router-DGPt3MUc.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-CX796gvi.css";
+const appCss = "/assets/index-C624DUk9.css";
 const Route$r = createRootRoute({
   head: () => ({
     meta: [
@@ -76,7 +76,7 @@ function RootDocument({ children }) {
     ] })
   ] });
 }
-const $$splitComponentImporter$1 = () => import("./index-Dea3OeRw.mjs");
+const $$splitComponentImporter$1 = () => import("./index-CZIKZU43.mjs");
 const Route$q = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
@@ -119,7 +119,7 @@ function decodeSessionIdFromPath(encoded) {
 function getSessionPath(sessionId) {
   return `/session/${encodeSessionIdForPath(sessionId)}`;
 }
-const $$splitComponentImporter = () => import("../_sessionId-DWCTasJU.mjs");
+const $$splitComponentImporter = () => import("../_sessionId-B-x9fRY3.mjs");
 const Route$p = createFileRoute("/session/$sessionId")({
   component: lazyRouteComponent($$splitComponentImporter, "component"),
   parseParams: (params) => ({

package/.output/server/{_tanstack-start-manifest_v-m-FJNBVf.mjs → _tanstack-start-manifest_v-BzH4pNaI.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-2NlGzgOe.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-B_dffD3u.js", "/assets/ProxyViewerContainer-CbW5VRER.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-CcD_aLGq.js", "/assets/ProxyViewerContainer-CbW5VRER.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-2NlGzgOe.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-CKnTJ4-O.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-BZ4x5UI6.js", "/assets/ProxyViewerContainer-Cxpdziwd.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-b4isaoDp.js", "/assets/ProxyViewerContainer-Cxpdziwd.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-CKnTJ4-O.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-21T02:55:38.892Z",
+    "mtime": "2026-06-21T03:27:09.298Z",
     "size": 5915,
     "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
-  "/assets/minimax-BPMzvuL-.jpeg": {
-    "type": "image/jpeg",
-    "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
-    "mtime": "2026-06-21T02:55:38.892Z",
-    "size": 6918,
-    "path": "../public/assets/minimax-BPMzvuL-.jpeg"
-  },
-  "/assets/CompareDrawer-3nRwtk8J.js": {
+  "/assets/CompareDrawer-DDmqSAfl.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"4a25-urgvq4zVkJNkh48bDzRCZpmV0XU"',
-    "mtime": "2026-06-21T02:55:38.893Z",
+    "etag": '"4a25-ax+lNTJqeO5Uw5iRn0IINDghlL8"',
+    "mtime": "2026-06-21T03:27:09.300Z",
     "size": 18981,
-    "path": "../public/assets/CompareDrawer-3nRwtk8J.js"
+    "path": "../public/assets/CompareDrawer-DDmqSAfl.js"
   },
-  "/assets/index-B_dffD3u.js": {
+  "/assets/index-BZ4x5UI6.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"74-G34R32wRb35yFy01Xx5+tisQpbk"',
-    "mtime": "2026-06-21T02:55:38.892Z",
+    "etag": '"74-I7Q+PS5hgyBfKRdQxaKtu+fOxCI"',
+    "mtime": "2026-06-21T03:27:09.300Z",
     "size": 116,
-    "path": "../public/assets/index-B_dffD3u.js"
+    "path": "../public/assets/index-BZ4x5UI6.js"
   },
-  "/assets/index-CX796gvi.css": {
+  "/assets/index-C624DUk9.css": {
     "type": "text/css; charset=utf-8",
-    "etag": '"17a41-dqXsKD+MttGurME/qf9nmjJckRY"',
-    "mtime": "2026-06-21T02:55:38.892Z",
-    "size": 96833,
-    "path": "../public/assets/index-CX796gvi.css"
+    "etag": '"17b64-fA2ShN0vgWgtCNH7S8ke3+06+1g"',
+    "mtime": "2026-06-21T03:27:09.300Z",
+    "size": 97124,
+    "path": "../public/assets/index-C624DUk9.css"
   },
-  "/assets/json-viewer-IXejqXB0.js": {
+  "/assets/ReplayDialog-Bt5DGzlh.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"1e653-JGlILG827/WNy4+hkJi+2gTndaU"',
-    "mtime": "2026-06-21T02:55:38.893Z",
-    "size": 124499,
-    "path": "../public/assets/json-viewer-IXejqXB0.js"
+    "etag": '"2383-209uDqfCNP9kp/Eo1OJGkQf5K7o"',
+    "mtime": "2026-06-21T03:27:09.300Z",
+    "size": 9091,
+    "path": "../public/assets/ReplayDialog-Bt5DGzlh.js"
   },
-  "/assets/ResponseView-Cvc-ct4E.js": {
+  "/assets/RequestAnatomy-BxX3_N9S.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"6aab-UwVVOTtKRLo51GriiJxR9m6Feak"',
-    "mtime": "2026-06-21T02:55:38.893Z",
-    "size": 27307,
-    "path": "../public/assets/ResponseView-Cvc-ct4E.js"
+    "etag": '"21df-RsC1hle1XaaRP0DDNQAtrI26Ohw"',
+    "mtime": "2026-06-21T03:27:09.300Z",
+    "size": 8671,
+    "path": "../public/assets/RequestAnatomy-BxX3_N9S.js"
   },
-  "/assets/ReplayDialog-Cl62N9PI.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"2383-flKSjr0F8tecuRkIDNpAYjivJcI"',
-    "mtime": "2026-06-21T02:55:38.893Z",
-    "size": 9091,
-    "path": "../public/assets/ReplayDialog-Cl62N9PI.js"
+  "/assets/minimax-BPMzvuL-.jpeg": {
+    "type": "image/jpeg",
+    "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
+    "mtime": "2026-06-21T03:27:09.300Z",
+    "size": 6918,
+    "path": "../public/assets/minimax-BPMzvuL-.jpeg"
   },
-  "/assets/RequestAnatomy-DgQWGvjs.js": {
+  "/assets/json-viewer-CRL_gWEZ.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"1426-61x287FrHKfb80GSEu4faAyIsQQ"',
-    "mtime": "2026-06-21T02:55:38.893Z",
-    "size": 5158,
-    "path": "../public/assets/RequestAnatomy-DgQWGvjs.js"
+    "etag": '"1e653-xRVAXa9/k/0cz9lZfPZsShTfToA"',
+    "mtime": "2026-06-21T03:27:09.301Z",
+    "size": 124499,
+    "path": "../public/assets/json-viewer-CRL_gWEZ.js"
   },
-  "/assets/StreamingChunkSequence-BCQaCAIe.js": {
+  "/assets/StreamingChunkSequence-RJMwNf6F.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"d82-mxAzpHhDD3SrHO5SmP2+22ql54A"',
-    "mtime": "2026-06-21T02:55:38.893Z",
+    "etag": '"d82-23sq9u+7FJWOVlw2ZwY9VyBv1us"',
+    "mtime": "2026-06-21T03:27:09.300Z",
     "size": 3458,
-    "path": "../public/assets/StreamingChunkSequence-BCQaCAIe.js"
+    "path": "../public/assets/StreamingChunkSequence-RJMwNf6F.js"
   },
-  "/assets/ProxyViewerContainer-CbW5VRER.js": {
+  "/assets/ResponseView-Bl_5S9gZ.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"7d8fb-FLtU4XIXbbkqJROwzR9ncAvk86E"',
-    "mtime": "2026-06-21T02:55:38.893Z",
-    "size": 514299,
-    "path": "../public/assets/ProxyViewerContainer-CbW5VRER.js"
-  },
-  "/assets/qwen-CONDcHqt.png": {
-    "type": "image/png",
-    "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
-    "mtime": "2026-06-21T02:55:38.892Z",
-    "size": 357059,
-    "path": "../public/assets/qwen-CONDcHqt.png"
+    "etag": '"6aab-UCFRuWGhCGLKb2s5NCp1phbPUzQ"',
+    "mtime": "2026-06-21T03:27:09.300Z",
+    "size": 27307,
+    "path": "../public/assets/ResponseView-Bl_5S9gZ.js"
   },
   "/assets/zhipuai-BPNAnxo-.svg": {
     "type": "image/svg+xml",
     "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
-    "mtime": "2026-06-21T02:55:38.892Z",
+    "mtime": "2026-06-21T03:27:09.298Z",
     "size": 11256,
     "path": "../public/assets/zhipuai-BPNAnxo-.svg"
   },
-  "/assets/main-2NlGzgOe.js": {
+  "/assets/_sessionId-b4isaoDp.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"5138c-nIshtdU9NYoVXvBBEN1D74xi9gk"',
-    "mtime": "2026-06-21T02:55:38.892Z",
+    "etag": '"d2-p8zHXMHP91ArIYS6WLwFbKor58Y"',
+    "mtime": "2026-06-21T03:27:09.300Z",
+    "size": 210,
+    "path": "../public/assets/_sessionId-b4isaoDp.js"
+  },
+  "/assets/main-CKnTJ4-O.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"5138c-MlPN81hCf/6HY5xIpWbk5sw0drc"',
+    "mtime": "2026-06-21T03:27:09.300Z",
     "size": 332684,
-    "path": "../public/assets/main-2NlGzgOe.js"
+    "path": "../public/assets/main-CKnTJ4-O.js"
+  },
+  "/assets/qwen-CONDcHqt.png": {
+    "type": "image/png",
+    "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
+    "mtime": "2026-06-21T03:27:09.300Z",
+    "size": 357059,
+    "path": "../public/assets/qwen-CONDcHqt.png"
   },
-  "/assets/_sessionId-CcD_aLGq.js": {
+  "/assets/ProxyViewerContainer-Cxpdziwd.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"d2-ELNVvbTmYkGjU2wEF0iGQm6YfmM"',
-    "mtime": "2026-06-21T02:55:38.892Z",
-    "size": 210,
-    "path": "../public/assets/_sessionId-CcD_aLGq.js"
+    "etag": '"7d8f5-2o+HRUWRh8QXo5PbcEDo+/1GGt0"',
+    "mtime": "2026-06-21T03:27:09.300Z",
+    "size": 514293,
+    "path": "../public/assets/ProxyViewerContainer-Cxpdziwd.js"
   }
 };
 function readAsset(id) {

package/package.json

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

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

@@ -177,7 +177,7 @@ export const LogEntry = memo(function ({
   const responseCopy = useCopyFeedback(log.responseText);
 
   // Per-tab action bundles consumed by the header. The header renders the
-  // entry whose key matches `activeTab`. Tabs without an entry (Anatomy,
+  // entry whose key matches `activeTab`. Tabs without an entry (Context,
   // Parsed Response) render no header buttons.
   const tabActions: HeaderTabActions = useMemo(
     () => ({
@@ -320,7 +320,7 @@ export const LogEntry = memo(function ({
                   <TabsTrigger value="raw-request">Raw Request</TabsTrigger>
                 )}
                 <TabsTrigger value="request">Request</TabsTrigger>
-                {anatomySegments !== null && <TabsTrigger value="anatomy">Anatomy</TabsTrigger>}
+                {anatomySegments !== null && <TabsTrigger value="anatomy">Context</TabsTrigger>}
                 {viewMode === "full" && <TabsTrigger value="raw">Raw Response</TabsTrigger>}
                 <TabsTrigger value="parsed">Response</TabsTrigger>
               </TabsList>
@@ -359,7 +359,7 @@ export const LogEntry = memo(function ({
                       <RequestDiffContent
                         rawBody={log.rawRequestBody}
                         displayedBody={displayedRequestBody}
-                        emptyLabel="No transformation applied — raw and sent request bodies are identical."
+                        emptyLabel="No transformation applied; raw and sent request bodies are identical."
                       />
                     ) : (
                       <div ref={requestJsonRef}>
@@ -424,7 +424,7 @@ export const LogEntry = memo(function ({
                         <HeadersDiffContent
                           rawHeaders={log.rawHeaders}
                           headers={log.headers}
-                          emptyLabel="No transformation applied — raw and processed headers are identical."
+                          emptyLabel="No transformation applied; raw and processed headers are identical."
                         />
                       ) : log.headers && Object.keys(log.headers).length > 0 ? (
                         <div className="space-y-1 font-mono text-xs">

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

@@ -92,7 +92,7 @@ export type HeaderTabAction = {
 };
 
 /**
- * Tab actions keyed by Tabs value. Tabs without an entry (Anatomy, Parsed
+ * Tab actions keyed by Tabs value. Tabs without an entry (Context, Parsed
  * Response) leave the corresponding key unset, so the header renders no
  * action buttons for them. Typed as a record (rather than a `Partial<...>`
  * union) so the per-tab lookup in the header is type-safe.
@@ -109,14 +109,14 @@ export type LogEntryHeaderProps = {
   onToggle: () => void;
   /** Per-log cache token trend (creation + read) relative to the previous log
    * in the same conversation group. When `undefined` or a field is `null`,
-   * the corresponding cache span renders as it did before — no arrow.
+   * the corresponding cache span renders as it did before: no arrow.
    */
   cacheTrend?: { creation: CacheTrend | null; read: CacheTrend | null } | null;
   /** Currently-active tab value (matches the `Tabs` value prop). The header
    *  uses this to pick the right entry from `tabActions`. */
   activeTab?: string;
   /** Per-tab Copy + Expand-all actions. Only tabs with an entry will show
-   *  buttons when active. Tabs without an entry (Anatomy, Parsed Response)
+   *  buttons when active. Tabs without an entry (Context, Parsed Response)
    *  render no header buttons. */
   tabActions?: HeaderTabActions;
   /** Re-send this request to the provider. Rendered in the header row when

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

@@ -1,27 +1,77 @@
 import { Info } from "lucide-react";
-import { type JSX, useMemo } from "react";
+import { type JSX, useMemo, useState } from "react";
 import { cn, formatTokens } from "../../../lib/utils";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../ui/tooltip";
-import { SegmentBar } from "./SegmentBar";
-import type { AnatomySegment } from "./types";
+import { ROLE_COLOR_CLASSES, SegmentBar } from "./SegmentBar";
+import { ANATOMY_ROLE_LABELS, type AnatomyRole, type AnatomySegment } from "./types";
 
 export type RequestAnatomyProps = {
   /** Parsed request body, or `null` if it cannot be parsed. */
   parsed: unknown | null;
   /** Server-reported input token count, or `null` if unknown. */
   inputTokens: number | null;
-  /** Optional callback fired when the user activates a segment. */
+  /** Optional callback fired when the user activates a concrete request segment. */
   onSegmentActivate?: (segment: AnatomySegment) => void;
   /** Pre-computed segments; if provided, `parsed` is ignored. */
   segments?: AnatomySegment[] | null;
 };
 
+type ContextViewMode = "role" | "segment";
+
 const DIVERGENCE_AMBER_THRESHOLD = 0.25;
+const TOP_CONTRIBUTOR_COUNT = 5;
+const ROLE_ORDER: AnatomyRole[] = ["system", "user", "assistant", "tool", "tools"];
+
+const ROLE_DESCRIPTIONS: Record<AnatomyRole, string> = {
+  system: "instructions",
+  user: "user turns",
+  assistant: "assistant turns",
+  tool: "tool results",
+  tools: "tool schemas",
+};
+
+const VIEW_MODE_OPTIONS: Array<{ value: ContextViewMode; label: string }> = [
+  { value: "role", label: "By Role" },
+  { value: "segment", label: "By Segment" },
+];
+
+function formatPercent(value: number): string {
+  if (value >= 10) return `${value.toFixed(0)}%`;
+  if (value >= 1) return `${value.toFixed(1)}%`;
+  if (value > 0) return "<1%";
+  return "0%";
+}
+
+function aggregateByRole(segments: AnatomySegment[]): AnatomySegment[] {
+  const result: AnatomySegment[] = [];
+  for (const role of ROLE_ORDER) {
+    const matching = segments.filter((segment) => segment.role === role);
+    if (matching.length === 0) continue;
+    const size = matching.reduce((sum, segment) => sum + segment.size, 0);
+    const characters = matching.reduce((sum, segment) => sum + segment.characters, 0);
+    const label = ANATOMY_ROLE_LABELS[role];
+    const text = `${matching.length} segment${matching.length === 1 ? "" : "s"} grouped as ${
+      ROLE_DESCRIPTIONS[role]
+    }`;
+    result.push({
+      role,
+      label,
+      size,
+      characters,
+      text,
+      path: `role:${role}`,
+    });
+  }
+  return result;
+}
+
+function topContributors(segments: AnatomySegment[]): AnatomySegment[] {
+  return [...segments].sort((a, b) => b.size - a.size).slice(0, TOP_CONTRIBUTOR_COUNT);
+}
 
 /**
- * Render the request anatomy view: a one-line summary plus the
- * stacked segment bar. Returns `null` when the request cannot be
- * parsed or the segment list is empty.
+ * Render a request context breakdown: headline metrics, a stacked token bar,
+ * role legend, and the largest individual context blocks.
  */
 export function RequestAnatomy({
   parsed,
@@ -29,69 +79,170 @@ export function RequestAnatomy({
   onSegmentActivate,
   segments: providedSegments,
 }: RequestAnatomyProps): JSX.Element | null {
-  // Caller is expected to pre-compute segments in production (see
-  // LogEntry). When called standalone, fall back to deriving from
-  // `parsed` directly using the unknown adapter is not appropriate —
-  // the caller is responsible for choosing the right adapter.
+  const [viewMode, setViewMode] = useState<ContextViewMode>("role");
   const segments = useMemo(() => providedSegments ?? null, [providedSegments]);
-  const total = useMemo(() => (segments ?? []).reduce((sum, s) => sum + s.size, 0), [segments]);
+  const total = useMemo(
+    () => (segments ?? []).reduce((sum, segment) => sum + segment.size, 0),
+    [segments],
+  );
+  const roleSegments = useMemo(
+    () => (segments === null ? [] : aggregateByRole(segments)),
+    [segments],
+  );
+  const topSegments = useMemo(
+    () => (segments === null ? [] : topContributors(segments)),
+    [segments],
+  );
 
-  // Show divergence warning when both estimate and server numbers exist.
   const showDivergenceWarning = useMemo(() => {
-    if (segments === null || segments === undefined) return false;
+    if (segments === null) return false;
     if (inputTokens === null) return false;
     if (total === 0) return false;
     const ratio = Math.abs(inputTokens - total) / Math.max(inputTokens, total);
     return ratio >= DIVERGENCE_AMBER_THRESHOLD;
   }, [inputTokens, segments, total]);
 
-  const summaryColorClass = useMemo(() => {
-    if (inputTokens === null) return "text-muted-foreground";
-    if (showDivergenceWarning) return "text-amber-400";
-    return "text-muted-foreground";
-  }, [inputTokens, showDivergenceWarning]);
+  if (segments === null) return null;
+  if (segments.length === 0) return null;
+  if (parsed === null && providedSegments === undefined) return null;
 
-  if (segments === null || segments === undefined) {
-    return null;
-  }
-  if (segments.length === 0) {
-    return null;
-  }
-  if (parsed === null && providedSegments === undefined) {
-    return null;
-  }
+  const summaryColorClass =
+    inputTokens !== null && showDivergenceWarning ? "text-amber-400" : "text-muted-foreground";
+  const displayedSegments = viewMode === "role" ? roleSegments : segments;
+  const displayedTotal =
+    total > 0 ? total : displayedSegments.reduce((sum, item) => sum + item.size, 0);
+  const activateSegment = viewMode === "segment" ? onSegmentActivate : undefined;
+  const segmentCountLabel = `${String(segments.length)} segment${segments.length === 1 ? "" : "s"}`;
+  const providerInputLabel =
+    inputTokens === null ? "Provider input unknown" : `Provider input ${formatTokens(inputTokens)}`;
 
   return (
     <TooltipProvider delayDuration={150}>
-      <div className="px-4 py-3 space-y-2" data-testid="anatomy-root">
-        <div className="flex items-center gap-2 text-xs">
-          <span className="font-mono tabular-nums text-foreground">
-            ~{formatTokens(total)} tokens
-          </span>
-          {inputTokens !== null && (
-            <span className={cn("font-mono tabular-nums", summaryColorClass)}>
-              (server: {formatTokens(inputTokens)})
-            </span>
-          )}
-          {showDivergenceWarning && (
+      <div className="px-4 py-3 space-y-3" data-testid="anatomy-root">
+        <div className="flex flex-wrap items-start justify-between gap-3">
+          <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}
+            </div>
+          </div>
+
+          <div
+            className="inline-flex shrink-0 rounded border border-border bg-muted/20 p-0.5"
+            role="group"
+            aria-label="Context breakdown mode"
+          >
+            {VIEW_MODE_OPTIONS.map((option) => (
+              <button
+                key={option.value}
+                type="button"
+                aria-pressed={viewMode === option.value}
+                onClick={() => setViewMode(option.value)}
+                className={cn(
+                  "h-6 rounded-sm px-2 text-[11px] font-medium transition-colors",
+                  viewMode === option.value
+                    ? "bg-background text-foreground shadow-sm"
+                    : "text-muted-foreground hover:text-foreground",
+                )}
+              >
+                {option.label}
+              </button>
+            ))}
+          </div>
+        </div>
+
+        {showDivergenceWarning && (
+          <div className="inline-flex items-center gap-1.5 text-xs text-amber-400">
             <Tooltip>
               <TooltipTrigger asChild>
                 <button
                   type="button"
-                  className="inline-flex items-center text-amber-400 hover:text-amber-300"
-                  aria-label="Token estimate diverges from server"
+                  className="inline-flex items-center hover:text-amber-300"
+                  aria-label="Token estimate differs from provider input"
                 >
                   <Info className="size-3.5" />
                 </button>
               </TooltipTrigger>
               <TooltipContent className="max-w-xs text-xs">
-                Bar uses a token estimate heuristic (~4 ASCII chars / token, ~1 CJK / emoji char per
-                token). The server&apos;s reported value is the source of truth for cost.
+                The bar uses a local token estimate. Provider input tokens remain the source of
+                truth for billing and context-window usage.
               </TooltipContent>
             </Tooltip>
-          )}
+            Estimate differs from provider-reported input.
+          </div>
+        )}
+
+        <SegmentBar
+          segments={displayedSegments}
+          totalTokens={displayedTotal}
+          showLabels={viewMode === "segment"}
+          onActivate={activateSegment}
+        />
+
+        <div className="flex flex-wrap items-center gap-x-3 gap-y-1.5 text-[11px] text-muted-foreground">
+          {roleSegments.map((segment) => {
+            const percent = total > 0 ? (segment.size / total) * 100 : 0;
+            return (
+              <div key={segment.role} className="inline-flex items-center gap-1.5">
+                <span
+                  aria-hidden="true"
+                  className={cn("size-2.5 rounded-[2px]", ROLE_COLOR_CLASSES[segment.role])}
+                />
+                <span>{segment.label}</span>
+                <span className="font-mono text-muted-foreground/70">{formatPercent(percent)}</span>
+              </div>
+            );
+          })}
+        </div>
+
+        <div className="space-y-1.5">
+          <div className="text-xs font-medium text-foreground">Top Contributors</div>
+          <div className="grid gap-1">
+            {topSegments.map((segment, index) => {
+              const percent = total > 0 ? (segment.size / total) * 100 : 0;
+              const activate = onSegmentActivate;
+              const content = (
+                <>
+                  <span className="w-5 shrink-0 text-right font-mono text-muted-foreground/70">
+                    {String(index + 1)}
+                  </span>
+                  <span
+                    aria-hidden="true"
+                    className={cn(
+                      "size-2.5 shrink-0 rounded-[2px]",
+                      ROLE_COLOR_CLASSES[segment.role],
+                    )}
+                  />
+                  <span className="min-w-0 flex-1 truncate text-left">{segment.label}</span>
+                  <span className="shrink-0 font-mono text-muted-foreground">
+                    {formatPercent(percent)} | ~{formatTokens(segment.size)}
+                  </span>
+                </>
+              );
+              if (activate !== undefined) {
+                return (
+                  <button
+                    key={`${segment.path}-${index}`}
+                    type="button"
+                    onClick={() => activate(segment)}
+                    className="flex h-7 items-center gap-2 rounded px-1.5 text-xs text-muted-foreground hover:bg-muted/40 hover:text-foreground"
+                    title="Jump to this request block"
+                  >
+                    {content}
+                  </button>
+                );
+              }
+              return (
+                <div
+                  key={`${segment.path}-${index}`}
+                  className="flex h-7 items-center gap-2 rounded px-1.5 text-xs text-muted-foreground"
+                >
+                  {content}
+                </div>
+              );
+            })}
+          </div>
         </div>
-        <SegmentBar segments={segments} totalTokens={total} onActivate={onSegmentActivate} />
       </div>
     </TooltipProvider>
   );