@tonyclaw/agent-inspector 3.0.7 → 3.0.9

package/.output/server/_ssr/{ReplayDialog-B8RlWLLH.mjs → ReplayDialog-DvS8gvJr.mjs}

@@ -1,7 +1,7 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useProviders, D as Dialog, d as DialogContent, e as DialogHeader, h as DialogTitle, T as Tabs, i as TabsList, j as TabsTrigger, k as TabsContent, l as Button, m as TooltipProvider, n as Tooltip, o as TooltipTrigger, p as TooltipContent, q as dispatchLogFocusRequest } from "./ProxyViewerContainer-7geuf78f.mjs";
-import { ResponseView } from "./ResponseView-D-sDsdQr.mjs";
-import { C as CapturedLogSchema } from "./router-Zh2iZ_u0.mjs";
+import { u as useProviders, d as fetchJsonWithTimeout, D as Dialog, e as DialogContent, h as DialogHeader, i as DialogTitle, T as Tabs, j as TabsList, k as TabsTrigger, l as TabsContent, m as Button, n as TooltipProvider, o as Tooltip, p as TooltipTrigger, q as TooltipContent, s as dispatchLogFocusRequest, A as ApiTimeoutError } from "./ProxyViewerContainer-C0Sbz9ED.mjs";
+import { ResponseView } from "./ResponseView-wBVreqQf.mjs";
+import { C as CapturedLogSchema } from "./router-g9mo0nWT.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import { am as RotateCcw, ay as Braces, az as Minimize2 } from "../_libs/lucide-react.mjs";
@@ -223,6 +223,8 @@ const ReplayHistorySchema = object({
   logs: array(CapturedLogSchema),
   total: number()
 });
