@tonyclaw/agent-inspector 2.0.23 → 2.0.25

package/.output/server/_ssr/{ProxyViewerContainer-BKInvawk.mjs → ProxyViewerContainer-Co9ENCKV.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, a as React } from "../_libs/react.mjs";
-import { C as CapturedLogSchema, D as DEFAULT_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS, c as DEFAULT_TIME_DISPLAY_FORMAT, d as RuntimeConfigSchema, P as ProviderConfigSchema, r as requestFormatForPath, j as createPendingProviderTestResults, k as ProviderTestResultsSchema, l as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, n as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, m as maskApiKey, h as providerHasContextMetadata, i as findProviderModelMetadata, g as getSessionPath, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, o as resolveProviderContextWindow, K as KnowledgeCandidateSchema, f as stripClaudeCodeBillingHeader, q as isPlainRecord } from "./router-R9gm7_sh.mjs";
+import { C as CapturedLogSchema, D as DEFAULT_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS, c as DEFAULT_TIME_DISPLAY_FORMAT, d as RuntimeConfigSchema, P as ProviderConfigSchema, r as requestFormatForPath, j as createPendingProviderTestResults, k as ProviderTestResultsSchema, l as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, n as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, m as maskApiKey, h as providerHasContextMetadata, i as findProviderModelMetadata, g as getSessionPath, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, o as resolveProviderContextWindow, K as KnowledgeCandidateSchema, f as stripClaudeCodeBillingHeader, q as isPlainRecord } from "./router-Cvv7SJnd.mjs";
 import { u as useSWR, a as useSWRConfig } from "../_libs/swr.mjs";
 import { J as JSZip } from "../_libs/jszip.mjs";
 import { c as clsx } from "../_libs/clsx.mjs";
@@ -299,6 +299,34 @@ const SECRET_TEXT_PATTERNS = [
   /\bghp_[A-Za-z0-9_]{12,}\b/g,
   /\bglpat-[A-Za-z0-9_-]{12,}\b/g
 ];
+const MAX_EXPORT_LOGS = 200;
+const MAX_EXPORT_TEXT_CHARS = 25e6;
+const MAX_STREAMING_CHUNK_EXPORTS = 50;
+function formatApproxSize(chars) {
+  if (chars < 1024) return `${chars} chars`;
+  if (chars < 1024 * 1024) return `${Math.ceil(chars / 1024)} KB`;
+  return `${Math.ceil(chars / (1024 * 1024))} MB`;
+}
+function estimateExportTextChars(logs) {
+  let total = 0;
+  for (const log of logs) {
+    total += log.rawRequestBody?.length ?? 0;
+    total += log.responseText?.length ?? 0;
+  }
+  return total;
+}
+function exportLimitMessage(logs) {
+  if (logs.length > MAX_EXPORT_LOGS) {
+    return `Export is limited to ${MAX_EXPORT_LOGS} logs at once. Narrow the filter and try again.`;
+  }
+  const estimatedChars = estimateExportTextChars(logs);
+  if (estimatedChars > MAX_EXPORT_TEXT_CHARS) {
+    return `Export is too large (${formatApproxSize(
+      estimatedChars
+    )} of text). Narrow the filter and try again.`;
+  }
+  return null;
+}
 async function fetchStreamingChunks(logId) {
   try {
     const response = await fetch(`/api/logs/${logId}/chunks`);
@@ -340,8 +368,11 @@ function exportText(text, mode) {
   return mode === "redacted" ? redactJsonText(text) : text;
 }
 async function exportLogsAsZip(logs, mode = "redacted") {
+  const limitMessage = exportLimitMessage(logs);
+  if (limitMessage !== null) return { ok: false, message: limitMessage };
   const zip = new JSZip();
   const suffix = mode === "redacted" ? "redacted" : "raw";
+  const streamingLogs = logs.filter((log) => log.streaming).slice(0, MAX_STREAMING_CHUNK_EXPORTS);
   zip.file(
     "manifest.json",
     JSON.stringify(
@@ -350,7 +381,9 @@ async function exportLogsAsZip(logs, mode = "redacted") {
         mode,
         redacted: mode === "redacted",
         logCount: logs.length,
-        logIds: logs.map((log) => log.id)
+        logIds: logs.map((log) => log.id),
+        streamingChunkExportLimit: MAX_STREAMING_CHUNK_EXPORTS,
+        streamingChunkLogIds: streamingLogs.map((log) => log.id)
       },
       null,
       2
@@ -364,15 +397,12 @@ async function exportLogsAsZip(logs, mode = "redacted") {
       zip.file(`#${log.id}.Response.json`, exportText(log.responseText, mode));
     }
   }
-  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`, exportText(chunks, mode));
-      }
-    })
-  );
+  for (const log of streamingLogs) {
+    const chunks = await fetchStreamingChunks(log.id);
+    if (chunks !== null) {
+      zip.file(`#${log.id}.SSE.Response.json`, exportText(chunks, mode));
+    }
+  }
   const blob = await zip.generateAsync({ type: "blob" });
   const url = URL.createObjectURL(blob);
   const anchor = document.createElement("a");
@@ -382,6 +412,7 @@ async function exportLogsAsZip(logs, mode = "redacted") {
   anchor.click();
   document.body.removeChild(anchor);
   URL.revokeObjectURL(url);
+  return { ok: true };
 }
 function formatTimestamp(iso, format) {
   switch (format) {
@@ -411,6 +442,48 @@ function formatContextWindowTokens(count) {
   }
   return (count / 1024).toFixed(1).replace(/\.0$/, "") + "K";
 }
+function formatExactContextUnit(count, multiplier, unit) {
+  const tenths = count * 10;
+  if (!Number.isSafeInteger(tenths) || tenths % multiplier !== 0) return null;
+  return (tenths / multiplier / 10).toFixed(1).replace(/\.0$/, "") + unit;
+}
+function formatContextWindowInput(count) {
+  if (!Number.isSafeInteger(count) || count <= 0) return count.toString();
+  if (count >= 1024 * 1024) {
+    const megaValue = formatExactContextUnit(count, 1024 * 1024, "M");
+    if (megaValue !== null) return megaValue;
+  }
+  const kiloValue = formatExactContextUnit(count, 1024, "K");
+  if (kiloValue !== null) return kiloValue;
+  return count.toString();
+}
+function contextWindowUnitMultiplier(unit) {
+  if (unit === void 0 || unit === "") return 1;
+  switch (unit.toLowerCase()) {
+    case "k":
+      return 1024;
+    case "m":
+      return 1024 * 1024;
+    default:
+      return null;
+  }
+}
+function parseContextWindowTokensInput(value) {
+  const trimmed = value.trim().replaceAll(",", "");
+  if (trimmed === "") return null;
+  const match = /^(\d+(?:\.\d+)?)\s*([kKmM])?$/.exec(trimmed);
+  if (match === null) return null;
+  const amountText = match[1];
+  if (amountText === void 0) return null;
+  const amount = Number(amountText);
+  const unit = match[2];
+  const multiplier = contextWindowUnitMultiplier(unit);
+  if (!Number.isFinite(amount) || amount <= 0 || multiplier === null) return null;
+  if ((unit === void 0 || unit === "") && !Number.isInteger(amount)) return null;
+  const tokens = Math.round(amount * multiplier);
+  if (!Number.isSafeInteger(tokens) || tokens <= 0) return null;
+  return tokens;
+}
 function getStatusCategory(status) {
   if (status === null) return "pending";
   if (status >= 200 && status < 300) return "success";
@@ -442,7 +515,7 @@ function useProviders() {
     mutate: response.mutate
   };
 }
-const version = "2.0.23";
+const version = "2.0.25";
 const packageJson = {
   version
 };
@@ -1503,19 +1576,19 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-C4LQW4S1.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-CHk4p41X.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-C3ZiRihL.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-BRs3fk8H.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-DlVAPIQZ.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-Cb68EeZz.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-nMS0rkxu.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-DGdbfEjs.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-PDWqrNiO.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-DptYgirK.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
@@ -6168,8 +6241,19 @@ const ZHIPU_MODELS = [
   "glm-4.5-airx",
   "glm-4.5-flash"
 ];
+const CONTEXT_WINDOW_UNSET = "__unset__";
+const CONTEXT_WINDOW_CUSTOM = "__custom__";
+const CONTEXT_WINDOW_PRESETS = [
+  { value: "32K", label: "Small" },
+  { value: "64K", label: "Standard" },
+  { value: "128K", label: "Medium" },
+  { value: "200K", label: "Long" },
+  { value: "256K", label: "Extended" },
+  { value: "512K", label: "Large" },
+  { value: "1M", label: "Max" }
+];
 function emptyMetadataDraft() {
-  return { contextWindow: "", outputLimit: "" };
+  return { contextWindow: "", contextWindowMode: "unset", outputLimit: "" };
 }
 function normalizeModelName(value) {
   return value.trim().toLowerCase().replace(/\s+/g, "-");
@@ -6180,11 +6264,65 @@ function findModelMetadata(provider, model) {
     (metadata) => normalizeModelName(metadata.model) === normalized
   ) ?? null;
 }
+function findContextWindowPreset(value) {
+  const tokens = parseContextWindowTokensInput(value);
+  if (tokens === null) return null;
+  for (const preset of CONTEXT_WINDOW_PRESETS) {
+    if (parseContextWindowTokensInput(preset.value) === tokens) return preset.value;
+  }
+  return null;
+}
+function contextWindowModeForValue(value) {
+  if (value.trim() === "") return "unset";
+  return findContextWindowPreset(value) !== null ? "preset" : "custom";
+}
+function selectedContextWindowPresetValue(draft) {
+  switch (draft.contextWindowMode) {
+    case "unset":
+      return CONTEXT_WINDOW_UNSET;
+    case "custom":
+      return CONTEXT_WINDOW_CUSTOM;
+    case "preset":
+      return findContextWindowPreset(draft.contextWindow) ?? CONTEXT_WINDOW_CUSTOM;
+  }
+}
+function splitContextWindowEditorValue(value) {
+  const trimmed = value.trim().replaceAll(",", "");
+  if (trimmed === "") return { amount: "", unit: "K" };
+  const match = /^(\d+(?:\.\d+)?)\s*([kKmM])?$/.exec(trimmed);
+  if (match === null) return { amount: trimmed, unit: "K" };
+  const amount = match[1];
+  if (amount === void 0) return { amount: trimmed, unit: "K" };
+  const unit = match[2];
+  if (unit === void 0 || unit === "") return { amount, unit: "tokens" };
+  switch (unit.toLowerCase()) {
+    case "k":
+      return { amount, unit: "K" };
+    case "m":
+      return { amount, unit: "M" };
+    default:
+      return { amount: trimmed, unit: "K" };
+  }
+}
+function joinContextWindowEditorValue(amount, unit) {
+  const trimmed = amount.trim();
+  if (trimmed === "") return "";
+  switch (unit) {
+    case "K":
+      return `${trimmed}K`;
+    case "M":
+      return `${trimmed}M`;
+    case "tokens":
+      return trimmed;
+  }
+}
 function createMetadataDrafts(provider, models) {
   return models.map((model) => {
     const metadata = findModelMetadata(provider, model);
+    const contextWindow = metadata?.contextWindow !== void 0 ? formatContextWindowInput(metadata.contextWindow) : "";
     return {
-      contextWindow: metadata?.contextWindow?.toString() ?? "",
+      contextWindow,
+      contextWindowMode: contextWindowModeForValue(contextWindow),
       outputLimit: metadata?.outputLimit?.toString() ?? ""
     };
   });
@@ -6312,10 +6450,10 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
       newErrors.modelMetadataUrl = "Invalid URL format";
     }
     modelMetadataDrafts.forEach((draft, index) => {
-      const contextWindow = readPositiveIntegerInput(draft.contextWindow);
+      const contextWindow = parseContextWindowTokensInput(draft.contextWindow);
       const outputLimit = readPositiveIntegerInput(draft.outputLimit);
       if (draft.contextWindow.trim() !== "" && contextWindow === null) {
-        newErrors[`modelMetadata.${index}.contextWindow`] = "Context window must be a positive integer";
+        newErrors[`modelMetadata.${index}.contextWindow`] = "Context window must be a positive number, optionally using K or M";
       }
       if (draft.outputLimit.trim() !== "" && outputLimit === null) {
         newErrors[`modelMetadata.${index}.outputLimit`] = "Output limit must be a positive integer";
@@ -6352,6 +6490,48 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
       return next;
     });
   }
+  function updateContextWindowPreset(index, value) {
+    switch (value) {
+      case CONTEXT_WINDOW_UNSET:
+        updateMetadataDraft(index, { contextWindow: "", contextWindowMode: "unset" });
+        return;
+      case CONTEXT_WINDOW_CUSTOM: {
+        const current = modelMetadataDrafts[index] ?? emptyMetadataDraft();
+        updateMetadataDraft(index, {
+          contextWindow: current.contextWindow,
+          contextWindowMode: "custom"
+        });
+        return;
+      }
+      default:
+        updateMetadataDraft(index, { contextWindow: value, contextWindowMode: "preset" });
+        return;
+    }
+  }
+  function updateContextWindowAmount(index, amount) {
+    const current = modelMetadataDrafts[index] ?? emptyMetadataDraft();
+    const editorValue = splitContextWindowEditorValue(current.contextWindow);
+    updateMetadataDraft(index, {
+      contextWindow: joinContextWindowEditorValue(amount, editorValue.unit),
+      contextWindowMode: "custom"
+    });
+  }
+  function updateContextWindowUnit(index, unit) {
+    const current = modelMetadataDrafts[index] ?? emptyMetadataDraft();
+    const editorValue = splitContextWindowEditorValue(current.contextWindow);
+    switch (unit) {
+      case "K":
+      case "M":
+      case "tokens":
+        updateMetadataDraft(index, {
+          contextWindow: joinContextWindowEditorValue(editorValue.amount, unit),
+          contextWindowMode: "custom"
+        });
+        return;
+      default:
+        return;
+    }
+  }
   function removeModel(index) {
     setModels((prev) => prev.filter((_, idx) => idx !== index));
     setModelMetadataDrafts((prev) => prev.filter((_, idx) => idx !== index));
@@ -6367,7 +6547,7 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
       const trimmedModel = model.trim();
       if (trimmedModel === "") return;
       const draft = modelMetadataDrafts[index] ?? emptyMetadataDraft();
-      const contextWindow = readPositiveIntegerInput(draft.contextWindow);
+      const contextWindow = parseContextWindowTokensInput(draft.contextWindow);
       const outputLimit = readPositiveIntegerInput(draft.outputLimit);
       if (contextWindow === null && outputLimit === null) return;
       const existing = findModelMetadata(provider, trimmedModel);
@@ -6517,6 +6697,8 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
         const draft = modelMetadataDrafts[i] ?? emptyMetadataDraft();
         const contextWindowError = errors[`modelMetadata.${i}.contextWindow`];
         const outputLimitError = errors[`modelMetadata.${i}.outputLimit`];
+        const contextWindowPresetValue = selectedContextWindowPresetValue(draft);
+        const contextWindowEditorValue = splitContextWindowEditorValue(draft.contextWindow);
         return /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
           {
@@ -6593,20 +6775,55 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
                 )
               ] }),
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-2 sm:grid-cols-2", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "space-y-1 text-xs text-muted-foreground", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1 text-xs text-muted-foreground", children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Context Window" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "input",
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    Select,
                     {
-                      type: "number",
-                      min: 1,
-                      step: 1e3,
-                      value: draft.contextWindow,
-                      onChange: (e) => updateMetadataDraft(i, { contextWindow: e.target.value }),
-                      placeholder: "e.g. 1048576",
-                      className: "w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-xs text-foreground ring-offset-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px]"
+                      value: contextWindowPresetValue,
+                      onValueChange: (value) => updateContextWindowPreset(i, value),
+                      children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { size: "sm", className: "w-full bg-background font-mono text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { className: "max-h-64", children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: CONTEXT_WINDOW_UNSET, children: "Not set" }),
+                          CONTEXT_WINDOW_PRESETS.map((preset) => /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectItem, { value: preset.value, children: [
+                            preset.label,
+                            " · ",
+                            preset.value
+                          ] }, preset.value)),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: CONTEXT_WINDOW_CUSTOM, children: "Custom" })
+                        ] })
+                      ]
                     }
                   ),
+                  draft.contextWindowMode === "custom" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_5.75rem] gap-1.5", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "input",
+                      {
+                        type: "text",
+                        inputMode: "decimal",
+                        value: contextWindowEditorValue.amount,
+                        onChange: (e) => updateContextWindowAmount(i, e.target.value),
+                        placeholder: "128",
+                        className: "w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-xs text-foreground ring-offset-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px]"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                      Select,
+                      {
+                        value: contextWindowEditorValue.unit,
+                        onValueChange: (value) => updateContextWindowUnit(i, value),
+                        children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { size: "sm", className: "w-full bg-background font-mono text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
+                            /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "K", children: "K" }),
+                            /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "M", children: "M" }),
+                            /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "tokens", children: "tokens" })
+                          ] })
+                        ]
+                      }
+                    )
+                  ] }),
                   contextWindowError !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block text-destructive", children: contextWindowError })
                 ] }),
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "space-y-1 text-xs text-muted-foreground", children: [
@@ -9440,6 +9657,7 @@ function ProxyViewer({
   const { totalIn, totalOut } = reactExports.useMemo(() => computeTokenSummary(logs), [logs]);
   const { providers } = useProviders();
   const [exporting, setExporting] = reactExports.useState(null);
+  const [exportError, setExportError] = reactExports.useState(null);
   const [comparePair, setComparePair] = reactExports.useState(null);
   const [crabEntrancePhase, setCrabEntrancePhase] = reactExports.useState(
     "hidden"
@@ -9469,8 +9687,12 @@ function ProxyViewer({
   const handleExport = reactExports.useCallback(
     async (mode) => {
       setExporting(mode);
+      setExportError(null);
       try {
-        await exportLogsAsZip(logs, mode);
+        const result = await exportLogsAsZip(logs, mode);
+        if (!result.ok) {
+          setExportError(result.message);
+        }
       } finally {
         setExporting(null);
       }
@@ -9658,7 +9880,8 @@ function ProxyViewer({
             children: "Clear"
           }
         )
-      ] })
+      ] }),
+      exportError !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-4 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: exportError })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: logs.length === 0 ? selectedSession !== "__all__" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center text-muted-foreground py-16 space-y-4", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium", children: "Session not found" }),
@@ -9746,11 +9969,24 @@ function filterLogs(logs, selectedSession, selectedModel) {
 const DEBOUNCE_MS = 50;
 const HASH_SCROLL_ATTEMPTS = 12;
 const HASH_HIGHLIGHT_MS = 1800;
+const MAX_CLIENT_LOGS = 500;
 function buildLogsStreamUrl(sessionId) {
   if (sessionId === void 0) return "/api/logs/stream";
   const params = new URLSearchParams({ sessionId });
   return `/api/logs/stream?${params.toString()}`;
 }
+function buildLogIndex(logs) {
+  const idx = /* @__PURE__ */ new Map();
+  for (let i = 0; i < logs.length; i++) {
+    const log = logs[i];
+    if (log !== void 0) idx.set(log.id, i);
+  }
+  return idx;
+}
+function trimClientLogs(logs) {
+  if (logs.length <= MAX_CLIENT_LOGS) return logs;
+  return logs.slice(logs.length - MAX_CLIENT_LOGS);
+}
 function ProxyViewerContainer({
   initialSessionId
 } = {}) {
@@ -9787,6 +10023,8 @@ function ProxyViewerContainer({
           next = [...next, log];
         }
       }
+      next = trimClientLogs(next);
+      logIndexRef.current = buildLogIndex(next);
       return next;
     });
   }, []);
