@tonyclaw/agent-inspector 2.0.17 → 2.0.19

package/.output/server/_ssr/{ReplayDialog-DRF9PG7Z.mjs → ReplayDialog-DxZfLBOe.mjs}

@@ -1,11 +1,11 @@
 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 TooltipProvider, l as Tooltip, m as TooltipTrigger, n as TooltipContent, o as Button } from "./ProxyViewerContainer-C8qCkHGB.mjs";
-import { ResponseView } from "./ResponseView-JJm78HZT.mjs";
-import "./router-BJob8RN3.mjs";
-import "../_libs/modelcontextprotocol__server.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-Bmu9867L.mjs";
+import { ResponseView } from "./ResponseView-CvLd6qxI.mjs";
+import { C as CapturedLogSchema } from "./router-SbCnbDc2.mjs";
 import "../_libs/jszip.mjs";
-import { K as RotateCcw } from "../_libs/lucide-react.mjs";
-import { d as object, c as boolean, n as number, b as string } from "../_libs/zod.mjs";
+import "../_libs/modelcontextprotocol__server.mjs";
+import { $ as RotateCcw, ac as Braces, ad as Minimize2 } from "../_libs/lucide-react.mjs";
+import { d as object, n as number, a as array, c as boolean, b as string } from "../_libs/zod.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";
 import "../_libs/dequal.mjs";
@@ -130,6 +130,7 @@ import "node:stream";
 import "../_libs/isbot.mjs";
 import "node:fs";
 import "node:fs/promises";
+import "node:readline";
 import "node:buffer";
 import "node:child_process";
 import "../_libs/conf.mjs";
@@ -266,8 +267,40 @@ const ReplayResultSchema = object({
   inputTokens: number().nullable().optional(),
   outputTokens: number().nullable().optional(),
   elapsedMs: number().nullable().optional(),
-  streaming: boolean().optional()
+  streaming: boolean().optional(),
+  replayLogId: number().optional()
+});
+const ReplayHistorySchema = object({
+  logs: array(CapturedLogSchema),
+  total: number()
 });
