@tonyclaw/agent-inspector 2.0.22 → 2.0.24

package/.output/server/_ssr/{ProxyViewerContainer-B1zAefzz.mjs → ProxyViewerContainer-CyFKksQa.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, a as React } from "../_libs/react.mjs";
-import { C as CapturedLogSchema, 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, d as RuntimeConfigSchema, P as ProviderConfigSchema, r as requestFormatForPath, j as createPendingProviderTestResults, k as ProviderTestResultsSchema, l as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, n as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, m as maskApiKey, h as providerHasContextMetadata, i as findProviderModelMetadata, g as getSessionPath, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, o as resolveProviderContextWindow, K as KnowledgeCandidateSchema, f as stripClaudeCodeBillingHeader, q as isPlainRecord } from "./router-Dy1VEjxy.mjs";
+import { C as CapturedLogSchema, 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, d as RuntimeConfigSchema, P as ProviderConfigSchema, r as requestFormatForPath, j as createPendingProviderTestResults, k as ProviderTestResultsSchema, l as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, n as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, m as maskApiKey, h as providerHasContextMetadata, i as findProviderModelMetadata, g as getSessionPath, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, o as resolveProviderContextWindow, K as KnowledgeCandidateSchema, f as stripClaudeCodeBillingHeader, q as isPlainRecord } from "./router-BrK_DcTS.mjs";
 import { u as useSWR, a as useSWRConfig } from "../_libs/swr.mjs";
 import { J as JSZip } from "../_libs/jszip.mjs";
 import { c as clsx } from "../_libs/clsx.mjs";
@@ -299,6 +299,34 @@ const SECRET_TEXT_PATTERNS = [
   /\bghp_[A-Za-z0-9_]{12,}\b/g,
   /\bglpat-[A-Za-z0-9_-]{12,}\b/g
 ];