+const REPLAY_TIMEOUT_MS = 6e4;
+const REPLAY_HISTORY_TIMEOUT_MS = 1e4;
 function formatJsonForEdit(value) {
   try {
     const parsed = JSON.parse(value);
@@ -330,56 +332,89 @@ function ReplayDialog({
   const [replayHistory, setReplayHistory] = reactExports.useState([]);
   const [loading, setLoading] = reactExports.useState(false);
   const [error, setError] = reactExports.useState(null);
+  const replayAbortRef = reactExports.useRef(null);
+  const replayRequestIdRef = reactExports.useRef(0);
   const jsonEditState = reactExports.useMemo(() => readJsonEditState(modifiedBody), [modifiedBody]);
+  const cancelReplay = reactExports.useCallback(() => {
+    replayRequestIdRef.current += 1;
+    replayAbortRef.current?.abort();
+    replayAbortRef.current = null;
+    setLoading(false);
+  }, []);
   const refreshReplayHistory = reactExports.useCallback(async () => {
     if (!open) return;
     try {
-      const response = await fetch(`/api/logs?replayOf=${String(log.id)}`);
-      if (!response.ok) return;
-      const data = await response.json();
-      const parsed = ReplayHistorySchema.safeParse(data);
-      if (!parsed.success) return;
-      setReplayHistory(parsed.data.logs);
+      const data = await fetchJsonWithTimeout(
+        `/api/logs?replayOf=${String(log.id)}`,
+        ReplayHistorySchema,
+        REPLAY_HISTORY_TIMEOUT_MS
+      );
+      setReplayHistory(data.logs);
     } catch {
     }
   }, [log.id, open]);
   reactExports.useEffect(() => {
     void refreshReplayHistory();
   }, [refreshReplayHistory]);
+  reactExports.useEffect(() => {
+    if (open) return void 0;
+    cancelReplay();
+    return void 0;
+  }, [cancelReplay, open]);
+  reactExports.useEffect(() => {
+    return () => {
+      replayRequestIdRef.current += 1;
+      replayAbortRef.current?.abort();
+      replayAbortRef.current = null;
+    };
+  }, []);
   async function handleReplay() {
     if (!jsonEditState.valid) {
       setError("Request body must be valid JSON before replay.");
       return;
     }
+    replayAbortRef.current?.abort();
+    const requestId = replayRequestIdRef.current + 1;
+    replayRequestIdRef.current = requestId;
+    const controller = new AbortController();
+    replayAbortRef.current = controller;
     setLoading(true);
     setError(null);
     setReplayResult(null);
     try {
-      const res = await fetch(`/api/logs/${log.id}/replay`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ modifiedBody })
-      });
-      const json = await res.json();
-      const parsed = ReplayResultSchema.safeParse(json);
-      if (!parsed.success) {
-        setError("Invalid response from server");
-        setLoading(false);
-        return;
-      }
-      const data = parsed.data;
+      const data = await fetchJsonWithTimeout(
+        `/api/logs/${log.id}/replay`,
+        ReplayResultSchema,
+        REPLAY_TIMEOUT_MS,
+        {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ modifiedBody }),
+          signal: controller.signal
+        }
+      );
+      if (replayRequestIdRef.current !== requestId) return;
       setReplayResult(data);
       await refreshReplayHistory();
       if (!data.success) {
         setError(data.error ?? "Replay failed");
       }
     } catch (err) {
+      if (replayRequestIdRef.current !== requestId) return;
+      if (err instanceof ApiTimeoutError || err instanceof DOMException && err.name === "AbortError") {
+        setError("Replay timed out or was canceled.");
+        return;
+      }
       setError(err instanceof Error ? err.message : "Network error");
     } finally {
-      setLoading(false);
+      if (replayRequestIdRef.current === requestId) {
+        replayAbortRef.current = null;
+        setLoading(false);
+      }
     }
   }
   function handleClose() {
+    cancelReplay();
     setReplayResult(null);
     setError(null);
     onOpenChange(false);

package/.output/server/_ssr/{RequestAnatomy-BE7pmwpv.mjs → RequestAnatomy-BwhWglJL.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useProviders, s as analyzeContextIntelligence, f as formatTokens, m as TooltipProvider, c as cn, n as Tooltip, o as TooltipTrigger, p as TooltipContent, S as SegmentBar, R as ROLE_COLOR_CLASSES, A as ANATOMY_ROLE_LABELS, t as formatContextWindowTokens, C as CONTEXT_USAGE_THRESHOLDS } from "./ProxyViewerContainer-7geuf78f.mjs";
-import "./router-Zh2iZ_u0.mjs";
+import { u as useProviders, t as analyzeContextIntelligence, f as formatTokens, n as TooltipProvider, c as cn, o as Tooltip, p as TooltipTrigger, q as TooltipContent, S as SegmentBar, R as ROLE_COLOR_CLASSES, v as ANATOMY_ROLE_LABELS, w as formatContextWindowTokens, C as CONTEXT_USAGE_THRESHOLDS } from "./ProxyViewerContainer-C0Sbz9ED.mjs";
+import "./router-g9mo0nWT.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { I as Info, a as ChevronDown, h as ChevronRight } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{ResponseView-D-sDsdQr.mjs → ResponseView-wBVreqQf.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, v as getStatusCategory, B as Badge, w as Collapsible, x as CollapsibleTrigger, y as CollapsibleContent, z as ScrollArea, E as LazyJsonViewer, F as safeJsonValue } from "./ProxyViewerContainer-7geuf78f.mjs";
-import { s as safeGetOwnProperty } from "./router-Zh2iZ_u0.mjs";
+import { g as getLogFormatAdapter, f as formatTokens, c as cn, x as getStatusCategory, B as Badge, y as Collapsible, z as CollapsibleTrigger, E as CollapsibleContent, F as ScrollArea, G as LazyJsonViewer, H as safeJsonValue } from "./ProxyViewerContainer-C0Sbz9ED.mjs";
+import { s as safeGetOwnProperty } from "./router-g9mo0nWT.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import { $ as Zap, T as TriangleAlert, aA as CircleStop, a1 as Brain, a as ChevronDown, h as ChevronRight, r as Terminal } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{StreamingChunkSequence-DU_hThJr.mjs → StreamingChunkSequence-Dr6eg-MJ.mjs}

@@ -1,9 +1,10 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { m as TooltipProvider, n as Tooltip, o as TooltipTrigger, B as Badge, p as TooltipContent, E as LazyJsonViewer } from "./ProxyViewerContainer-7geuf78f.mjs";
-import "./router-Zh2iZ_u0.mjs";
-import "../_libs/modelcontextprotocol__server.mjs";
+import { d as fetchJsonWithTimeout, n as TooltipProvider, o as Tooltip, p as TooltipTrigger, B as Badge, q as TooltipContent, G as LazyJsonViewer } from "./ProxyViewerContainer-C0Sbz9ED.mjs";
+import { S as StreamingChunkSchema$1 } from "./router-g9mo0nWT.mjs";
 import "../_libs/jszip.mjs";
+import "../_libs/modelcontextprotocol__server.mjs";
 import { a as ChevronDown, h as ChevronRight, L as LoaderCircle } from "../_libs/lucide-react.mjs";
+import { d as object, c as boolean, a as array } from "../_libs/zod.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";
 import "../_libs/dequal.mjs";
@@ -55,7 +56,6 @@ import "../_libs/radix-ui__react-arrow.mjs";
 import "../_libs/radix-ui__react-use-size.mjs";
 import "../_libs/radix-ui__react-use-previous.mjs";
 import "../_libs/@radix-ui/react-visually-hidden+[...].mjs";
-import "../_libs/zod.mjs";
 import "../_libs/radix-ui__react-tabs.mjs";
 import "../_libs/radix-ui__react-roving-focus.mjs";
 import "../_libs/radix-ui__react-tooltip.mjs";
@@ -115,6 +115,11 @@ import "../_libs/lie.mjs";
 import "../_libs/immediate.mjs";
 import "../_libs/setimmediate.mjs";
 import "../_libs/pako.mjs";
+const StreamingChunksResponseSchema = object({
+  chunks: array(StreamingChunkSchema$1),
+  truncated: boolean().optional()
+});
+const CHUNK_FETCH_TIMEOUT_MS = 1e4;
 const StreamingChunkSequence = reactExports.memo(function StreamingChunkSequence2({
   logId,
   truncated
@@ -122,26 +127,31 @@ const StreamingChunkSequence = reactExports.memo(function StreamingChunkSequence
   const [containerExpanded, setContainerExpanded] = reactExports.useState(false);
   const [chunkState, setChunkState] = reactExports.useState({ status: "idle" });
   const [expandedIndices, setExpandedIndices] = reactExports.useState(/* @__PURE__ */ new Set());
+  const loadedLogIdRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
-    if (!containerExpanded || chunkState.status !== "idle") return;
-    let cancelled = false;
+    if (!containerExpanded) return;
+    if (loadedLogIdRef.current === logId) return;
+    const controller = new AbortController();
     setChunkState({ status: "loading" });
-    fetch(`/api/logs/${logId}/chunks`).then((res) => {
-      if (!res.ok) {
-        return Promise.reject(new Error("Chunks not found"));
-      }
-      return res.json();
-    }).then((data) => {
-      if (!cancelled) {
-        setChunkState({ status: "success", chunks: data.chunks });
-      }
-    }).catch(() => {
-      if (!cancelled) {
-        setChunkState({ status: "error", message: "Chunk data unavailable" });
-      }
+    void fetchJsonWithTimeout(
+      `/api/logs/${logId}/chunks`,
+      StreamingChunksResponseSchema,
+      CHUNK_FETCH_TIMEOUT_MS,
+      { signal: controller.signal },
+      () => "Chunks not found"
+    ).then((data) => {
+      loadedLogIdRef.current = logId;
+      setChunkState({ status: "success", chunks: data.chunks });
+    }).catch((error) => {
+      if (error instanceof DOMException && error.name === "AbortError") return;
+      loadedLogIdRef.current = null;
+      setChunkState({
+        status: "error",
+        message: error instanceof Error ? error.message : "Chunk data unavailable"
+      });
     });
     return () => {
-      cancelled = true;
+      controller.abort();
     };
   }, [containerExpanded, logId]);
   const groups = reactExports.useMemo(() => {

package/.output/server/_ssr/{index-D0sV8UbE.mjs → index-B98Wia1X.mjs}

@@ -1,6 +1,6 @@
-import { P as ProxyViewerContainer } from "./ProxyViewerContainer-7geuf78f.mjs";
+import { P as ProxyViewerContainer } from "./ProxyViewerContainer-C0Sbz9ED.mjs";
 import "../_libs/react.mjs";
-import "./router-Zh2iZ_u0.mjs";
+import "./router-g9mo0nWT.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-LCE-2AaF.mjs");
+  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-CbGc-o50.mjs");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -776,7 +776,7 @@ let entriesPromise;
 let baseManifestPromise;
 let cachedFinalManifestPromise;
 async function loadEntries() {
-  const routerEntry = await import("./router-Zh2iZ_u0.mjs").then((n) => n.N);
+  const routerEntry = await import("./router-g9mo0nWT.mjs").then((n) => n.N);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }

package/.output/server/_ssr/{json-viewer-CaDh1zrw.mjs → json-viewer-D7L8y0FH.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { G as parseJsonText, c as cn, m as TooltipProvider, n as Tooltip, o as TooltipTrigger, p as TooltipContent, b as copyTextToClipboard } from "./ProxyViewerContainer-7geuf78f.mjs";
-import "./router-Zh2iZ_u0.mjs";
+import { I as parseJsonText, c as cn, n as TooltipProvider, o as Tooltip, p as TooltipTrigger, q as TooltipContent, b as copyTextToClipboard } from "./ProxyViewerContainer-C0Sbz9ED.mjs";
+import "./router-g9mo0nWT.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { b as Check, e as Copy, a as ChevronDown, h as ChevronRight, aj as ChevronsDown } from "../_libs/lucide-react.mjs";