@tonyclaw/agent-inspector 3.0.44 → 3.0.46

package/.output/server/_ssr/ReplayDialog-DdMvHJF1.mjs

@@ -1,723 +0,0 @@
-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-B02Ey0p_.mjs";
-import { B as Button, C as CapturedLogSchema } from "./router-DWcUFPR3.mjs";
-import { ResponseView } from "./ResponseView-Dhxc-cKC.mjs";
-import "node:crypto";
-import "node:path";
-import "node:fs";
-import "node:child_process";
-import "node:buffer";
-import "node:url";
-import "crypto";
-import "node:util";
-import "node:net";
-import "../_libs/modelcontextprotocol__server.mjs";
-import "../_libs/jszip.mjs";
-import "node:os";
-import { p as RotateCcw, aL as Braces, z as Minimize2 } from "../_libs/lucide-react.mjs";
-import { o as object, n as number, e as array, d as boolean, c as string } from "../_libs/zod.mjs";
-import "../_libs/swr.mjs";
-import "../_libs/use-sync-external-store.mjs";
-import "../_libs/dequal.mjs";
-import "../_libs/tanstack__react-virtual.mjs";
-import "../_libs/react-dom.mjs";
-import "util";
-import "async_hooks";
-import "stream";
-import "../_libs/tanstack__virtual-core.mjs";
-import "../_libs/class-variance-authority.mjs";
-import "../_libs/clsx.mjs";
-import "../_libs/diff.mjs";
-import "../_libs/radix-ui__react-dialog.mjs";
-import "../_libs/radix-ui__primitive.mjs";
-import "../_libs/radix-ui__react-compose-refs.mjs";
-import "../_libs/radix-ui__react-context.mjs";
-import "../_libs/radix-ui__react-id.mjs";
-import "../_libs/@radix-ui/react-use-layout-effect+[...].mjs";
-import "../_libs/@radix-ui/react-use-controllable-state+[...].mjs";
-import "../_libs/@radix-ui/react-dismissable-layer+[...].mjs";
-import "../_libs/radix-ui__react-primitive.mjs";
-import "../_libs/radix-ui__react-slot.mjs";
-import "../_libs/@radix-ui/react-use-callback-ref+[...].mjs";
-import "../_libs/radix-ui__react-focus-scope.mjs";
-import "../_libs/radix-ui__react-portal.mjs";
-import "../_libs/radix-ui__react-presence.mjs";
-import "../_libs/radix-ui__react-focus-guards.mjs";
-import "../_libs/react-remove-scroll.mjs";
-import "tslib";
-import "../_libs/react-remove-scroll-bar.mjs";
-import "../_libs/react-style-singleton.mjs";
-import "../_libs/get-nonce.mjs";
-import "../_libs/use-sidecar.mjs";
-import "../_libs/use-callback-ref.mjs";
-import "../_libs/aria-hidden.mjs";
-import "../_libs/radix-ui__react-tabs.mjs";
-import "../_libs/radix-ui__react-roving-focus.mjs";
-import "../_libs/radix-ui__react-collection.mjs";
-import "../_libs/radix-ui__react-direction.mjs";
-import "../_libs/@radix-ui/react-use-is-hydrated+[...].mjs";
-import "../_libs/radix-ui__react-select.mjs";
-import "../_libs/radix-ui__number.mjs";
-import "../_libs/radix-ui__react-popper.mjs";
-import "../_libs/floating-ui__react-dom.mjs";
-import "../_libs/floating-ui__dom.mjs";
-import "../_libs/floating-ui__core.mjs";
-import "../_libs/floating-ui__utils.mjs";
-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/radix-ui__react-tooltip.mjs";
-import "../_libs/radix-ui__react-collapsible.mjs";
-import "../_libs/radix-ui__react-scroll-area.mjs";
-import "../_libs/tanstack__react-router.mjs";
-import "../_libs/tanstack__router-core.mjs";
-import "../_libs/cookie-es.mjs";
-import "../_libs/seroval.mjs";
-import "../_libs/seroval-plugins.mjs";
-import "node:stream";
-import "../_libs/tanstack__history.mjs";
-import "node:stream/web";
-import "../_libs/isbot.mjs";
-import "../_libs/tailwind-merge.mjs";
-import "node:fs/promises";
-import "node:worker_threads";
-import "node:readline";
-import "../_libs/conf.mjs";
-import "node:process";
-import "node:assert";
-import "../_libs/dot-prop.mjs";
-import "../_libs/env-paths.mjs";
-import "../_libs/atomically.mjs";
-import "node:events";
-import "../_libs/stubborn-fs.mjs";
-import "../_libs/stubborn-utils.mjs";
-import "../_libs/when-exit.mjs";
-import "../_libs/ajv.mjs";
-import "../_libs/fast-deep-equal.mjs";
-import "../_libs/json-schema-traverse.mjs";
-import "../_libs/fast-uri.mjs";
-import "../_libs/ajv-formats.mjs";
-import "../_libs/debounce-fn.mjs";
-import "../_libs/mimic-function.mjs";
-import "../_libs/semver.mjs";
-import "../_libs/uint8array-extras.mjs";
-import "node:dns/promises";
-import "node:assert/strict";
-import "../_libs/modelcontextprotocol__core.mjs";
-import "../_libs/readable-stream.mjs";
-import "events";
-import "node:string_decoder";
-import "../_libs/process-nextick-args.mjs";
-import "../_libs/isarray.mjs";
-import "../_libs/safe-buffer.mjs";
-import "buffer";
-import "../_libs/core-util-is.mjs";
-import "../_libs/inherits.mjs";
-import "../_libs/util-deprecate.mjs";
-import "../_libs/lie.mjs";
-import "../_libs/immediate.mjs";
-import "../_libs/setimmediate.mjs";
-import "../_libs/pako.mjs";
-import "../_libs/radix-ui__react-separator.mjs";
-function isJsonObject(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function byteLength(value) {
-  if (value === null || value === void 0) return null;
-  return new TextEncoder().encode(value).length;
-}
-function readRequestModel(body) {
-  try {
-    const parsed = JSON.parse(body);
-    if (!isJsonObject(parsed)) return null;
-    const model = parsed["model"];
-    return typeof model === "string" && model.length > 0 ? model : null;
-  } catch {
-    return null;
-  }
-}
-function replaceRequestModel(body, model) {
-  try {
-    const parsed = JSON.parse(body);
-    if (!isJsonObject(parsed)) {
-      return { body, error: "Request body must be a JSON object." };
-    }
-    return {
-      body: JSON.stringify({ ...parsed, model }, null, 2),
-      error: null
-    };
-  } catch {
-    return { body, error: "Request body must be valid JSON before changing the replay model." };
-  }
-}
-function buildReplayMetrics(input) {
-  return {
-    status: input.status ?? null,
-    elapsedMs: input.elapsedMs ?? null,
-    inputTokens: input.inputTokens ?? null,
-    outputTokens: input.outputTokens ?? null,
-    responseBytes: byteLength(input.responseText),
-    streaming: input.streaming === true
-  };
-}
-function numericDelta(original, replay) {
-  if (original === null || replay === null) return null;
-  return replay - original;
-}
-function buildReplayComparisons(original, replay) {
-  return [
-    {
-      id: "status",
-      label: "Status",
-      original: original.status,
-      replay: replay.status,
-      delta: numericDelta(original.status, replay.status)
-    },
-    {
-      id: "elapsed",
-      label: "Elapsed",
-      original: original.elapsedMs,
-      replay: replay.elapsedMs,
-      delta: numericDelta(original.elapsedMs, replay.elapsedMs)
-    },
-    {
-      id: "input",
-      label: "Input",
-      original: original.inputTokens,
-      replay: replay.inputTokens,
-      delta: numericDelta(original.inputTokens, replay.inputTokens)
-    },
-    {
-      id: "output",
-      label: "Output",
-      original: original.outputTokens,
-      replay: replay.outputTokens,
-      delta: numericDelta(original.outputTokens, replay.outputTokens)
-    },
-    {
-      id: "bytes",
-      label: "Bytes",
-      original: original.responseBytes,
-      replay: replay.responseBytes,
-      delta: numericDelta(original.responseBytes, replay.responseBytes)
-    },
-    {
-      id: "streaming",
-      label: "Stream",
-      original: original.streaming,
-      replay: replay.streaming,
-      delta: null
-    }
-  ];
-}
-const ReplayResultSchema = object({
-  success: boolean(),
-  error: string().optional(),
-  responseStatus: number().nullable().optional(),
-  responseText: string().nullable().optional(),
-  inputTokens: number().nullable().optional(),
-  outputTokens: number().nullable().optional(),
-  elapsedMs: number().nullable().optional(),
-  streaming: boolean().optional(),
-  replayLogId: number().optional()
-});
-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);
-    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`;
-}
-function formatMetricValue(value, metricId) {
-  if (value === null) return "-";
-  if (typeof value === "boolean") return value ? "stream" : "non-stream";
-  switch (metricId) {
-    case "elapsed":
-      return formatElapsed(value);
-    case "input":
-    case "output":
-    case "bytes":
-      return value.toLocaleString();
-    case "status":
-      return String(value);
-    case "streaming":
-      return value ? "stream" : "non-stream";
-  }
-}
-function formatDelta(delta, metricId) {
-  if (delta === null) return "-";
-  const sign = delta > 0 ? "+" : "";
-  switch (metricId) {
-    case "elapsed":
-      return `${sign}${formatElapsed(delta)}`;
-    case "input":
-    case "output":
-    case "bytes":
-    case "status":
-      return `${sign}${delta.toLocaleString()}`;
-    case "streaming":
-      return "-";
-  }
-}
-function deltaToneClass(delta) {
-  if (delta === null || delta === 0) return "text-muted-foreground";
-  if (delta > 0) return "text-amber-400";
-  return "text-emerald-400";
-}
-function ReplayComparisonTable({
-  comparisons
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "overflow-hidden rounded-md border border-border", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-[1fr_1fr_1fr_1fr] bg-muted/40 px-3 py-2 text-[11px] font-medium text-muted-foreground", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Metric" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Original" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Replay" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Delta" })
-    ] }),
-    comparisons.map((comparison) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: "grid grid-cols-[1fr_1fr_1fr_1fr] border-t border-border px-3 py-2 text-xs",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground", children: comparison.label }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: formatMetricValue(comparison.original, comparison.id) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: formatMetricValue(comparison.replay, comparison.id) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `font-mono ${deltaToneClass(comparison.delta)}`, children: formatDelta(comparison.delta, comparison.id) })
-        ]
-      },
-      comparison.id
-    ))
-  ] });
-}
-function ReplayDialog({
-  log,
-  displayNumber,
-  open,
-  onOpenChange
-}) {
-  const { providers } = useProviders();
-  const originalBody = log.rawRequestBody ?? "{}";
-  const [modifiedBody, setModifiedBody] = reactExports.useState(() => {
-    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 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 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 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 {
-      if (replayRequestIdRef.current === requestId) {
-        replayAbortRef.current = null;
-        setLoading(false);
-      }
-    }
-  }
-  function handleClose() {
-    cancelReplay();
-    setReplayResult(null);
-    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) {
-      for (const model of provider.models) {
-        if (model.trim().length === 0) continue;
-        options.push({
-          key: `${provider.id}:${model}`,
-          providerName: provider.name,
-          model
-        });
-      }
-    }
-    return options;
-  }, [providers]);
-  const currentReplayModel = readRequestModel(modifiedBody) ?? log.model ?? "";
-  function handleReplayModelChange(model) {
-    const result = replaceRequestModel(modifiedBody, model);
-    if (result.error !== null) {
-      setError(result.error);
-      return;
-    }
-    handleBodyChange(formatJsonForEdit(result.body));
-  }
-  const originalMetrics = buildReplayMetrics({
-    status: log.responseStatus,
-    elapsedMs: log.elapsedMs,
-    inputTokens: log.inputTokens,
-    outputTokens: log.outputTokens,
-    responseText: log.responseText,
-    streaming: log.streaming
-  });
-  const replayMetrics = replayResult === null ? null : buildReplayMetrics({
-    status: replayResult.responseStatus,
-    elapsedMs: replayResult.elapsedMs,
-    inputTokens: replayResult.inputTokens,
-    outputTokens: replayResult.outputTokens,
-    responseText: replayResult.responseText,
-    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" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { title: `Log ID ${String(log.id)}`, children: [
-        "Replay Request #",
-        displayNumber
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { defaultValue: "modified", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "modified", children: "Modified Request" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "original", children: "Original Response" }),
-        replayResult && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "replay", children: "Replay Response" }),
-        replayResult && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "compare", children: "Compare" })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsContent, { value: "modified", className: "space-y-4", children: [
-        replayModelOptions.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-1.5", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: `replay-model-${String(log.id)}`, className: "text-sm font-medium", children: "Replay target" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "select",
-            {
-              id: `replay-model-${String(log.id)}`,
-              value: currentReplayModel,
-              onChange: (event) => handleReplayModelChange(event.currentTarget.value),
-              className: "h-8 rounded-md border border-input bg-background px-2 text-sm",
-              children: [
-                currentReplayModel === "" && /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: "Select model" }),
-                currentReplayModel !== "" && !replayModelOptions.some((option) => option.model === currentReplayModel) && /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: currentReplayModel, children: currentReplayModel }),
-                replayModelOptions.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsxs("option", { value: option.model, children: [
-                  option.providerName,
-                  " / ",
-                  option.model
-                ] }, option.key))
-              ]
-            }
-          )
-        ] }),
-        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",
-              {
-                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) => handleBodyChange(e.target.value),
-                spellCheck: false
-              }
-            ) }),
-            /* @__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 }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button,
-          {
-            onClick: () => {
-              void handleReplay();
-            },
-            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" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "raw", children: "Raw Response" })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "parsed", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            ResponseView,
-            {
-              responseText: replayResult.responseText ?? null,
-              responseStatus: replayResult.responseStatus ?? null,
-              streaming: replayResult.streaming ?? false,
-              inputTokens: replayResult.inputTokens ?? null,
-              outputTokens: replayResult.outputTokens ?? null,
-              apiFormat: log.apiFormat
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap bg-muted p-3 rounded-md max-h-96 overflow-auto", children: replayResult.responseText ?? "No response" }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "original", children: log.responseText !== null ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { defaultValue: "parsed", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "parsed", children: "Response" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "raw", children: "Raw Response" })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "parsed", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ResponseView,
-          {
-            responseText: log.responseText,
-            responseStatus: log.responseStatus,
-            streaming: log.streaming,
-            inputTokens: log.inputTokens,
-            outputTokens: log.outputTokens,
-            cacheCreationInputTokens: log.cacheCreationInputTokens,
-            cacheReadInputTokens: log.cacheReadInputTokens,
-            apiFormat: log.apiFormat
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap bg-muted p-3 rounded-md max-h-96 overflow-auto", children: log.responseText }) })
-      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground italic", children: "No original response" }) }),
-      replayResult && replayResult.success && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "replay", children: (replayResult.responseText ?? null) !== null ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { defaultValue: "parsed", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "parsed", children: "Response" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "raw", children: "Raw Response" })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "parsed", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ResponseView,
-          {
-            responseText: replayResult.responseText ?? null,
-            responseStatus: replayResult.responseStatus ?? null,
-            streaming: replayResult.streaming ?? false,
-            inputTokens: replayResult.inputTokens ?? null,
-            outputTokens: replayResult.outputTokens ?? null,
-            apiFormat: log.apiFormat
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap bg-muted p-3 rounded-md max-h-96 overflow-auto", children: replayResult.responseText ?? "" }) })
-      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground italic", children: "No replay response" }) }),
-      replayResult && /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsContent, { value: "compare", className: "space-y-3", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ReplayComparisonTable, { comparisons: replayComparisons }),
-        replayResult.success ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: replayResult.error ?? "Replay failed" })
-      ] })
-    ] })
-  ] }) });
-}
-export {
-  ReplayDialog
-};