@@ -9821,13 +10059,9 @@ function ProxyViewerContainer({
             flushTimerRef.current = null;
           }
           pendingUpdatesRef.current = [];
-          const idx = /* @__PURE__ */ new Map();
-          for (let i = 0; i < update.logs.length; i++) {
-            const log = update.logs[i];
-            if (log !== void 0) idx.set(log.id, i);
-          }
-          logIndexRef.current = idx;
-          setAllLogs(update.logs);
+          const nextLogs = trimClientLogs(update.logs);
+          logIndexRef.current = buildLogIndex(nextLogs);
+          setAllLogs(nextLogs);
           setError(null);
         } else if (update.type === "update") {
           scheduleUpdate(update.log);
@@ -9950,12 +10184,7 @@ function ProxyViewerContainer({
         const idSet = new Set(ids);
         setAllLogs((prev) => {
           const remaining = prev.filter((l) => !idSet.has(l.id));
-          const idx = /* @__PURE__ */ new Map();
-          for (let i = 0; i < remaining.length; i++) {
-            const log = remaining[i];
-            if (log !== void 0) idx.set(log.id, i);
-          }
-          logIndexRef.current = idx;
+          logIndexRef.current = buildLogIndex(remaining);
           return remaining;
         });
         setError(null);

package/.output/server/_ssr/{ReplayDialog-C3ZiRihL.mjs → ReplayDialog-BRs3fk8H.mjs}

@@ -1,7 +1,7 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useProviders, D as Dialog, b as DialogContent, d as DialogHeader, e as DialogTitle, T as Tabs, h as TabsList, i as TabsTrigger, j as TabsContent, k as Button, l as TooltipProvider, m as Tooltip, n as TooltipTrigger, o as TooltipContent, p as dispatchLogFocusRequest } from "./ProxyViewerContainer-BKInvawk.mjs";
-import { ResponseView } from "./ResponseView-nMS0rkxu.mjs";
-import { C as CapturedLogSchema } from "./router-R9gm7_sh.mjs";
+import { u as useProviders, D as Dialog, b as DialogContent, d as DialogHeader, e as DialogTitle, T as Tabs, h as TabsList, i as TabsTrigger, j as TabsContent, k as Button, l as TooltipProvider, m as Tooltip, n as TooltipTrigger, o as TooltipContent, p as dispatchLogFocusRequest } from "./ProxyViewerContainer-Co9ENCKV.mjs";
+import { ResponseView } from "./ResponseView-DGdbfEjs.mjs";
+import { C as CapturedLogSchema } from "./router-Cvv7SJnd.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import { K as RotateCcw, ac as Braces, ad as Minimize2 } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{RequestAnatomy-DlVAPIQZ.mjs → RequestAnatomy-Cb68EeZz.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useProviders, q as analyzeContextIntelligence, f as formatTokens, l as TooltipProvider, c as cn, m as Tooltip, n as TooltipTrigger, o as TooltipContent, S as SegmentBar, R as ROLE_COLOR_CLASSES, A as ANATOMY_ROLE_LABELS, s as formatContextWindowTokens, C as CONTEXT_USAGE_THRESHOLDS } from "./ProxyViewerContainer-BKInvawk.mjs";
-import "./router-R9gm7_sh.mjs";
+import { u as useProviders, q as analyzeContextIntelligence, f as formatTokens, l as TooltipProvider, c as cn, m as Tooltip, n as TooltipTrigger, o as TooltipContent, S as SegmentBar, R as ROLE_COLOR_CLASSES, A as ANATOMY_ROLE_LABELS, s as formatContextWindowTokens, C as CONTEXT_USAGE_THRESHOLDS } from "./ProxyViewerContainer-Co9ENCKV.mjs";
+import "./router-Cvv7SJnd.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { ae as Info, b as ChevronDown, i as ChevronRight } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{ResponseView-nMS0rkxu.mjs → ResponseView-DGdbfEjs.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { g as getLogFormatAdapter, f as formatTokens, c as cn, t as getStatusCategory, B as Badge, v as Collapsible, w as CollapsibleTrigger, x as CollapsibleContent, y as ScrollArea, z as JsonViewer, E as safeJsonValue } from "./ProxyViewerContainer-BKInvawk.mjs";
-import "./router-R9gm7_sh.mjs";
+import { g as getLogFormatAdapter, f as formatTokens, c as cn, t as getStatusCategory, B as Badge, v as Collapsible, w as CollapsibleTrigger, x as CollapsibleContent, y as ScrollArea, z as JsonViewer, E as safeJsonValue } from "./ProxyViewerContainer-Co9ENCKV.mjs";
+import "./router-Cvv7SJnd.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { Z as Zap, o as TriangleAlert, af as CircleStop, B as Brain, b as ChevronDown, i as ChevronRight, T as Terminal } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{StreamingChunkSequence-PDWqrNiO.mjs → StreamingChunkSequence-DptYgirK.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { l as TooltipProvider, m as Tooltip, n as TooltipTrigger, B as Badge, o as TooltipContent, z as JsonViewer } from "./ProxyViewerContainer-BKInvawk.mjs";
-import "./router-R9gm7_sh.mjs";
+import { l as TooltipProvider, m as Tooltip, n as TooltipTrigger, B as Badge, o as TooltipContent, z as JsonViewer } from "./ProxyViewerContainer-Co9ENCKV.mjs";
+import "./router-Cvv7SJnd.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { b as ChevronDown, i as ChevronRight, L as LoaderCircle } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{index-Cd1zD-lo.mjs → index-Ef5mCuww.mjs}

@@ -1,6 +1,6 @@
-import { P as ProxyViewerContainer } from "./ProxyViewerContainer-BKInvawk.mjs";
+import { P as ProxyViewerContainer } from "./ProxyViewerContainer-Co9ENCKV.mjs";
 import "../_libs/react.mjs";
-import "./router-R9gm7_sh.mjs";
+import "./router-Cvv7SJnd.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/swr.mjs";

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

@@ -198,7 +198,7 @@ function getResponse() {
   return event.res;
 }
 async function getStartManifest(matchedRoutes) {
-  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-BnLVH_EX.mjs");
+  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-DQoXxIFQ.mjs");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -767,7 +767,7 @@ let entriesPromise;
 let baseManifestPromise;
 let cachedFinalManifestPromise;
 async function loadEntries() {
-  const routerEntry = await import("./router-R9gm7_sh.mjs").then((n) => n.t);
+  const routerEntry = await import("./router-Cvv7SJnd.mjs").then((n) => n.t);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }