@tonyclaw/agent-inspector 3.0.45 → 3.0.46

package/.output/server/_ssr/CompareDrawer-DtOIMeQB.mjs

@@ -1,1060 +0,0 @@
-import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { m as cn, x as formatTokens, y as copyTextToClipboard } from "./router-BJ_ltLim.mjs";
-import { g as getLogFormatAdapter, r as resolveLogFormat, a as getConversationId, B as Badge, L as LazyJsonViewerFromString } from "./ProxyViewerContainer-DVPlwfkt.mjs";
-import "./publicBasePathContext-5264L3rX.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 { X, aF as Rows3, aG as Columns2, af as Minus, K as Plus, a2 as Pencil, t as ChevronRight, aH as Equal, d as Check, k as Copy } from "../_libs/lucide-react.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/react-dom.mjs";
-import "util";
-import "async_hooks";
-import "stream";
-import "../_libs/isbot.mjs";
-import "../_libs/swr.mjs";
-import "../_libs/use-sync-external-store.mjs";
-import "../_libs/dequal.mjs";
-import "../_libs/class-variance-authority.mjs";
-import "../_libs/clsx.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/zod.mjs";
-import "node:async_hooks";
-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/tanstack__react-virtual.mjs";
-import "../_libs/tanstack__virtual-core.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";
-const ROOT_PATH = "";
-function formatPath(segments) {
-  if (segments.length === 0) return ROOT_PATH;
-  let out = "";
-  for (let i = 0; i < segments.length; i++) {
-    const seg = segments[i];
-    if (seg === void 0) continue;
-    if (typeof seg === "number") {
-      out += `[${seg}]`;
-    } else if (i === 0) {
-      out += seg;
-    } else {
-      out += `.${seg}`;
-    }
-  }
-  return out;
-}
-function isPlainObject(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function normalizeRequest(raw) {
-  if (typeof raw === "string") {
-    try {
-      return toNode(JSON.parse(raw));
-    } catch {
-      return { kind: "primitive", value: raw };
-    }
-  }
-  return toNode(raw);
-}
-function toNode(value) {
-  if (value === null) return { kind: "primitive", value: null };
-  if (typeof value === "string") return { kind: "primitive", value };
-  if (typeof value === "number") return { kind: "primitive", value };
-  if (typeof value === "boolean") return { kind: "primitive", value };
-  if (Array.isArray(value)) {
-    return { kind: "array", value: value.map((v) => toNode(v)) };
-  }
-  if (isPlainObject(value)) {
-    const out = {};
-    for (const k of Object.keys(value).sort()) {
-      out[k] = toNode(value[k]);
-    }
-    return { kind: "object", value: out };
-  }
-  return { kind: "primitive", value: null };
-}
-function diffTrees(left, right) {
-  const ops = [];
-  walk([], left, right, ops);
-  return ops;
-}
-function walk(segments, left, right, out) {
-  const path = formatPath(segments);
-  if (nodeEqual(left, right)) {
-    out.push({ kind: "equal", path, value: left });
-    return;
-  }
-  if (left.kind !== right.kind) {
-    out.push({ kind: "changed", path, left, right });
-    return;
-  }
-  if (left.kind === "primitive" && right.kind === "primitive") {
-    out.push({ kind: "changed", path, left, right });
-    return;
-  }
-  if (left.kind === "object" && right.kind === "object") {
-    const leftKeys = Object.keys(left.value);
-    const rightKeys = Object.keys(right.value);
-    const rightKeySet = new Set(rightKeys);
-    for (const k of leftKeys) {
-      const lChild = left.value[k];
-      if (lChild === void 0) continue;
-      if (!rightKeySet.has(k)) {
-        out.push({
-          kind: "removed",
-          path: formatPath([...segments, k]),
-          value: lChild
-        });
-      } else {
-        const rChild = right.value[k];
-        if (rChild === void 0) continue;
-        walk([...segments, k], lChild, rChild, out);
-      }
-    }
-    for (const k of rightKeys) {
-      if (leftKeys.includes(k)) continue;
-      const rChild = right.value[k];
-      if (rChild === void 0) continue;
-      out.push({
-        kind: "added",
-        path: formatPath([...segments, k]),
-        value: rChild
-      });
-    }
-    return;
-  }
-  if (left.kind === "array" && right.kind === "array") {
-    const minLen = Math.min(left.value.length, right.value.length);
-    for (let i = 0; i < minLen; i++) {
-      const lChild = left.value[i];
-      const rChild = right.value[i];
-      if (lChild === void 0 || rChild === void 0) continue;
-      walk([...segments, i], lChild, rChild, out);
-    }
-    for (let i = minLen; i < right.value.length; i++) {
-      const rChild = right.value[i];
-      if (rChild === void 0) continue;
-      out.push({
-        kind: "added",
-        path: formatPath([...segments, i]),
-        value: rChild
-      });
-    }
-    for (let i = minLen; i < left.value.length; i++) {
-      const lChild = left.value[i];
-      if (lChild === void 0) continue;
-      out.push({
-        kind: "removed",
-        path: formatPath([...segments, i]),
-        value: lChild
-      });
-    }
-  }
-}
-function nodeEqual(a, b) {
-  if (a.kind !== b.kind) return false;
-  if (a.kind === "primitive" && b.kind === "primitive") {
-    return a.value === b.value;
-  }
-  if (a.kind === "array" && b.kind === "array") {
-    if (a.value.length !== b.value.length) return false;
-    for (let i = 0; i < a.value.length; i++) {
-      const ai = a.value[i];
-      const bi = b.value[i];
-      if (ai === void 0 || bi === void 0) return false;
-      if (!nodeEqual(ai, bi)) return false;
-    }
-    return true;
-  }
-  if (a.kind === "object" && b.kind === "object") {
-    const aKeys = Object.keys(a.value);
-    const bKeys = Object.keys(b.value);
-    if (aKeys.length !== bKeys.length) return false;
-    for (const k of aKeys) {
-      const av = a.value[k];
-      const bv = b.value[k];
-      if (av === void 0 || bv === void 0) return false;
-      if (!nodeEqual(av, bv)) return false;
-    }
-    return true;
-  }
-  return false;
-}
-function previewNode(node, maxLen = 80) {
-  let s;
-  switch (node.kind) {
-    case "primitive":
-      s = node.value === null ? "null" : JSON.stringify(node.value);
-      break;
-    case "array":
-      s = `[… ${node.value.length} items]`;
-      break;
-    case "object":
-      s = `{… ${Object.keys(node.value).length} keys}`;
-      break;
-  }
-  if (s.length > maxLen) s = `${s.slice(0, maxLen - 1)}…`;
-  return s;
-}
-const COMPARE_RESPONSIVE_HEADER_CLASS_NAME = "flex flex-col gap-3 border-b border-border px-3 py-3 sm:flex-row sm:items-start sm:gap-4 sm:px-4";
-const COMPARE_RESPONSIVE_SPLIT_CLASS_NAME = "grid min-w-0 grid-cols-1 gap-x-2 gap-y-0.5 px-3 py-2 text-xs md:grid-cols-[200px_minmax(0,1fr)_minmax(0,1fr)]";
-function nodeToJsonString(node, indent = 2) {
-  return JSON.stringify(nodeToJsonValue(node), null, indent);
-}
-function nodeToJsonValue(node) {
-  switch (node.kind) {
-    case "primitive":
-      return node.value;
-    case "array":
-      return node.value.map(nodeToJsonValue);
-    case "object": {
-      const out = {};
-      for (const [k, v] of Object.entries(node.value)) {
-        out[k] = nodeToJsonValue(v);
-      }
-      return out;
-    }
-  }
-}
-function LazyJsonStringView({
-  text,
-  defaultExpandDepth
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground", children: "Loading JSON..." }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(LazyJsonViewerFromString, { text, defaultExpandDepth }) });
-}
-function parentPath(path) {
-  if (path === "") return "";
-  for (let i = path.length - 1; i >= 0; i--) {
-    const ch = path[i];
-    if (ch === "." || ch === "[") {
-      return path.substring(0, i);
-    }
-  }
-  return "";
-}
-function isDeepEqual(op) {
-  return op.kind === "equal" && (op.value.kind === "object" || op.value.kind === "array");
-}
-function groupContiguousEquals(ops) {
-  const out = [];
-  let i = 0;
-  while (i < ops.length) {
-    const op = ops[i];
-    if (op !== void 0 && isDeepEqual(op)) {
-      const startParent = parentPath(op.path);
-      let j = i + 1;
-      while (j < ops.length) {
-        const next = ops[j];
-        if (next === void 0) break;
-        if (!isDeepEqual(next)) break;
-        if (parentPath(next.path) !== startParent) break;
-        j++;
-      }
-      if (j - i > 1) {
-        const equalOps = [];
-        for (let k = i; k < j; k++) {
-          const eop = ops[k];
-          if (eop !== void 0 && eop.kind === "equal") {
-            equalOps.push(eop);
-          }
-        }
-        out.push({ kind: "equal-run", ops: equalOps });
-        i = j;
-        continue;
-      }
-    }
-    if (op !== void 0) {
-      out.push({ kind: "single", op });
-    }
-    i++;
-  }
-  return out;
-}
-const KIND_VISUAL = {
-  added: {
-    icon: Plus,
-    accent: "text-status-success",
-    bg: "bg-status-success/5 hover:bg-status-success/10",
-    border: "border-l-status-success",
-    label: "ADDED"
-  },
-  removed: {
-    icon: Minus,
-    accent: "text-status-danger",
-    bg: "bg-status-danger/5 hover:bg-status-danger/10",
-    border: "border-l-status-danger",
-    label: "REMOVED"
-  },
-  changed: {
-    icon: Pencil,
-    accent: "text-status-watch",
-    bg: "bg-status-watch/5 hover:bg-status-watch/10",
-    border: "border-l-status-watch",
-    label: "CHANGED"
-  },
-  equal: {
-    icon: Equal,
-    accent: "text-muted-foreground/70",
-    bg: "bg-muted/20 hover:bg-muted/30",
-    border: "border-l-muted-foreground/20",
-    label: "EQUAL"
-  }
-};
-function EqualRunRow({
-  ops,
-  expanded,
-  onToggle
-}) {
-  const first = ops[0];
-  const last = ops[ops.length - 1];
-  if (first === void 0 || last === void 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground/40 text-xs", children: "—" });
-  }
-  const firstPath = first.path;
-  const lastPath = last.path;
-  const label = ops.length === 1 ? firstPath : `${firstPath} … ${lastPath}`;
-  const summary = first.value.kind === "array" ? `${ops.length} equal arrays` : first.value.kind === "object" ? `${ops.length} equal objects` : "equal";
-  const v = KIND_VISUAL.equal;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("border-l-4 rounded-sm", v.border, v.bg), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: onToggle,
-        className: "w-full text-left flex items-center gap-2 px-3 py-1.5 text-xs text-muted-foreground cursor-pointer",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            ChevronRight,
-            {
-              className: cn("size-3 transition-transform shrink-0", expanded && "rotate-90")
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(v.icon, { className: cn("size-3 shrink-0", v.accent) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono truncate flex-1", title: `${firstPath} … ${lastPath}`, children: label }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn("text-[10px] uppercase tracking-wider shrink-0", v.accent), children: v.label }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground/60 shrink-0", children: [
-            "(",
-            summary,
-            ")"
-          ] })
-        ]
-      }
-    ),
-    expanded && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-5 mt-1 mb-2 space-y-2 pr-2", children: ops.map((op) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border border-border/50 rounded p-2 bg-muted/20", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-mono text-xs text-muted-foreground mb-1", children: op.path }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(LazyJsonStringView, { text: nodeToJsonString(op.value), defaultExpandDepth: 0 })
-    ] }, op.path)) })
-  ] });
-}
-function UnifiedOpRow({
-  op,
-  idx,
-  copiedPath,
-  onCopyPath,
-  expanded,
-  onToggle
-}) {
-  const v = KIND_VISUAL[op.kind];
-  const Icon = v.icon;
-  const isExpandable = op.kind === "added" || op.kind === "removed" ? op.value.kind === "object" || op.value.kind === "array" : op.kind === "changed" ? op.left.kind === "object" || op.left.kind === "array" || op.right.kind === "object" || op.right.kind === "array" : false;
-  const preview = op.kind === "changed" ? [
-    {
-      text: previewNode(op.left, 400),
-      tone: "text-status-danger line-through"
-    },
-    { text: previewNode(op.right, 400), tone: "text-status-success" }
-  ] : op.kind === "removed" ? [
-    {
-      text: previewNode(op.value, 400),
-      tone: "text-status-danger line-through"
-    }
-  ] : op.kind === "added" ? [{ text: previewNode(op.value, 400), tone: "text-status-success" }] : [{ text: previewNode(op.value, 400), tone: "text-muted-foreground" }];
-  const justCopied = copiedPath === op.path && op.path !== "";
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      "data-diff-idx": idx,
-      "data-diff-kind": op.kind,
-      className: cn("border-l-4 rounded-sm px-3 py-2 my-0.5 transition-colors", v.border, v.bg),
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: onToggle,
-            disabled: !isExpandable,
-            className: cn(
-              "w-full flex items-center gap-2 text-xs text-left rounded-sm",
-              isExpandable ? "cursor-pointer" : "cursor-default"
-            ),
-            "aria-expanded": isExpandable ? expanded : void 0,
-            "aria-label": isExpandable ? expanded ? `Collapse ${op.path || "root"}` : `Expand ${op.path || "root"}` : void 0,
-            children: [
-              isExpandable ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                ChevronRight,
-                {
-                  className: cn(
-                    "size-3 shrink-0 transition-transform",
-                    v.accent,
-                    expanded && "rotate-90"
-                  )
-                }
-              ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "size-3 shrink-0", "aria-hidden": "true" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { className: cn("size-3.5 shrink-0", v.accent), strokeWidth: 2.5 }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono truncate flex-1 min-w-0", title: op.path || "(root)", children: op.path === "" ? "(root)" : op.path }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "span",
-                {
-                  className: cn(
-                    "text-[9px] font-bold uppercase tracking-wider shrink-0 px-1.5 py-0.5 rounded",
-                    v.accent,
-                    op.kind === "equal" ? "bg-muted/40" : "bg-background/60"
-                  ),
-                  children: v.label
-                }
-              ),
-              op.path !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "span",
-                {
-                  role: "button",
-                  tabIndex: 0,
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    onCopyPath(op.path);
-                  },
-                  onKeyDown: (e) => {
-                    if (e.key === "Enter" || e.key === " ") {
-                      e.stopPropagation();
-                      e.preventDefault();
-                      onCopyPath(op.path);
-                    }
-                  },
-                  className: cn(
-                    "shrink-0 p-1 rounded transition-colors cursor-pointer inline-flex items-center justify-center",
-                    justCopied ? "text-status-success" : "text-muted-foreground/50 hover:text-foreground hover:bg-muted"
-                  ),
-                  "aria-label": justCopied ? "Copied" : "Copy",
-                  title: justCopied ? "Copied!" : "Copy",
-                  children: justCopied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3" })
-                }
-              )
-            ]
-          }
-        ),
-        preview.map((p, i) => (
-          // biome-ignore lint/suspicious/noArrayIndexKey: preview list is rebuilt on every render and is positional
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("font-mono text-xs mt-1 break-all pl-5", p.tone), children: p.text }, i)
-        )),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "div",
-          {
-            className: "overflow-hidden transition-all duration-200",
-            style: { maxHeight: expanded && isExpandable ? "2000px" : "0" },
-            "aria-hidden": !expanded,
-            children: expanded && isExpandable && op.kind !== "equal" ? /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandedSubtree, { op }) : null
-          }
-        )
-      ]
-    }
-  );
-}
-function ExpandedSubtree({ op }) {
-  if (op.kind === "added" || op.kind === "removed") {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pl-5 mt-2 border border-border/50 rounded p-2 bg-muted/20", children: /* @__PURE__ */ jsxRuntimeExports.jsx(LazyJsonStringView, { text: nodeToJsonString(op.value), defaultExpandDepth: 0 }) });
-  }
-  const leftIsStructured = op.left.kind === "object" || op.left.kind === "array";
-  const rightIsStructured = op.right.kind === "object" || op.right.kind === "array";
-  if (!leftIsStructured && !rightIsStructured) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pl-5 mt-2 text-xs text-muted-foreground/70 italic", children: "Primitive values are shown inline above." });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "pl-5 mt-2 grid grid-cols-1 md:grid-cols-2 gap-2", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded border border-status-danger/30 bg-status-danger/5 p-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-status-danger", children: "Old" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(LazyJsonStringView, { text: nodeToJsonString(op.left), defaultExpandDepth: 0 })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded border border-status-success/30 bg-status-success/5 p-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-status-success", children: "New" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(LazyJsonStringView, { text: nodeToJsonString(op.right), defaultExpandDepth: 0 })
-    ] })
-  ] });
-}
-function SummaryChips({
-  counts,
-  onJumpTo
-}) {
-  const total = counts.added + counts.removed + counts.changed;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-2 border-b border-border bg-muted/20 flex items-center gap-2 text-xs flex-wrap", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground font-medium", children: [
-      total,
-      " ",
-      total === 1 ? "change" : "changes"
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => onJumpTo("removed"),
-        disabled: counts.removed === 0,
-        className: cn(
-          "inline-flex items-center gap-1 px-2 py-0.5 rounded-full border cursor-pointer transition-colors",
-          counts.removed > 0 ? "border-status-danger/40 bg-status-danger/10 text-status-danger hover:bg-status-danger/20" : "border-border text-muted-foreground/40 cursor-not-allowed"
-        ),
-        title: counts.removed > 0 ? "Jump to first removed" : "No removals",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Minus, { className: "size-3" }),
-          counts.removed,
-          " removed"
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => onJumpTo("added"),
-        disabled: counts.added === 0,
-        className: cn(
-          "inline-flex items-center gap-1 px-2 py-0.5 rounded-full border cursor-pointer transition-colors",
-          counts.added > 0 ? "border-status-success/40 bg-status-success/10 text-status-success hover:bg-status-success/20" : "border-border text-muted-foreground/40 cursor-not-allowed"
-        ),
-        title: counts.added > 0 ? "Jump to first added" : "No additions",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-3" }),
-          counts.added,
-          " added"
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => onJumpTo("changed"),
-        disabled: counts.changed === 0,
-        className: cn(
-          "inline-flex items-center gap-1 px-2 py-0.5 rounded-full border cursor-pointer transition-colors",
-          counts.changed > 0 ? "border-status-watch/40 bg-status-watch/10 text-status-watch hover:bg-status-watch/20" : "border-border text-muted-foreground/40 cursor-not-allowed"
-        ),
-        title: counts.changed > 0 ? "Jump to first changed" : "No changes",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, { className: "size-3" }),
-          counts.changed,
-          " changed"
-        ]
-      }
-    )
-  ] });
-}
-function ModeToggle({
-  mode,
-  onChange
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "inline-flex rounded-md border border-border overflow-hidden", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => onChange("unified"),
-        "aria-pressed": mode === "unified",
-        className: cn(
-          "flex items-center gap-1 px-2 py-1 text-xs transition-colors cursor-pointer",
-          mode === "unified" ? "bg-muted text-foreground" : "hover:bg-muted/50 text-muted-foreground"
-        ),
-        title: "Unified view (single column, emphasized diffs)",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Rows3, { className: "size-3" }),
-          "Unified"
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => onChange("split"),
-        "aria-pressed": mode === "split",
-        className: cn(
-          "flex items-center gap-1 px-2 py-1 text-xs transition-colors border-l border-border cursor-pointer",
-          mode === "split" ? "bg-muted text-foreground" : "hover:bg-muted/50 text-muted-foreground"
-        ),
-        title: "Split view (path | left | right)",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Columns2, { className: "size-3" }),
-          "Split"
-        ]
-      }
-    )
-  ] });
-}
-function SideSummary({
-  log,
-  side,
-  displayNumber
-}) {
-  const conversationId = getConversationId(log);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0 space-y-1 text-xs", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Badge,
-        {
-          variant: "outline",
-          className: cn(
-            "text-[10px] px-1.5 py-0 h-5 font-mono shrink-0",
-            side === "left" ? "border-status-danger/40 text-status-danger" : "border-status-success/40 text-status-success"
-          ),
-          children: side === "left" ? "← Left" : "Right →"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono text-status-info", title: `Log ID ${String(log.id)}`, children: [
-        "#",
-        displayNumber
-      ] }),
-      log.model !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 truncate font-mono leading-snug text-muted-foreground", children: log.model })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1 font-mono text-muted-foreground", children: [
-      log.cacheCreationInputTokens !== null && log.cacheCreationInputTokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-status-success", children: [
-        "KV Cache +",
-        formatTokens(log.cacheCreationInputTokens)
-      ] }),
-      log.cacheReadInputTokens !== null && log.cacheReadInputTokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-status-accent", children: [
-        "KV Cache ~",
-        formatTokens(log.cacheReadInputTokens)
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", title: log.timestamp, children: log.timestamp })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-muted-foreground/70 font-mono truncate", title: conversationId, children: [
-      "session: ",
-      conversationId
-    ] })
-  ] });
-}
-function CompareDrawer({
-  left,
-  right,
-  leftDisplayNumber,
-  rightDisplayNumber,
-  onClose
-}) {
-  const panelRef = reactExports.useRef(null);
-  const closeButtonRef = reactExports.useRef(null);
-  const previousActiveElementRef = reactExports.useRef(null);
-  const ops = reactExports.useMemo(() => {
-    const leftRequest = getLogFormatAdapter(resolveLogFormat(left)).analyzeRequest(
-      left.rawRequestBody
-    );
-    const rightRequest = getLogFormatAdapter(resolveLogFormat(right)).analyzeRequest(
-      right.rawRequestBody
-    );
-    const l = normalizeRequest(leftRequest.comparisonValue);
-    const r = normalizeRequest(rightRequest.comparisonValue);
-    return diffTrees(l, r);
-  }, [
-    left.apiFormat,
-    left.path,
-    left.rawRequestBody,
-    right.apiFormat,
-    right.path,
-    right.rawRequestBody
-  ]);
-  const grouped = reactExports.useMemo(() => groupContiguousEquals(ops), [ops]);
-  const counts = reactExports.useMemo(() => {
-    let added = 0;
-    let removed = 0;
-    let changed = 0;
-    for (const g of grouped) {
-      if (g.kind !== "single") continue;
-      switch (g.op.kind) {
-        case "added":
-          added++;
-          break;
-        case "removed":
-          removed++;
-          break;
-        case "changed":
-          changed++;
-          break;
-      }
-    }
-    return { added, removed, changed };
-  }, [grouped]);
-  const [expandedRuns, setExpandedRuns] = reactExports.useState(/* @__PURE__ */ new Set());
-  const toggleRun = (idx) => {
-    setExpandedRuns((prev) => {
-      const next = new Set(prev);
-      if (next.has(idx)) next.delete(idx);
-      else next.add(idx);
-      return next;
-    });
-  };
-  const [expandedRows, setExpandedRows] = reactExports.useState(/* @__PURE__ */ new Set());
-  const toggleRow = (idx) => {
-    setExpandedRows((prev) => {
-      const next = new Set(prev);
-      if (next.has(idx)) next.delete(idx);
-      else next.add(idx);
-      return next;
-    });
-  };
-  reactExports.useEffect(() => {
-    setExpandedRows(/* @__PURE__ */ new Set());
-  }, [left.id, right.id]);
-  const [mode, setMode] = reactExports.useState("unified");
-  const bodyRef = reactExports.useRef(null);
-  const [copiedPath, setCopiedPath] = reactExports.useState(null);
-  const copyResetTimer = reactExports.useRef(null);
-  const onCopyPath = (path) => {
-    void copyTextToClipboard(path).then((success) => {
-      if (!success) return;
-      setCopiedPath(path);
-      if (copyResetTimer.current !== null) clearTimeout(copyResetTimer.current);
-      copyResetTimer.current = setTimeout(() => setCopiedPath(null), 1500);
-    });
-  };
-  reactExports.useEffect(() => {
-    return () => {
-      if (copyResetTimer.current !== null) clearTimeout(copyResetTimer.current);
-    };
-  }, []);
-  const jumpToKind = (kind) => {
-    const idx = grouped.findIndex((g) => g.kind === "single" && g.op.kind === kind);
-    if (idx === -1) return;
-    const root = bodyRef.current;
-    if (root === null) return;
-    const el = root.querySelector(`[data-diff-idx="${idx}"]`);
-    if (el !== null) {
-      el.scrollIntoView({ behavior: "smooth", block: "center" });
-    }
-  };
-  reactExports.useEffect(() => {
-    previousActiveElementRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-    closeButtonRef.current?.focus();
-    const onKey = (e) => {
-      if (e.key === "Escape") onClose();
-    };
-    document.addEventListener("keydown", onKey);
-    const prevOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.removeEventListener("keydown", onKey);
-      document.body.style.overflow = prevOverflow;
-      previousActiveElementRef.current?.focus();
-    };
-  }, [onClose]);
-  const handlePanelKeyDown = (event) => {
-    event.stopPropagation();
-    if (event.key !== "Tab") return;
-    const panel = panelRef.current;
-    if (panel === null) return;
-    const focusable = Array.from(
-      panel.querySelectorAll(
-        'button:not([disabled]), [href], input:not([disabled]), [tabindex]:not([tabindex="-1"])'
-      )
-    );
-    const first = focusable[0];
-    const last = focusable[focusable.length - 1];
-    if (first === void 0 || last === void 0) return;
-    if (event.shiftKey && document.activeElement === first) {
-      event.preventDefault();
-      last.focus();
-      return;
-    }
-    if (!event.shiftKey && document.activeElement === last) {
-      event.preventDefault();
-      first.focus();
-    }
-  };
-  const sameSession = getConversationId(left) === getConversationId(right);
-  const allEqual = ops.length === 1 && ops[0]?.kind === "equal";
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      className: "fixed inset-0 z-50 flex justify-end",
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-label": "Compare two log requests",
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: onClose,
-            "aria-label": "Close compare drawer",
-            className: "absolute inset-0 bg-black/40 cursor-default",
-            tabIndex: -1
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
-          {
-            ref: panelRef,
-            className: cn(
-              "relative overflow-x-hidden bg-background border-l border-border shadow-xl",
-              "w-full md:w-[70vw] max-w-[1100px] flex flex-col h-full"
-            ),
-            onClick: (e) => e.stopPropagation(),
-            onKeyDown: handlePanelKeyDown,
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: COMPARE_RESPONSIVE_HEADER_CLASS_NAME, children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid min-w-0 flex-1 grid-cols-1 gap-3 sm:grid-cols-2 sm:gap-4", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(SideSummary, { log: left, side: "left", displayNumber: leftDisplayNumber }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(SideSummary, { log: right, side: "right", displayNumber: rightDisplayNumber })
-                ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full shrink-0 items-center justify-between gap-2 sm:w-auto sm:justify-start", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(ModeToggle, { mode, onChange: setMode }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "button",
-                    {
-                      ref: closeButtonRef,
-                      type: "button",
-                      onClick: onClose,
-                      "aria-label": "Close",
-                      className: "p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted cursor-pointer",
-                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-4" })
-                    }
-                  )
-                ] })
-              ] }),
-              !sameSession && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-b border-border bg-warning/10 px-4 py-1.5 text-xs text-foreground", children: "Heads up: the two selected logs are from different sessions." }),
-              allEqual ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-y-auto flex items-center justify-center text-muted-foreground text-sm", children: "The two Request payloads are identical." }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryChips, { counts, onJumpTo: jumpToKind }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: bodyRef, className: "flex-1 min-h-0 overflow-y-auto", children: mode === "unified" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 py-2 space-y-0.5", children: grouped.map((g, i) => {
-                  if (g.kind === "equal-run") {
-                    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      EqualRunRow,
-                      {
-                        ops: g.ops,
-                        expanded: expandedRuns.has(i),
-                        onToggle: () => toggleRun(i)
-                      },
-                      `r${i}`
-                    );
-                  }
-                  const op = g.op;
-                  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    UnifiedOpRow,
-                    {
-                      op,
-                      idx: i,
-                      copiedPath,
-                      onCopyPath,
-                      expanded: expandedRows.has(i),
-                      onToggle: () => toggleRow(i)
-                    },
-                    `o${i}`
-                  );
-                }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  SplitBody,
-                  {
-                    grouped,
-                    left,
-                    right,
-                    leftDisplayNumber,
-                    rightDisplayNumber
-                  }
-                ) })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-function SplitBody({
-  grouped,
-  left,
-  right,
-  leftDisplayNumber,
-  rightDisplayNumber
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-compare-layout": "responsive-split", className: COMPARE_RESPONSIVE_SPLIT_CLASS_NAME, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "col-span-1 mb-2 grid grid-cols-1 gap-x-2 gap-y-1 border-b border-border pb-2 text-[10px] uppercase tracking-wider text-muted-foreground md:col-span-3 md:grid-cols-[200px_minmax(0,1fr)_minmax(0,1fr)]", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Path" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { title: `Log ID ${String(left.id)}`, children: [
-        "Left (Log #",
-        leftDisplayNumber,
-        ")"
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { title: `Log ID ${String(right.id)}`, children: [
-        "Right (Log #",
-        rightDisplayNumber,
-        ")"
-      ] })
-    ] }),
-    grouped.map((g, i) => {
-      if (g.kind === "equal-run") {
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
-          {
-            className: "col-span-1 px-2 py-1 text-xs text-muted-foreground/60 md:col-span-3",
-            children: [
-              g.ops.length,
-              " equal siblings collapsed — switch to Unified to expand"
-            ]
-          },
-          i
-        );
-      }
-      const op = g.op;
-      if (op.kind === "equal") {
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
-          {
-            className: "col-span-1 grid min-w-0 grid-cols-1 gap-x-2 gap-y-1 px-2 py-0.5 text-muted-foreground md:col-span-3 md:grid-cols-[200px_minmax(0,1fr)_minmax(0,1fr)]",
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-xs truncate", title: op.path, children: op.path }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-xs break-all opacity-60", children: previewNode(op.value, 200) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-xs break-all opacity-60", children: previewNode(op.value, 200) })
-            ]
-          },
-          i
-        );
-      }
-      if (op.kind === "added") {
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
-          {
-            className: "col-span-1 rounded border-l-2 border-l-status-success bg-status-success/5 px-2 py-1 text-xs md:col-span-3",
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-mono text-xs text-muted-foreground mb-0.5", children: op.path }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "font-mono break-all text-status-success", children: [
-                "+ ",
-                previewNode(op.value, 400)
-              ] })
-            ]
-          },
-          i
-        );
-      }
-      if (op.kind === "removed") {
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
-          {
-            className: "col-span-1 rounded border-l-2 border-l-status-danger bg-status-danger/5 px-2 py-1 text-xs md:col-span-3",
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-mono text-xs text-muted-foreground mb-0.5", children: op.path }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "font-mono break-all text-status-danger line-through", children: [
-                "− ",
-                previewNode(op.value, 400)
-              ] })
-            ]
-          },
-          i
-        );
-      }
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
-        {
-          className: "col-span-1 rounded border-l-2 border-l-status-watch bg-status-watch/5 px-2 py-1 text-xs md:col-span-3",
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-mono text-xs text-muted-foreground mb-1", children: op.path }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-mono break-all text-status-danger line-through", children: previewNode(op.left, 400) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-mono break-all text-status-success", children: previewNode(op.right, 400) })
-            ] })
-          ]
-        },
-        i
-      );
-    })
-  ] });
-}
-export {
-  COMPARE_RESPONSIVE_HEADER_CLASS_NAME,
-  COMPARE_RESPONSIVE_SPLIT_CLASS_NAME,
-  CompareDrawer
-};