@tonyclaw/agent-inspector 3.0.16 → 3.0.18

package/.output/server/_tanstack-start-manifest_v-p7J0QCMh.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-BnRC1932.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-gm3A0idN.js", "/assets/ProxyViewerContainer-BLCRQtU_.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-CThgXa41.js", "/assets/ProxyViewerContainer-BLCRQtU_.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-BnRC1932.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:49:36.366Z",
-    "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:49:36.366Z",
+    "mtime": "2026-07-08T09:20:47.299Z",
     "size": 5915,
     "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
-  "/assets/CompareDrawer-BJmxAiM0.js": {
+  "/assets/agent-inspector-58K1_MsC.ico": {
+    "type": "image/vnd.microsoft.icon",
+    "etag": '"38fa-ZD8kPABHYjPIkcH82FMY6iZM7fI"',
+    "mtime": "2026-07-08T09:20:47.299Z",
+    "size": 14586,
+    "path": "../public/assets/agent-inspector-58K1_MsC.ico"
+  },
+  "/assets/json-viewer-BA-W-PZq.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"4bc3-0wNiqSedtdnKziZpUMnGfe9RDIg"',
-    "mtime": "2026-07-08T07:49:36.366Z",
-    "size": 19395,
-    "path": "../public/assets/CompareDrawer-BJmxAiM0.js"
+    "etag": '"1ae6-dvP4VHmxfaubFfn7DjIy5LP2VDM"',
+    "mtime": "2026-07-08T09:20:47.300Z",
+    "size": 6886,
+    "path": "../public/assets/json-viewer-BA-W-PZq.js"
   },
-  "/assets/index-hjNWJZGE.js": {
+  "/assets/index-gm3A0idN.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"264-F7Ue2VftEtRHLW5sYg77WtMLlaY"',
-    "mtime": "2026-07-08T07:49:36.366Z",
+    "etag": '"264-bUtHugGp38xTQ/556OOmW4cTb30"',
+    "mtime": "2026-07-08T09:20:47.299Z",
     "size": 612,
-    "path": "../public/assets/index-hjNWJZGE.js"
+    "path": "../public/assets/index-gm3A0idN.js"
   },
   "/assets/minimax-BPMzvuL-.jpeg": {
     "type": "image/jpeg",
     "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
-    "mtime": "2026-07-08T07:49:36.366Z",
+    "mtime": "2026-07-08T09:20:47.299Z",
     "size": 6918,
     "path": "../public/assets/minimax-BPMzvuL-.jpeg"
   },
-  "/assets/json-viewer-D8gvbDlB.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"1ae6-3l17L5m8Gkm6hdHoj4wm+hPh1pE"',
-    "mtime": "2026-07-08T07:49:36.368Z",
-    "size": 6886,
-    "path": "../public/assets/json-viewer-D8gvbDlB.js"
-  },
-  "/assets/index-Lwir70Rs.js": {
+  "/assets/index-ClQ7Vi3J.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"1cd2c-uOY1+bLxcnzq9lK94Y24ff4tgfg"',
-    "mtime": "2026-07-08T07:49:36.368Z",
+    "etag": '"1cd2c-4zCEbVXrILXYj2zEV1+iKezgPds"',
+    "mtime": "2026-07-08T09:20:47.300Z",
     "size": 118060,
-    "path": "../public/assets/index-Lwir70Rs.js"
+    "path": "../public/assets/index-ClQ7Vi3J.js"
   },
-  "/assets/main-ovrz0tyD.js": {
+  "/assets/main-BnRC1932.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"51754-iAsbeZP/dvE+sTlxwVbBwpE2OCs"',
-    "mtime": "2026-07-08T07:49:36.366Z",
+    "etag": '"51754-C+GxW6/FcQjEc3T50yvdt1wbC+Q"',
+    "mtime": "2026-07-08T09:20:47.300Z",
     "size": 333652,
-    "path": "../public/assets/main-ovrz0tyD.js"
+    "path": "../public/assets/main-BnRC1932.js"
   },