+const MAX_EXPORT_LOGS = 200;
+const MAX_EXPORT_TEXT_CHARS = 25e6;
+const MAX_STREAMING_CHUNK_EXPORTS = 50;
+function formatApproxSize(chars) {
+  if (chars < 1024) return `${chars} chars`;
+  if (chars < 1024 * 1024) return `${Math.ceil(chars / 1024)} KB`;
+  return `${Math.ceil(chars / (1024 * 1024))} MB`;
+}
+function estimateExportTextChars(logs) {
+  let total = 0;
+  for (const log of logs) {
+    total += log.rawRequestBody?.length ?? 0;
+    total += log.responseText?.length ?? 0;
+  }
+  return total;
+}
+function exportLimitMessage(logs) {
+  if (logs.length > MAX_EXPORT_LOGS) {
+    return `Export is limited to ${MAX_EXPORT_LOGS} logs at once. Narrow the filter and try again.`;
+  }
+  const estimatedChars = estimateExportTextChars(logs);
+  if (estimatedChars > MAX_EXPORT_TEXT_CHARS) {
+    return `Export is too large (${formatApproxSize(
+      estimatedChars
+    )} of text). Narrow the filter and try again.`;
+  }
+  return null;
+}
 async function fetchStreamingChunks(logId) {
   try {
     const response = await fetch(`/api/logs/${logId}/chunks`);
@@ -340,8 +368,11 @@ function exportText(text, mode) {
   return mode === "redacted" ? redactJsonText(text) : text;
 }
 async function exportLogsAsZip(logs, mode = "redacted") {
+  const limitMessage = exportLimitMessage(logs);
+  if (limitMessage !== null) return { ok: false, message: limitMessage };
   const zip = new JSZip();
   const suffix = mode === "redacted" ? "redacted" : "raw";
+  const streamingLogs = logs.filter((log) => log.streaming).slice(0, MAX_STREAMING_CHUNK_EXPORTS);
   zip.file(
     "manifest.json",
     JSON.stringify(
@@ -350,7 +381,9 @@ async function exportLogsAsZip(logs, mode = "redacted") {
         mode,
         redacted: mode === "redacted",
         logCount: logs.length,
-        logIds: logs.map((log) => log.id)
+        logIds: logs.map((log) => log.id),
+        streamingChunkExportLimit: MAX_STREAMING_CHUNK_EXPORTS,
+        streamingChunkLogIds: streamingLogs.map((log) => log.id)
       },
       null,
       2
@@ -364,15 +397,12 @@ async function exportLogsAsZip(logs, mode = "redacted") {
       zip.file(`#${log.id}.Response.json`, exportText(log.responseText, mode));
     }
   }
-  const streamingLogs = logs.filter((log) => log.streaming);
-  await Promise.allSettled(
-    streamingLogs.map(async (log) => {
-      const chunks = await fetchStreamingChunks(log.id);
-      if (chunks !== null) {
-        zip.file(`#${log.id}.SSE.Response.json`, exportText(chunks, mode));
-      }
-    })
-  );
+  for (const log of streamingLogs) {
+    const chunks = await fetchStreamingChunks(log.id);
+    if (chunks !== null) {
+      zip.file(`#${log.id}.SSE.Response.json`, exportText(chunks, mode));
+    }
+  }
   const blob = await zip.generateAsync({ type: "blob" });
   const url = URL.createObjectURL(blob);
   const anchor = document.createElement("a");
@@ -382,6 +412,7 @@ async function exportLogsAsZip(logs, mode = "redacted") {
   anchor.click();
   document.body.removeChild(anchor);
   URL.revokeObjectURL(url);
+  return { ok: true };
 }
 function formatTimestamp(iso, format) {
   switch (format) {
@@ -442,7 +473,7 @@ function useProviders() {
     mutate: response.mutate
   };
 }
-const version = "2.0.22";
+const version = "2.0.24";
 const packageJson = {
   version
 };
@@ -1503,19 +1534,19 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-DDxpmdPs.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-C_Fk9joM.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-DleMFvMx.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-BpQHN7O2.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-B-P9tC3D.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-CuhmKAma.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-DWfGn0i3.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-CO6LyBmj.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-C8kFF6xJ.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-DLeVetNR.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
@@ -9440,6 +9471,7 @@ function ProxyViewer({
   const { totalIn, totalOut } = reactExports.useMemo(() => computeTokenSummary(logs), [logs]);
   const { providers } = useProviders();
   const [exporting, setExporting] = reactExports.useState(null);
+  const [exportError, setExportError] = reactExports.useState(null);
   const [comparePair, setComparePair] = reactExports.useState(null);
   const [crabEntrancePhase, setCrabEntrancePhase] = reactExports.useState(
     "hidden"
@@ -9469,8 +9501,12 @@ function ProxyViewer({
   const handleExport = reactExports.useCallback(
     async (mode) => {
       setExporting(mode);
+      setExportError(null);
       try {
-        await exportLogsAsZip(logs, mode);
+        const result = await exportLogsAsZip(logs, mode);
+        if (!result.ok) {
+          setExportError(result.message);
+        }
       } finally {
         setExporting(null);
       }
@@ -9658,7 +9694,8 @@ function ProxyViewer({
             children: "Clear"
           }
         )
-      ] })
+      ] }),
+      exportError !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-4 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: exportError })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: logs.length === 0 ? selectedSession !== "__all__" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center text-muted-foreground py-16 space-y-4", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium", children: "Session not found" }),
@@ -9746,11 +9783,24 @@ function filterLogs(logs, selectedSession, selectedModel) {
 const DEBOUNCE_MS = 50;
 const HASH_SCROLL_ATTEMPTS = 12;
 const HASH_HIGHLIGHT_MS = 1800;
+const MAX_CLIENT_LOGS = 500;
 function buildLogsStreamUrl(sessionId) {
   if (sessionId === void 0) return "/api/logs/stream";
   const params = new URLSearchParams({ sessionId });
   return `/api/logs/stream?${params.toString()}`;
 }
+function buildLogIndex(logs) {
+  const idx = /* @__PURE__ */ new Map();
+  for (let i = 0; i < logs.length; i++) {
+    const log = logs[i];
+    if (log !== void 0) idx.set(log.id, i);
+  }
+  return idx;
+}
+function trimClientLogs(logs) {
+  if (logs.length <= MAX_CLIENT_LOGS) return logs;
+  return logs.slice(logs.length - MAX_CLIENT_LOGS);
+}
 function ProxyViewerContainer({
   initialSessionId
 } = {}) {
@@ -9787,6 +9837,8 @@ function ProxyViewerContainer({
           next = [...next, log];
         }
       }
+      next = trimClientLogs(next);
+      logIndexRef.current = buildLogIndex(next);
       return next;
     });
   }, []);
@@ -9821,13 +9873,9 @@ function ProxyViewerContainer({
             flushTimerRef.current = null;
           }
           pendingUpdatesRef.current = [];
-          const idx = /* @__PURE__ */ new Map();
-          for (let i = 0; i < update.logs.length; i++) {
-            const log = update.logs[i];
-            if (log !== void 0) idx.set(log.id, i);
-          }
-          logIndexRef.current = idx;
-          setAllLogs(update.logs);
+          const nextLogs = trimClientLogs(update.logs);
+          logIndexRef.current = buildLogIndex(nextLogs);
+          setAllLogs(nextLogs);
           setError(null);
         } else if (update.type === "update") {
           scheduleUpdate(update.log);
@@ -9950,12 +9998,7 @@ function ProxyViewerContainer({
         const idSet = new Set(ids);
         setAllLogs((prev) => {
           const remaining = prev.filter((l) => !idSet.has(l.id));
-          const idx = /* @__PURE__ */ new Map();
-          for (let i = 0; i < remaining.length; i++) {
-            const log = remaining[i];
-            if (log !== void 0) idx.set(log.id, i);
-          }
-          logIndexRef.current = idx;
+          logIndexRef.current = buildLogIndex(remaining);
           return remaining;
         });
         setError(null);

package/.output/server/_ssr/{ReplayDialog-DleMFvMx.mjs → ReplayDialog-BpQHN7O2.mjs}

@@ -1,7 +1,7 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useProviders, D as Dialog, b as DialogContent, d as DialogHeader, e as DialogTitle, T as Tabs, h as TabsList, i as TabsTrigger, j as TabsContent, k as Button, l as TooltipProvider, m as Tooltip, n as TooltipTrigger, o as TooltipContent, p as dispatchLogFocusRequest } from "./ProxyViewerContainer-B1zAefzz.mjs";
-import { ResponseView } from "./ResponseView-DWfGn0i3.mjs";
-import { C as CapturedLogSchema } from "./router-Dy1VEjxy.mjs";
+import { u as useProviders, D as Dialog, b as DialogContent, d as DialogHeader, e as DialogTitle, T as Tabs, h as TabsList, i as TabsTrigger, j as TabsContent, k as Button, l as TooltipProvider, m as Tooltip, n as TooltipTrigger, o as TooltipContent, p as dispatchLogFocusRequest } from "./ProxyViewerContainer-CyFKksQa.mjs";
+import { ResponseView } from "./ResponseView-CO6LyBmj.mjs";
+import { C as CapturedLogSchema } from "./router-BrK_DcTS.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import { K as RotateCcw, ac as Braces, ad as Minimize2 } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{RequestAnatomy-B-P9tC3D.mjs → RequestAnatomy-CuhmKAma.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useProviders, q as analyzeContextIntelligence, f as formatTokens, l as TooltipProvider, c as cn, m as Tooltip, n as TooltipTrigger, o as TooltipContent, S as SegmentBar, R as ROLE_COLOR_CLASSES, A as ANATOMY_ROLE_LABELS, s as formatContextWindowTokens, C as CONTEXT_USAGE_THRESHOLDS } from "./ProxyViewerContainer-B1zAefzz.mjs";
-import "./router-Dy1VEjxy.mjs";
+import { u as useProviders, q as analyzeContextIntelligence, f as formatTokens, l as TooltipProvider, c as cn, m as Tooltip, n as TooltipTrigger, o as TooltipContent, S as SegmentBar, R as ROLE_COLOR_CLASSES, A as ANATOMY_ROLE_LABELS, s as formatContextWindowTokens, C as CONTEXT_USAGE_THRESHOLDS } from "./ProxyViewerContainer-CyFKksQa.mjs";
+import "./router-BrK_DcTS.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { ae as Info, b as ChevronDown, i as ChevronRight } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{ResponseView-DWfGn0i3.mjs → ResponseView-CO6LyBmj.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { g as getLogFormatAdapter, f as formatTokens, c as cn, t as getStatusCategory, B as Badge, v as Collapsible, w as CollapsibleTrigger, x as CollapsibleContent, y as ScrollArea, z as JsonViewer, E as safeJsonValue } from "./ProxyViewerContainer-B1zAefzz.mjs";
-import "./router-Dy1VEjxy.mjs";
+import { g as getLogFormatAdapter, f as formatTokens, c as cn, t as getStatusCategory, B as Badge, v as Collapsible, w as CollapsibleTrigger, x as CollapsibleContent, y as ScrollArea, z as JsonViewer, E as safeJsonValue } from "./ProxyViewerContainer-CyFKksQa.mjs";
+import "./router-BrK_DcTS.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { Z as Zap, o as TriangleAlert, af as CircleStop, B as Brain, b as ChevronDown, i as ChevronRight, T as Terminal } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{StreamingChunkSequence-C8kFF6xJ.mjs → StreamingChunkSequence-DLeVetNR.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { l as TooltipProvider, m as Tooltip, n as TooltipTrigger, B as Badge, o as TooltipContent, z as JsonViewer } from "./ProxyViewerContainer-B1zAefzz.mjs";
-import "./router-Dy1VEjxy.mjs";
+import { l as TooltipProvider, m as Tooltip, n as TooltipTrigger, B as Badge, o as TooltipContent, z as JsonViewer } from "./ProxyViewerContainer-CyFKksQa.mjs";
+import "./router-BrK_DcTS.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { b as ChevronDown, i as ChevronRight, L as LoaderCircle } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{index-DzENi2RO.mjs → index-DWUKl9Bf.mjs}

@@ -1,6 +1,6 @@
-import { P as ProxyViewerContainer } from "./ProxyViewerContainer-B1zAefzz.mjs";
+import { P as ProxyViewerContainer } from "./ProxyViewerContainer-CyFKksQa.mjs";
 import "../_libs/react.mjs";
-import "./router-Dy1VEjxy.mjs";
+import "./router-BrK_DcTS.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/swr.mjs";

package/.output/server/_ssr/index.mjs

@@ -198,7 +198,7 @@ function getResponse() {
   return event.res;
 }
 async function getStartManifest(matchedRoutes) {
-  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-CyzuAD8A.mjs");
+  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-BjW2XeWE.mjs");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -767,7 +767,7 @@ let entriesPromise;
 let baseManifestPromise;
 let cachedFinalManifestPromise;
 async function loadEntries() {
-  const routerEntry = await import("./router-Dy1VEjxy.mjs").then((n) => n.t);
+  const routerEntry = await import("./router-BrK_DcTS.mjs").then((n) => n.t);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }