@tonyclaw/agent-inspector 3.0.30 → 3.0.32

package/.output/server/{_tanstack-start-manifest_v-Df2n4mbT.mjs → _tanstack-start-manifest_v-DhxDbp_1.mjs}

@@ -1,4 +1,4 @@
-const tsrStartManifest = () => ({ routes: { __root__: { filePath: "C:/Users/claw/workspace/agent-inspector/src/routes/__root.tsx", children: ["/", "/livez", "/readyz", "/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/index-DkDdKvLl.js"], scripts: [{ attrs: { type: "module", async: true, src: "/assets/index-DkDdKvLl.js" } }] }, "/": { filePath: "C:/Users/claw/workspace/agent-inspector/src/routes/index.tsx", children: void 0, preloads: ["/assets/index-Ch7uqnCT.js", "/assets/index-Bmj2lcWE.js", "/assets/ProxyViewerContainer-CkFWv_Nm.js"] }, "/session/$sessionId": { filePath: "C:/Users/claw/workspace/agent-inspector/src/routes/session/$sessionId.tsx", children: void 0, preloads: ["/assets/_sessionId-BFH4TOaI.js", "/assets/_sessionId-Cj_HIFZx.js", "/assets/ProxyViewerContainer-CkFWv_Nm.js"] } } });
+const tsrStartManifest = () => ({ routes: { __root__: { filePath: "C:/Users/claw/workspace/agent-inspector/src/routes/__root.tsx", children: ["/", "/livez", "/readyz", "/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/index-BTor51ZC.js"], scripts: [{ attrs: { type: "module", async: true, src: "/assets/index-BTor51ZC.js" } }] }, "/": { filePath: "C:/Users/claw/workspace/agent-inspector/src/routes/index.tsx", children: void 0, preloads: ["/assets/index-BzL-q9eN.js", "/assets/index-CbFGlzA-.js", "/assets/ProxyViewerContainer-Ce_WtVu2.js"] }, "/session/$sessionId": { filePath: "C:/Users/claw/workspace/agent-inspector/src/routes/session/$sessionId.tsx", children: void 0, preloads: ["/assets/_sessionId-BW1YYf5W.js", "/assets/_sessionId-DRRig28i.js", "/assets/ProxyViewerContainer-Ce_WtVu2.js"] } } });
 export {
   tsrStartManifest
 };

package/.output/server/index.mjs

@@ -20,149 +20,149 @@ const assets = {
   "/assets/alibaba-TTwafVwX.svg": {
     "type": "image/svg+xml",
     "etag": '"171b-6dyV5K8QjiaY35sN9qNprh9zDIs"',
-    "mtime": "2026-07-13T07:00:08.222Z",
+    "mtime": "2026-07-13T11:13:02.709Z",
     "size": 5915,
     "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
+  "/assets/index-BzL-q9eN.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"9f-j9T0jLOXzrjGIoX2azq1sN5LmhQ"',
+    "mtime": "2026-07-13T11:13:02.709Z",
+    "size": 159,
+    "path": "../public/assets/index-BzL-q9eN.js"
+  },
   "/assets/agent-inspector-58K1_MsC.ico": {
     "type": "image/vnd.microsoft.icon",
     "etag": '"38fa-ZD8kPABHYjPIkcH82FMY6iZM7fI"',
-    "mtime": "2026-07-13T07:00:08.222Z",
+    "mtime": "2026-07-13T11:13:02.709Z",
     "size": 14586,
     "path": "../public/assets/agent-inspector-58K1_MsC.ico"
   },
-  "/assets/CompareDrawer-B6cXJohL.js": {
+  "/assets/CompareDrawer-CONqySRK.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"502d-cw9Ev8bfggHZi+M1qBW0qZDzNiQ"',
-    "mtime": "2026-07-13T07:00:08.224Z",
+    "etag": '"502d-gLRzTmttWySPHLLcJdpVsBrNXn8"',
+    "mtime": "2026-07-13T11:13:02.709Z",
     "size": 20525,
-    "path": "../public/assets/CompareDrawer-B6cXJohL.js"
-  },
-  "/assets/index-CgJj-HBC.css": {
-    "type": "text/css; charset=utf-8",
-    "etag": '"29db6-atYjPI+M1MxwGEFWDWjramrrNys"',
-    "mtime": "2026-07-13T07:00:08.223Z",
-    "size": 171446,
-    "path": "../public/assets/index-CgJj-HBC.css"
+    "path": "../public/assets/CompareDrawer-CONqySRK.js"
   },
-  "/assets/index-Bmj2lcWE.js": {
+  "/assets/index-CbFGlzA-.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"265-ovZBLL82L0gywohZJ8lAz/zSxjk"',
-    "mtime": "2026-07-13T07:00:08.223Z",
+    "etag": '"265-FLMWvI0ex+bfipSvja5anvedWxs"',
+    "mtime": "2026-07-13T11:13:02.709Z",
     "size": 613,
-    "path": "../public/assets/index-Bmj2lcWE.js"
+    "path": "../public/assets/index-CbFGlzA-.js"
   },
-  "/assets/index-Ch7uqnCT.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"9f-rb9KvturDI7E9oSB94OWRPTvM/0"',
-    "mtime": "2026-07-13T07:00:08.223Z",
-    "size": 159,
-    "path": "../public/assets/index-Ch7uqnCT.js"
+  "/assets/index-D17dU-mX.css": {
+    "type": "text/css; charset=utf-8",
+    "etag": '"2a4f0-2SuF12/r8Z0Yq4rQKaI4iHNWq5k"',
+    "mtime": "2026-07-13T11:13:02.709Z",
+    "size": 173296,
+    "path": "../public/assets/index-D17dU-mX.css"
   },
-  "/assets/index-ZlhqCrSg.js": {
+  "/assets/json-viewer-cR8mD7Tl.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"1cd2d-fEkp1Cqfh0Dyt2yNc7H7d4dfk1g"',
-    "mtime": "2026-07-13T07:00:08.224Z",
-    "size": 118061,
-    "path": "../public/assets/index-ZlhqCrSg.js"
+    "etag": '"1ae7-AbetjxR6hVFkIQXTfeAOvu4bC/s"',
+    "mtime": "2026-07-13T11:13:02.710Z",
+    "size": 6887,
+    "path": "../public/assets/json-viewer-cR8mD7Tl.js"
   },
-  "/assets/json-viewer-BdrnVQu-.js": {
+  "/assets/index-BTor51ZC.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"1ae7-I7jhJ30hNE0Y1azQqAlD0+Un2eY"',
-    "mtime": "2026-07-13T07:00:08.224Z",
-    "size": 6887,
-    "path": "../public/assets/json-viewer-BdrnVQu-.js"
+    "etag": '"5c73b-D3nclFsUFRVy0AsHntbLIFgkGG4"',
+    "mtime": "2026-07-13T11:13:02.709Z",
+    "size": 378683,
+    "path": "../public/assets/index-BTor51ZC.js"
   },
   "/assets/minimax-BPMzvuL-.jpeg": {
     "type": "image/jpeg",
     "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
-    "mtime": "2026-07-13T07:00:08.222Z",
+    "mtime": "2026-07-13T11:13:02.709Z",
     "size": 6918,
     "path": "../public/assets/minimax-BPMzvuL-.jpeg"
   },
-  "/assets/jszip.min-CS_nt_o1.js": {
+  "/assets/jszip.min-aHTREmPV.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"17b79-1vTAxxxUgtMmQ7CCDtn68tMLw8Y"',
-    "mtime": "2026-07-13T07:00:08.224Z",
+    "etag": '"17b79-SA/wL3+DfMcOGSesR1WGtkD50ek"',
+    "mtime": "2026-07-13T11:13:02.709Z",
     "size": 97145,
-    "path": "../public/assets/jszip.min-CS_nt_o1.js"
+    "path": "../public/assets/jszip.min-aHTREmPV.js"
   },
-  "/assets/qwen-mMn3f5ul.webp": {
-    "type": "image/webp",
-    "etag": '"1b1a-Tw+b2ynhJQl9WztaK3ajSL85yaU"',
-    "mtime": "2026-07-13T07:00:08.222Z",
-    "size": 6938,
-    "path": "../public/assets/qwen-mMn3f5ul.webp"
+  "/assets/index-iN9QtGKF.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"1cd2d-yY07ols7Lh8PZjqee6rue6TD5F4"',
+    "mtime": "2026-07-13T11:13:02.710Z",
+    "size": 118061,
+    "path": "../public/assets/index-iN9QtGKF.js"
   },
-  "/assets/ReplayDialog-DodiTL6E.js": {
+  "/assets/ReplayDialog-BauSX4Hj.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"3348-O7YlRpS7IEuQu5D6EGA6zkByuG4"',
-    "mtime": "2026-07-13T07:00:08.224Z",
+    "etag": '"3348-92ia9UOlUcxCkb1MxNXS45f5cpc"',
+    "mtime": "2026-07-13T11:13:02.709Z",
     "size": 13128,
-    "path": "../public/assets/ReplayDialog-DodiTL6E.js"
+    "path": "../public/assets/ReplayDialog-BauSX4Hj.js"
   },
-  "/assets/RequestAnatomy-B3IauToI.js": {
+  "/assets/RequestAnatomy-gyMOB2oK.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"43f3-z6h4uv5pxIs7S4ZlBCuVe+p0iFI"',
-    "mtime": "2026-07-13T07:00:08.224Z",
+    "etag": '"43f3-8/JKIc/8w2TkyiqtlSo8zP8gRac"',
+    "mtime": "2026-07-13T11:13:02.709Z",
     "size": 17395,
-    "path": "../public/assets/RequestAnatomy-B3IauToI.js"
-  },
-  "/assets/ResponseView-Hn-5ordK.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"4765-WGeg2KC/B+YFsv/byZDIblTV6Jw"',
-    "mtime": "2026-07-13T07:00:08.224Z",
-    "size": 18277,
-    "path": "../public/assets/ResponseView-Hn-5ordK.js"
-  },
-  "/assets/index-DkDdKvLl.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"5c73b-6lRQ1Z9qsH+1vgbWE1HByEZQ6og"',
-    "mtime": "2026-07-13T07:00:08.223Z",
-    "size": 378683,
-    "path": "../public/assets/index-DkDdKvLl.js"
-  },
-  "/assets/StreamingChunkSequence-vLDOVQM_.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"e90-teTSjsZjxzoUSsoYs4mPjE5NX7k"',
-    "mtime": "2026-07-13T07:00:08.224Z",
-    "size": 3728,
-    "path": "../public/assets/StreamingChunkSequence-vLDOVQM_.js"
+    "path": "../public/assets/RequestAnatomy-gyMOB2oK.js"
   },
   "/assets/zhipuai-BPNAnxo-.svg": {
     "type": "image/svg+xml",
     "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
-    "mtime": "2026-07-13T07:00:08.223Z",
+    "mtime": "2026-07-13T11:13:02.709Z",
     "size": 11256,
     "path": "../public/assets/zhipuai-BPNAnxo-.svg"
   },
-  "/assets/_sessionId-Cj_HIFZx.js": {
+  "/assets/StreamingChunkSequence-CE6R5CKU.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"36d-QmAi+22R+Gk0W/OFOzm/yAkIAso"',
-    "mtime": "2026-07-13T07:00:08.223Z",
-    "size": 877,
-    "path": "../public/assets/_sessionId-Cj_HIFZx.js"
+    "etag": '"e90-US3jYU7aEjXewNEAPq8XJ1qDo74"',
+    "mtime": "2026-07-13T11:13:02.710Z",
+    "size": 3728,
+    "path": "../public/assets/StreamingChunkSequence-CE6R5CKU.js"
+  },
+  "/assets/ResponseView-CUQvY1eb.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"44d2-CBY/wtT6qszOPiwl6ctzIdptQ00"',
+    "mtime": "2026-07-13T11:13:02.710Z",
+    "size": 17618,
+    "path": "../public/assets/ResponseView-CUQvY1eb.js"
   },
-  "/assets/_sessionId-BFH4TOaI.js": {
+  "/assets/_sessionId-BW1YYf5W.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"a2-GJYB3m0XRuSxKzNpYkRm1Lu86aY"',
-    "mtime": "2026-07-13T07:00:08.223Z",
+    "etag": '"a2-rgqEWmSpzelhSCOKIKM5jd6cfyg"',
+    "mtime": "2026-07-13T11:13:02.709Z",
     "size": 162,
-    "path": "../public/assets/_sessionId-BFH4TOaI.js"
+    "path": "../public/assets/_sessionId-BW1YYf5W.js"
+  },
+  "/assets/qwen-mMn3f5ul.webp": {
+    "type": "image/webp",
+    "etag": '"1b1a-Tw+b2ynhJQl9WztaK3ajSL85yaU"',
+    "mtime": "2026-07-13T11:13:02.709Z",
+    "size": 6938,
+    "path": "../public/assets/qwen-mMn3f5ul.webp"
+  },
+  "/assets/_sessionId-DRRig28i.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"36d-QaI3dXdamdshvrXnLUVUl7l7XzA"',
+    "mtime": "2026-07-13T11:13:02.709Z",
+    "size": 877,
+    "path": "../public/assets/_sessionId-DRRig28i.js"
   },
