@tonyclaw/agent-inspector 3.0.15 → 3.0.17

package/.output/server/_tanstack-start-manifest_v-DsSiD2gY.mjs

@@ -0,0 +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/pi-agent", "/api/providers", "/api/runs", "/api/sessions", "/proxy/$", "/session/$sessionId", "/api/ecosystem/packages", "/api/ecosystem/tasks", "/api/knowledge/candidates", "/api/knowledge/project-context", "/api/knowledge/search", "/api/ecosystem/recipes/$recipeId/run", "/api/knowledge/sessions/$sessionId/candidates"], "preloads": ["/assets/main-DuFBHsus.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-T0u1foYL.js", "/assets/ProxyViewerContainer-BNehwMI0.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/pi-agent": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/pi-agent.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-2uq_HB8p.js", "/assets/ProxyViewerContainer-BNehwMI0.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/ecosystem/packages": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/ecosystem.packages.ts", "children": ["/api/ecosystem/packages/$packageId/help", "/api/ecosystem/packages/$packageId/install", "/api/ecosystem/packages/$packageId/runner-presets", "/api/ecosystem/packages/$packageId/upgrade"] }, "/api/ecosystem/tasks": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/ecosystem.tasks.ts", "children": ["/api/ecosystem/tasks/$taskId"] }, "/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/ecosystem/tasks/$taskId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/ecosystem.tasks.$taskId.ts" }, "/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/ecosystem/packages/$packageId/help": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/ecosystem.packages.$packageId.help.ts" }, "/api/ecosystem/packages/$packageId/install": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/ecosystem.packages.$packageId.install.ts" }, "/api/ecosystem/packages/$packageId/runner-presets": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/ecosystem.packages.$packageId.runner-presets.ts" }, "/api/ecosystem/packages/$packageId/upgrade": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/ecosystem.packages.$packageId.upgrade.ts" }, "/api/ecosystem/recipes/$recipeId/run": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/ecosystem.recipes.$recipeId.run.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-DuFBHsus.js" });
+export {
+  tsrStartManifest
+};

package/.output/server/index.mjs