+function formatJsonForEdit(value) {
+  try {
+    const parsed = JSON.parse(value);
+    return JSON.stringify(parsed, null, 2);
+  } catch {
+    return value;
+  }
+}
+function compactJsonForEdit(value) {
+  try {
+    const parsed = JSON.parse(value);
+    return JSON.stringify(parsed);
+  } catch {
+    return value;
+  }
+}
+function readJsonEditState(value) {
+  try {
+    JSON.parse(value);
+    return { valid: true, message: "Valid JSON" };
+  } catch (err) {
+    return {
+      valid: false,
+      message: err instanceof Error ? err.message : "Invalid JSON"
+    };
+  }
+}
 function formatElapsed(ms) {
   if (ms < 1e3) return `${String(ms)}ms`;
   return `${(ms / 1e3).toFixed(1)}s`;
@@ -335,13 +368,35 @@ function ReplayComparisonTable({
 }
 function ReplayDialog({ log, open, onOpenChange }) {
   const { providers } = useProviders();
+  const originalBody = log.rawRequestBody ?? "{}";
   const [modifiedBody, setModifiedBody] = reactExports.useState(() => {
-    return log.rawRequestBody ?? "{}";
+    return formatJsonForEdit(originalBody);
   });
   const [replayResult, setReplayResult] = reactExports.useState(null);
+  const [replayHistory, setReplayHistory] = reactExports.useState([]);
   const [loading, setLoading] = reactExports.useState(false);
   const [error, setError] = reactExports.useState(null);
+  const jsonEditState = reactExports.useMemo(() => readJsonEditState(modifiedBody), [modifiedBody]);
+  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);
+    } catch {
+    }
+  }, [log.id, open]);
+  reactExports.useEffect(() => {
+    void refreshReplayHistory();
+  }, [refreshReplayHistory]);
   async function handleReplay() {
+    if (!jsonEditState.valid) {
+      setError("Request body must be valid JSON before replay.");
+      return;
+    }
     setLoading(true);
     setError(null);
     setReplayResult(null);
@@ -360,6 +415,7 @@ function ReplayDialog({ log, open, onOpenChange }) {
       }
       const data = parsed.data;
       setReplayResult(data);
+      await refreshReplayHistory();
       if (!data.success) {
         setError(data.error ?? "Replay failed");
       }
@@ -374,6 +430,25 @@ function ReplayDialog({ log, open, onOpenChange }) {
     setError(null);
     onOpenChange(false);
   }
+  function handleBodyChange(value) {
+    setModifiedBody(value);
+    setReplayResult(null);
+    setError(null);
+  }
+  function handleFormatBody() {
+    handleBodyChange(formatJsonForEdit(modifiedBody));
+  }
+  function handleCompactBody() {
+    handleBodyChange(compactJsonForEdit(modifiedBody));
+  }
+  function handleResetBody() {
+    handleBodyChange(formatJsonForEdit(originalBody));
+  }
+  function handleOpenReplayLog(logId) {
+    window.location.hash = `log-${String(logId)}`;
+    dispatchLogFocusRequest({ logId, tab: "request" });
+    onOpenChange(false);
+  }
   const replayModelOptions = reactExports.useMemo(() => {
     const options = [];
     for (const provider of providers) {
@@ -395,9 +470,7 @@ function ReplayDialog({ log, open, onOpenChange }) {
       setError(result.error);
       return;
     }
-    setModifiedBody(result.body);
-    setReplayResult(null);
-    setError(null);
+    handleBodyChange(formatJsonForEdit(result.body));
   }
   const originalMetrics = buildReplayMetrics({
     status: log.responseStatus,
@@ -416,6 +489,7 @@ function ReplayDialog({ log, open, onOpenChange }) {
     streaming: replayResult.streaming
   });
   const replayComparisons = replayMetrics === null ? [] : buildReplayComparisons(originalMetrics, replayMetrics);
+  const latestReplayHistory = replayHistory.slice(-5).reverse();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "max-w-4xl max-h-[85vh] overflow-auto", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { className: "size-4" }),
@@ -451,19 +525,110 @@ function ReplayDialog({ log, open, onOpenChange }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium mb-2 block", children: "Request Body (JSON)" }),
+        latestReplayHistory.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2 rounded-md border border-border bg-muted/20 px-3 py-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium", children: "Replay history" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                onClick: () => {
+                  void refreshReplayHistory();
+                },
+                children: "Refresh"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-1", children: latestReplayHistory.map((historyLog) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleOpenReplayLog(historyLog.id),
+              className: "grid grid-cols-[auto_1fr_auto_auto] items-center gap-2 rounded-sm px-2 py-1 text-left text-xs hover:bg-muted",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono text-emerald-600", children: [
+                  "#",
+                  historyLog.id
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate font-mono text-muted-foreground", children: historyLog.model ?? "unknown" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-muted-foreground", children: historyLog.responseStatus ?? "-" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-muted-foreground", children: historyLog.elapsedMs === null ? "-" : formatElapsed(historyLog.elapsedMs) })
+              ]
+            },
+            historyLog.id
+          )) })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: `replay-body-${String(log.id)}`, className: "text-sm font-medium", children: "Request Body" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "span",
+                {
+                  className: jsonEditState.valid ? "text-xs text-emerald-500" : "text-xs text-destructive",
+                  children: jsonEditState.message
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "sm",
+                  onClick: handleFormatBody,
+                  disabled: !jsonEditState.valid,
+                  title: "Format JSON",
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(Braces, { className: "size-3.5" }),
+                    "Format"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "sm",
+                  onClick: handleCompactBody,
+                  disabled: !jsonEditState.valid,
+                  title: "Compact JSON",
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(Minimize2, { className: "size-3.5" }),
+                    "Compact"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: handleResetBody,
+                  title: "Reset to original request",
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { className: "size-3.5" }),
+                    "Reset"
+                  ]
+                }
+              )
+            ] })
+          ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               "textarea",
               {
-                className: "w-full h-64 p-3 font-mono text-xs bg-muted rounded-md border border-input resize-none focus:outline-none focus:ring-2 focus:ring-ring",
+                id: `replay-body-${String(log.id)}`,
+                className: "w-full min-h-80 p-3 font-mono text-xs leading-5 bg-muted rounded-md border border-input resize-y tabular-nums focus:outline-none focus:ring-2 focus:ring-ring",
                 value: modifiedBody,
-                onChange: (e) => setModifiedBody(e.target.value),
+                onChange: (e) => handleBodyChange(e.target.value),
                 spellCheck: false
               }
             ) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Edit the request body before re-sending to the provider" })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Edit formatted JSON before re-sending to the provider" })
           ] }) })
         ] }),
         error !== null && error !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-destructive bg-destructive/10 px-3 py-2 rounded-md", children: error }),
@@ -473,11 +638,28 @@ function ReplayDialog({ log, open, onOpenChange }) {
             onClick: () => {
               void handleReplay();
             },
-            disabled: loading,
+            disabled: loading || !jsonEditState.valid,
             children: loading ? "Replaying..." : "Replay"
           }
         ) }),
         replayResult !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(ReplayComparisonTable, { comparisons: replayComparisons.slice(0, 4) }),
+        replayResult?.success === true && replayResult.replayLogId !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 rounded-md border border-emerald-500/25 bg-emerald-500/10 px-3 py-2 text-xs text-emerald-600", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            "Replay saved as test log #",
+            replayResult.replayLogId,
+            "."
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: () => handleOpenReplayLog(replayResult.replayLogId ?? log.id),
+              children: "Open saved log"
+            }
+          )
+        ] }),
         replayResult && replayResult.success && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { defaultValue: "parsed", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "parsed", children: "Response" }),