-  "/assets/InspectorPet-mAzeGmEE.js": {
+  "/assets/InspectorPet-B6oMiG2V.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"818f0-uaK3aIxZ+dvyP3LPSnSoqDIcbaw"',
-    "mtime": "2026-07-13T07:00:08.224Z",
+    "etag": '"818f0-uvpyqFJk/uS3TO5cy6jFFFPTp7o"',
+    "mtime": "2026-07-13T11:13:02.710Z",
     "size": 530672,
-    "path": "../public/assets/InspectorPet-mAzeGmEE.js"
+    "path": "../public/assets/InspectorPet-B6oMiG2V.js"
   },
-  "/assets/ProxyViewerContainer-CkFWv_Nm.js": {
+  "/assets/ProxyViewerContainer-Ce_WtVu2.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"a244d-LfaXpedBiaFfTNFTFL9RFHIBarc"',
-    "mtime": "2026-07-13T07:00:08.224Z",
-    "size": 664653,
-    "path": "../public/assets/ProxyViewerContainer-CkFWv_Nm.js"
+    "etag": '"a451b-ixWpKfz2X9eDioKMSjZvvbakkks"',
+    "mtime": "2026-07-13T11:13:02.710Z",
+    "size": 673051,
+    "path": "../public/assets/ProxyViewerContainer-Ce_WtVu2.js"
   }
 };
 function readAsset(id) {

package/package.json

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

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

@@ -1,7 +1,19 @@
-import { BrainCircuit, Loader2, Send } from "lucide-react";
+import { BrainCircuit, Loader2, RotateCcw, Send, Sparkles } from "lucide-react";
 import { useMemo, useState, type ChangeEvent, type JSX } from "react";
-import { PiAgentResponseSchema } from "../../lib/piAgentContract";
+import {
+  buildPiAgentHistory,
+  createEmptyPiAgentConversation,
+  normalizePiAgentResponse,
+  PI_AGENT_SCOPE_PILLS,
+  PI_AGENT_STARTERS,
+  type PiAgentConversationMessage,
+  type PiAgentEvidenceView,
+  type PiAgentMetricView,
+  type PiAgentResponseView,
+} from "./piAgentChatLogic";
 import { useProviders } from "../../lib/useProviders";
+import { dispatchLogFocusRequest } from "../proxy-viewer/logFocus";
+import { AnswerMarkdown } from "../proxy-viewer/AnswerMarkdown";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select";
 
 type PiAgentPanelProps = {
@@ -49,25 +61,115 @@ function sortProviderBySource<T extends { name: string; source?: "company" | "pe
   });
 }
 
+function nextMessageId(role: "user" | "assistant"): string {
+  return `${role}-${String(Date.now())}-${String(Math.random()).slice(2)}`;
+}
+
+function MetricStrip({ metrics }: { metrics: readonly PiAgentMetricView[] }): JSX.Element | null {
+  if (metrics.length === 0) return null;
+  return (
+    <div className="mt-2 grid grid-cols-2 gap-1.5">
+      {metrics.slice(0, 8).map((metric) => (
+        <div key={metric.key} className="rounded-sm bg-black/20 px-2 py-1">
+          <div className="truncate text-[9px] uppercase text-muted-foreground">{metric.label}</div>
+          <div className="truncate font-mono text-[11px] text-cyan-50">{metric.value}</div>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+function EvidenceCard({ evidence }: { evidence: PiAgentEvidenceView }): JSX.Element {
+  const openLog = (): void => {
+    if (evidence.logId === null) return;
+    dispatchLogFocusRequest({ logId: evidence.logId, tab: "anatomy" });
+  };
+  const title =
+    evidence.logId === null
+      ? `${evidence.source}:${evidence.id}`
+      : `${evidence.source}:log #${String(evidence.logId)}`;
+
+  return (
+    <button
+      type="button"
+      onClick={openLog}
+      disabled={evidence.logId === null}
+      className="w-full rounded-sm bg-black/20 px-2 py-2 text-left shadow-[inset_0_0_0_1px_rgba(255,255,255,0.05)] transition-colors hover:bg-black/30 disabled:cursor-default disabled:hover:bg-black/20"
+    >
+      <div className="flex min-w-0 items-center justify-between gap-2">
+        <span className="truncate font-mono text-[10px] text-cyan-100">{title}</span>
+        {evidence.score !== null && (
+          <span className="shrink-0 font-mono text-[9px] text-muted-foreground">
+            {evidence.score.toFixed(1)}
+          </span>
+        )}
+      </div>
+      <div className="mt-1 flex flex-wrap gap-x-2 gap-y-1 text-[10px] text-muted-foreground">
+        {evidence.providerName !== null && <span>{evidence.providerName}</span>}
+        {evidence.model !== null && <span>{evidence.model}</span>}
+        {evidence.status !== null && <span>status {String(evidence.status)}</span>}
+        {evidence.elapsedMs !== null && <span>{String(evidence.elapsedMs)} ms</span>}
+      </div>
+      <p className="mt-1 line-clamp-3 text-[11px] leading-4 text-foreground/85">
+        {evidence.excerpt}
+      </p>
+    </button>
+  );
+}
+
+function AssistantMessage({ response }: { response: PiAgentResponseView }): JSX.Element {
+  return (
+    <div className="rounded-md bg-black/25 p-3 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.05)]">
+      <AnswerMarkdown text={response.answer} />
+      <div className="mt-2 break-words font-mono text-[10px] text-cyan-100/70">
+        {response.providerName} / {response.model} / {response.protocol} /{" "}
+        {String(response.logCount)} matched logs
+      </div>
+      <MetricStrip metrics={response.summaryMetrics} />
+      <MetricStrip metrics={response.queryMetrics} />
+      {response.evidence.length > 0 && (
+        <div className="mt-2 space-y-1.5">
+          {response.evidence.slice(0, 6).map((evidence) => (
+            <EvidenceCard key={`${evidence.source}-${evidence.id}`} evidence={evidence} />
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
+
+function ConversationMessage({ message }: { message: PiAgentConversationMessage }): JSX.Element {
+  if (message.role === "assistant" && message.response !== null) {
+    return <AssistantMessage response={message.response} />;
+  }
+  return (
+    <div className="rounded-md bg-cyan-400/10 px-3 py-2 text-xs leading-5 text-cyan-50">
+      {message.content}
+    </div>
+  );
+}
+
 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 [conversation, setConversation] = useState(() => ({
+    ...createEmptyPiAgentConversation(),
+    question: 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 question = conversation.question;
   const canAsk = question.trim() !== "" && piProviders.length > 0 && !loading;
 
   const handleQuestionChange = (event: ChangeEvent<HTMLTextAreaElement>): void => {
-    setQuestion(event.currentTarget.value);
+    setConversation((current) => ({ ...current, question: event.currentTarget.value }));
   };
 
   const handleProviderChange = (value: string): void => {
@@ -75,18 +177,40 @@ export function PiAgentPanel({ currentSessionId, logCount }: PiAgentPanelProps):
     setModel("__auto__");
   };
 
+  const resetConversation = (): void => {
+    setConversation({ ...createEmptyPiAgentConversation(), question: DEFAULT_QUESTION });
+  };
+
+  const setStarter = (questionText: string): void => {
+    setConversation((current) => ({ ...current, question: questionText, error: null }));
+  };
+
   const askPiAgent = (): void => {
     if (!canAsk) return;
+    const trimmedQuestion = question.trim();
+    const history = buildPiAgentHistory(conversation.messages);
+    const userMessage: PiAgentConversationMessage = {
+      id: nextMessageId("user"),
+      role: "user",
+      content: trimmedQuestion,
+      response: null,
+    };
+
     setLoading(true);
-    setStatus("");
-    setAnswer("");
+    setConversation((current) => ({
+      ...current,
+      messages: [...current.messages, userMessage],
+      question: "",
+      error: null,
+    }));
 
     const body = {
-      question: question.trim(),
+      question: trimmedQuestion,
+      history,
       ...(currentSessionId !== null ? { sessionId: currentSessionId } : {}),
       ...(providerId !== "__auto__" ? { providerId } : {}),
       ...(model !== "__auto__" ? { model } : {}),
-      logLimit: 24,
+      logLimit: 16,
     };
 
     void fetch("/api/pi-agent", {
@@ -100,26 +224,39 @@ export function PiAgentPanel({ currentSessionId, logCount }: PiAgentPanelProps):
       .then(async (response) => {
         const raw = await response.text();
         if (!response.ok) {
-          setStatus(`Pi Agent failed: HTTP ${String(response.status)}`);
-          setAnswer(raw);
+          setConversation((current) => ({
+            ...current,
+            error: `Pi Agent failed: HTTP ${String(response.status)} ${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);
+        const normalized = normalizePiAgentResponse(parsedJson);
+        if (normalized === null) {
+          setConversation((current) => ({
+            ...current,
+            error: "Pi Agent returned an unexpected response.",
+          }));
           return;
         }
-        setStatus(
-          `${parsed.data.providerName} / ${parsed.data.model} / ${parsed.data.protocol} / ${String(
-            parsed.data.logCount,
-          )} logs`,
-        );
-        setAnswer(parsed.data.answer);
+        setConversation((current) => ({
+          ...current,
+          messages: [
+            ...current.messages,
+            {
+              id: nextMessageId("assistant"),
+              role: "assistant",
+              content: normalized.answer,
+              response: normalized,
+            },
+          ],
+        }));
       })
       .catch((err: unknown) => {
-        setStatus(err instanceof Error ? err.message : "Pi Agent request failed.");
+        setConversation((current) => ({
+          ...current,
+          error: err instanceof Error ? err.message : "Pi Agent request failed.",
+        }));
       })
       .finally(() => {
         setLoading(false);
@@ -133,11 +270,42 @@ export function PiAgentPanel({ currentSessionId, logCount }: PiAgentPanelProps):
         <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"}
+            {currentSessionId === null ? "Ask saved Inspector data" : "Ask this session"}
           </div>
         </div>
+        <button
+          type="button"
+          onClick={resetConversation}
+          className="inline-flex size-7 items-center justify-center rounded-md bg-black/25 text-muted-foreground transition-colors hover:text-foreground"
+          title="Reset conversation"
+        >
+          <RotateCcw className="size-3.5" />
+        </button>
       </div>
 
+      {conversation.messages.length === 0 && (
+        <div className="mt-3 rounded-md bg-black/[0.18] px-3 py-2 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.045)]">
+          <p className="text-[11px] leading-5 text-muted-foreground">
+            ChatBI for Inspector memory: Pi searches saved traffic, sessions, tools, Provider
+            signals, alerts, runs, groups, and knowledge candidates, then answers with linked
+            evidence.
+          </p>
+          <div className="mt-2 grid gap-1.5">
+            {PI_AGENT_SCOPE_PILLS.map((pill) => (
+              <div
+                key={pill.id}
+                className="rounded-sm bg-cyan-400/[0.06] px-2 py-1.5 shadow-[inset_0_0_0_1px_rgba(103,232,249,0.08)]"
+              >
+                <div className="text-[10px] font-medium text-cyan-50">{pill.label}</div>
+                <div className="mt-0.5 text-[9px] leading-4 text-muted-foreground">
+                  {pill.description}
+                </div>
+              </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)]">
@@ -167,11 +335,43 @@ export function PiAgentPanel({ currentSessionId, logCount }: PiAgentPanelProps):
         </Select>
       </div>
 
+      {conversation.messages.length === 0 && (
+        <div className="mt-3 flex flex-wrap gap-1.5">
+          {PI_AGENT_STARTERS.map((starter) => (
+            <button
+              key={starter.id}
+              type="button"
+              onClick={() => {
+                setStarter(starter.question);
+              }}
+              className="inline-flex h-7 items-center gap-1.5 rounded-sm bg-black/25 px-2 text-[11px] text-cyan-50 transition-colors hover:bg-cyan-400/12"
+            >
+              <Sparkles className="size-3" />
+              <span>{starter.label}</span>
+            </button>
+          ))}
+        </div>
+      )}
+
+      {conversation.messages.length > 0 && (
+        <div className="mt-3 max-h-96 space-y-2 overflow-y-auto pr-1">
+          {conversation.messages.map((message) => (
+            <ConversationMessage key={message.id} message={message} />
+          ))}
+          {loading && (
+            <div className="inline-flex items-center gap-2 rounded-md bg-black/25 px-3 py-2 text-xs text-muted-foreground">
+              <Loader2 className="size-3.5 animate-spin" />
+              <span>Searching Inspector...</span>
+            </div>
+          )}
+        </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..."
+        className="mt-3 min-h-20 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 across saved Inspector data..."
       />
 
       <button
@@ -184,19 +384,14 @@ export function PiAgentPanel({ currentSessionId, logCount }: PiAgentPanelProps):
         <span>{loading ? "Thinking..." : "Ask Pi"}</span>
       </button>
 
+      {conversation.error !== null && (
+        <p className="mt-2 break-words text-[11px] leading-5 text-red-200">{conversation.error}</p>
+      )}
       {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.