@tonyclaw/llm-inspector 1.6.0

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

@@ -0,0 +1,3061 @@
+import { r as reactExports, j as jsxRuntimeExports, a as React } from "../_libs/react.mjs";
+import { C as CapturedLogSchema, a as parseRequest, p as parseOpenAIResponse, I as InspectorResponseSchema } from "./router-Bq_mxeNz.mjs";
+import { u as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
+import { J as JSZip } from "../_libs/jszip.mjs";
+import { c as clsx } from "../_libs/clsx.mjs";
+import { t as twMerge } from "../_libs/tailwind-merge.mjs";
+import { c as cva } from "../_libs/class-variance-authority.mjs";
+import { R as Root, T as Trigger$1, C as Content, a as Close, b as Title, P as Portal$1, O as Overlay } from "../_libs/radix-ui__react-dialog.mjs";
+import { R as Root2, T as Trigger, I as Icon, V as Value, P as Portal, C as Content2, a as Viewport, b as Item, c as ItemIndicator, d as ItemText, S as ScrollUpButton, e as ScrollDownButton } from "../_libs/radix-ui__react-select.mjs";
+import { D as Download, L as LayoutGrid, a as List, S as Settings, C as ChevronDown, b as Check, R as RotateCcw, X, P as Plus, c as Copy, d as CircleAlert, e as ChevronUp, f as ChevronRight, g as Clock, M as MessageSquare, Z as Zap, h as LoaderCircle, W as Wrench, G as Globe, U as User, F as FileTerminal, i as Radio, E as ExternalLink, j as EyeOff, k as Eye, l as RotateCw, m as Pencil, T as Trash2, n as TriangleAlert, o as Minus, p as CircleCheckBig, q as CircleX, r as CircleStop, s as ChevronsUp, t as ChevronsDown, u as Terminal, B as Brain } from "../_libs/lucide-react.mjs";
+import { M as Markdown } from "../_libs/react-markdown.mjs";
+import { a as array, s as string, u as union, o as object, l as literal, b as boolean, n as number } from "../_libs/zod.mjs";
+import { R as Root2$1, L as List$1, T as Trigger$2, C as Content$1 } from "../_libs/radix-ui__react-tabs.mjs";
+import { S as Slot } from "../_libs/radix-ui__react-slot.mjs";
+import { P as Provider, R as Root3, T as Trigger$3, a as Portal$2, C as Content2$1, A as Arrow2 } from "../_libs/radix-ui__react-tooltip.mjs";
+import { R as Root$1 } from "../_libs/radix-ui__react-separator.mjs";
+import { R as Root$2, C as CollapsibleTrigger$1, a as CollapsibleContent$1 } from "../_libs/radix-ui__react-collapsible.mjs";
+import { R as Root$3, V as Viewport$1, C as Corner, S as ScrollAreaScrollbar, a as ScrollAreaThumb } from "../_libs/radix-ui__react-scroll-area.mjs";
+import "../_libs/tanstack__react-router.mjs";
+import "../_libs/tiny-warning.mjs";
+import "../_libs/tanstack__router-core.mjs";
+import "../_libs/cookie-es.mjs";
+import "../_libs/tanstack__history.mjs";
+import "../_libs/tiny-invariant.mjs";
+import "../_libs/seroval.mjs";
+import "../_libs/seroval-plugins.mjs";
+import "node:stream/web";
+import "node:stream";
+import "../_libs/react-dom.mjs";
+import "../_libs/isbot.mjs";
+import "node:fs";
+import "node:path";
+import "node:fs/promises";
+import "../_libs/conf.mjs";
+import "node:util";
+import "node:process";
+import "node:crypto";
+import "node:assert";
+import "../_libs/dot-prop.mjs";
+import "../_libs/env-paths.mjs";
+import "node:os";
+import "../_libs/atomically.mjs";
+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 "crypto";
+import "node:child_process";
+import "../_libs/tanstack__virtual-core.mjs";
+import "../_libs/readable-stream.mjs";
+import "stream";
+import "../_libs/process-nextick-args.mjs";
+import "../_libs/isarray.mjs";
+import "events";
+import "../_libs/safe-buffer.mjs";
+import "buffer";
+import "../_libs/core-util-is.mjs";
+import "../_libs/inherits.mjs";
+import "util";
+import "../_libs/util-deprecate.mjs";
+import "node:string_decoder";
+import "../_libs/lie.mjs";
+import "../_libs/immediate.mjs";
+import "../_libs/pako.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-use-callback-ref+[...].mjs";
+import "../_libs/@radix-ui/react-use-escape-keydown+[...].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 "../_libs/tslib.mjs";
+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__number.mjs";
+import "../_libs/radix-ui__react-collection.mjs";
+import "../_libs/radix-ui__react-direction.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/devlop.mjs";
+import "../_libs/unified.mjs";
+import "../_libs/bail.mjs";
+import "../_libs/extend.mjs";
+import "../_libs/is-plain-obj.mjs";
+import "../_libs/trough.mjs";
+import "../_libs/vfile.mjs";
+import "../_libs/vfile-message.mjs";
+import "../_libs/unist-util-stringify-position.mjs";
+import "node:url";
+import "../_libs/remark-parse.mjs";
+import "../_libs/mdast-util-from-markdown.mjs";
+import "../_libs/micromark-util-decode-numeric-character-reference+[...].mjs";
+import "../_libs/micromark-util-decode-string.mjs";
+import "../_libs/decode-named-character-reference+[...].mjs";
+import "../_libs/character-entities.mjs";
+import "../_libs/micromark-util-normalize-identifier+[...].mjs";
+import "../_libs/micromark.mjs";
+import "../_libs/micromark-util-combine-extensions+[...].mjs";
+import "../_libs/micromark-util-chunked.mjs";
+import "../_libs/micromark-factory-space.mjs";
+import "../_libs/micromark-util-character.mjs";
+import "../_libs/micromark-core-commonmark.mjs";
+import "../_libs/micromark-util-classify-character+[...].mjs";
+import "../_libs/micromark-util-resolve-all.mjs";
+import "../_libs/micromark-util-subtokenize.mjs";
+import "../_libs/micromark-factory-destination.mjs";
+import "../_libs/micromark-factory-label.mjs";
+import "../_libs/micromark-factory-title.mjs";
+import "../_libs/micromark-factory-whitespace.mjs";
+import "../_libs/micromark-util-html-tag-name.mjs";
+import "../_libs/mdast-util-to-string.mjs";
+import "../_libs/remark-rehype.mjs";
+import "../_libs/mdast-util-to-hast.mjs";
+import "../_libs/ungap__structured-clone.mjs";
+import "../_libs/micromark-util-sanitize-uri.mjs";
+import "../_libs/unist-util-position.mjs";
+import "../_libs/trim-lines.mjs";
+import "../_libs/unist-util-visit.mjs";
+import "../_libs/unist-util-visit-parents.mjs";
+import "../_libs/unist-util-is.mjs";
+import "../_libs/hast-util-to-jsx-runtime.mjs";
+import "../_libs/comma-separated-tokens.mjs";
+import "../_libs/property-information.mjs";
+import "../_libs/space-separated-tokens.mjs";
+import "../_libs/style-to-js.mjs";
+import "../_libs/style-to-object.mjs";
+import "../_libs/inline-style-parser.mjs";
+import "../_libs/hast-util-whitespace.mjs";
+import "../_libs/estree-util-is-identifier-name.mjs";
+import "../_libs/html-url-attributes.mjs";
+import "../_libs/radix-ui__react-roving-focus.mjs";
+async function fetchStreamingChunks(logId) {
+  try {
+    const response = await fetch(`/api/logs/${logId}/chunks`);
+    if (!response.ok) return null;
+    const data = await response.json();
+    return JSON.stringify(data, null, 2);
+  } catch {
+    return null;
+  }
+}
+async function exportLogsAsZip(logs) {
+  const zip = new JSZip();
+  for (const log of logs) {
+    if (log.rawRequestBody !== null) {
+      zip.file(`#${log.id}.Request.json`, log.rawRequestBody);
+    }
+    if (log.responseText !== null) {
+      zip.file(`#${log.id}.Response.json`, log.responseText);
+    }
+  }
+  const streamingLogs = logs.filter((log) => log.streaming);
+  await Promise.allSettled(
+    streamingLogs.map(async (log) => {
+      const chunks = await fetchStreamingChunks(log.id);
+      if (chunks !== null) {
+        zip.file(`#${log.id}.SSE.Response.json`, chunks);
+      }
+    })
+  );
+  const blob = await zip.generateAsync({ type: "blob" });
+  const url = URL.createObjectURL(blob);
+  const anchor = document.createElement("a");
+  anchor.href = url;
+  anchor.download = `llm-inspector-export-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`;
+  document.body.appendChild(anchor);
+  anchor.click();
+  document.body.removeChild(anchor);
+  URL.revokeObjectURL(url);
+}
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function formatTokens(count) {
+  if (count >= 1048576) return (count / 1048576).toFixed(1).replace(/\.0$/, "") + "M";
+  if (count >= 1024) return (count / 1024).toFixed(1).replace(/\.0$/, "") + "K";
+  return count.toString();
+}
+function getStatusCategory(status) {
+  if (status === null) return "pending";
+  if (status >= 200 && status < 300) return "success";
+  if (status >= 400 && status < 500) return "client_error";
+  if (status >= 500) return "server_error";
+  return "pending";
+}
+function formatTimestamp(iso) {
+  const date = new Date(iso);
+  return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", second: "2-digit" });
+}
+function ConversationHeader({
+  conversationId,
+  startTime,
+  endTime,
+  totalCalls,
+  totalInputTokens,
+  totalOutputTokens,
+  expanded,
+  onToggle
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      className: cn(
+        "flex items-center gap-3 px-3 py-2 cursor-pointer transition-colors",
+        "hover:bg-muted/50",
+        "select-none",
+        "border border-border rounded-lg mb-2 bg-muted/30"
+      ),
+      onClick: onToggle,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onToggle();
+        }
+      },
+      children: [
+        expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4 text-muted-foreground shrink-0" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4 text-muted-foreground shrink-0" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
+          {
+            className: "text-purple-400/90 font-mono text-xs font-semibold shrink-0",
+            title: conversationId,
+            children: conversationId.length > 24 ? conversationId.slice(0, 12) + "…" + conversationId.slice(-12) : conversationId
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums", children: [
+            formatTimestamp(startTime),
+            " - ",
+            formatTimestamp(endTime)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(MessageSquare, { className: "size-3" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums", children: [
+            totalCalls,
+            " call",
+            totalCalls !== 1 ? "s" : ""
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-xs shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Zap, { className: "size-3 text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-400", children: formatTokens(totalInputTokens) }),
+            " / ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-amber-400", children: formatTokens(totalOutputTokens) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 min-w-0" })
+      ]
+    }
+  );
+}
+function getConversationId(log) {
+  if (log.sessionId !== null && log.sessionId !== "") {
+    return log.sessionId;
+  }
+  const pid = log.clientPid !== null ? `PID:${log.clientPid}` : "unknown";
+  const folder = log.clientProjectFolder !== null ? log.clientProjectFolder : "no-folder";
+  return `${pid}|${folder}`;
+}
+function groupLogsByConversation(logs) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const log of logs) {
+    const convId = getConversationId(log);
+    const existing = groups.get(convId);
+    if (existing !== void 0) {
+      existing.push(log);
+    } else {
+      groups.set(convId, [log]);
+    }
+  }
+  const result = [];
+  for (const [conversationId, groupLogs] of groups) {
+    const sorted = [...groupLogs].sort((a, b) => a.timestamp.localeCompare(b.timestamp));
+    result.push({
+      id: conversationId,
+      conversationId,
+      logs: sorted
+    });
+  }
+  result.sort((a, b) => (a.logs[0]?.timestamp ?? "").localeCompare(b.logs[0]?.timestamp ?? ""));
+  return result;
+}
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "button",
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
+function Tooltip({ ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Root3, { "data-slot": "tooltip", ...props });
+}
+function TooltipTrigger({ ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Trigger$3, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal$2, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Content2$1,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Arrow2, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+function classifyValue(value) {
+  if (value === null) return "null";
+  if (Array.isArray(value)) return "array";
+  switch (typeof value) {
+    case "string":
+      return "string";
+    case "number":
+      return "number";
+    case "boolean":
+      return "boolean";
+    case "object":
+      return "object";
+    case "bigint":
+    case "symbol":
+    case "undefined":
+    case "function":
+      return "object";
+  }
+}
+function isExpandable(value) {
+  return value !== null && (Array.isArray(value) || typeof value === "object");
+}
+function getPropertyValue(obj, key) {
+  const descriptor = Object.getOwnPropertyDescriptor(obj, key);
+  if (descriptor === void 0) return void 0;
+  return descriptor.value;
+}
+function getEntries(value) {
+  if (Array.isArray(value)) {
+    return value.map((item, index) => [String(index), item]);
+  }
+  if (typeof value === "object" && value !== null) {
+    return Object.keys(value).map((key) => {
+      const raw = getPropertyValue(value, key);
+      return [key, safeJsonValue(raw)];
+    });
+  }
+  return [];
+}
+function getItemCount(value) {
+  if (Array.isArray(value)) return value.length;
+  if (typeof value === "object" && value !== null) return Object.keys(value).length;
+  return 0;
+}
+const STRING_TRUNCATE_LIMIT = 120;
+function StringValue({ text }) {
+  const [expanded, setExpanded] = reactExports.useState(false);
+  const isLong = text.length > STRING_TRUNCATE_LIMIT;
+  if (!isLong) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-emerald-400 break-all", children: [
+      '"',
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "prose prose-sm dark:prose-invert inline max-w-none [&_p]:inline [&_p]:my-0 [&_code]:text-emerald-300 [&_a]:text-emerald-300", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: text }) }),
+      '"'
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-emerald-400 break-all", children: [
+    '"',
+    expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "span",
+      {
+        className: "cursor-pointer prose prose-sm dark:prose-invert inline max-w-none [&_p]:inline [&_p]:my-0 [&_code]:text-emerald-300 [&_a]:text-emerald-300",
+        onClick: (e) => {
+          e.stopPropagation();
+          setExpanded(false);
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.stopPropagation();
+            setExpanded(false);
+          }
+        },
+        role: "button",
+        tabIndex: 0,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: text })
+      }
+    ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { delayDuration: 300, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        TooltipTrigger,
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            setExpanded(true);
+          },
+          className: "text-left cursor-pointer",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: text.slice(0, STRING_TRUNCATE_LIMIT) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-emerald-400/50", children: "…" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        TooltipContent,
+        {
+          side: "bottom",
+          className: "max-w-md text-xs p-2 break-words whitespace-pre-wrap",
+          children: [
+            text.slice(0, 500),
+            text.length > 500 ? "…" : ""
+          ]
+        }
+      )
+    ] }),
+    '"'
+  ] });
+}
+function PrimitiveValue({ value }) {
+  if (value === null) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-rose-400 italic", children: "null" });
+  }
+  switch (typeof value) {
+    case "string":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(StringValue, { text: value });
+    case "number":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-amber-400", children: value });
+    case "boolean":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-400", children: value ? "true" : "false" });
+    case "object":
+    case "bigint":
+    case "symbol":
+    case "undefined":
+    case "function":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground", children: JSON.stringify(value) });
+  }
+}
+function CopyValueButton({ value }) {
+  const [copied, setCopied] = reactExports.useState(false);
+  function handleCopy(e) {
+    e.stopPropagation();
+    void window.navigator.clipboard.writeText(JSON.stringify(value, null, 2)).then(() => {
+      setCopied(true);
+      setTimeout(() => {
+        setCopied(false);
+      }, 2e3);
+    });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: handleCopy,
+      className: "inline-flex items-center gap-1 text-[10px] text-muted-foreground hover:text-foreground transition-colors",
+      title: "Copy JSON",
+      children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3 text-green-500" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3" })
+    }
+  );
+}
+function CopyButton$1({ value }) {
+  const [copied, setCopied] = reactExports.useState(false);
+  function handleCopy(e) {
+    e.stopPropagation();
+    void window.navigator.clipboard.writeText(JSON.stringify(value, null, 2)).then(() => {
+      setCopied(true);
+      setTimeout(() => {
+        setCopied(false);
+      }, 2e3);
+    });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: handleCopy,
+      className: "opacity-0 group-hover/row:opacity-100 hover:bg-muted p-0.5 rounded transition-opacity shrink-0",
+      title: "Copy to clipboard",
+      children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3 text-green-500" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3 text-muted-foreground" })
+    }
+  );
+}
+function hasExpandableDescendant(value) {
+  if (!isExpandable(value)) return false;
+  return getEntries(value).some(([, v]) => isExpandable(v));
+}
+function ExpandCollapseButton({
+  allExpanded,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "opacity-0 group-hover/row:opacity-100 hover:bg-muted p-0.5 rounded transition-opacity shrink-0",
+      title: allExpanded ? "Collapse all" : "Expand all",
+      children: allExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronsUp, { className: "size-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronsDown, { className: "size-3.5 text-muted-foreground" })
+    }
+  );
+}
+function JsonNode({
+  name,
+  value,
+  level,
+  defaultExpandDepth,
+  isArrayItem
+}) {
+  const [expanded, setExpanded] = reactExports.useState(level < defaultExpandDepth);
+  const [childResetKey, setChildResetKey] = reactExports.useState(0);
+  const [childDepthOverride, setChildDepthOverride] = reactExports.useState(null);
+  const [allExpanded, setAllExpanded] = reactExports.useState(false);
+  const expandable = isExpandable(value);
+  const dataType = classifyValue(value);
+  const openBracket = dataType === "array" ? "[" : "{";
+  const closeBracket = dataType === "array" ? "]" : "}";
+  function handleExpandAll(e) {
+    e.stopPropagation();
+    if (allExpanded) {
+      setExpanded(false);
+      setChildDepthOverride(0);
+      setChildResetKey((k) => k + 1);
+      setAllExpanded(false);
+    } else {
+      setExpanded(true);
+      setChildDepthOverride(Number.POSITIVE_INFINITY);
+      setChildResetKey((k) => k + 1);
+      setAllExpanded(true);
+    }
+  }
+  const effectiveChildDepth = childDepthOverride ?? defaultExpandDepth;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn(level > 0 && "border-l border-border/50 ml-2"), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: cn(
+          "flex items-start gap-1 py-0.5 px-1 -ml-1 rounded-sm group/row",
+          expandable && "cursor-pointer hover:bg-muted/50"
+        ),
+        onClick: expandable ? () => {
+          if (expanded) {
+            setAllExpanded(false);
+          }
+          setExpanded(!expanded);
+        } : void 0,
+        onKeyDown: expandable ? (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            setExpanded(!expanded);
+          }
+        } : void 0,
+        role: expandable ? "button" : void 0,
+        tabIndex: expandable ? 0 : void 0,
+        children: [
+          expandable ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-4 h-5 flex items-center justify-center shrink-0", children: expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3 text-muted-foreground" }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-4 shrink-0" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn("shrink-0", isArrayItem ? "text-muted-foreground" : "text-cyan-400"), children: isArrayItem ? name : `"${name}"` }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground shrink-0", children: expandable ? "" : ":" }),
+          expandable ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground", children: [
+            openBracket,
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground/60 text-xs", children: [
+              " ",
+              getItemCount(value),
+              " ",
+              getItemCount(value) === 1 ? "item" : "items",
+              " ",
+              closeBracket
+            ] })
+          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(PrimitiveValue, { value }) }),
+          expandable && hasExpandableDescendant(value) && /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandCollapseButton, { allExpanded, onClick: handleExpandAll }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton$1, { value })
+        ]
+      }
+    ),
+    expandable && expanded && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "pl-4", children: [
+      getEntries(value).map(([key, childValue]) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        JsonNode,
+        {
+          name: key,
+          value: childValue,
+          level: level + 1,
+          defaultExpandDepth: effectiveChildDepth,
+          isArrayItem: dataType === "array"
+        },
+        key
+      )),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground py-0.5 px-1", children: closeBracket })
+    ] }, childResetKey)
+  ] });
+}
+function JsonViewer({
+  data,
+  defaultExpandDepth = 2,
+  className,
+  showCopy = false
+}) {
+  const expandable = isExpandable(data);
+  if (!expandable) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("font-mono text-xs leading-relaxed", className), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(PrimitiveValue, { value: data }),
+      showCopy && /* @__PURE__ */ jsxRuntimeExports.jsx(CopyValueButton, { value: data })
+    ] }) }) });
+  }
+  const dataType = classifyValue(data);
+  const isArray = dataType === "array";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("font-mono text-xs leading-relaxed", className), children: [
+    showCopy && /* @__PURE__ */ jsxRuntimeExports.jsx(CopyValueButton, { value: data }),
+    getEntries(data).map(([key, childValue]) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      JsonNode,
+      {
+        name: key,
+        value: childValue,
+        level: 0,
+        defaultExpandDepth,
+        isArrayItem: isArray
+      },
+      key
+    ))
+  ] }) });
+}
+function JsonViewerFromString({
+  text,
+  defaultExpandDepth = 2,
+  className
+}) {
+  try {
+    const parsed = JSON.parse(text);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      JsonViewer,
+      {
+        data: safeJsonValue(parsed),
+        defaultExpandDepth,
+        className
+      }
+    );
+  } catch {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: cn("font-mono text-xs whitespace-pre-wrap break-words", className), children: text });
+  }
+}
+function safeJsonValue(value) {
+  if (value === null || value === void 0) return null;
+  switch (typeof value) {
+    case "string":
+      return value;
+    case "number":
+      return value;
+    case "boolean":
+      return value;
+    case "object": {
+      if (Array.isArray(value)) {
+        return value.map((item) => safeJsonValue(item));
+      }
+      const result = {};
+      for (const key of Object.keys(value)) {
+        const descriptor = Object.getOwnPropertyDescriptor(value, key);
+        result[key] = safeJsonValue(descriptor?.value);
+      }
+      return result;
+    }
+    case "bigint":
+    case "symbol":
+    case "function":
+    case "undefined":
+      return String(value);
+  }
+  return null;
+}
+function Tabs({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Root2$1,
+    {
+      "data-slot": "tabs",
+      "data-orientation": orientation,
+      orientation,
+      className: cn("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", className),
+      ...props
+    }
+  );
+}
+const tabsListVariants = cva(
+  "rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        line: "gap-1 bg-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function TabsList({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    List$1,
+    {
+      "data-slot": "tabs-list",
+      "data-variant": variant,
+      className: cn(tabsListVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Trigger$2,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent",
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground",
+        "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Content$1,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 outline-none", className),
+      ...props
+    }
+  );
+}
+const badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 [a&]:hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      "data-variant": variant,
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+const AnthropicLogoSvg = "data:image/svg+xml,%3csvg%20height='2500'%20viewBox='0%206.603%201192.672%201193.397'%20width='2500'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m233.96%20800.215%20234.684-131.678%203.947-11.436-3.947-6.363h-11.436l-39.221-2.416-134.094-3.624-116.296-4.832-112.67-6.04-28.35-6.04-26.577-35.035%202.738-17.477%2023.84-16.027%2034.147%202.98%2075.463%205.155%20113.235%207.812%2082.147%204.832%20121.692%2012.644h19.329l2.738-7.812-6.604-4.832-5.154-4.832-117.182-79.41-126.845-83.92-66.443-48.321-35.92-24.484-18.12-22.953-7.813-50.093%2032.618-35.92%2043.812%202.98%2011.195%202.98%2044.375%2034.147%2094.792%2073.37%20123.786%2091.167%2018.12%2015.06%207.249-5.154.886-3.624-8.135-13.61-67.329-121.692-71.838-123.785-31.974-51.302-8.456-30.765c-2.98-12.645-5.154-23.275-5.154-36.242l37.127-50.416%2020.537-6.604%2049.53%206.604%2020.86%2018.121%2030.765%2070.39%2049.852%20110.818%2077.315%20150.684%2022.631%2044.698%2012.08%2041.396%204.51%2012.645h7.813v-7.248l6.362-84.886%2011.759-104.215%2011.436-134.094%203.946-37.772%2018.685-45.262%2037.127-24.482%2028.994%2013.852%2023.839%2034.148-3.303%2022.067-14.174%2092.134-27.785%20144.323-18.121%2096.644h10.55l12.08-12.08%2048.887-64.913%2082.147-102.685%2036.242-40.752%2042.282-45.02%2027.14-21.423h51.303l37.772%2056.135-16.913%2057.986-52.832%2067.007-43.812%2056.779-62.82%2084.563-39.22%2067.651%203.623%205.396%209.343-.886%20141.906-30.201%2076.671-13.852%2091.49-15.705%2041.396%2019.329%204.51%2019.65-16.269%2040.189-97.852%2024.16-114.764%2022.954-170.9%2040.43-2.093%201.53%202.416%202.98%2076.993%207.248%2032.94%201.771h80.617l150.12%2011.195%2039.222%2025.933%2023.517%2031.732-3.946%2024.16-60.403%2030.766-81.503-19.33-190.228-45.26-65.235-16.27h-9.02v5.397l54.362%2053.154%2099.624%2089.96%20124.752%20115.973%206.362%2028.671-16.027%2022.63-16.912-2.415-109.611-82.47-42.282-37.127-95.758-80.618h-6.363v8.456l22.067%2032.296%20116.537%20175.167%206.04%2053.719-8.456%2017.476-30.201%2010.55-33.181-6.04-68.215-95.758-70.39-107.84-56.778-96.644-6.926%203.947-33.503%20360.886-15.705%2018.443-36.243%2013.852-30.201-22.953-16.027-37.127%2016.027-73.37%2019.329-95.758%2015.704-76.107%2014.175-94.55%208.456-31.41-.563-2.094-6.927.886-71.275%2097.852-108.402%20146.497-85.772%2091.812-20.537%208.134-35.597-18.443%203.301-32.94%2019.893-29.315%20118.712-151.007%2071.597-93.583%2046.228-54.04-.322-7.813h-2.738l-315.302%20204.725-56.135%207.248-24.16-22.63%202.98-37.128%2011.435-12.08%2094.792-65.236-.322.323z'%20fill='%23d97757'/%3e%3c/svg%3e";
+const OpenAILogoSvg = "data:image/svg+xml,%3csvg%20height='2500'%20viewBox='-1%20-.1%20949.1%20959.8'%20width='2474'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m925.8%20456.3c10.4%2023.2%2017%2048%2019.7%2073.3%202.6%2025.3%201.3%2050.9-4.1%2075.8-5.3%2024.9-14.5%2048.8-27.3%2070.8-8.4%2014.7-18.3%2028.5-29.7%2041.2-11.3%2012.6-23.9%2024-37.6%2034-13.8%2010-28.5%2018.4-44.1%2025.3-15.5%206.8-31.7%2012-48.3%2015.4-7.8%2024.2-19.4%2047.1-34.4%2067.7-14.9%2020.6-33%2038.7-53.6%2053.6-20.6%2015-43.4%2026.6-67.6%2034.4-24.2%207.9-49.5%2011.8-75%2011.8-16.9.1-33.9-1.7-50.5-5.1-16.5-3.5-32.7-8.8-48.2-15.7s-30.2-15.5-43.9-25.5c-13.6-10-26.2-21.5-37.4-34.2-25%205.4-50.6%206.7-75.9%204.1-25.3-2.7-50.1-9.3-73.4-19.7-23.2-10.3-44.7-24.3-63.6-41.4s-35-37.1-47.7-59.1c-8.5-14.7-15.5-30.2-20.8-46.3s-8.8-32.7-10.6-49.6c-1.8-16.8-1.7-33.8.1-50.7%201.8-16.8%205.5-33.4%2010.8-49.5-17-18.9-31-40.4-41.4-63.6-10.3-23.3-17-48-19.6-73.3-2.7-25.3-1.3-50.9%204-75.8s14.5-48.8%2027.3-70.8c8.4-14.7%2018.3-28.6%2029.6-41.2s24-24%2037.7-34%2028.5-18.5%2044-25.3c15.6-6.9%2031.8-12%2048.4-15.4%207.8-24.3%2019.4-47.1%2034.3-67.7%2015-20.6%2033.1-38.7%2053.7-53.7%2020.6-14.9%2043.4-26.5%2067.6-34.4%2024.2-7.8%2049.5-11.8%2075-11.7%2016.9-.1%2033.9%201.6%2050.5%205.1s32.8%208.7%2048.3%2015.6c15.5%207%2030.2%2015.5%2043.9%2025.5%2013.7%2010.1%2026.3%2021.5%2037.5%2034.2%2024.9-5.3%2050.5-6.6%2075.8-4s50%209.3%2073.3%2019.6c23.2%2010.4%2044.7%2024.3%2063.6%2041.4%2018.9%2017%2035%2036.9%2047.7%2059%208.5%2014.6%2015.5%2030.1%2020.8%2046.3%205.3%2016.1%208.9%2032.7%2010.6%2049.6%201.8%2016.9%201.8%2033.9-.1%2050.8-1.8%2016.9-5.5%2033.5-10.8%2049.6%2017.1%2018.9%2031%2040.3%2041.4%2063.6zm-333.2%20426.9c21.8-9%2041.6-22.3%2058.3-39s30-36.5%2039-58.4c9-21.8%2013.7-45.2%2013.7-68.8v-223q-.1-.3-.2-.7-.1-.3-.3-.6-.2-.3-.5-.5-.3-.3-.6-.4l-80.7-46.6v269.4c0%202.7-.4%205.5-1.1%208.1-.7%202.7-1.7%205.2-3.1%207.6s-3%204.6-5%206.5a32.1%2032.1%200%200%201%20-6.5%205l-191.1%20110.3c-1.6%201-4.3%202.4-5.7%203.2%207.9%206.7%2016.5%2012.6%2025.5%2017.8%209.1%205.2%2018.5%209.6%2028.3%2013.2%209.8%203.5%2019.9%206.2%2030.1%208%2010.3%201.8%2020.7%202.7%2031.1%202.7%2023.6%200%2047-4.7%2068.8-13.8zm-455.1-151.4c11.9%2020.5%2027.6%2038.3%2046.3%2052.7%2018.8%2014.4%2040.1%2024.9%2062.9%2031s46.6%207.7%2070%204.6%2045.9-10.7%2066.4-22.5l193.2-111.5.5-.5q.2-.2.3-.6.2-.3.3-.6v-94l-233.2%20134.9c-2.4%201.4-4.9%202.4-7.5%203.2-2.7.7-5.4%201-8.2%201-2.7%200-5.4-.3-8.1-1-2.6-.8-5.2-1.8-7.6-3.2l-191.1-110.4c-1.7-1-4.2-2.5-5.6-3.4-1.8%2010.3-2.7%2020.7-2.7%2031.1s1%2020.8%202.8%2031.1c1.8%2010.2%204.6%2020.3%208.1%2030.1%203.6%209.8%208%2019.2%2013.2%2028.2zm-50.2-417c-11.8%2020.5-19.4%2043.1-22.5%2066.5s-1.5%2047.1%204.6%2070c6.1%2022.8%2016.6%2044.1%2031%2062.9%2014.4%2018.7%2032.3%2034.4%2052.7%2046.2l193.1%20111.6q.3.1.7.2h.7q.4%200%20.7-.2.3-.1.6-.3l81-46.8-233.2-134.6c-2.3-1.4-4.5-3.1-6.5-5a32.1%2032.1%200%200%201%20-5-6.5c-1.3-2.4-2.4-4.9-3.1-7.6-.7-2.6-1.1-5.3-1-8.1v-227.1c-9.8%203.6-19.3%208-28.3%2013.2-9%205.3-17.5%2011.3-25.5%2018-7.9%206.7-15.3%2014.1-22%2022.1-6.7%207.9-12.6%2016.5-17.8%2025.5zm663.3%20154.4c2.4%201.4%204.6%203%206.6%205%201.9%201.9%203.6%204.1%205%206.5%201.3%202.4%202.4%205%203.1%207.6.6%202.7%201%205.4.9%208.2v227.1c32.1-11.8%2060.1-32.5%2080.8-59.7%2020.8-27.2%2033.3-59.7%2036.2-93.7s-3.9-68.2-19.7-98.5-39.9-55.5-69.5-72.5l-193.1-111.6q-.3-.1-.7-.2h-.7q-.3.1-.7.2-.3.1-.6.3l-80.6%2046.6%20233.2%20134.7zm80.5-121h-.1v.1zm-.1-.1c5.8-33.6%201.9-68.2-11.3-99.7-13.1-31.5-35-58.6-63-78.2-28-19.5-61-30.7-95.1-32.2-34.2-1.4-68%206.9-97.6%2023.9l-193.1%20111.5q-.3.2-.5.5l-.4.6q-.1.3-.2.7-.1.3-.1.7v93.2l233.2-134.7c2.4-1.4%205-2.4%207.6-3.2%202.7-.7%205.4-1%208.1-1%202.8%200%205.5.3%208.2%201%202.6.8%205.1%201.8%207.5%203.2l191.1%20110.4c1.7%201%204.2%202.4%205.6%203.3zm-505.3-103.2c0-2.7.4-5.4%201.1-8.1.7-2.6%201.7-5.2%203.1-7.6%201.4-2.3%203-4.5%205-6.5%201.9-1.9%204.1-3.6%206.5-4.9l191.1-110.3c1.8-1.1%204.3-2.5%205.7-3.2-26.2-21.9-58.2-35.9-92.1-40.2-33.9-4.4-68.3%201-99.2%2015.5-31%2014.5-57.2%2037.6-75.5%2066.4-18.3%2028.9-28%2062.3-28%2096.5v223q.1.4.2.7.1.3.3.6.2.3.5.6.2.2.6.4l80.7%2046.6zm43.8%20294.7%20103.9%2060%20103.9-60v-119.9l-103.8-60-103.9%2060z'/%3e%3c/svg%3e";
+const DeepSeekLogoSvg = "data:image/svg+xml,%3csvg%20fill='none'%20height='1320'%20viewBox='3.771%206.973%2023.993%2017.652'%20width='2500'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m27.501%208.469c-.252-.123-.36.111-.508.23-.05.04-.093.09-.135.135-.368.395-.797.652-1.358.621-.821-.045-1.521.213-2.14.842-.132-.776-.57-1.238-1.235-1.535-.349-.155-.701-.309-.944-.645-.171-.238-.217-.504-.303-.765-.054-.159-.108-.32-.29-.348-.197-.031-.274.135-.352.273-.31.567-.43%201.192-.419%201.825.028%201.421.628%202.554%201.82%203.36.136.093.17.186.128.321-.081.278-.178.547-.264.824-.054.178-.135.217-.324.14a5.448%205.448%200%200%201%20-1.719-1.169c-.848-.82-1.614-1.726-2.57-2.435-.225-.166-.449-.32-.681-.467-.976-.95.128-1.729.383-1.82.267-.096.093-.428-.77-.424s-1.653.293-2.659.677a2.782%202.782%200%200%201%20-.46.135%209.554%209.554%200%200%200%20-2.853-.1c-1.866.21-3.356%201.092-4.452%202.6-1.315%201.81-1.625%203.87-1.246%206.018.399%202.261%201.552%204.136%203.326%205.601%201.837%201.518%203.955%202.262%206.37%202.12%201.466-.085%203.1-.282%204.942-1.842.465.23.952.322%201.762.392.623.059%201.223-.031%201.687-.127.728-.154.677-.828.414-.953-2.132-.994-1.665-.59-2.09-.916%201.084-1.285%202.717-2.619%203.356-6.94.05-.343.007-.558%200-.837-.004-.168.034-.235.228-.254a4.084%204.084%200%200%200%201.529-.47c1.382-.757%201.938-1.997%202.07-3.485.02-.227-.004-.463-.243-.582zm-12.041%2013.391c-2.067-1.627-3.07-2.162-3.483-2.138-.387.021-.318.465-.233.754.089.285.205.482.368.732.113.166.19.414-.112.598-.666.414-1.823-.139-1.878-.166-1.347-.793-2.473-1.842-3.267-3.276-.765-1.38-1.21-2.861-1.284-4.441-.02-.383.093-.518.472-.586a4.692%204.692%200%200%201%201.514-.04c2.109.31%203.905%201.255%205.41%202.749.86.853%201.51%201.871%202.18%202.865.711%201.057%201.478%202.063%202.454%202.887.343.289.619.51.881.672-.792.088-2.117.107-3.022-.61zm.99-6.38a.304.304%200%201%201%20.609%200c0%20.17-.136.304-.306.304a.3.3%200%200%201%20-.303-.305zm3.077%201.581c-.197.08-.394.15-.584.159a1.246%201.246%200%200%201%20-.79-.252c-.27-.227-.463-.354-.546-.752a1.752%201.752%200%200%201%20.016-.582c.07-.324-.008-.531-.235-.72-.187-.155-.422-.196-.682-.196a.551.551%200%200%201%20-.252-.078c-.108-.055-.197-.19-.112-.356.027-.053.159-.183.19-.207.352-.201.758-.135%201.134.016.349.142.611.404.99.773.388.448.457.573.678.906.174.264.333.534.441.842.066.192-.02.35-.248.448z'%20fill='%234d6bfe'/%3e%3c/svg%3e";
+const MiniMaxLogoSvg = "/assets/minimax-BPMzvuL-.jpeg";
+const AlibabaLogoSvg = "/assets/alibaba-TTwafVwX.svg";
+const QwenLogoSvg = "/assets/qwen-CONDcHqt.png";
+const ZhipuAILogoSvg = "/assets/zhipuai-BPNAnxo-.svg";
+const PROVIDER_MAP = {
+  "claude-": "anthropic",
+  "gpt-": "openai",
+  "o1-": "openai",
+  "o3-": "openai",
+  "deepseek-": "deepseek",
+  MiniMax: "minimax",
+  qwen: "qwen",
+  "glm-": "zhipuai"
+};
+function detectProvider(model) {
+  if (model === null) return "unknown";
+  for (const [prefix, provider] of Object.entries(PROVIDER_MAP)) {
+    if (model.startsWith(prefix)) {
+      return provider;
+    }
+  }
+  return "unknown";
+}
+const sizeStyle = { width: 24, height: 24, objectFit: "contain" };
+const AnthropicLogo = React.memo(
+  ({ className }) => /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: AnthropicLogoSvg, alt: "Anthropic", className, style: sizeStyle })
+);
+const OpenAILogo = React.memo(
+  ({ className }) => /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: OpenAILogoSvg, alt: "OpenAI", className, style: sizeStyle })
+);
+const DeepSeekLogo = React.memo(
+  ({ className }) => /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: DeepSeekLogoSvg, alt: "DeepSeek", className, style: sizeStyle })
+);
+const MiniMaxLogo = React.memo(
+  ({ className }) => /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: MiniMaxLogoSvg, alt: "MiniMax", className, style: sizeStyle })
+);
+const AlibabaLogo = React.memo(
+  ({ className }) => /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: AlibabaLogoSvg, alt: "Alibaba", className, style: sizeStyle })
+);
+const QwenLogo = React.memo(
+  ({ className }) => /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: QwenLogoSvg, alt: "Qwen", className, style: sizeStyle })
+);
+const ZhipuAILogo = React.memo(
+  ({ className }) => /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: ZhipuAILogoSvg, alt: "ZhipuAI", className, style: sizeStyle })
+);
+function ProviderLogo({
+  provider,
+  className
+}) {
+  switch (provider) {
+    case "anthropic":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(AnthropicLogo, { className });
+    case "openai":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(OpenAILogo, { className });
+    case "deepseek":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(DeepSeekLogo, { className });
+    case "minimax":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(MiniMaxLogo, { className });
+    case "alibaba":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(AlibabaLogo, { className });
+    case "qwen":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(QwenLogo, { className });
+    case "zhipuai":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ZhipuAILogo, { className });
+    case "unknown":
+      return null;
+  }
+}
+const API_FORMAT_LABELS = {
+  anthropic: "Anthropic",
+  openai: "OpenAI",
+  unknown: "Unknown"
+};
+function formatElapsed(ms) {
+  if (ms < 1e3) return `${ms}ms`;
+  return `${(ms / 1e3).toFixed(1)}s`;
+}
+const STATUS_BADGE_CLASSES = {
+  success: "bg-emerald-500/15 text-emerald-400 border-emerald-500/25",
+  client_error: "bg-amber-500/15 text-amber-400 border-amber-500/25",
+  server_error: "",
+  pending: "bg-muted text-muted-foreground border-border"
+};
+function LogEntryHeader({
+  log,
+  parsedRequest,
+  expanded,
+  onToggle
+}) {
+  const statusCategory = getStatusCategory(log.responseStatus);
+  const hasTokens = log.inputTokens !== null || log.outputTokens !== null;
+  const messageCount = parsedRequest !== null ? parsedRequest.messages.length : null;
+  const toolCount = parsedRequest !== null && parsedRequest.tools !== void 0 && parsedRequest.tools.length > 0 ? parsedRequest.tools.length : null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      className: cn(
+        "flex items-center gap-2.5 px-3 py-2 cursor-pointer transition-colors",
+        "hover:bg-muted/50",
+        "select-none"
+      ),
+      onClick: onToggle,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onToggle();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-blue-400/80 font-mono text-xs font-semibold tabular-nums shrink-0", children: [
+          "#",
+          log.id
+        ] }),
+        log.model !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderLogo, { provider: detectProvider(log.model), className: "size-4 shrink-0" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "secondary", className: "text-[10px] px-1.5 py-0 h-5 font-mono", children: log.model })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Badge,
+          {
+            variant: "outline",
+            className: cn(
+              "text-[10px] px-1.5 py-0 h-5 font-mono",
+              log.apiFormat === "openai" && "border-blue-500/40 text-blue-400",
+              log.apiFormat === "anthropic" && "border-orange-500/40 text-orange-400",
+              log.apiFormat === "unknown" && "border-muted text-muted-foreground"
+            ),
+            children: API_FORMAT_LABELS[log.apiFormat] ?? log.apiFormat
+          }
+        ),
+        statusCategory === "server_error" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "destructive", className: "text-[10px] px-1.5 py-0 h-5 font-mono tabular-nums", children: log.responseStatus }) : statusCategory === "pending" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Badge,
+          {
+            variant: "outline",
+            className: cn(
+              "text-[10px] px-1.5 py-0 h-5 font-mono tabular-nums",
+              STATUS_BADGE_CLASSES[statusCategory]
+            ),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3 animate-spin" })
+          }
+        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Badge,
+          {
+            variant: "outline",
+            className: cn(
+              "text-[10px] px-1.5 py-0 h-5 font-mono tabular-nums",
+              STATUS_BADGE_CLASSES[statusCategory]
+            ),
+            children: log.responseStatus
+          }
+        ),
+        log.elapsedMs !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: formatElapsed(log.elapsedMs) })
+        ] }),
+        hasTokens && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-xs shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Zap, { className: "size-3 text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: log.inputTokens !== null ? "text-blue-400" : "text-muted-foreground", children: [
+              "IN ",
+              log.inputTokens !== null ? formatTokens(log.inputTokens) : "—"
+            ] }),
+            " / ",
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "span",
+              {
+                className: log.outputTokens !== null ? "text-amber-400" : "text-muted-foreground",
+                children: [
+                  "OUT ",
+                  log.outputTokens !== null ? formatTokens(log.outputTokens) : "—"
+                ]
+              }
+            )
+          ] })
+        ] }),
+        log.cacheCreationInputTokens !== null && log.cacheCreationInputTokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex items-center gap-1 text-xs shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-emerald-400", children: [
+          "Cache +",
+          formatTokens(log.cacheCreationInputTokens)
+        ] }) }),
+        log.cacheReadInputTokens !== null && log.cacheReadInputTokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex items-center gap-1 text-xs shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-purple-400", children: [
+          "Cache ~",
+          formatTokens(log.cacheReadInputTokens)
+        ] }) }),
+        messageCount !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(MessageSquare, { className: "size-3" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: messageCount })
+        ] }),
+        toolCount !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Wrench, { className: "size-3" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: toolCount })
+        ] }),
+        log.origin !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "span",
+          {
+            className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0",
+            title: `Origin: ${log.origin}`,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Globe, { className: "size-3" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums truncate max-w-[120px]", title: log.origin, children: log.origin })
+            ]
+          }
+        ),
+        log.userAgent !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "span",
+          {
+            className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0",
+            title: `User-Agent: ${log.userAgent}`,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(User, { className: "size-3" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums truncate max-w-[150px]", title: log.userAgent, children: log.userAgent })
+            ]
+          }
+        ),
+        (log.clientPid !== null || log.clientProjectFolder !== null) && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "span",
+          {
+            className: "flex items-center gap-1 text-purple-400/80 text-xs shrink-0",
+            title: log.clientCwd !== null ? `PID: ${log.clientPid ?? "?"} | CWD: ${log.clientCwd}` : `PID: ${log.clientPid ?? "?"}`,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(FileTerminal, { className: "size-3" }),
+              log.clientProjectFolder !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: log.clientProjectFolder }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums", children: [
+                "PID ",
+                log.clientPid
+              ] })
+            ]
+          }
+        ),
+        log.streaming && /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { className: "size-3 text-muted-foreground/60 shrink-0" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 min-w-0" }),
+        expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4 text-muted-foreground shrink-0" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4 text-muted-foreground shrink-0" })
+      ]
+    }
+  );
+}
+function Dialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Trigger$1, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal$1, { "data-slot": "dialog-portal", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Content,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-4" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("text-lg font-semibold leading-none tracking-tight", className),
+      ...props
+    }
+  );
+}
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Root$1,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Collapsible({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Root$2, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleTrigger$1, { "data-slot": "collapsible-trigger", ...props });
+}
+function CollapsibleContent({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent$1, { "data-slot": "collapsible-content", ...props });
+}
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Root$3,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Viewport$1,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+function assertNever(_value) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+}
+function SystemReminderBlock({ text }) {
+  const [open, setOpen] = reactExports.useState(false);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Collapsible, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(CollapsibleTrigger, { className: "flex items-center gap-1.5 py-0.5 cursor-pointer hover:opacity-80 transition-opacity group", children: [
+      open ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3 text-muted-foreground" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground text-xs italic select-none opacity-60", children: "[system-reminder]" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pl-4 pt-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none [&_pre]:bg-muted [&_pre]:text-foreground [&_code]:text-[0.8em] [&_p]:my-1 [&_ul]:my-1 [&_ol]:my-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: text }) }) }) })
+  ] });
+}
+function TextBlock({ text }) {
+  if (text.includes("<system-reminder>")) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(SystemReminderBlock, { text });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none [&_pre]:bg-muted [&_pre]:text-foreground [&_code]:text-[0.8em] [&_p]:my-1 [&_ul]:my-1 [&_ol]:my-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: text }) });
+}
+function ThinkingBlock({ thinking }) {
+  const [open, setOpen] = reactExports.useState(false);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-l-2 border-purple-500/40 my-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(CollapsibleTrigger, { className: "flex items-center gap-1.5 px-3 py-1 w-full text-left cursor-pointer hover:bg-purple-500/5 transition-colors rounded-r-sm group", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Brain, { className: "size-3.5 text-purple-400 shrink-0" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-purple-400", children: "Thinking" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Badge,
+        {
+          variant: "ghost",
+          className: "text-[10px] text-muted-foreground px-1.5 py-0 h-4 font-mono",
+          children: [
+            thinking.length.toLocaleString(),
+            " chars"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1" }),
+      open ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3 text-muted-foreground" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "max-h-[60vh]", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-xs text-muted-foreground whitespace-pre-wrap font-mono leading-relaxed", children: thinking }) }) }) })
+  ] }) });
+}
+function ToolUseBlock({
+  name,
+  input
+}) {
+  const [open, setOpen] = reactExports.useState(false);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-l-2 border-blue-500/40 my-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(CollapsibleTrigger, { className: "flex items-center gap-1.5 px-3 py-1 w-full text-left cursor-pointer hover:bg-blue-500/5 transition-colors rounded-r-sm group", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { className: "size-3.5 text-blue-400 shrink-0" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: "text-[10px] font-mono px-1.5 py-0 h-4", children: name }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1" }),
+      open ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3 text-muted-foreground" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "max-h-[60vh]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(JsonViewer, { data: safeJsonValue(input), defaultExpandDepth: 2 }) }) }) })
+  ] }) });
+}
+function ResponseContentBlockRenderer({
+  block
+}) {
+  switch (block.type) {
+    case "text":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(TextBlock, { text: block.text });
+    case "thinking":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ThinkingBlock, { thinking: block.thinking });
+    case "tool_use":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ToolUseBlock, { name: block.name, input: block.input });
+    default:
+      return assertNever();
+  }
+}
+function StructuredResponseViewAnthropic({
+  response
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "secondary", className: "text-[10px] px-1.5 py-0 h-5 font-mono", children: response.model }),
+      response.stop_reason !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Badge,
+        {
+          variant: "outline",
+          className: "text-[10px] px-1.5 py-0 h-5 font-mono flex items-center gap-1",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CircleStop, { className: "size-2.5" }),
+            response.stop_reason
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Zap, { className: "size-3" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums", children: [
+          formatTokens(response.usage.input_tokens),
+          " in /",
+          " ",
+          formatTokens(response.usage.output_tokens),
+          " out"
+        ] }),
+        response.usage.cache_creation_input_tokens !== void 0 && response.usage.cache_creation_input_tokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-emerald-400", children: [
+          "Cache +",
+          formatTokens(response.usage.cache_creation_input_tokens)
+        ] }),
+        response.usage.cache_read_input_tokens !== void 0 && response.usage.cache_read_input_tokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-purple-400", children: [
+          "Cache ~",
+          formatTokens(response.usage.cache_read_input_tokens)
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, { className: "opacity-50" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      response.content.map((block, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(ResponseContentBlockRenderer, { block }, i)),
+      response.content.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "Empty response content" })
+    ] })
+  ] });
+}
+function OpenAIResponseView({ response }) {
+  const choice = response.choices[0];
+  const message = choice?.message;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "secondary", className: "text-[10px] px-1.5 py-0 h-5 font-mono", children: response.model }),
+      choice?.finish_reason !== null && choice?.finish_reason !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Badge,
+        {
+          variant: "outline",
+          className: "text-[10px] px-1.5 py-0 h-5 font-mono flex items-center gap-1",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CircleStop, { className: "size-2.5" }),
+            choice.finish_reason
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Zap, { className: "size-3" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums", children: [
+          formatTokens(response.usage.prompt_tokens),
+          " in /",
+          " ",
+          formatTokens(response.usage.completion_tokens),
+          " out"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, { className: "opacity-50" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      message?.reasoning_content !== null && message?.reasoning_content !== void 0 && message.reasoning_content.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border border-purple-500/30 rounded-md p-3 bg-purple-500/5", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-purple-400 font-mono mb-1", children: "thinking" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-purple-200 whitespace-pre-wrap", children: message.reasoning_content })
+      ] }),
+      message?.content !== null && message?.content !== void 0 && message.content.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none [&_pre]:bg-muted [&_pre]:text-foreground [&_code]:text-[0.8em] [&_p]:my-1 [&_ul]:my-1 [&_ol]:my-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: message.content }) }),
+      message?.function_call !== null && message?.function_call !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border border-blue-500/30 rounded-md p-3 bg-blue-500/5", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-blue-400 font-mono mb-1", children: "function_call" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "font-mono text-xs", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-300", children: message.function_call.name }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground", children: [
+            "(",
+            message.function_call.arguments,
+            ")"
+          ] })
+        ] })
+      ] }),
+      (message?.content === null || message?.content === void 0 || message.content.length === 0) && (message?.reasoning_content === null || message?.reasoning_content === void 0 || message.reasoning_content.length === 0) && (message?.function_call === null || message?.function_call === void 0) && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "Empty response content" })
+    ] })
+  ] });
+}
+function isOpenAIResponse(resp) {
+  if (typeof resp !== "object" || resp === null) return false;
+  const desc = Object.getOwnPropertyDescriptor(resp, "object");
+  return desc?.value === "chat.completion";
+}
+function formatViewFor(apiFormat, response) {
+  if (isOpenAIResponse(response)) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(OpenAIResponseView, { response });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(StructuredResponseViewAnthropic, { response });
+}
+function getStatusClasses(category) {
+  switch (category) {
+    case "success":
+      return "text-emerald-400";
+    case "client_error":
+      return "text-amber-400";
+    case "server_error":
+      return "text-red-400";
+    case "pending":
+      return "text-muted-foreground";
+  }
+}
+function parseResponse(text, apiFormat) {
+  try {
+    const json = JSON.parse(text);
+    if (apiFormat === "openai") {
+      const result2 = parseOpenAIResponse(text);
+      if (result2) return result2;
+    }
+    const result = InspectorResponseSchema.safeParse(json);
+    if (result.success) return result.data;
+    return null;
+  } catch {
+    return null;
+  }
+}
+function StatusIndicator({ status }) {
+  const category = getStatusCategory(status);
+  const classes = getStatusClasses(category);
+  if (status === null) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground italic", children: "pending" });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: cn("flex items-center gap-1 text-xs font-mono font-semibold", classes), children: [
+    category === "server_error" && /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-3" }),
+    status
+  ] });
+}
+function ErrorResponseView({ text }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-red-500/30 bg-red-500/5 p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-xs text-red-300 whitespace-pre-wrap font-mono leading-relaxed overflow-auto max-h-[60vh]", children: text }) });
+}
+function MarkdownFallbackView({ text }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none [&_pre]:bg-muted [&_pre]:text-foreground [&_code]:text-[0.8em] [&_p]:my-1 [&_ul]:my-1 [&_ol]:my-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: text }) });
+}
+function ResponseView({
+  responseText,
+  responseStatus,
+  streaming,
+  inputTokens,
+  outputTokens,
+  cacheCreationInputTokens,
+  cacheReadInputTokens,
+  apiFormat
+}) {
+  if (responseText === null) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 py-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(StatusIndicator, { status: responseStatus }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground italic", children: "No response" })
+    ] });
+  }
+  const isError = responseStatus !== null && responseStatus >= 400;
+  if (isError) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(StatusIndicator, { status: responseStatus }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorResponseView, { text: responseText })
+    ] });
+  }
+  const parsed = parseResponse(responseText, apiFormat);
+  if (parsed !== null) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(StatusIndicator, { status: responseStatus }),
+      formatViewFor(apiFormat, parsed)
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(StatusIndicator, { status: responseStatus }),
+      streaming && (inputTokens !== null || outputTokens !== null) && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Zap, { className: "size-3" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums", children: [
+          inputTokens !== null ? formatTokens(inputTokens) : "—",
+          " in /",
+          " ",
+          outputTokens !== null ? formatTokens(outputTokens) : "—",
+          " out"
+        ] }),
+        cacheCreationInputTokens !== null && cacheCreationInputTokens !== void 0 && cacheCreationInputTokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-emerald-400", children: [
+          "Cache +",
+          formatTokens(cacheCreationInputTokens)
+        ] }),
+        cacheReadInputTokens !== null && cacheReadInputTokens !== void 0 && cacheReadInputTokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-purple-400", children: [
+          "Cache ~",
+          formatTokens(cacheReadInputTokens)
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(MarkdownFallbackView, { text: responseText })
+  ] });
+}
+const ReplayResultSchema = object({
+  success: boolean(),
+  error: string().optional(),
+  responseStatus: number().optional(),
+  responseText: string().optional(),
+  inputTokens: number().optional(),
+  outputTokens: number().optional(),
+  elapsedMs: number().optional(),
+  streaming: boolean().optional()
+});
+function ReplayDialog({ log, open, onOpenChange }) {
+  const [modifiedBody, setModifiedBody] = reactExports.useState(() => {
+    return log.rawRequestBody ?? "{}";
+  });
+  const [replayResult, setReplayResult] = reactExports.useState(null);
+  const [loading, setLoading] = reactExports.useState(false);
+  const [error, setError] = reactExports.useState(null);
+  async function handleReplay() {
+    setLoading(true);
+    setError(null);
+    setReplayResult(null);
+    try {
+      const res = await fetch(`/api/logs/${log.id}/replay`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ modifiedBody })
+      });
+      const json = await res.json();
+      const parsed = ReplayResultSchema.safeParse(json);
+      if (!parsed.success) {
+        setError("Invalid response from server");
+        setLoading(false);
+        return;
+      }
+      const data = parsed.data;
+      setReplayResult(data);
+      if (!data.success) {
+        setError(data.error ?? "Replay failed");
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Network error");
+    } finally {
+      setLoading(false);
+    }
+  }
+  function handleClose() {
+    setReplayResult(null);
+    setError(null);
+    onOpenChange(false);
+  }
+  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" }),
+      "Replay Request #",
+      log.id
+    ] }) }),
+    /* @__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" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsContent, { value: "modified", className: "space-y-4", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium mb-2 block", children: "Request Body (JSON)" }),
+          /* @__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",
+              value: modifiedBody,
+              onChange: (e) => setModifiedBody(e.target.value),
+              spellCheck: false
+            }
+          )
+        ] }),
+        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,
+            children: loading ? "Replaying..." : "Replay"
+          }
+        ) }),
+        replayResult && replayResult.success && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { defaultValue: "parsed", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "parsed", children: "Parsed 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: "Parsed 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 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { defaultValue: "parsed", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "parsed", children: "Parsed 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" }) })
+    ] })
+  ] }) });
+}
+function StreamingChunkSequence({
+  logId,
+  truncated
+}) {
+  const [containerExpanded, setContainerExpanded] = reactExports.useState(false);
+  const [chunkState, setChunkState] = reactExports.useState({ status: "idle" });
+  const [expandedIndices, setExpandedIndices] = reactExports.useState(/* @__PURE__ */ new Set());
+  reactExports.useEffect(() => {
+    if (!containerExpanded || chunkState.status !== "idle") return;
+    setChunkState({ status: "loading" });
+    fetch(`/api/logs/${logId}/chunks`).then((res) => {
+      if (!res.ok) {
+        return Promise.reject(new Error("Chunks not found"));
+      }
+      return res.json();
+    }).then((data) => {
+      setChunkState({ status: "success", chunks: data.chunks });
+    }).catch(() => {
+      setChunkState({ status: "error", message: "Chunk data unavailable" });
+    });
+  }, [containerExpanded, logId, chunkState.status]);
+  const groups = reactExports.useMemo(() => {
+    if (chunkState.status !== "success") return [];
+    const map = /* @__PURE__ */ new Map();
+    for (const chunk of chunkState.chunks) {
+      const existing = map.get(chunk.index);
+      if (existing) {
+        existing.push(chunk);
+      } else {
+        map.set(chunk.index, [chunk]);
+      }
+    }
+    return Array.from(map.entries()).map(([index, chunks]) => ({ index, chunks })).sort((a, b) => a.index - b.index);
+  }, [chunkState]);
+  const toggleIndex = (index) => {
+    setExpandedIndices((prev) => {
+      const next = new Set(prev);
+      if (next.has(index)) {
+        next.delete(index);
+      } else {
+        next.add(index);
+      }
+      return next;
+    });
+  };
+  function renderBody() {
+    if (chunkState.status === "idle" || chunkState.status === "loading") {
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 py-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3 animate-spin" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Loading chunks..." })
+      ] });
+    }
+    if (chunkState.status === "error") {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "py-2 text-xs text-muted-foreground italic", children: chunkState.message });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-2 space-y-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-[10px] text-muted-foreground font-mono mb-2", children: [
+        groups.length,
+        " index group",
+        groups.length !== 1 ? "s" : "",
+        " available"
+      ] }),
+      groups.map((group) => {
+        const isExpanded = expandedIndices.has(group.index);
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded border border-border bg-background", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              type: "button",
+              className: "flex items-center gap-2 w-full px-2 py-1.5 text-left hover:bg-muted/50 transition-colors cursor-pointer",
+              onClick: () => toggleIndex(group.index),
+              children: [
+                isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3 text-muted-foreground" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] text-muted-foreground font-mono", children: [
+                  "[",
+                  group.index,
+                  "] ",
+                  group.chunks[0]?.type ?? ""
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] text-muted-foreground font-mono", children: [
+                  group.chunks.length,
+                  " chunk",
+                  group.chunks.length !== 1 ? "s" : ""
+                ] })
+              ]
+            }
+          ),
+          isExpanded && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2 pb-2 space-y-1", children: group.chunks.map((chunk) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded border border-border bg-muted/20 p-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] text-muted-foreground font-mono", children: [
+                "+",
+                chunk.timestamp,
+                "ms"
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground font-mono", children: chunk.type })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(JsonViewer, { data: chunk, defaultExpandDepth: 1, showCopy: true })
+          ] }, chunk.index)) })
+        ] }, group.index);
+      })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        type: "button",
+        className: "flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
+        onClick: () => setContainerExpanded((v) => !v),
+        children: [
+          containerExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Raw SSE Events" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "outline", className: "text-[9px] px-1 py-0 h-4 font-mono ml-1", children: [
+            logId,
+            truncated === true ? "+" : ""
+          ] })
+        ]
+      }
+    ),
+    containerExpanded === true ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-border bg-muted/20 overflow-auto max-h-64", children: renderBody() }) : null
+  ] });
+}
+function CopyButton({
+  text,
+  label,
+  copied,
+  onCopy
+}) {
+  if (text === null) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: onCopy,
+      className: "flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors px-2 py-1 rounded hover:bg-muted",
+      children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3 text-green-500" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-green-500", children: "Copied!" })
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: label })
+      ] })
+    }
+  );
+}
+function LogEntry({ log, viewMode = "simple" }) {
+  const [expanded, setExpanded] = reactExports.useState(false);
+  const [requestCopied, setRequestCopied] = reactExports.useState(false);
+  const [responseCopied, setResponseCopied] = reactExports.useState(false);
+  const [replayOpen, setReplayOpen] = reactExports.useState(false);
+  const parsedRequest = reactExports.useMemo(() => parseRequest(log.rawRequestBody), [log.rawRequestBody]);
+  function handleCopyRequest(e) {
+    e.stopPropagation();
+    if (log.rawRequestBody === null) return;
+    void window.navigator.clipboard.writeText(log.rawRequestBody).then(() => {
+      setRequestCopied(true);
+      setTimeout(() => setRequestCopied(false), 2e3);
+    });
+  }
+  function handleCopyResponse(e) {
+    e.stopPropagation();
+    if (log.responseText === null) return;
+    void window.navigator.clipboard.writeText(log.responseText).then(() => {
+      setResponseCopied(true);
+      setTimeout(() => setResponseCopied(false), 2e3);
+    });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("border border-border rounded-lg mb-3 overflow-hidden"), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        LogEntryHeader,
+        {
+          log,
+          parsedRequest,
+          expanded,
+          onToggle: () => setExpanded(!expanded)
+        }
+      ),
+      expanded && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { defaultValue: "request", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { className: "mx-4 mt-2", children: [
+          viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "raw-headers", children: "Raw Headers" }),
+          viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "headers", children: "Headers" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "request", children: "Request" }),
+          viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "raw", children: "Raw Response" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "parsed", children: "Parsed Response" })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "request", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-end gap-2 mb-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                className: "h-7 text-xs",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  setReplayOpen(true);
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { className: "size-3 mr-1" }),
+                  "Replay"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              CopyButton,
+              {
+                text: log.rawRequestBody,
+                label: "Copy Request",
+                copied: requestCopied,
+                onCopy: handleCopyRequest
+              }
+            )
+          ] }),
+          log.rawRequestBody !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(JsonViewerFromString, { text: log.rawRequestBody, defaultExpandDepth: 1 }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "No request body" })
+        ] }) }),
+        viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "headers", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-3", children: log.headers && Object.keys(log.headers).length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1 font-mono text-xs", children: Object.entries(log.headers).sort(([a], [b]) => a.localeCompare(b)).map(([key, value]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-blue-600 dark:text-blue-400 font-semibold shrink-0", children: [
+            key,
+            ":"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground truncate", title: value, children: value })
+        ] }, key)) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "No headers captured" }) }) }),
+        viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw-headers", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-3", children: log.rawHeaders && Object.keys(log.rawHeaders).length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1 font-mono text-xs", children: Object.entries(log.rawHeaders).sort(([a], [b]) => a.localeCompare(b)).map(([key, value]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-blue-600 dark:text-blue-400 font-semibold shrink-0", children: [
+            key,
+            ":"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground truncate", title: value, children: value })
+        ] }, key)) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "No raw headers captured" }) }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-3 space-y-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            CopyButton,
+            {
+              text: log.responseText,
+              label: "Copy Response",
+              copied: responseCopied,
+              onCopy: handleCopyResponse
+            }
+          ) }),
+          log.responseText !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(JsonViewerFromString, { text: log.responseText, defaultExpandDepth: 1 }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "No response" }),
+          log.streaming === true && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            StreamingChunkSequence,
+            {
+              logId: log.id,
+              truncated: log.streamingChunksPath !== null
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "parsed", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-3", 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(ReplayDialog, { log, open: replayOpen, onOpenChange: setReplayOpen })
+  ] });
+}
+function computeStats(logs) {
+  let totalInput = 0;
+  let totalOutput = 0;
+  for (const log of logs) {
+    if (log.inputTokens !== null) totalInput += log.inputTokens;
+    if (log.outputTokens !== null) totalOutput += log.outputTokens;
+  }
+  return { totalInputTokens: totalInput, totalOutputTokens: totalOutput };
+}
+function ConversationGroup({
+  group,
+  viewMode = "simple"
+}) {
+  const [expanded, setExpanded] = reactExports.useState(false);
+  const stats = computeStats(group.logs);
+  const startTime = group.logs[0]?.timestamp ?? (/* @__PURE__ */ new Date()).toISOString();
+  const endTime = group.logs[group.logs.length - 1]?.timestamp ?? (/* @__PURE__ */ new Date()).toISOString();
+  const displayId = group.conversationId.startsWith("PID:") || group.conversationId.includes("|") ? group.conversationId : group.conversationId.length > 24 ? group.conversationId.slice(0, 12) + "…" + group.conversationId.slice(-12) : group.conversationId;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-4", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ConversationHeader,
+      {
+        conversationId: displayId,
+        startTime,
+        endTime,
+        totalCalls: group.logs.length,
+        totalInputTokens: stats.totalInputTokens,
+        totalOutputTokens: stats.totalOutputTokens,
+        expanded,
+        onToggle: () => setExpanded(!expanded)
+      }
+    ),
+    expanded && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pl-4 border-l-2 border-muted ml-3", children: group.logs.map((log) => /* @__PURE__ */ jsxRuntimeExports.jsx(LogEntry, { log, viewMode }, log.id)) })
+  ] });
+}
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Root2, { "data-slot": "select", ...props });
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  align = "center",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Content2,
+    {
+      "data-slot": "select-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      align,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ItemIndicator, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ItemText, { children })
+      ]
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn("flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronUp, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn("flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4" })
+    }
+  );
+}
+const KNOWN_PROVIDER_DOCS = {
+  deepseek: "https://api-docs.deepseek.com/zh-cn/"
+};
+function maskApiKey(apiKey) {
+  if (apiKey.length <= 8) return "••••••••";
+  return apiKey.slice(0, 4) + "••••••••" + apiKey.slice(-4);
+}
+function hasSuccessField(result) {
+  return Object.prototype.hasOwnProperty.call(result, "success");
+}
+function TestStatus({ result }) {
+  if (!hasSuccessField(result)) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Minus, { className: "size-3" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Not configured" })
+    ] });
+  }
+  if (result.success) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 text-xs text-green-600", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheckBig, { className: "size-3" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Connected" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 text-xs text-red-600", title: result.error, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CircleX, { className: "size-3" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: result.error })
+  ] });
+}
+function ProviderCard({
+  provider,
+  testResults,
+  isTesting,
+  onEdit,
+  onDelete,
+  onTest
+}) {
+  const [showApiKey, setShowApiKey] = reactExports.useState(false);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border rounded-lg p-4 flex flex-col gap-3 bg-card", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2 min-w-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium truncate", children: provider.model !== void 0 && provider.model !== "" ? `${provider.model} (${provider.name})` : provider.name }) }),
+      Object.entries(KNOWN_PROVIDER_DOCS).map(
+        ([keyword, url]) => provider.name.toLowerCase().includes(keyword) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "a",
+          {
+            href: url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "text-muted-foreground hover:text-foreground transition-colors flex items-center gap-1 text-xs",
+            title: "View API documentation",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "size-3" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Docs" })
+            ]
+          },
+          keyword
+        ) : null
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "text-xs text-muted-foreground bg-muted px-2 py-1 rounded flex-1 truncate", children: showApiKey ? provider.apiKey : maskApiKey(provider.apiKey) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setShowApiKey((s) => !s),
+          className: "text-muted-foreground hover:text-foreground transition-colors p-1",
+          "aria-label": showApiKey ? "Hide API key" : "Show API key",
+          children: showApiKey ? /* @__PURE__ */ jsxRuntimeExports.jsx(EyeOff, { className: "size-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { className: "size-4" })
+        }
+      )
+    ] }),
+    provider.anthropicBaseUrl !== void 0 && provider.anthropicBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-muted-foreground min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: "Anthropic:" }),
+        " ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: provider.anthropicBaseUrl })
+      ] }),
+      testResults && /* @__PURE__ */ jsxRuntimeExports.jsx(TestStatus, { result: testResults.anthropic.nonStreaming })
+    ] }),
+    provider.openaiBaseUrl !== void 0 && provider.openaiBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-muted-foreground min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: "OpenAI:" }),
+        " ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: provider.openaiBaseUrl })
+      ] }),
+      testResults && /* @__PURE__ */ jsxRuntimeExports.jsx(TestStatus, { result: testResults.openai.nonStreaming })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 pt-1 border-t", children: [
+      onTest !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => onTest(provider.id),
+          className: "text-xs h-7 gap-1",
+          disabled: isTesting ?? false,
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCw, { className: `size-3 ${isTesting ?? false ? "animate-spin" : ""}` }),
+            isTesting ?? false ? "Testing..." : "Test"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => onEdit(provider),
+          className: "text-xs h-7 gap-1",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, { className: "size-3" }),
+            "Edit"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => onDelete(provider.id),
+          className: "text-xs h-7 gap-1 text-destructive hover:text-destructive",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3" }),
+            "Delete"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+const KNOWN_PROVIDER_PRESETS = {
+  deepseek: {
+    format: "openai",
+    baseUrl: "https://api.deepseek.com"
+  },
+  minimax: {
+    format: "anthropic",
+    baseUrl: "https://api.minimaxi.com/anthropic"
+  },
+  alibaba: {
+    format: "openai",
+    baseUrl: "https://dashscope.aliyuncs.com/compatible-mode"
+  }
+};
+const MINIMAX_MODELS = [
+  "MiniMax M2.7",
+  "MiniMax M2.7-highspeed",
+  "MiniMax M2.5",
+  "MiniMax M2.5-highspeed",
+  "MiniMax M2.1",
+  "MiniMax M2.1-highspeed",
+  "MiniMax M2"
+];
+const ALIBABA_MODELS = ["glm-5", "glm-5.1", "qwen3.6-plus", "qwen3.7-max"];
+function ProviderForm({ provider, onSubmit, onCancel }) {
+  const [name, setName] = reactExports.useState(provider?.name ?? "Provider Name");
+  const [apiKey, setApiKey] = reactExports.useState(provider?.apiKey ?? "");
+  const [model, setModel] = reactExports.useState(provider?.model ?? "");
+  const [format, setFormat] = reactExports.useState(provider?.format ?? "anthropic");
+  const [baseUrl, setBaseUrl] = reactExports.useState(provider?.baseUrl ?? "");
+  const [errors, setErrors] = reactExports.useState({});
+  const [isSubmitting, setIsSubmitting] = reactExports.useState(false);
+  const [manualBaseUrlOverride, setManualBaseUrlOverride] = reactExports.useState(false);
+  const isMiniMax = name.toLowerCase().includes("minimax");
+  const isAlibaba = name.toLowerCase().includes("alibaba");
+  reactExports.useEffect(() => {
+    if (provider) {
+      setName(provider.name);
+      setApiKey(provider.apiKey);
+      setModel(provider.model ?? "");
+      setFormat(provider.format ?? "anthropic");
+      setBaseUrl(provider.baseUrl ?? "");
+      setManualBaseUrlOverride(false);
+    }
+  }, [provider]);
+  reactExports.useEffect(() => {
+    const lowerName = name.toLowerCase();
+    for (const [keyword, preset] of Object.entries(KNOWN_PROVIDER_PRESETS)) {
+      if (lowerName.includes(keyword)) {
+        if (!manualBaseUrlOverride) {
+          setFormat(preset.format);
+          setBaseUrl(preset.baseUrl);
+        }
+        if (keyword === "minimax" && !model) {
+          setModel(MINIMAX_MODELS[0] ?? "");
+        }
+        if (keyword === "alibaba" && !model) {
+          setModel(ALIBABA_MODELS[0] ?? "");
+        }
+        break;
+      }
+    }
+  }, [name]);
+  function validate() {
+    const newErrors = {};
+    if (!name.trim()) {
+      newErrors.name = "Name is required";
+    }
+    if (!apiKey.trim()) {
+      newErrors.apiKey = "API key is required";
+    }
+    if (!model.trim()) {
+      newErrors.model = "Model is required";
+    }
+    if (!baseUrl.trim()) {
+      newErrors.baseUrl = "Base URL is required";
+    } else if (!isValidUrl(baseUrl.trim())) {
+      newErrors.baseUrl = "Invalid URL format";
+    }
+    setErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  }
+  function isValidUrl(str) {
+    try {
+      new URL(str);
+      return true;
+    } catch {
+      return false;
+    }
+  }
+  function handleSubmit(e) {
+    e.preventDefault();
+    if (!validate()) return;
+    setIsSubmitting(true);
+    try {
+      onSubmit({
+        name: name.trim(),
+        apiKey: apiKey.trim(),
+        model: model.trim() || void 0,
+        format,
+        baseUrl: baseUrl.trim() || void 0
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { htmlFor: "provider-name", className: "text-sm font-medium", children: [
+        "Name ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          id: "provider-name",
+          type: "text",
+          value: name,
+          onChange: (e) => setName(e.target.value),
+          placeholder: "Model Name",
+          className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50"
+        }
+      ),
+      errors.name !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.name })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { htmlFor: "provider-apikey", className: "text-sm font-medium", children: [
+        "API Key ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          id: "provider-apikey",
+          type: "password",
+          value: apiKey,
+          onChange: (e) => setApiKey(e.target.value),
+          placeholder: "sk-ant-...",
+          className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50"
+        }
+      ),
+      errors.apiKey !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.apiKey })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { htmlFor: "provider-model", className: "text-sm font-medium", children: [
+        "Model ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+      ] }),
+      isMiniMax || isAlibaba ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "select",
+        {
+          id: "provider-model",
+          value: model,
+          onChange: (e) => setModel(e.target.value),
+          className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+          children: (isMiniMax ? MINIMAX_MODELS : ALIBABA_MODELS).map((m) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: m, children: m }, m))
+        }
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          id: "provider-model",
+          type: "text",
+          value: model,
+          onChange: (e) => setModel(e.target.value),
+          placeholder: "",
+          className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50"
+        }
+      ),
+      errors.model !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.model })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { htmlFor: "provider-format", className: "text-sm font-medium", children: [
+        "API Format ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "select",
+        {
+          id: "provider-format",
+          value: format,
+          onChange: (e) => setFormat(e.target.value === "anthropic" ? "anthropic" : "openai"),
+          className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "anthropic", children: "Anthropic (/v1/messages)" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "openai", children: "OpenAI (/v1/chat/completions)" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: format === "anthropic" ? "Use Anthropic format for /v1/messages endpoint" : "Use OpenAI format for /v1/chat/completions endpoint" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { htmlFor: "provider-base-url", className: "text-sm font-medium", children: [
+        "Base URL ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          id: "provider-base-url",
+          type: "text",
+          value: baseUrl,
+          onChange: (e) => {
+            setManualBaseUrlOverride(true);
+            setBaseUrl(e.target.value);
+          },
+          placeholder: format === "anthropic" ? "https://api.anthropic.com" : "https://api.openai.com/v1",
+          className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50"
+        }
+      ),
+      errors.baseUrl !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.baseUrl }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Base URL for the provider API." })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 justify-end pt-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "button", variant: "outline", onClick: onCancel, disabled: isSubmitting, children: "Cancel" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Saving..." : provider ? "Update Provider" : "Add Provider" })
+    ] })
+  ] });
+}
+function ProvidersPanel() {
+  const [providers, setProviders] = reactExports.useState([]);
+  const [isLoading, setIsLoading] = reactExports.useState(true);
+  const [showForm, setShowForm] = reactExports.useState(false);
+  const [editingProvider, setEditingProvider] = reactExports.useState();
+  const [error, setError] = reactExports.useState(null);
+  const [testResults, setTestResults] = reactExports.useState({});
+  const [testingProviders, setTestingProviders] = reactExports.useState(/* @__PURE__ */ new Set());
+  const [configPath, setConfigPath] = reactExports.useState(null);
+  const [configPathCopied, setConfigPathCopied] = reactExports.useState(false);
+  const fetchProviders = reactExports.useCallback(async () => {
+    try {
+      const providersRes = await fetch("/api/providers");
+      const providersData = await providersRes.json();
+      setProviders(providersData);
+    } catch {
+      setError("Failed to load providers");
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  reactExports.useEffect(() => {
+    void fetchProviders();
+    void (async () => {
+      try {
+        const res = await fetch("/api/config/paths");
+        if (res.ok) {
+          const data = await res.json();
+          setConfigPath(data.providerConfig);
+        }
+      } catch {
+      }
+    })();
+  }, [fetchProviders]);
+  const runTest = reactExports.useCallback(async (providerId) => {
+    setTestingProviders((prev) => new Set(prev).add(providerId));
+    try {
+      const res = await fetch(`/api/providers/${providerId}/test`, { method: "POST" });
+      if (res.ok) {
+        const results = await res.json();
+        setTestResults((prev) => ({ ...prev, [providerId]: results }));
+      }
+    } finally {
+      setTestingProviders((prev) => {
+        const next = new Set(prev);
+        next.delete(providerId);
+        return next;
+      });
+    }
+  }, []);
+  function handleAddProvider(data) {
+    void (async () => {
+      const res = await fetch("/api/providers", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(data)
+      });
+      if (!res.ok) {
+        const err = await res.json();
+        setError(err.error ?? "Failed to add provider");
+        return;
+      }
+      const newProvider = await res.json();
+      await fetchProviders();
+      setShowForm(false);
+      await runTest(newProvider.id);
+    })();
+  }
+  function handleUpdateProvider(data) {
+    if (!editingProvider) return;
+    void (async () => {
+      const res = await fetch(`/api/providers/${editingProvider.id}`, {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(data)
+      });
+      if (!res.ok) {
+        const err = await res.json();
+        setError(err.error ?? "Failed to update provider");
+        return;
+      }
+      const updated = await res.json();
+      await fetchProviders();
+      setEditingProvider(void 0);
+      await runTest(updated.id);
+    })();
+  }
+  function handleDeleteProvider(providerId) {
+    if (!window.confirm("Are you sure you want to delete this provider?")) return;
+    void (async () => {
+      const res = await fetch(`/api/providers/${providerId}`, {
+        method: "DELETE"
+      });
+      if (!res.ok) {
+        const err = await res.json();
+        setError(err.error ?? "Failed to delete provider");
+        return;
+      }
+      await fetchProviders();
+    })();
+  }
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "Loading providers..." }) });
+  }
+  if (showForm || editingProvider) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-lg font-medium", children: editingProvider ? "Edit Provider" : "Add New Provider" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ProviderForm,
+        {
+          provider: editingProvider,
+          onSubmit: editingProvider ? handleUpdateProvider : handleAddProvider,
+          onCancel: () => {
+            setShowForm(false);
+            setEditingProvider(void 0);
+          }
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-lg font-medium", children: "Providers" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { onClick: () => setShowForm(true), size: "sm", className: "gap-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" }),
+        "Add Provider"
+      ] })
+    ] }),
+    configPath !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground bg-muted/30 rounded-md px-3 py-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0", children: "Config:" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono truncate", title: configPath, children: configPath }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            void window.navigator.clipboard.writeText(configPath).then(() => {
+              setConfigPathCopied(true);
+              setTimeout(() => setConfigPathCopied(false), 2e3);
+            });
+          },
+          className: "shrink-0 ml-auto text-muted-foreground hover:text-foreground transition-colors",
+          title: "Copy path",
+          children: configPathCopied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3 text-green-500" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3" })
+        }
+      )
+    ] }),
+    error !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-sm text-destructive bg-destructive/10 rounded-md px-3 py-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "size-4 shrink-0" }),
+      error
+    ] }),
+    providers.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center py-12 space-y-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "No providers configured yet." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { onClick: () => setShowForm(true), variant: "outline", size: "sm", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" }),
+        "Add Your First Provider"
+      ] })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-3", children: providers.map((provider) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ProviderCard,
+      {
+        provider,
+        testResults: testResults[provider.id],
+        isTesting: testingProviders.has(provider.id),
+        onEdit: (p) => setEditingProvider(p),
+        onDelete: handleDeleteProvider,
+        onTest: (id) => {
+          void runTest(id);
+        }
+      },
+      provider.id
+    )) })
+  ] });
+}
+function SettingsDialog() {
+  const [open, setOpen] = reactExports.useState(false);
+  const [activeTab, setActiveTab] = reactExports.useState("providers");
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Dialog, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "ghost", size: "icon", className: "size-8", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Settings, { className: "size-4" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Settings" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "max-w-2xl max-h-[80vh] overflow-hidden flex flex-col", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Settings" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "flex-1 overflow-hidden", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsList, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "providers", children: "Providers" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 overflow-y-auto flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "providers", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProvidersPanel, {}) }) })
+      ] })
+    ] })
+  ] });
+}
+function truncateSessionId(id) {
+  if (id.length <= 30) return id;
+  return id.slice(0, 12) + "…" + id.slice(-12);
+}
+function computeTokenSummary(logs) {
+  let totalIn = 0;
+  let totalOut = 0;
+  for (const log of logs) {
+    if (log.inputTokens !== null) totalIn += log.inputTokens;
+    if (log.outputTokens !== null) totalOut += log.outputTokens;
+  }
+  return { totalIn, totalOut };
+}
+function CopyableCommand({ command }) {
+  const [copied, setCopied] = reactExports.useState(false);
+  const handleCopy = reactExports.useCallback(() => {
+    void window.navigator.clipboard.writeText(command).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    });
+  }, [command]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "inline-flex items-center gap-2 bg-muted rounded-md px-3 py-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-blue-500 font-mono text-sm m-0", children: command }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: handleCopy,
+        className: "text-muted-foreground hover:text-foreground transition-colors shrink-0 cursor-pointer",
+        "aria-label": "Copy command",
+        children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "svg",
+          {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M20 6 9 17l-5-5" })
+          }
+        ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "svg",
+          {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+function ProxyViewer({
+  logs,
+  sessions,
+  models,
+  selectedSession,
+  selectedModel,
+  onSessionChange,
+  onModelChange,
+  onClearAll,
+  viewMode,
+  onViewModeChange
+}) {
+  const { totalIn, totalOut } = computeTokenSummary(logs);
+  const [groupedView, setGroupedView] = reactExports.useState(true);
+  const [exporting, setExporting] = reactExports.useState(false);
+  const handleExport = reactExports.useCallback(async () => {
+    setExporting(true);
+    try {
+      await exportLogsAsZip(logs);
+    } finally {
+      setExporting(false);
+    }
+  }, [logs]);
+  const parentRef = reactExports.useRef(null);
+  const groups = reactExports.useMemo(() => groupLogsByConversation(logs), [logs]);
+  const renderGroups = logs.length > 0 && groupedView && !(groups.length === 1 && groups[0]?.logs.length === logs.length);
+  const rowVirtualizer = useVirtualizer({
+    count: renderGroups ? groups.length : logs.length,
+    getScrollElement: () => parentRef.current,
+    estimateSize: () => 150,
+    measureElement: typeof window !== "undefined" ? (element) => element.getBoundingClientRect().height : void 0,
+    overscan: 5
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-[1200px] mx-auto flex flex-col h-screen", style: { maxHeight: "100vh" }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-4 mb-4 px-6 pt-6", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-lg font-bold flex-1", children: "LLM Proxy Inspector" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center border border-border rounded-md overflow-hidden", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onViewModeChange("simple"),
+            className: `px-2 py-1 cursor-pointer transition-colors text-xs ${viewMode === "simple" ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted/50"}`,
+            children: "Simple"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onViewModeChange("full"),
+            className: `px-2 py-1 cursor-pointer transition-colors text-xs ${viewMode === "full" ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted/50"}`,
+            children: "Full"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsDialog, {}),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground text-xs font-mono", children: [
+        logs.length,
+        " request",
+        logs.length !== 1 ? "s" : "",
+        totalIn > 0 || totalOut > 0 ? ` · ${totalIn.toLocaleString()} in / ${totalOut.toLocaleString()} out` : ""
+      ] }),
+      logs.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            void handleExport();
+          },
+          disabled: exporting,
+          className: "text-xs text-muted-foreground hover:text-foreground transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center gap-1",
+          title: "Export all logs as JSON ZIP",
+          children: exporting ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Exporting..." }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Download, { className: "size-3" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Export All" })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClearAll,
+          className: "text-xs text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
+          title: "Clear all logs",
+          children: "Clear All"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-3 px-6 mb-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: selectedSession, onValueChange: onSessionChange, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "flex-1 max-w-[400px] text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All sessions" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "__all__", children: "All sessions" }),
+          sessions.map((s) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: s, children: truncateSessionId(s) }, s))
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: selectedModel, onValueChange: onModelChange, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All models" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "__all__", children: "All models" }),
+          models.map((m) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: m, children: m }, m))
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center border border-border rounded-md overflow-hidden", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setGroupedView(true),
+            className: `px-2 py-1.5 cursor-pointer transition-colors ${groupedView ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted/50"}`,
+            title: "Grouped view",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(LayoutGrid, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setGroupedView(false),
+            className: `px-2 py-1.5 cursor-pointer transition-colors ${!groupedView ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted/50"}`,
+            title: "Flat view",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(List, { className: "size-4" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 px-6 pb-6", children: logs.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center text-muted-foreground py-16 space-y-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm", children: "No requests captured yet." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs", children: "Route AI coding tools through the proxy:" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CopyableCommand, { command: "LLM_BASE_URL=http://localhost:25947/proxy <your-tool>" })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: parentRef, className: "overflow-y-auto h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        style: {
+          height: `${rowVirtualizer.getTotalSize()}px`,
+          width: "100%",
+          position: "relative"
+        },
+        children: rowVirtualizer.getVirtualItems().map((virtualRow) => {
+          if (renderGroups) {
+            const group = groups[virtualRow.index];
+            if (group === void 0) return null;
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "div",
+              {
+                "data-index": virtualRow.index,
+                ref: rowVirtualizer.measureElement,
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  width: "100%",
+                  transform: `translateY(${virtualRow.start}px)`
+                },
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConversationGroup, { group, viewMode })
+              },
+              group.id
+            );
+          } else {
+            const log = logs[virtualRow.index];
+            if (log === void 0) return null;
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "div",
+              {
+                "data-index": virtualRow.index,
+                ref: rowVirtualizer.measureElement,
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  width: "100%",
+                  transform: `translateY(${virtualRow.start}px)`
+                },
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(LogEntry, { log, viewMode })
+              },
+              log.id
+            );
+          }
+        })
+      }
+    ) }) })
+  ] });
+}
+object({
+  logs: array(CapturedLogSchema),
+  total: number(),
+  offset: number(),
+  limit: number()
+});
+const SSEUpdateSchema = union([
+  object({
+    type: literal("init"),
+    logs: array(CapturedLogSchema)
+  }),
+  object({
+    type: literal("update"),
+    log: CapturedLogSchema
+  })
+]);
+function extractSessions(logs) {
+  const set = /* @__PURE__ */ new Set();
+  for (const l of logs) {
+    if (l.sessionId !== null && l.sessionId !== "") set.add(l.sessionId);
+  }
+  return [...set];
+}
+function extractModels(logs) {
+  const set = /* @__PURE__ */ new Set();
+  for (const l of logs) {
+    if (l.model !== null && l.model !== "") set.add(l.model);
+  }
+  return [...set];
+}
+function ProxyViewerContainer() {
+  const [logs, setLogs] = reactExports.useState([]);
+  const [sessions, setSessions] = reactExports.useState([]);
+  const [models, setModels] = reactExports.useState([]);
+  const [selectedSession, setSelectedSession] = reactExports.useState("__all__");
+  const [selectedModel, setSelectedModel] = reactExports.useState("__all__");
+  const [viewMode, setViewMode] = reactExports.useState("simple");
+  const [error, setError] = reactExports.useState(null);
+  const eventSourceRef = reactExports.useRef(null);
+  const fetchSessionsAndModels = reactExports.useCallback(async () => {
+    try {
+      const [sessionsRes, modelsRes] = await Promise.all([
+        fetch("/api/sessions"),
+        fetch("/api/models")
+      ]);
+      if (sessionsRes.ok && modelsRes.ok) {
+        const sessionsJson = await sessionsRes.json();
+        const modelsJson = await modelsRes.json();
+        const sessionsResult = array(string()).safeParse(sessionsJson);
+        const modelsResult = array(string()).safeParse(modelsJson);
+        if (sessionsResult.success) setSessions(sessionsResult.data);
+        if (modelsResult.success) setModels(modelsResult.data);
+      }
+    } catch {
+    }
+  }, []);
+  const connectSSE = reactExports.useCallback(() => {
+    if (eventSourceRef.current) {
+      eventSourceRef.current.close();
+    }
+    const params = new URLSearchParams();
+    if (selectedSession !== "__all__") params.set("sessionId", selectedSession);
+    if (selectedModel !== "__all__") params.set("model", selectedModel);
+    const es = new EventSource(`/api/logs/stream?${params}`);
+    eventSourceRef.current = es;
+    es.onmessage = (event) => {
+      try {
+        const rawData = String(event.data);
+        const parsed = JSON.parse(rawData);
+        const updateResult = SSEUpdateSchema.safeParse(parsed);
+        if (!updateResult.success) {
+          setError("Failed to parse SSE data");
+          return;
+        }
+        const update = updateResult.data;
+        if (update.type === "init") {
+          setLogs(update.logs);
+          setSessions(extractSessions(update.logs));
+          setModels(extractModels(update.logs));
+          setError(null);
+        } else if (update.type === "update") {
+          setLogs((prev) => {
+            const sessionMatch = selectedSession === "__all__" || update.log.sessionId === selectedSession;
+            const modelMatch = selectedModel === "__all__" || update.log.model === selectedModel;
+            if (!sessionMatch || !modelMatch) return prev;
+            const existsIndex = prev.findIndex((l) => l.id === update.log.id);
+            if (existsIndex >= 0) {
+              return prev.map((l) => l.id === update.log.id ? update.log : l);
+            }
+            return [...prev, update.log];
+          });
+          setSessions((prev) => {
+            const sessionId = update.log.sessionId;
+            if (sessionId !== null && sessionId !== void 0 && sessionId !== "") {
+              return prev.includes(sessionId) ? prev : [...prev, sessionId];
+            }
+            return prev;
+          });
+          setModels((prev) => {
+            const model = update.log.model;
+            if (model !== null && model !== void 0 && model !== "") {
+              return prev.includes(model) ? prev : [...prev, model];
+            }
+            return prev;
+          });
+        }
+      } catch {
+        setError("Failed to parse SSE data");
+      }
+    };
+    es.onerror = () => {
+      setError("SSE connection lost, reconnecting...");
+      es.close();
+      setTimeout(connectSSE, 3e3);
+    };
+    void fetchSessionsAndModels();
+  }, [selectedSession, selectedModel, fetchSessionsAndModels]);
+  reactExports.useEffect(() => {
+    connectSSE();
+    return () => {
+      if (eventSourceRef.current) {
+        eventSourceRef.current.close();
+        eventSourceRef.current = null;
+      }
+    };
+  }, [connectSSE]);
+  const handleClearAll = reactExports.useCallback(() => {
+    void (async () => {
+      try {
+        const res = await fetch("/api/logs", { method: "DELETE" });
+        if (!res.ok) {
+          setError("Failed to clear logs");
+          return;
+        }
+        setLogs([]);
+        setSessions([]);
+        setModels([]);
+        setError(null);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Unknown error clearing logs");
+      }
+    })();
+  }, []);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    error !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed top-4 right-4 bg-destructive text-destructive-foreground px-4 py-2 rounded-md text-sm z-50", children: error }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ProxyViewer,
+      {
+        logs,
+        sessions,
+        models,
+        selectedSession,
+        selectedModel,
+        onSessionChange: setSelectedSession,
+        onModelChange: setSelectedModel,
+        onClearAll: handleClearAll,
+        viewMode,
+        onViewModeChange: setViewMode
+      }
+    )
+  ] });
+}
+const SplitComponent = ProxyViewerContainer;
+export {
+  SplitComponent as component
+};