@@ -35,124 +35,124 @@ const headers = ((m) => function headersRouteRule(event) {
   }
 });
 const assets = {
-  "/assets/agent-inspector-58K1_MsC.ico": {
-    "type": "image/vnd.microsoft.icon",
-    "etag": '"38fa-ZD8kPABHYjPIkcH82FMY6iZM7fI"',
-    "mtime": "2026-07-08T07:17:16.900Z",
-    "size": 14586,
-    "path": "../public/assets/agent-inspector-58K1_MsC.ico"
-  },
   "/assets/alibaba-TTwafVwX.svg": {
     "type": "image/svg+xml",
     "etag": '"171b-6dyV5K8QjiaY35sN9qNprh9zDIs"',
-    "mtime": "2026-07-08T07:17:16.900Z",
+    "mtime": "2026-07-08T08:28:44.111Z",
     "size": 5915,
     "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
-  "/assets/json-viewer-DyjXQdVu.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"1ae6-gkWygbgta5NYG+vjMv2zRffJ1XM"',
-    "mtime": "2026-07-08T07:17:16.900Z",
-    "size": 6886,
-    "path": "../public/assets/json-viewer-DyjXQdVu.js"
+  "/assets/agent-inspector-58K1_MsC.ico": {
+    "type": "image/vnd.microsoft.icon",
+    "etag": '"38fa-ZD8kPABHYjPIkcH82FMY6iZM7fI"',
+    "mtime": "2026-07-08T08:28:44.111Z",
+    "size": 14586,
+    "path": "../public/assets/agent-inspector-58K1_MsC.ico"
   },
-  "/assets/CompareDrawer-UaIxykqz.js": {
+  "/assets/CompareDrawer-Lx-WeJNC.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"4bc3-ggKCTMawsv7rU1UHEIKKGiOMipI"',
-    "mtime": "2026-07-08T07:17:16.900Z",
+    "etag": '"4bc3-tbu6Xh1vBvYDoKpIc4DM4rksx3Y"',
+    "mtime": "2026-07-08T08:28:44.111Z",
     "size": 19395,
-    "path": "../public/assets/CompareDrawer-UaIxykqz.js"
+    "path": "../public/assets/CompareDrawer-Lx-WeJNC.js"
   },
-  "/assets/index-BrM8t5mc.js": {
+  "/assets/index-T0u1foYL.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"1cd2c-3pgDwJ46E6Felh8A42E0YhDLHbg"',
-    "mtime": "2026-07-08T07:17:16.900Z",
-    "size": 118060,
-    "path": "../public/assets/index-BrM8t5mc.js"
+    "etag": '"264-h0V4RQjClTku18FOwNfcV0YtjQQ"',
+    "mtime": "2026-07-08T08:28:44.111Z",
+    "size": 612,
+    "path": "../public/assets/index-T0u1foYL.js"
   },
-  "/assets/index-HRfrFVYw.css": {
-    "type": "text/css; charset=utf-8",
-    "etag": '"256cc-1u+nmxaQWLqCgRpu+RY8lHvN/Rw"',
-    "mtime": "2026-07-08T07:17:16.900Z",
-    "size": 153292,
-    "path": "../public/assets/index-HRfrFVYw.css"
+  "/assets/json-viewer-uIwLntt-.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"1ae6-cD2tWuizuTOPAPpUEGSuMcAzEZE"',
+    "mtime": "2026-07-08T08:28:44.112Z",
+    "size": 6886,
+    "path": "../public/assets/json-viewer-uIwLntt-.js"
   },
   "/assets/minimax-BPMzvuL-.jpeg": {
     "type": "image/jpeg",
     "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
-    "mtime": "2026-07-08T07:17:16.900Z",
+    "mtime": "2026-07-08T08:28:44.111Z",
     "size": 6918,
     "path": "../public/assets/minimax-BPMzvuL-.jpeg"
   },
-  "/assets/index-CGpPRty8.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"74-9CZaW7HJYOH3NQYj4/xip60xhg4"',
-    "mtime": "2026-07-08T07:17:16.900Z",
-    "size": 116,
-    "path": "../public/assets/index-CGpPRty8.js"
-  },
-  "/assets/ReplayDialog-BFFomU1m.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"3347-wwiHOYqrhCVahfCSETluyefD+cU"',
-    "mtime": "2026-07-08T07:17:16.900Z",
-    "size": 13127,
-    "path": "../public/assets/ReplayDialog-BFFomU1m.js"
+  "/assets/index-BHXN1Fsx.css": {
+    "type": "text/css; charset=utf-8",
+    "etag": '"25b0d-UyzOlNKIaucQXEUHv/FUiQk9+WM"',
+    "mtime": "2026-07-08T08:28:44.111Z",
+    "size": 154381,
+    "path": "../public/assets/index-BHXN1Fsx.css"
   },
-  "/assets/RequestAnatomy-DKQJBt_c.js": {
+  "/assets/RequestAnatomy-CGoL8ACh.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"43f2-gYWUIZmEexr5Q2THgcpMQjBaUPM"',
-    "mtime": "2026-07-08T07:17:16.900Z",
+    "etag": '"43f2-3yCxwsYxkh4fRuvNcu0N2yWYmoA"',
+    "mtime": "2026-07-08T08:28:44.112Z",
     "size": 17394,
-    "path": "../public/assets/RequestAnatomy-DKQJBt_c.js"
+    "path": "../public/assets/RequestAnatomy-CGoL8ACh.js"
   },
-  "/assets/StreamingChunkSequence-Da-6WNFG.js": {
+  "/assets/index-DPc2wzgW.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"e95-ARTbW7bmyEiYTbpKN4GWBTv1p6c"',
-    "mtime": "2026-07-08T07:17:16.900Z",
-    "size": 3733,
-    "path": "../public/assets/StreamingChunkSequence-Da-6WNFG.js"
+    "etag": '"1cd2c-UeDYk+i1ETjZJB+kOwGwo0jEFlw"',
+    "mtime": "2026-07-08T08:28:44.112Z",
+    "size": 118060,
+    "path": "../public/assets/index-DPc2wzgW.js"
   },
-  "/assets/ResponseView-D7yotmne.js": {
+  "/assets/ResponseView-BSwM1dCH.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"47fc-nPeXrFn8Wpo46dPZ7uyHhpOBuJk"',
-    "mtime": "2026-07-08T07:17:16.900Z",
+    "etag": '"47fc-bpQkn8z+vA/JeSQA6o3uVrTteds"',
+    "mtime": "2026-07-08T08:28:44.112Z",
     "size": 18428,
-    "path": "../public/assets/ResponseView-D7yotmne.js"
+    "path": "../public/assets/ResponseView-BSwM1dCH.js"
   },
-  "/assets/_sessionId-ByTXLS-w.js": {
+  "/assets/ReplayDialog-CADaXFPE.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"36c-ADd7r0LCAoK2B1cl6eXhc8bMt5E"',
-    "mtime": "2026-07-08T07:17:16.900Z",
-    "size": 876,
-    "path": "../public/assets/_sessionId-ByTXLS-w.js"
+    "etag": '"3347-uFrVkOUPbpSqnn4P2cQiRQFg5dM"',
+    "mtime": "2026-07-08T08:28:44.112Z",
+    "size": 13127,
+    "path": "../public/assets/ReplayDialog-CADaXFPE.js"
+  },
+  "/assets/StreamingChunkSequence-qhWtSx3D.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"e95-sxTbAxYB6Grs18w+Xyj04D+BxcY"',
+    "mtime": "2026-07-08T08:28:44.112Z",
+    "size": 3733,
+    "path": "../public/assets/StreamingChunkSequence-qhWtSx3D.js"
   },
-  "/assets/main-Zv_gjZMb.js": {
+  "/assets/main-DuFBHsus.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"512fd-7rsB2+XEiGjMln+9zlzlURXLTKA"',
-    "mtime": "2026-07-08T07:17:16.900Z",
-    "size": 332541,
-    "path": "../public/assets/main-Zv_gjZMb.js"
+    "etag": '"51754-FUzKCD1aGZx7Uxl165jF/GgKtcQ"',
+    "mtime": "2026-07-08T08:28:44.111Z",
+    "size": 333652,
+    "path": "../public/assets/main-DuFBHsus.js"
   },
   "/assets/zhipuai-BPNAnxo-.svg": {
     "type": "image/svg+xml",
     "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
-    "mtime": "2026-07-08T07:17:16.900Z",
+    "mtime": "2026-07-08T08:28:44.111Z",
     "size": 11256,
     "path": "../public/assets/zhipuai-BPNAnxo-.svg"
   },
   "/assets/qwen-CONDcHqt.png": {
     "type": "image/png",
     "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
-    "mtime": "2026-07-08T07:17:16.900Z",
+    "mtime": "2026-07-08T08:28:44.111Z",
     "size": 357059,
     "path": "../public/assets/qwen-CONDcHqt.png"
   },
-  "/assets/ProxyViewerContainer-DlpfcX56.js": {
+  "/assets/_sessionId-2uq_HB8p.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"36c-Twr2jkpHT9aKqPmu9XD0Wj/28/U"',
+    "mtime": "2026-07-08T08:28:44.111Z",
+    "size": 876,
+    "path": "../public/assets/_sessionId-2uq_HB8p.js"
+  },
+  "/assets/ProxyViewerContainer-BNehwMI0.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"b94bd-+vob2Bv5wCpOrt9K9QAH50+Oiuc"',
-    "mtime": "2026-07-08T07:17:16.900Z",
-    "size": 758973,
-    "path": "../public/assets/ProxyViewerContainer-DlpfcX56.js"
+    "etag": '"bab5c-reTrPPm/VKGtnINOhj+7T+0rbb4"',
+    "mtime": "2026-07-08T08:28:44.112Z",
+    "size": 764764,
+    "path": "../public/assets/ProxyViewerContainer-BNehwMI0.js"
   }
 };
 function readAsset(id) {
@@ -180,7 +180,7 @@ const EncodingMap = {
   br: ".br",
   zstd: ".zst"
 };
-const _9o1BXV = defineHandler((event) => {
+const _aYWmx5 = defineHandler((event) => {
   if (event.req.method && !METHODS.has(event.req.method)) {
     return;
   }
@@ -252,15 +252,15 @@ const findRouteRules = /* @__PURE__ */ (() => {
     return r;
   };
 })();
-const _lazy_c5_ocM = defineLazyEventHandler(() => import("./_chunks/ssr-renderer.mjs"));
+const _lazy_bRSXJB = defineLazyEventHandler(() => import("./_chunks/ssr-renderer.mjs"));
 const findRoute = /* @__PURE__ */ (() => {
-  const data = { route: "/**", handler: _lazy_c5_ocM };
+  const data = { route: "/**", handler: _lazy_bRSXJB };
   return ((_m, p) => {
     return { data, params: { "_": p.slice(1) } };
   });
 })();
 const globalMiddleware = [
-  toEventHandler(_9o1BXV)
+  toEventHandler(_aYWmx5)
 ].filter(Boolean);
 const errorHandler$1 = (error, event) => {
   const res = defaultHandler(error, event);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tonyclaw/agent-inspector",
-  "version": "3.0.15",
+  "version": "3.0.17",
   "type": "module",
   "description": "Agent observability and knowledge capture layer for AI coding tools.",
   "license": "MIT",
@@ -69,6 +69,9 @@
     "ladle:build": "ladle build"
   },
   "dependencies": {
+    "@mariozechner/pi-agent-core": "^0.73.1",
+    "@mariozechner/pi-ai": "^0.73.1",
+    "@mariozechner/pi-coding-agent": "^0.73.1",
     "@modelcontextprotocol/server": "^2.0.0-alpha.2",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-select": "^2.2.6",

package/src/components/ProxyViewer.tsx

@@ -65,6 +65,7 @@ import { AlertsDialog } from "./alerts/AlertsDialog";
 import { GroupsDialog } from "./groups/GroupsDialog";
 import { SettingsDialog } from "./providers/SettingsDialog";
 import { AgentLabDialog } from "./ecosystem/AgentLabDialog";
+import { PiAgentPanel } from "./pi-agent/PiAgentPanel";
 import { computeCacheTrends } from "./proxy-viewer/cacheTrend";
 import { LazyCompareDrawer } from "./proxy-viewer/lazy";
 import { dispatchLogFocusRequest } from "./proxy-viewer/logFocus";
@@ -2055,9 +2056,8 @@ export function ProxyViewer({
   const [importError, setImportError] = useState<string | null>(null);
   const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
   const [deletingCurrentView, setDeletingCurrentView] = useState(false);
-  const [detailsPanelCollapsed, setDetailsPanelCollapsed] = useState(
-    readStoredDetailsPanelCollapsed,
-  );
+  const [detailsPanelCollapsed, setDetailsPanelCollapsed] = useState(true);
+  const [detailsPanelStorageLoaded, setDetailsPanelStorageLoaded] = useState(false);
   const [comparePair, setComparePair] = useState<[CapturedLog, CapturedLog] | null>(null);
   const [crabEntrancePhase, setCrabEntrancePhase] = useState<"hidden" | "playing" | "done">(
     "hidden",
@@ -2099,11 +2099,17 @@ export function ProxyViewer({
   }, []);
 
   useEffect(() => {
+    setDetailsPanelCollapsed(readStoredDetailsPanelCollapsed());
+    setDetailsPanelStorageLoaded(true);
+  }, []);
+
+  useEffect(() => {
+    if (!detailsPanelStorageLoaded) return;
     window.localStorage.setItem(
       DETAILS_PANEL_COLLAPSED_STORAGE_KEY,
       detailsPanelCollapsed ? "1" : "0",
     );
-  }, [detailsPanelCollapsed]);
+  }, [detailsPanelCollapsed, detailsPanelStorageLoaded]);
 
   useEffect(() => {
     if (pinnedSessionId === undefined) {
@@ -2393,6 +2399,8 @@ export function ProxyViewer({
                 </div>
               </SidebarPanel>
 
+              <PiAgentPanel currentSessionId={labSessionId} logCount={logs.length} />
+
               {hasSessionContext && sessionContextScope !== null && (
                 <SessionContextBar
                   label={sessionContextScope.label}

package/src/components/pi-agent/PiAgentPanel.tsx

@@ -0,0 +1,204 @@
+import { BrainCircuit, Loader2, Send } from "lucide-react";
+import { useMemo, useState, type ChangeEvent, type JSX } from "react";
+import { PiAgentResponseSchema } from "../../lib/piAgentContract";
+import { useProviders } from "../../lib/useProviders";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select";
+
+type PiAgentPanelProps = {
+  currentSessionId: string | null;
+  logCount: number;
+};
+
+const DEFAULT_QUESTION =
+  "Analyze the current Inspector session. What looks abnormal, slow, or likely to hang?";
+
+function providerSupportsPiAgent(provider: {
+  anthropicBaseUrl?: string;
+  openaiBaseUrl?: string;
+  openaiResponsesBaseUrl?: string;
+}): boolean {
+  return (
+    provider.openaiResponsesBaseUrl !== undefined ||
+    provider.openaiBaseUrl !== undefined ||
+    provider.anthropicBaseUrl !== undefined
+  );
+}
+
+function providerProtocolLabel(provider: {
+  anthropicBaseUrl?: string;
+  openaiBaseUrl?: string;
+  openaiResponsesBaseUrl?: string;
+}): string {
+  if (provider.openaiResponsesBaseUrl !== undefined && provider.openaiResponsesBaseUrl !== "") {
+    return "Responses";
+  }
+  if (provider.openaiBaseUrl !== undefined && provider.openaiBaseUrl !== "") {
+    return "Chat";
+  }
+  return "Anthropic";
+}
+
+function sortProviderBySource<T extends { name: string; source?: "company" | "personal" }>(
+  providers: readonly T[],
+): T[] {
+  return providers.toSorted((left, right) => {
+    const leftCompanyRank = left.source === "company" ? 0 : 1;
+    const rightCompanyRank = right.source === "company" ? 0 : 1;
+    if (leftCompanyRank !== rightCompanyRank) return leftCompanyRank - rightCompanyRank;
+    return left.name.localeCompare(right.name);
+  });
+}
+
+export function PiAgentPanel({ currentSessionId, logCount }: PiAgentPanelProps): JSX.Element {
+  const { providers } = useProviders();
+  const piProviders = useMemo(
+    () => sortProviderBySource(providers.filter(providerSupportsPiAgent)),
+    [providers],
+  );
+  const [question, setQuestion] = useState(DEFAULT_QUESTION);
+  const [providerId, setProviderId] = useState<string>("__auto__");
+  const [model, setModel] = useState<string>("__auto__");
+  const [answer, setAnswer] = useState<string>("");
+  const [status, setStatus] = useState<string>("");
+  const [loading, setLoading] = useState(false);
+
+  const selectedProvider = piProviders.find((provider) => provider.id === providerId);
+  const modelOptions = selectedProvider?.models ?? [];
+  const canAsk = question.trim() !== "" && piProviders.length > 0 && !loading;
+
+  const handleQuestionChange = (event: ChangeEvent<HTMLTextAreaElement>): void => {
+    setQuestion(event.currentTarget.value);
+  };
+
+  const handleProviderChange = (value: string): void => {
+    setProviderId(value);
+    setModel("__auto__");
+  };
+
+  const askPiAgent = (): void => {
+    if (!canAsk) return;
+    setLoading(true);
+    setStatus("");
+    setAnswer("");
+
+    const body = {
+      question: question.trim(),
+      ...(currentSessionId !== null ? { sessionId: currentSessionId } : {}),
+      ...(providerId !== "__auto__" ? { providerId } : {}),
+      ...(model !== "__auto__" ? { model } : {}),
+      logLimit: 24,
+    };
+
+    void fetch("/api/pi-agent", {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify(body),
+    })
+      .then(async (response) => {
+        const raw = await response.text();
+        if (!response.ok) {
+          setStatus(`Pi Agent failed: HTTP ${String(response.status)}`);
+          setAnswer(raw);
+          return;
+        }
+        const parsedJson: unknown = JSON.parse(raw);
+        const parsed = PiAgentResponseSchema.safeParse(parsedJson);
+        if (!parsed.success) {
+          setStatus("Pi Agent returned an unexpected response.");
+          setAnswer(raw);
+          return;
+        }
+        setStatus(
+          `${parsed.data.providerName} / ${parsed.data.model} / ${parsed.data.protocol} / ${String(
+            parsed.data.logCount,
+          )} logs`,
+        );
+        setAnswer(parsed.data.answer);
+      })
+      .catch((err: unknown) => {
+        setStatus(err instanceof Error ? err.message : "Pi Agent request failed.");
+      })
+      .finally(() => {
+        setLoading(false);
+      });
+  };
+
+  return (
+    <section className="rounded-md bg-black/20 px-3 py-3 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.045)]">
+      <div className="flex items-center gap-2">
+        <BrainCircuit className="size-4 text-cyan-200" />
+        <div className="min-w-0 flex-1">
+          <div className="text-xs font-semibold text-foreground">Pi Agent</div>
+          <div className="text-[11px] text-muted-foreground">
+            {currentSessionId === null ? "Inspector-wide analysis" : "Session analysis"}
+          </div>
+        </div>
+      </div>
+
+      <div className="mt-3 grid grid-cols-2 gap-2">
+        <Select value={providerId} onValueChange={handleProviderChange}>
+          <SelectTrigger className="h-8 border-0 bg-black/25 text-xs shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)]">
+            <SelectValue placeholder="Provider" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="__auto__">Auto provider</SelectItem>
+            {piProviders.map((provider) => (
+              <SelectItem key={provider.id} value={provider.id}>
+                {provider.name} / {providerProtocolLabel(provider)}
+              </SelectItem>
+            ))}
+          </SelectContent>
+        </Select>
+        <Select value={model} onValueChange={setModel}>
+          <SelectTrigger className="h-8 border-0 bg-black/25 text-xs shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)]">
+            <SelectValue placeholder="Model" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="__auto__">Auto model</SelectItem>
+            {modelOptions.map((modelName) => (
+              <SelectItem key={modelName} value={modelName}>
+                {modelName}
+              </SelectItem>
+            ))}
+          </SelectContent>
+        </Select>
+      </div>
+
+      <textarea
+        value={question}
+        onChange={handleQuestionChange}
+        className="mt-2 min-h-24 w-full resize-y rounded-md bg-black/25 px-3 py-2 text-xs leading-5 text-foreground outline-none shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors placeholder:text-muted-foreground focus-visible:ring-1 focus-visible:ring-ring"
+        placeholder="Ask Pi Agent about this session..."
+      />
+
+      <button
+        type="button"
+        onClick={askPiAgent}
+        disabled={!canAsk}
+        className="mt-2 inline-flex h-8 w-full items-center justify-center gap-2 rounded-md bg-cyan-400/12 px-3 text-xs font-medium text-cyan-100 shadow-[inset_0_0_0_1px_rgba(103,232,249,0.18)] transition-colors hover:bg-cyan-400/18 disabled:cursor-not-allowed disabled:opacity-50"
+      >
+        {loading ? <Loader2 className="size-3.5 animate-spin" /> : <Send className="size-3.5" />}
+        <span>{loading ? "Thinking..." : "Ask Pi"}</span>
+      </button>
+
+      {piProviders.length === 0 && (
+        <p className="mt-2 text-[11px] leading-5 text-muted-foreground">
+          Configure a Provider with Responses, Chat, or Anthropic URL to enable Pi Agent.
+        </p>
+      )}
+      {status !== "" && (
+        <p className="mt-2 break-words font-mono text-[10px] text-cyan-100/70">{status}</p>
+      )}
+      {answer !== "" && (
+        <div className="mt-3 max-h-64 overflow-y-auto whitespace-pre-wrap rounded-md bg-black/25 p-3 text-xs leading-5 text-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.05)]">
+          {answer}
+        </div>
+      )}
+      {logCount === 0 && (
+        <p className="mt-2 text-[11px] leading-5 text-muted-foreground">
+          No logs are visible in this scope yet; Pi Agent can still answer Provider setup questions.
+        </p>
+      )}
+    </section>
+  );
+}

package/src/lib/chunkLoadRecovery.ts

@@ -0,0 +1,83 @@
+const CHUNK_LOAD_RELOAD_AT_KEY = "agent-inspector.chunkLoadReloadAt";
+const CHUNK_LOAD_RELOAD_WINDOW_MS = 15_000;
+
+const CHUNK_LOAD_FAILURE_PATTERNS = [
+  "failed to fetch dynamically imported module",
+  "failed to load module script",
+  "importing a module script failed",
+  "error loading dynamically imported module",
+  "loading chunk",
+  "unable to preload css",
+];
+
+function messageFromReason(reason: unknown): string {
+  if (reason instanceof Error) {
+    return reason.message;
+  }
+
+  if (typeof reason === "string") {
+    return reason;
+  }
+
+  return "";
+}
+
+function isChunkLoadFailureMessage(message: string): boolean {
+  const normalizedMessage = message.toLowerCase();
+  return CHUNK_LOAD_FAILURE_PATTERNS.some((pattern) => normalizedMessage.includes(pattern));
+}
+
+function readLastReloadAt(): number {
+  const storedValue = window.sessionStorage.getItem(CHUNK_LOAD_RELOAD_AT_KEY);
+  if (storedValue === null) {
+    return 0;
+  }
+
+  const parsedValue = Number(storedValue);
+  return Number.isFinite(parsedValue) ? parsedValue : 0;
+}
+
+function reloadOnceForChunkFailure(): void {
+  const now = Date.now();
+  const lastReloadAt = readLastReloadAt();
+  if (now - lastReloadAt < CHUNK_LOAD_RELOAD_WINDOW_MS) {
+    return;
+  }
+
+  window.sessionStorage.setItem(CHUNK_LOAD_RELOAD_AT_KEY, String(now));
+  window.location.reload();
+}
+
+export function installChunkLoadRecovery(): () => void {
+  if (typeof window === "undefined") {
+    return () => {};
+  }
+
+  const handleUnhandledRejection = (event: PromiseRejectionEvent): void => {
+    const message = messageFromReason(event.reason);
+    if (!isChunkLoadFailureMessage(message)) {
+      return;
+    }
+
+    event.preventDefault();
+    reloadOnceForChunkFailure();
+  };
+
+  const handleError = (event: ErrorEvent): void => {
+    const message = event.message !== "" ? event.message : messageFromReason(event.error);
+    if (!isChunkLoadFailureMessage(message)) {
+      return;
+    }
+
+    event.preventDefault();
+    reloadOnceForChunkFailure();
+  };
+
+  window.addEventListener("unhandledrejection", handleUnhandledRejection);
+  window.addEventListener("error", handleError);
+
+  return () => {
+    window.removeEventListener("unhandledrejection", handleUnhandledRejection);
+    window.removeEventListener("error", handleError);
+  };
+}

package/src/lib/piAgentContract.ts

@@ -0,0 +1,21 @@
+import { z } from "zod";
+
+export const PiAgentRequestSchema = z.object({
+  question: z.string().trim().min(1).max(4_000),
+  sessionId: z.string().trim().min(1).optional(),
+  providerId: z.string().trim().min(1).optional(),
+  model: z.string().trim().min(1).optional(),
+  logLimit: z.number().int().min(1).max(80).optional(),
+});
+
+export const PiAgentResponseSchema = z.object({
+  answer: z.string(),
+  providerId: z.string(),
+  providerName: z.string(),
+  model: z.string(),
+  protocol: z.enum(["openaiResponses", "openaiChat", "anthropic"]),
+  logCount: z.number().int().nonnegative(),
+});
+
+export type PiAgentRequest = z.infer<typeof PiAgentRequestSchema>;
+export type PiAgentResponse = z.infer<typeof PiAgentResponseSchema>;