-  "/assets/RequestAnatomy-DemOFfSc.js": {
+  "/assets/CompareDrawer-Daj03-RL.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"43f2-9HUxPv82UBTGS/J+/q248fOiJxw"',
-    "mtime": "2026-07-08T07:49:36.366Z",
-    "size": 17394,
-    "path": "../public/assets/RequestAnatomy-DemOFfSc.js"
+    "etag": '"4bc3-br2IcvOX80Rt2Ihi0wTncTxpsjQ"',
+    "mtime": "2026-07-08T09:20:47.300Z",
+    "size": 19395,
+    "path": "../public/assets/CompareDrawer-Daj03-RL.js"
   },
-  "/assets/ResponseView-9LhpuDo7.js": {
+  "/assets/ResponseView-BwkMSsUa.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"47fc-bHHyCeRZHr2EkGyCARjoaoqYgYg"',
-    "mtime": "2026-07-08T07:49:36.366Z",
+    "etag": '"47fc-0qG8LO4aEdS/plOjflbM11UR8Ow"',
+    "mtime": "2026-07-08T09:20:47.300Z",
     "size": 18428,
-    "path": "../public/assets/ResponseView-9LhpuDo7.js"
+    "path": "../public/assets/ResponseView-BwkMSsUa.js"
   },
-  "/assets/StreamingChunkSequence-RRWYBOdz.js": {
+  "/assets/RequestAnatomy-DF0hHdQY.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"e95-UCuCI5JEd/d2GeEjk1HjYYShDFA"',
-    "mtime": "2026-07-08T07:49:36.368Z",
-    "size": 3733,
-    "path": "../public/assets/StreamingChunkSequence-RRWYBOdz.js"
+    "etag": '"43f2-Mtz9JWVo1c1JlS8OqgcPSXmE3lQ"',
+    "mtime": "2026-07-08T09:20:47.300Z",
+    "size": 17394,
+    "path": "../public/assets/RequestAnatomy-DF0hHdQY.js"
   },
-  "/assets/index-HRfrFVYw.css": {
-    "type": "text/css; charset=utf-8",
-    "etag": '"256cc-1u+nmxaQWLqCgRpu+RY8lHvN/Rw"',
-    "mtime": "2026-07-08T07:49:36.366Z",
-    "size": 153292,
-    "path": "../public/assets/index-HRfrFVYw.css"
+  "/assets/ReplayDialog-5FR5crdo.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"3347-a97u4d282w761H2y42rBEmcN128"',
+    "mtime": "2026-07-08T09:20:47.300Z",
+    "size": 13127,
+    "path": "../public/assets/ReplayDialog-5FR5crdo.js"
+  },
+  "/assets/StreamingChunkSequence-CKeUd58x.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"e95-aUcHwmSf3cNmuFqJIhMNTBPZwHQ"',
+    "mtime": "2026-07-08T09:20:47.300Z",
+    "size": 3733,
+    "path": "../public/assets/StreamingChunkSequence-CKeUd58x.js"
   },
   "/assets/zhipuai-BPNAnxo-.svg": {
     "type": "image/svg+xml",
     "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
-    "mtime": "2026-07-08T07:49:36.366Z",
+    "mtime": "2026-07-08T09:20:47.299Z",
     "size": 11256,
     "path": "../public/assets/zhipuai-BPNAnxo-.svg"
   },
-  "/assets/_sessionId-CWEh2Jsn.js": {
+  "/assets/index-BHXN1Fsx.css": {
+    "type": "text/css; charset=utf-8",
+    "etag": '"25b0d-UyzOlNKIaucQXEUHv/FUiQk9+WM"',
+    "mtime": "2026-07-08T09:20:47.299Z",
+    "size": 154381,
+    "path": "../public/assets/index-BHXN1Fsx.css"
+  },
+  "/assets/_sessionId-CThgXa41.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"36c-oFVb0kCzpHPGDXYQVoJ9vz+KOkM"',
-    "mtime": "2026-07-08T07:49:36.366Z",
+    "etag": '"36c-LhEJ0XDKnu7ufvoZ93ll2DTfzsE"',
+    "mtime": "2026-07-08T09:20:47.299Z",
     "size": 876,
-    "path": "../public/assets/_sessionId-CWEh2Jsn.js"
+    "path": "../public/assets/_sessionId-CThgXa41.js"
   },
   "/assets/qwen-CONDcHqt.png": {
     "type": "image/png",
     "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
-    "mtime": "2026-07-08T07:49:36.366Z",
+    "mtime": "2026-07-08T09:20:47.299Z",
     "size": 357059,
     "path": "../public/assets/qwen-CONDcHqt.png"
   },
-  "/assets/ReplayDialog-CkLdOMJr.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"3347-6HbaYA2frlBjkCZbszV4OozM1vA"',
-    "mtime": "2026-07-08T07:49:36.366Z",
-    "size": 13127,
-    "path": "../public/assets/ReplayDialog-CkLdOMJr.js"
-  },
-  "/assets/ProxyViewerContainer-C40Nig73.js": {
+  "/assets/ProxyViewerContainer-BLCRQtU_.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"b9507-EVmqSsSCJV0ZRsDaOUA+xF8g3+E"',
-    "mtime": "2026-07-08T07:49:36.368Z",
-    "size": 759047,
-    "path": "../public/assets/ProxyViewerContainer-C40Nig73.js"
+    "etag": '"bacfa-YqZ58vQYU45MNm0p7H9WPhfdV4M"',
+    "mtime": "2026-07-08T09:20:47.300Z",
+    "size": 765178,
+    "path": "../public/assets/ProxyViewerContainer-BLCRQtU_.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.16",
+  "version": "3.0.18",
   "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";
@@ -2398,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/components/proxy-viewer/LogEntry.tsx

@@ -41,6 +41,8 @@ import { getLogFormatAdapter, resolveLogFormat } from "./log-formats";
 import { LOG_FOCUS_REQUEST_EVENT, readLogFocusRequest, type LogFocusTab } from "./logFocus";
 import {
   shouldShowHeadersDiffButton,
+  shouldShowHeadersTab,
+  shouldShowRawHeadersTab,
   shouldShowRawRequestTab,
   shouldShowRequestDiffButton,
 } from "./logEntryVisibility";
@@ -568,21 +570,40 @@ export const LogEntry = memo(function ({
             }
           : null,
       },
-      headers: {
-        copyLabel: "Copy headers",
-        copyText: headersText,
-        copyCopied: headersCopy.copied,
-        onCopy: headersCopy.copy,
-        // Headers are a flat dict, no JSON tree to expand.
-        expansion: null,
-      },
-      "raw-headers": {
-        copyLabel: "Copy raw headers",
-        copyText: rawHeadersText,
-        copyCopied: rawHeadersCopy.copied,
-        onCopy: rawHeadersCopy.copy,
-        expansion: null,
-      },
+      // Tab-level actions mirror the visibility rules in logEntryVisibility:
+      // when the corresponding tab is hidden because the log has no captured
+      // headers, the header bar must not surface a Copy button either. We
+      // therefore omit the key entirely (header renders no actions) instead
+      // of returning a bundle with `copyText: null`.
+      ...(shouldShowHeadersTab(
+        viewMode,
+        displayLog.headers !== undefined && Object.keys(displayLog.headers).length > 0,
+      )
+        ? {
+            headers: {
+              copyLabel: "Copy headers",
+              copyText: headersText,
+              copyCopied: headersCopy.copied,
+              onCopy: headersCopy.copy,
+              // Headers are a flat dict, no JSON tree to expand.
+              expansion: null,
+            },
+          }
+        : {}),
+      ...(shouldShowRawHeadersTab(
+        viewMode,
+        displayLog.rawHeaders !== undefined && Object.keys(displayLog.rawHeaders).length > 0,
+      )
+        ? {
+            "raw-headers": {
+              copyLabel: "Copy raw headers",
+              copyText: rawHeadersText,
+              copyCopied: rawHeadersCopy.copied,
+              onCopy: rawHeadersCopy.copy,
+              expansion: null,
+            },
+          }
+        : {}),
       raw: {
         copyLabel: responsePreviewIsActive ? "Copy loaded response preview" : "Copy response",
         copyText: responseTextForView,
@@ -842,12 +863,19 @@ export const LogEntry = memo(function ({
                 variant="line"
                 className="bg-white/[0.04] inspector-scrollbar relative mx-3 h-auto w-[calc(100%-1.5rem)] justify-start overflow-x-auto rounded-[8px] p-1"
               >
-                {viewMode === "full" && (
+                {shouldShowRawHeadersTab(
+                  viewMode,
+                  displayLog.rawHeaders !== undefined &&
+                    Object.keys(displayLog.rawHeaders).length > 0,
+                ) && (
                   <TabsTrigger className={TAB_TRIGGER_CLASS} value="raw-headers">
                     Raw Headers
                   </TabsTrigger>
                 )}
-                {viewMode === "full" && (
+                {shouldShowHeadersTab(
+                  viewMode,
+                  displayLog.headers !== undefined && Object.keys(displayLog.headers).length > 0,
+                ) && (
                   <TabsTrigger className={TAB_TRIGGER_CLASS} value="headers">
                     Headers
                   </TabsTrigger>
@@ -999,7 +1027,10 @@ export const LogEntry = memo(function ({
                 </TabsContent>
               )}
 
-              {viewMode === "full" && (
+              {shouldShowHeadersTab(
+                viewMode,
+                displayLog.headers !== undefined && Object.keys(displayLog.headers).length > 0,
+              ) && (
                 <TabsContent value="headers">
                   {activeTab === "headers" && (
                     <ExpandedPanel>
@@ -1033,7 +1064,11 @@ export const LogEntry = memo(function ({
                 </TabsContent>
               )}
 
-              {viewMode === "full" && (
+              {shouldShowRawHeadersTab(
+                viewMode,
+                displayLog.rawHeaders !== undefined &&
+                  Object.keys(displayLog.rawHeaders).length > 0,
+              ) && (
                 <TabsContent value="raw-headers">
                   {activeTab === "raw-headers" && (
                     <ExpandedPanel>

package/src/components/proxy-viewer/logEntryVisibility.ts

@@ -23,6 +23,28 @@ export function shouldShowHeadersDiffButton(
   return viewMode === "full" && hasRawHeaders;
 }
 
+/**
+ * Pure visibility rule for the `Raw Headers` tab. Inherits the same mode
+ * constraint as `shouldShowHeadersDiffButton` (full mode required to surface
+ * raw capture data), and additionally requires that the log actually has at
+ * least one captured header — otherwise the tab would render an empty panel.
+ */
+export function shouldShowRawHeadersTab(
+  viewMode: "simple" | "full",
+  hasRawHeaders: boolean,
+): boolean {
+  return viewMode === "full" && hasRawHeaders;
+}
+
+/**
+ * Pure visibility rule for the `Headers` tab. Mirrors `shouldShowRawHeadersTab`
+ * but against the processed outgoing headers (rather than the raw inbound
+ * headers). Like its sibling it requires full mode AND a non-empty capture.
+ */
+export function shouldShowHeadersTab(viewMode: "simple" | "full", hasHeaders: boolean): boolean {
+  return viewMode === "full" && hasHeaders;
+}
+
 /**
  * Pure visibility rule for the "Diff with Raw" button in the Request tab.
  * Mirrors the conditions for the `Raw Request` tab itself: full mode plus