package/.output/server/_ssr/{RequestAnatomy-DBcuV_jV.mjs → RequestAnatomy-CbdERGZd.mjs}

@@ -1,9 +1,9 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useProviders, p as analyzeContextIntelligence, f as formatTokens, k as TooltipProvider, c as cn, l as Tooltip, m as TooltipTrigger, n as TooltipContent, S as SegmentBar, R as ROLE_COLOR_CLASSES, A as ANATOMY_ROLE_LABELS, q as formatContextWindowTokens, C as CONTEXT_USAGE_THRESHOLDS } from "./ProxyViewerContainer-C8qCkHGB.mjs";
-import "./router-BJob8RN3.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-Bmu9867L.mjs";
+import "./router-SbCnbDc2.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
-import { ac as Info, b as ChevronDown, f as ChevronRight } from "../_libs/lucide-react.mjs";
+import { ae as Info, b as ChevronDown, m as ChevronRight } from "../_libs/lucide-react.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";
 import "../_libs/dequal.mjs";
@@ -128,6 +128,7 @@ import "node:stream";
 import "../_libs/isbot.mjs";
 import "node:fs";
 import "node:fs/promises";
+import "node:readline";
 import "node:buffer";
 import "node:child_process";
 import "../_libs/conf.mjs";

package/.output/server/_ssr/{ResponseView-JJm78HZT.mjs → ResponseView-CvLd6qxI.mjs}

@@ -1,9 +1,9 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { g as getLogFormatAdapter, f as formatTokens, c as cn, s as getStatusCategory, B as Badge, t as Collapsible, v as CollapsibleTrigger, w as CollapsibleContent, x as ScrollArea, y as JsonViewer, z as safeJsonValue } from "./ProxyViewerContainer-C8qCkHGB.mjs";
-import "./router-BJob8RN3.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-Bmu9867L.mjs";
+import "./router-SbCnbDc2.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
-import { Z as Zap, j as TriangleAlert, ad as CircleStop, B as Brain, b as ChevronDown, f as ChevronRight, T as Terminal } from "../_libs/lucide-react.mjs";
+import { Z as Zap, o as TriangleAlert, af as CircleStop, B as Brain, b as ChevronDown, m as ChevronRight, T as Terminal } from "../_libs/lucide-react.mjs";
 import { M as Markdown } from "../_libs/react-markdown.mjs";
 import { R as Root } from "../_libs/radix-ui__react-separator.mjs";
 import "../_libs/swr.mjs";
@@ -76,6 +76,7 @@ import "node:stream";
 import "../_libs/isbot.mjs";
 import "node:fs";
 import "node:fs/promises";
+import "node:readline";
 import "node:buffer";
 import "node:path";
 import "node:child_process";

package/.output/server/_ssr/{StreamingChunkSequence-DyGKjBYx.mjs → StreamingChunkSequence-B_lkRB6o.mjs}

@@ -1,9 +1,9 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { k as TooltipProvider, l as Tooltip, m as TooltipTrigger, B as Badge, n as TooltipContent, y as JsonViewer } from "./ProxyViewerContainer-C8qCkHGB.mjs";
-import "./router-BJob8RN3.mjs";
+import { l as TooltipProvider, m as Tooltip, n as TooltipTrigger, B as Badge, o as TooltipContent, z as JsonViewer } from "./ProxyViewerContainer-Bmu9867L.mjs";
+import "./router-SbCnbDc2.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
-import { b as ChevronDown, f as ChevronRight, L as LoaderCircle } from "../_libs/lucide-react.mjs";
+import { b as ChevronDown, m as ChevronRight, L as LoaderCircle } from "../_libs/lucide-react.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";
 import "../_libs/dequal.mjs";
@@ -128,6 +128,7 @@ import "node:stream";
 import "../_libs/isbot.mjs";
 import "node:fs";
 import "node:fs/promises";
+import "node:readline";
 import "node:buffer";
 import "node:child_process";
 import "../_libs/conf.mjs";

package/.output/server/_ssr/{index-T7JG28t6.mjs → index-ejrSItfz.mjs}

@@ -1,6 +1,6 @@
-import { P as ProxyViewerContainer } from "./ProxyViewerContainer-C8qCkHGB.mjs";
+import { P as ProxyViewerContainer } from "./ProxyViewerContainer-Bmu9867L.mjs";
 import "../_libs/react.mjs";
-import "./router-BJob8RN3.mjs";
+import "./router-SbCnbDc2.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/swr.mjs";
@@ -128,6 +128,7 @@ import "node:stream";
 import "../_libs/isbot.mjs";
 import "node:fs";
 import "node:fs/promises";
+import "node:readline";
 import "node:buffer";
 import "node:child_process";
 import "../_libs/conf.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-CuiFi3XC.mjs");
+  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-yx8ftqWz.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-BJob8RN3.mjs").then((n) => n.n);
+  const routerEntry = await import("./router-SbCnbDc2.mjs").then((n) => n.o);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }