@tonyclaw/agent-inspector 3.0.30 → 3.0.31

package/.output/server/_ssr/{ProxyViewerContainer-CvsUmbJ3.mjs → ProxyViewerContainer-DlAl0uF-.mjs}

@@ -1,10 +1,10 @@
 import { r as reactExports, j as jsxRuntimeExports, R as React } from "../_libs/react.mjs";
-import { C as CapturedLogSchema, P as DeleteInspectorGroupsResponseSchema, D as DEFAULT_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS, c as DEFAULT_TIME_DISPLAY_FORMAT, m as cn, F as LazyFeatureBoundary, x as formatTokens, B as Button, d as RuntimeConfigSchema, g as readStoredUiScalePreference, h as persistUiScalePreference, j as applyUiScalePreference, H as extractStopReason, af as CrabLogo, p as packageJson, k as normalizeUiScalePreference, Q as GroupEvidenceExportResultSchema, V as DeleteInspectorGroupResponseSchema, y as copyTextToClipboard, l as RedactedProviderDtoSchema, U as UI_SCALE_STORAGE_KEY, v as apiFormatForPath, a4 as createPendingProviderTestResults, a5 as ProviderTestResultsSchema, a6 as createFailedProviderTestResults, a7 as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, a8 as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, a9 as TimeDisplayFormatSchema, I as AlertSummarySchema, J as AlertListResponseSchema, r as readStoredThemeMode, e as applyThemeMode, f as persistThemeMode, ai as formatUiScale, N as InspectorGroupsListResponseSchema, M as GroupEvidenceReadResponseSchema, aa as EcosystemPackagesResponseSchema, ab as EcosystemTaskResponseSchema, ac as EcosystemTasksResponseSchema, ae as PiAgentResponseSchema, G as isTurnBoundary, _ as PATH_V1_MESSAGES, $ as PATH_V1_CHAT_COMPLETIONS, a0 as PATH_V1_RESPONSES, X as providerHasContextMetadata, W as ProviderScanResponseSchema, T as THEME_MODE_STORAGE_KEY, n as normalizeThemeMode, ad as EcosystemExecutionConfirmationResponseSchema, i as isRecord, a1 as formatContextWindowInput, Y as findProviderModelMetadata, Z as formatContextWindowTokens, w as getSessionPath, q as parseOpenAIResponse, t as parseOpenAIResponsesResponse, O as OpenAIRequestSchema, u as OpenAIResponsesRequestSchema, A as AnthropicResponseSchema$1, o as AnthropicRequestSchema, s as safeGetOwnProperty, ag as resolveProviderContextWindow, a2 as parseContextWindowTokensInput, a3 as previewUpstreamUrl, K as KnowledgeCandidateSchema, ah as isPlainRecord, E as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema, z as getStatusCategory } from "./router-GKvrwifJ.mjs";
+import { C as CapturedLogSchema, M as DeleteInspectorGroupsResponseSchema, D as DEFAULT_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS, c as DEFAULT_TIME_DISPLAY_FORMAT, m as cn, F as LazyFeatureBoundary, x as formatTokens, B as Button, d as RuntimeConfigSchema, g as readStoredUiScalePreference, h as persistUiScalePreference, j as applyUiScalePreference, ac as CrabLogo, p as packageJson, k as normalizeUiScalePreference, N as GroupEvidenceExportResultSchema, P as DeleteInspectorGroupResponseSchema, y as copyTextToClipboard, l as RedactedProviderDtoSchema, U as UI_SCALE_STORAGE_KEY, v as apiFormatForPath, i as isRecord, a2 as createPendingProviderTestResults, a3 as ProviderTestResultsSchema, a4 as createFailedProviderTestResults, a5 as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, a6 as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, a7 as TimeDisplayFormatSchema, G as AlertSummarySchema, H as AlertListResponseSchema, r as readStoredThemeMode, e as applyThemeMode, f as persistThemeMode, af as formatUiScale, J as InspectorGroupsListResponseSchema, I as GroupEvidenceReadResponseSchema, a8 as EcosystemPackagesResponseSchema, a9 as EcosystemTaskResponseSchema, aa as EcosystemTasksResponseSchema, Y as PATH_V1_MESSAGES, Z as PATH_V1_CHAT_COMPLETIONS, _ as PATH_V1_RESPONSES, V as providerHasContextMetadata, Q as ProviderScanResponseSchema, T as THEME_MODE_STORAGE_KEY, n as normalizeThemeMode, ab as EcosystemExecutionConfirmationResponseSchema, s as safeGetOwnProperty, $ as formatContextWindowInput, W as findProviderModelMetadata, X as formatContextWindowTokens, w as getSessionPath, q as parseOpenAIResponse, t as parseOpenAIResponsesResponse, O as OpenAIRequestSchema, u as OpenAIResponsesRequestSchema, A as AnthropicResponseSchema$1, o as AnthropicRequestSchema, ad as resolveProviderContextWindow, a0 as parseContextWindowTokensInput, a1 as previewUpstreamUrl, K as KnowledgeCandidateSchema, ae as isPlainRecord, E as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema, z as getStatusCategory } from "./router-CgsqLnk5.mjs";
 import { u as useSWR, a as useSWRConfig } from "../_libs/swr.mjs";
 import { u as useWindowVirtualizer, a as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { c as cva } from "../_libs/class-variance-authority.mjs";
 import { d as diffJson, a as diffLines } from "../_libs/diff.mjs";
-import { T as TriangleAlert, C as CircleCheck, X, P as PanelRightOpen, a as PanelRightClose, S as Search, U as Upload, D as Download, F as FileBraces, R as RefreshCw, b as Trash2, I as Info, c as ChevronDown, d as Check, e as Settings, f as Siren, L as LoaderCircle, g as Sun, E as Eye, M as Moon, A as ALargeSmall, h as Layers, i as FlaskConical, j as Sparkles, k as Activity, B as Beaker, N as Network, l as Copy, m as Terminal, n as BrainCircuit, o as Send, p as ArrowLeft, q as ChevronUp, r as ChevronsLeft, s as ChevronLeft, t as ChevronRight, u as ChevronsRight, v as CircleStop, w as Clapperboard, x as Flag, y as Timer, G as Gauge, z as Scan, H as Plus, J as CircleAlert, K as Rocket, O as PackageCheck, Q as History, V as Monitor, W as EyeOff, Y as ExternalLink, Z as Clock, _ as RotateCw, $ as CircleCheckBig, a0 as Pencil, a1 as Bell, a2 as Clock3, a3 as ShieldAlert, a4 as ArrowUpRight, a5 as ArrowDownRight, a6 as CodeXml, a7 as Cpu, a8 as FolderOpen, a9 as MessageSquare, aa as Zap, ab as Wrench, ac as Brain, ad as Minus, ae as CircleQuestionMark, af as Server, ag as Lock, ah as Wifi, ai as WifiOff, aj as CircleX, ak as ShieldCheck, al as Save, am as FileSearch, an as CloudUpload, ao as OctagonAlert, ap as Radio, aq as Globe, ar as FileTerminal, as as ChevronsUp, at as ChevronsDown, au as FileDiff, av as RotateCcw, aw as GitCompareArrows, ax as ArrowUp, ay as ArrowDown, az as Ellipsis, aA as Blocks, aB as MousePointerClick, aC as FileText, aD as Rows3, aE as Columns2 } from "../_libs/lucide-react.mjs";
+import { T as TriangleAlert, C as CircleCheck, X, P as PanelRightOpen, a as PanelRightClose, S as Search, U as Upload, D as Download, F as FileBraces, R as RefreshCw, b as Trash2, I as Info, c as ChevronDown, d as Check, e as Settings, f as Siren, L as LoaderCircle, g as Sun, E as Eye, M as Moon, A as ALargeSmall, h as Layers, i as FlaskConical, j as Sparkles, k as Activity, B as Beaker, N as Network, l as Copy, m as Terminal, n as BrainCircuit, o as RotateCcw, p as Send, q as ArrowLeft, r as ChevronUp, s as ChevronsLeft, t as ChevronLeft, u as ChevronRight, v as ChevronsRight, w as CircleStop, x as Clapperboard, y as Flag, z as Timer, G as Gauge, H as Scan, J as Plus, K as CircleAlert, O as Rocket, Q as PackageCheck, V as History, W as Monitor, Y as EyeOff, Z as ExternalLink, _ as Clock, $ as RotateCw, a0 as CircleCheckBig, a1 as Pencil, a2 as Bell, a3 as Clock3, a4 as ShieldAlert, a5 as ArrowUpRight, a6 as ArrowDownRight, a7 as CodeXml, a8 as Cpu, a9 as FolderOpen, aa as MessageSquare, ab as Zap, ac as Wrench, ad as Brain, ae as Minus, af as CircleQuestionMark, ag as Server, ah as Lock, ai as Wifi, aj as WifiOff, ak as CircleX, al as ShieldCheck, am as Save, an as FileSearch, ao as CloudUpload, ap as OctagonAlert, aq as Radio, ar as Globe, as as FileTerminal, at as ChevronsUp, au as ChevronsDown, av as FileDiff, aw as GitCompareArrows, ax as ArrowUp, ay as ArrowDown, az as Ellipsis, aA as Blocks, aB as MousePointerClick, aC as FileText, aD as Rows3, aE as Columns2 } from "../_libs/lucide-react.mjs";
 import { u as union, o as object, e as array, l as literal, n as number, d as boolean, b as string } from "../_libs/zod.mjs";
 import { S as Select$1, a as SelectTrigger$1, b as SelectIcon, c as SelectValue$1, d as SelectPortal, e as SelectContent$1, f as SelectViewport, g as SelectItem$1, h as SelectItemIndicator, i as SelectItemText, j as SelectScrollUpButton$1, k as SelectScrollDownButton$1 } from "../_libs/radix-ui__react-select.mjs";
 import { D as Dialog$1, a as DialogContent$1, b as DialogClose, c as DialogTitle$1, d as DialogDescription$1, e as DialogTrigger$1, f as DialogPortal$1, g as DialogOverlay$1 } from "../_libs/radix-ui__react-dialog.mjs";
@@ -1886,6 +1886,79 @@ function readLogFocusRequest(event) {
       return null;
   }
 }
+function normalizeAnthropicStopReason(value) {
+  switch (value) {
+    case "end_turn":
+    case "tool_use":
+      return value;
+    case "max_tokens":
+      return "length";
+    default:
+      return null;
+  }
+}
+function normalizeOpenAIFinishReason(value) {
+  switch (value) {
+    case "stop":
+    case "length":
+      return value;
+    case "max_tokens":
+      return "length";
+    default:
+      return null;
+  }
+}
+function isResponsesLengthLimitReason(value) {
+  switch (value) {
+    case "max_output_tokens":
+    case "max_tokens":
+      return true;
+    default:
+      return false;
+  }
+}
+function extractStopReason(log) {
+  if (log.responseText === null) return null;
+  try {
+    let json = JSON.parse(log.responseText);
+    if (typeof json === "string") {
+      json = JSON.parse(json);
+    }
+    if (!isRecord(json)) return null;
+    if (typeof json.stop_reason === "string") {
+      return normalizeAnthropicStopReason(json.stop_reason);
+    }
+    if (Array.isArray(json.choices)) {
+      for (const choice of json.choices) {
+        if (!isRecord(choice) || typeof choice.finish_reason !== "string") continue;
+        const reason = normalizeOpenAIFinishReason(choice.finish_reason);
+        if (reason !== null) return reason;
+      }
+    }
+    if (Array.isArray(json.output)) {
+      for (const item of json.output) {
+        if (isRecord(item) && item.type === "function_call") {
+          return "tool_use";
+        }
+      }
+      if (json.status === "completed") {
+        return "stop";
+      }
+    }
+    if (json.status === "incomplete" && isRecord(json.incomplete_details)) {
+      const reason = json.incomplete_details.reason;
+      if (typeof reason === "string" && isResponsesLengthLimitReason(reason)) {
+        return "length";
+      }
+    }
+    return null;
+  } catch {
+    return null;
+  }
+}
+function isTurnBoundary(stopReason) {
+  return stopReason === "end_turn" || stopReason === "stop" || stopReason === "length";
+}
 function SvgShell({
   className,
   style,
@@ -2431,30 +2504,30 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-CqUmGHal.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-27amlv_a.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyInspectorPet = reactExports.lazy(
-  () => import("./InspectorPet-DI0UJd01.mjs").then((m) => ({ default: m.InspectorPet }))
+  () => import("./InspectorPet-CQnGXfLs.mjs").then((m) => ({ default: m.InspectorPet }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-DS48dpFG.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-5m2jtlLa.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-DxYVQU1C.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy--1WtQNY9.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-BLXW73eq.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-CgbqS8sr.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-DD0iFuy0.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-BwpnopWx.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
 const LazyJsonViewer = reactExports.lazy(
-  () => import("./json-viewer-LDu2XBaK.mjs").then((m) => ({ default: m.JsonViewer }))
+  () => import("./json-viewer-DNGN2uoe.mjs").then((m) => ({ default: m.JsonViewer }))
 );
 const LazyJsonViewerFromString = reactExports.lazy(
-  () => import("./json-viewer-LDu2XBaK.mjs").then((m) => ({ default: m.JsonViewerFromString }))
+  () => import("./json-viewer-DNGN2uoe.mjs").then((m) => ({ default: m.JsonViewerFromString }))
 );
 const HIGHLIGHT_DURATION_MS = 1200;
 const MAX_HIGHLIGHT_ATTEMPTS = 12;
@@ -7207,14 +7280,17 @@ function TransientToast({
         "div",
         {
           className: cn(
-            "pointer-events-auto flex items-start gap-2 rounded-md border px-3 py-2 text-sm shadow-[0_18px_50px_rgba(0,0,0,0.45)] backdrop-blur",
-            isError ? "border-red-400/30 bg-[#16090b]/95 text-red-100" : "border-cyan-300/25 bg-[#071318]/95 text-cyan-100"
+            "pointer-events-auto flex items-start gap-2 rounded-md border bg-popover/95 px-3 py-2 text-sm text-popover-foreground shadow-[0_18px_50px_color-mix(in_oklch,var(--foreground)_16%,transparent)] backdrop-blur",
+            isError ? "border-status-danger/35" : "border-status-success/35"
           ),
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               Icon,
               {
-                className: cn("mt-0.5 size-4 shrink-0", isError ? "text-red-300" : "text-cyan-200")
+                className: cn(
+                  "mt-0.5 size-4 shrink-0",
+                  isError ? "text-status-danger" : "text-status-success"
+                )
               }
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-0 flex-1 break-words leading-5", children: notice.message }),
@@ -12201,6 +12277,173 @@ function AgentLabDialog({ currentSessionId, logCount }) {
     )
   ] });
 }
+const PI_AGENT_STARTERS = [
+  {
+    id: "reliability",
+    label: "Reliability",
+    question: "Which requests failed, stalled, or look most likely to hang, and why?"
+  },
+  {
+    id: "performance",
+    label: "Performance",
+    question: "Summarize latency and identify the slowest requests with supporting evidence."
+  },
+  {
+    id: "tokens",
+    label: "Token usage",
+    question: "Where are tokens being spent, and which requests have unusually high usage?"
+  },
+  {
+    id: "providers",
+    label: "Providers",
+    question: "Compare Provider and model reliability, latency, and token usage in this scope."
+  },
+  {
+    id: "tools",
+    label: "Tool activity",
+    question: "Which tools were used most, and where did tool calls fail or produce warnings?"
+  }
+];
+const MAX_HISTORY_CONTENT_CHARS = 4e3;
+const MAX_METRICS = 12;
+function createEmptyPiAgentConversation() {
+  return { messages: [], question: "", error: null };
+}
+function buildPiAgentHistory(messages) {
+  return messages.filter((message) => message.content.trim().length > 0).slice(-10).map((message) => ({
+    role: message.role,
+    content: message.content.trim().slice(0, MAX_HISTORY_CONTENT_CHARS)
+  }));
+}
+function readString(value, ...keys) {
+  for (const key of keys) {
+    const candidate = safeGetOwnProperty(value, key);
+    if (typeof candidate === "string" && candidate.trim().length > 0) return candidate;
+  }
+  return null;
+}
+function readNumber(value, ...keys) {
+  for (const key of keys) {
+    const candidate = safeGetOwnProperty(value, key);
+    if (typeof candidate === "number" && Number.isFinite(candidate)) return candidate;
+  }
+  return null;
+}
+function readStringArray(value, key) {
+  const candidate = safeGetOwnProperty(value, key);
+  if (!Array.isArray(candidate)) return [];
+  return candidate.filter((item) => typeof item === "string").slice(0, 8);
+}
+function evidenceView(value) {
+  const source = readString(value, "source") ?? "log";
+  const id = readString(value, "id") ?? "";
+  const logId = readNumber(value, "logId", "id");
+  if (id === "" && logId === null) return null;
+  if (logId !== null && (!Number.isInteger(logId) || logId < 0)) return null;
+  const inputTokens = readNumber(value, "inputTokens");
+  const outputTokens = readNumber(value, "outputTokens");
+  const explicitTotal = readNumber(value, "totalTokens", "tokenCount");
+  const statusNumber = readNumber(value, "responseStatus", "status");
+  const statusString = readString(value, "responseStatus", "status");
+  return {
+    source,
+    id: id !== "" ? id : String(logId),
+    logId,
+    sessionId: readString(value, "sessionId"),
+    timestamp: readString(value, "timestamp"),
+    model: readString(value, "model"),
+    providerName: readString(value, "providerName", "provider"),
+    path: readString(value, "path"),
+    status: statusNumber ?? statusString,
+    elapsedMs: readNumber(value, "elapsedMs", "latencyMs"),
+    inputTokens,
+    outputTokens,
+    totalTokens: explicitTotal ?? (inputTokens === null && outputTokens === null ? null : (inputTokens ?? 0) + (outputTokens ?? 0)),
+    score: readNumber(value, "score", "relevanceScore"),
+    matchedFields: readStringArray(value, "matchedFields"),
+    excerpt: readString(value, "excerpt", "snippet") ?? "No excerpt available."
+  };
+}
+function humanizeMetricKey(key) {
+  const spaced = key.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim();
+  return spaced.length === 0 ? "Metric" : `${spaced[0]?.toUpperCase() ?? ""}${spaced.slice(1)}`;
+}
+function metricValue(value) {
+  if (typeof value === "number" && Number.isFinite(value)) return value.toLocaleString();
+  if (typeof value === "string" && value.trim().length > 0) return value;
+  if (typeof value === "boolean") return value ? "Yes" : "No";
+  if (Array.isArray(value)) {
+    const items = value.filter(
+      (item) => typeof item === "string" || typeof item === "number" && Number.isFinite(item)
+    ).slice(0, 6);
+    return items.length > 0 ? items.join(", ") : null;
+  }
+  return null;
+}
+function objectMetricEntries(value) {
+  return Object.getOwnPropertyNames(value).map((key) => [key, safeGetOwnProperty(value, key)]);
+}
+function metricViews(value) {
+  if (value === null || typeof value !== "object" || Array.isArray(value)) return [];
+  const entries = [];
+  for (const [key, rawValue] of objectMetricEntries(value)) {
+    const directValue = metricValue(rawValue);
+    if (directValue !== null) {
+      entries.push({ key, label: humanizeMetricKey(key), value: directValue });
+      if (entries.length >= MAX_METRICS) break;
+      continue;
+    }
+    if (rawValue === null || typeof rawValue !== "object" || Array.isArray(rawValue)) continue;
+    for (const [nestedKey, nestedValue] of objectMetricEntries(rawValue)) {
+      const formatted = metricValue(nestedValue);
+      if (formatted === null) continue;
+      const metricKey = `${key}.${nestedKey}`;
+      entries.push({
+        key: metricKey,
+        label: `${humanizeMetricKey(key)} ${humanizeMetricKey(nestedKey).toLowerCase()}`,
+        value: formatted
+      });
+      if (entries.length >= MAX_METRICS) break;
+    }
+    if (entries.length >= MAX_METRICS) break;
+  }
+  return entries;
+}
+function normalizePiAgentResponse(value) {
+  const answer = readString(value, "answer");
+  const providerId = readString(value, "providerId");
+  const providerName = readString(value, "providerName");
+  const model = readString(value, "model");
+  const protocol = readString(value, "protocol");
+  const logCount = readNumber(value, "logCount");
+  if (answer === null || providerId === null || providerName === null || model === null || protocol === null || logCount === null) {
+    return null;
+  }
+  const rawEvidence = safeGetOwnProperty(value, "evidence");
+  const evidence = Array.isArray(rawEvidence) ? rawEvidence.map(evidenceView).filter((item) => item !== null).slice(0, 12) : [];
+  return {
+    answer,
+    providerId,
+    providerName,
+    model,
+    protocol,
+    logCount,
+    evidence,
+    summaryMetrics: metricViews(safeGetOwnProperty(value, "summary")),
+    queryMetrics: metricViews(safeGetOwnProperty(value, "queryStats"))
+  };
+}
+const LazyReactMarkdown = reactExports.lazy(() => import("../_libs/react-markdown.mjs"));
+const ANSWER_MARKDOWN_CLASS = "prose prose-sm dark:prose-invert max-w-none text-[13px] leading-[1.65] [&_pre]:bg-muted [&_pre]:text-foreground [&_code]:text-[0.8em] [&_p]:my-1 [&_p]:leading-[1.65] [&_ul]:my-1 [&_ol]:my-1 [&_li]:my-0.5 [&_li]:leading-[1.6]";
+function AnswerMarkdown({ text }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: ANSWER_MARKDOWN_CLASS, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    reactExports.Suspense,
+    {
+      fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: "Loading Markdown..." }),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(LazyReactMarkdown, { children: text })
+    }
+  ) });
+}
 const DEFAULT_QUESTION = "Analyze the current Inspector session. What looks abnormal, slow, or likely to hang?";
 function providerSupportsPiAgent(provider) {
   return provider.openaiResponsesBaseUrl !== void 0 || provider.openaiBaseUrl !== void 0 || provider.anthropicBaseUrl !== void 0;
@@ -12222,39 +12465,130 @@ function sortProviderBySource(providers) {
     return left.name.localeCompare(right.name);
   });
 }
+function nextMessageId(role) {
+  return `${role}-${String(Date.now())}-${String(Math.random()).slice(2)}`;
+}
+function MetricStrip({ metrics }) {
+  if (metrics.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 grid grid-cols-2 gap-1.5", children: metrics.slice(0, 8).map((metric) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-sm bg-black/20 px-2 py-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate text-[9px] uppercase text-muted-foreground", children: metric.label }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate font-mono text-[11px] text-cyan-50", children: metric.value })
+  ] }, metric.key)) });
+}
+function EvidenceCard({ evidence }) {
+  const openLog = () => {
+    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 /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "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",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate font-mono text-[10px] text-cyan-100", children: title }),
+          evidence.score !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 font-mono text-[9px] text-muted-foreground", children: evidence.score.toFixed(1) })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 flex flex-wrap gap-x-2 gap-y-1 text-[10px] text-muted-foreground", children: [
+          evidence.providerName !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: evidence.providerName }),
+          evidence.model !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: evidence.model }),
+          evidence.status !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            "status ",
+            String(evidence.status)
+          ] }),
+          evidence.elapsedMs !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            String(evidence.elapsedMs),
+            " ms"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-1 line-clamp-3 text-[11px] leading-4 text-foreground/85", children: evidence.excerpt })
+      ]
+    }
+  );
+}
+function AssistantMessage({ response }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md bg-black/25 p-3 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.05)]", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(AnswerMarkdown, { text: response.answer }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 break-words font-mono text-[10px] text-cyan-100/70", children: [
+      response.providerName,
+      " / ",
+      response.model,
+      " / ",
+      response.protocol,
+      " /",
+      " ",
+      String(response.logCount),
+      " matched logs"
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(MetricStrip, { metrics: response.summaryMetrics }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(MetricStrip, { metrics: response.queryMetrics }),
+    response.evidence.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 space-y-1.5", children: response.evidence.slice(0, 6).map((evidence) => /* @__PURE__ */ jsxRuntimeExports.jsx(EvidenceCard, { evidence }, `${evidence.source}-${evidence.id}`)) })
+  ] });
+}
+function ConversationMessage({ message }) {
+  if (message.role === "assistant" && message.response !== null) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(AssistantMessage, { response: message.response });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md bg-cyan-400/10 px-3 py-2 text-xs leading-5 text-cyan-50", children: message.content });
+}
 function PiAgentPanel({ currentSessionId, logCount }) {
   const { providers } = useProviders();
   const piProviders = reactExports.useMemo(
     () => sortProviderBySource(providers.filter(providerSupportsPiAgent)),
     [providers]
   );
-  const [question, setQuestion] = reactExports.useState(DEFAULT_QUESTION);
+  const [conversation, setConversation] = reactExports.useState(() => ({
+    ...createEmptyPiAgentConversation(),
+    question: DEFAULT_QUESTION
+  }));
   const [providerId, setProviderId] = reactExports.useState("__auto__");
   const [model, setModel] = reactExports.useState("__auto__");
-  const [answer, setAnswer] = reactExports.useState("");
-  const [status, setStatus] = reactExports.useState("");
   const [loading, setLoading] = reactExports.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) => {
-    setQuestion(event.currentTarget.value);
+    setConversation((current) => ({ ...current, question: event.currentTarget.value }));
   };
   const handleProviderChange = (value) => {
     setProviderId(value);
     setModel("__auto__");
   };
+  const resetConversation = () => {
+    setConversation({ ...createEmptyPiAgentConversation(), question: DEFAULT_QUESTION });
+  };
+  const setStarter = (questionText) => {
+    setConversation((current) => ({ ...current, question: questionText, error: null }));
+  };
   const askPiAgent = () => {
     if (!canAsk) return;
+    const trimmedQuestion = question.trim();
+    const history = buildPiAgentHistory(conversation.messages);
+    const userMessage = {
+      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", {
       method: "POST",
@@ -12266,25 +12600,38 @@ function PiAgentPanel({ currentSessionId, logCount }) {
     }).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 = 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) => {
-      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);
     });
@@ -12294,8 +12641,18 @@ function PiAgentPanel({ currentSessionId, logCount }) {
       /* @__PURE__ */ jsxRuntimeExports.jsx(BrainCircuit, { className: "size-4 text-cyan-200" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-semibold text-foreground", children: "Pi Agent" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[11px] text-muted-foreground", children: currentSessionId === null ? "Inspector-wide analysis" : "Session analysis" })
-      ] })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[11px] text-muted-foreground", children: currentSessionId === null ? "Inspector-wide ChatBI" : "Session ChatBI" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "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",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { className: "size-3.5" })
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 grid grid-cols-2 gap-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: providerId, onValueChange: handleProviderChange, children: [
@@ -12317,13 +12674,35 @@ function PiAgentPanel({ currentSessionId, logCount }) {
         ] })
       ] })
     ] }),
+    conversation.messages.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-3 flex flex-wrap gap-1.5", children: PI_AGENT_STARTERS.map((starter) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        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",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Sparkles, { className: "size-3" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: starter.label })
+        ]
+      },
+      starter.id
+    )) }),
+    conversation.messages.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 max-h-96 space-y-2 overflow-y-auto pr-1", children: [
+      conversation.messages.map((message) => /* @__PURE__ */ jsxRuntimeExports.jsx(ConversationMessage, { message }, message.id)),
+      loading && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "inline-flex items-center gap-2 rounded-md bg-black/25 px-3 py-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Searching Inspector..." })
+      ] })
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "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..."
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -12339,9 +12718,8 @@ function PiAgentPanel({ currentSessionId, logCount }) {
         ]
       }
     ),
+    conversation.error !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 break-words text-[11px] leading-5 text-red-200", children: conversation.error }),
     piProviders.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-[11px] leading-5 text-muted-foreground", children: "Configure a Provider with Responses, Chat, or Anthropic URL to enable Pi Agent." }),
-    status !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 break-words font-mono text-[10px] text-cyan-100/70", children: status }),
-    answer !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("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)]", children: answer }),
     logCount === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-[11px] leading-5 text-muted-foreground", children: "No logs are visible in this scope yet; Pi Agent can still answer Provider setup questions." })
   ] });
 }
@@ -16976,13 +17354,14 @@ export {
   dispatchLogFocusRequest as n,
   analyzeContextIntelligence as o,
   ANATOMY_ROLE_LABELS as p,
-  Collapsible as q,
+  AnswerMarkdown as q,
   resolveLogFormat as r,
-  CollapsibleTrigger as s,
-  CollapsibleContent as t,
+  Collapsible as s,
+  CollapsibleTrigger as t,
   useProviders as u,
-  ScrollArea as v,
-  LazyJsonViewer as w,
-  safeJsonValue as x,
-  parseJsonText as y
+  CollapsibleContent as v,
+  ScrollArea as w,
+  LazyJsonViewer as x,
+  safeJsonValue as y,
+  parseJsonText as z
 };

package/.output/server/_ssr/{ReplayDialog-DS48dpFG.mjs → ReplayDialog-5m2jtlLa.mjs}

@@ -1,7 +1,7 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useProviders, f as fetchJsonWithTimeout, D as Dialog, b as DialogContent, c as DialogHeader, d as DialogTitle, T as Tabs, e as TabsList, h as TabsTrigger, i as TabsContent, j as TooltipProvider, k as Tooltip, l as TooltipTrigger, m as TooltipContent, n as dispatchLogFocusRequest, A as ApiTimeoutError } from "./ProxyViewerContainer-CvsUmbJ3.mjs";
-import { B as Button, C as CapturedLogSchema } from "./router-GKvrwifJ.mjs";
-import { ResponseView } from "./ResponseView-BLXW73eq.mjs";
+import { u as useProviders, f as fetchJsonWithTimeout, D as Dialog, b as DialogContent, c as DialogHeader, d as DialogTitle, T as Tabs, e as TabsList, h as TabsTrigger, i as TabsContent, j as TooltipProvider, k as Tooltip, l as TooltipTrigger, m as TooltipContent, n as dispatchLogFocusRequest, A as ApiTimeoutError } from "./ProxyViewerContainer-DlAl0uF-.mjs";
+import { B as Button, C as CapturedLogSchema } from "./router-CgsqLnk5.mjs";
+import { ResponseView } from "./ResponseView-CgbqS8sr.mjs";
 import "node:crypto";
 import "node:path";
 import "node:fs";
@@ -14,7 +14,7 @@ import "node:net";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import "node:os";
-import { av as RotateCcw, aJ as Braces, aK as Minimize2 } from "../_libs/lucide-react.mjs";
+import { o as RotateCcw, aJ as Braces, aK as Minimize2 } from "../_libs/lucide-react.mjs";
 import { o as object, n as number, e as array, d as boolean, b as string } from "../_libs/zod.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";