@tonyclaw/agent-inspector 2.0.7 → 2.0.9

package/.output/server/{_sessionId-Dy7rsLS4.mjs → _sessionId-BnCF8Ito.mjs}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from "./_libs/react.mjs";
-import { P as ProxyViewerContainer } from "./_ssr/ProxyViewerContainer-B5a9p3j5.mjs";
-import { R as Route$p } from "./_ssr/router-CVQaVF_3.mjs";
+import { P as ProxyViewerContainer } from "./_ssr/ProxyViewerContainer-xesEFppM.mjs";
+import { R as Route$p } from "./_ssr/router-BvuK0vQv.mjs";
 import "./_libs/jszip.mjs";
 import "./_libs/modelcontextprotocol__server.mjs";
 import "./_libs/swr.mjs";

package/.output/server/_ssr/{CompareDrawer-CkVX-ARV.mjs → CompareDrawer-jPU14EI3.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { g as getLogFormatAdapter, r as resolveLogFormat, a as getConversationId, c as cn, B as Badge, f as formatTokens, J as JsonViewerFromString } from "./ProxyViewerContainer-B5a9p3j5.mjs";
-import "./router-CVQaVF_3.mjs";
+import { g as getLogFormatAdapter, r as resolveLogFormat, a as getConversationId, c as cn, B as Badge, f as formatTokens, J as JsonViewerFromString } from "./ProxyViewerContainer-xesEFppM.mjs";
+import "./router-BvuK0vQv.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { X, a7 as Rows3, a8 as Columns2, n as Minus, P as Plus, m as Pencil, f as ChevronRight, a9 as Equal, C as Check, a as Copy } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{ProxyViewerContainer-B5a9p3j5.mjs → ProxyViewerContainer-xesEFppM.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_SLOW_RESPONSE_THRESHOLD_SECONDS, a as DEFAULT_TIME_DISPLAY_FORMAT, b as RuntimeConfigSchema, r as requestFormatForPath, e as createPendingProviderTestResults, P as ProviderTestResultsSchema, f as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, T as TimeDisplayFormatSchema, g as getSessionPath, h as ProviderConfigSchema, K as KnowledgeCandidateSchema, d as stripClaudeCodeBillingHeader, s as safeGetOwnProperty, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, c as AnthropicRequestSchema } from "./router-CVQaVF_3.mjs";
+import { C as CapturedLogSchema, D as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, a as DEFAULT_TIME_DISPLAY_FORMAT, b as RuntimeConfigSchema, r as requestFormatForPath, e as createPendingProviderTestResults, P as ProviderTestResultsSchema, f as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, T as TimeDisplayFormatSchema, g as getSessionPath, h as ProviderConfigSchema, K as KnowledgeCandidateSchema, d as stripClaudeCodeBillingHeader, s as safeGetOwnProperty, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, c as AnthropicRequestSchema } from "./router-BvuK0vQv.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";
@@ -298,7 +298,7 @@ function getStatusCategory(status) {
   if (status >= 500) return "server_error";
   return "pending";
 }
-const version = "2.0.7";
+const version = "2.0.9";
 const packageJson = {
   version
 };
@@ -1359,19 +1359,19 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-CkVX-ARV.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-jPU14EI3.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-hXY6H9fB.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-DQvW2zoW.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-B6MS7VvA.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-BilEphjP.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-ByjxwUnp.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-DB5PPcWf.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-C5Kb8siT.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-Dnrgn2AP.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
@@ -3421,8 +3421,9 @@ const LogEntry = reactExports.memo(function({
         anatomySegments !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "anatomy", children: activeTab === "anatomy" && /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFallback, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           LazyRequestAnatomy,
           {
-            parsed: null,
+            parsed: requestExpansion.parsedData,
             inputTokens: log.inputTokens ?? null,
+            model: log.model,
             segments: anatomySegments,
             onSegmentActivate: jumpToAnatomySegment
           }

package/.output/server/_ssr/{ReplayDialog-hXY6H9fB.mjs → ReplayDialog-DQvW2zoW.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 TooltipProvider, l as Tooltip, m as TooltipTrigger, n as TooltipContent, o as Button } from "./ProxyViewerContainer-B5a9p3j5.mjs";
-import { ResponseView } from "./ResponseView-ByjxwUnp.mjs";
-import "./router-CVQaVF_3.mjs";
+import { u as useProviders, D as Dialog, b as DialogContent, d as DialogHeader, e as DialogTitle, T as Tabs, h as TabsList, i as TabsTrigger, j as TabsContent, k as TooltipProvider, l as Tooltip, m as TooltipTrigger, n as TooltipContent, o as Button } from "./ProxyViewerContainer-xesEFppM.mjs";
+import { ResponseView } from "./ResponseView-DB5PPcWf.mjs";
+import "./router-BvuK0vQv.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { I as RotateCcw } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{RequestAnatomy-B6MS7VvA.mjs → RequestAnatomy-BilEphjP.mjs}

@@ -1,8 +1,8 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { f as formatTokens, k as TooltipProvider, c as cn, l as Tooltip, m as TooltipTrigger, n as TooltipContent } from "./ProxyViewerContainer-B5a9p3j5.mjs";
-import "./router-CVQaVF_3.mjs";
-import "../_libs/modelcontextprotocol__server.mjs";
+import { f as formatTokens, k as TooltipProvider, c as cn, l as Tooltip, m as TooltipTrigger, n as TooltipContent } from "./ProxyViewerContainer-xesEFppM.mjs";
+import { s as safeGetOwnProperty } from "./router-BvuK0vQv.mjs";
 import "../_libs/jszip.mjs";
+import "../_libs/modelcontextprotocol__server.mjs";
 import { aa as Info } from "../_libs/lucide-react.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";
@@ -165,6 +165,297 @@ import "../_libs/lie.mjs";
 import "../_libs/immediate.mjs";
 import "../_libs/setimmediate.mjs";
 import "../_libs/pako.mjs";
+const WATCH_USAGE_PERCENT = 0.75;
+const DANGER_USAGE_PERCENT = 0.9;
+const LONG_TOOL_SCHEMA_TOKENS = 8e3;
+const LARGE_ROLE_PERCENT = 0.35;
+const DUPLICATE_MIN_TOKENS = 40;
+const DUPLICATE_MIN_CHARS = 160;
+const HISTORY_BLOAT_SEGMENTS = 18;
+const HISTORY_BLOAT_TOKENS = 6e4;
+const HISTORY_BLOAT_PERCENT = 0.7;
+const SYSTEM_HEAVY_TOKENS = 3e3;
+const SYSTEM_HEAVY_PERCENT = 0.3;
+const EXPLICIT_CONTEXT_WINDOW_FIELDS = [
+  "context_window",
+  "contextWindow",
+  "context_length",
+  "contextLength",
+  "max_context_length",
+  "maxContextLength",
+  "max_input_tokens",
+  "maxInputTokens"
+];
+const OUTPUT_RESERVE_FIELDS = [
+  "max_tokens",
+  "maxTokens",
+  "max_completion_tokens",
+  "maxCompletionTokens",
+  "max_output_tokens",
+  "maxOutputTokens"
+];
+const MODEL_CONTEXT_RULES = [
+  {
+    family: "OpenAI GPT-4.1",
+    tokens: 1047576,
+    mode: "prefix",
+    patterns: ["gpt-4.1"]
+  },
+  {
+    family: "OpenAI GPT-4o",
+    tokens: 128e3,
+    mode: "prefix",
+    patterns: ["gpt-4o"]
+  },
+  {
+    family: "OpenAI o-series",
+    tokens: 128e3,
+    mode: "prefix",
+    patterns: ["o1", "o3", "o4"]
+  },
+  {
+    family: "Anthropic Claude",
+    tokens: 2e5,
+    mode: "prefix",
+    patterns: ["claude-"]
+  },
+  {
+    family: "DeepSeek",
+    tokens: 64e3,
+    mode: "prefix",
+    patterns: ["deepseek-"]
+  },
+  {
+    family: "MiniMax",
+    tokens: 1e6,
+    mode: "includes",
+    patterns: ["minimax"]
+  }
+];
+const ROLE_LABELS = {
+  system: "System",
+  user: "User messages",
+  assistant: "Assistant messages",
+  tool: "Tool results",
+  tools: "Tool definitions"
+};
+function readPositiveInteger(value) {
+  if (typeof value === "number") {
+    if (Number.isFinite(value) && value > 0) return Math.floor(value);
+    return null;
+  }
+  if (typeof value === "string") {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed) && parsed > 0) return Math.floor(parsed);
+  }
+  return null;
+}
+function readPositiveIntegerField(parsed, fields) {
+  for (const field of fields) {
+    const value = readPositiveInteger(safeGetOwnProperty(parsed, field));
+    if (value !== null) return value;
+  }
+  return null;
+}
+function readRequestModel(parsed) {
+  const value = safeGetOwnProperty(parsed, "model");
+  if (typeof value !== "string") return null;
+  const trimmed = value.trim();
+  return trimmed === "" ? null : trimmed;
+}
+function matchesRule(model, rule) {
+  switch (rule.mode) {
+    case "prefix":
+      return rule.patterns.some((pattern) => model.startsWith(pattern));
+    case "includes":
+      return rule.patterns.some((pattern) => model.includes(pattern));
+  }
+}
+function resolveContextWindow(model, parsed) {
+  const explicitWindow = readPositiveIntegerField(parsed, EXPLICIT_CONTEXT_WINDOW_FIELDS);
+  if (explicitWindow !== null) {
+    return {
+      tokens: explicitWindow,
+      label: "Request metadata",
+      source: "request"
+    };
+  }
+  if (model === null) {
+    return {
+      tokens: null,
+      label: "Unknown model",
+      source: "unknown"
+    };
+  }
+  const normalized = model.trim().toLowerCase();
+  for (const rule of MODEL_CONTEXT_RULES) {
+    if (matchesRule(normalized, rule)) {
+      return {
+        tokens: rule.tokens,
+        label: rule.family,
+        source: "model-rule"
+      };
+    }
+  }
+  return {
+    tokens: null,
+    label: "No local rule",
+    source: "unknown"
+  };
+}
+function clampPercent(value) {
+  if (value < 0) return 0;
+  if (value > 1) return 1;
+  return value;
+}
+function riskLevel(usagePercent) {
+  if (usagePercent === null) return "unknown";
+  if (usagePercent >= DANGER_USAGE_PERCENT) return "danger";
+  if (usagePercent >= WATCH_USAGE_PERCENT) return "watch";
+  return "ok";
+}
+function sumSegments(segments, role) {
+  return segments.filter((segment) => segment.role === role).reduce((sum, segment) => sum + segment.size, 0);
+}
+function buildRoleUsages(segments, total) {
+  const roles = ["system", "user", "assistant", "tool", "tools"];
+  return roles.map((role) => {
+    const tokens = sumSegments(segments, role);
+    return {
+      role,
+      label: ROLE_LABELS[role],
+      tokens,
+      percent: total > 0 ? tokens / total : 0
+    };
+  }).filter((usage) => usage.tokens > 0).sort((a, b) => b.tokens - a.tokens);
+}
+function normalizeDuplicateText(text) {
+  return text.replace(/\s+/g, " ").trim().toLowerCase();
+}
+function duplicateDiagnostic(segments) {
+  const buckets = /* @__PURE__ */ new Map();
+  for (const segment of segments) {
+    if (segment.size < DUPLICATE_MIN_TOKENS) continue;
+    if (segment.characters < DUPLICATE_MIN_CHARS) continue;
+    const normalized = normalizeDuplicateText(segment.text);
+    if (normalized === "") continue;
+    const existing = buckets.get(normalized);
+    if (existing === void 0) {
+      buckets.set(normalized, {
+        count: 1,
+        tokens: segment.size,
+        firstTokens: segment.size,
+        label: segment.label
+      });
+      continue;
+    }
+    buckets.set(normalized, {
+      count: existing.count + 1,
+      tokens: existing.tokens + segment.size,
+      firstTokens: existing.firstTokens,
+      label: existing.label
+    });
+  }
+  let repeatedGroups = 0;
+  let repeatedSegments = 0;
+  let repeatedTokens = 0;
+  let largest = null;
+  for (const bucket of buckets.values()) {
+    if (bucket.count < 2) continue;
+    repeatedGroups += 1;
+    repeatedSegments += bucket.count;
+    repeatedTokens += bucket.tokens - bucket.firstTokens;
+    if (largest === null || bucket.tokens > largest.tokens) largest = bucket;
+  }
+  if (repeatedGroups === 0 || largest === null) return null;
+  return {
+    kind: "duplicate",
+    severity: repeatedTokens >= LONG_TOOL_SCHEMA_TOKENS ? "danger" : "watch",
+    title: "Duplicate context",
+    detail: `${String(repeatedSegments)} repeated blocks across ${String(
+      repeatedGroups
+    )} group${repeatedGroups === 1 ? "" : "s"}, ~${String(repeatedTokens)} repeated tokens.`
+  };
+}
+function diagnosticsForRolePressure(roleUsages, total, messageSegmentCount) {
+  const diagnostics = [];
+  const toolUsage = roleUsages.find((usage) => usage.role === "tools") ?? null;
+  if (toolUsage !== null && (toolUsage.tokens >= LONG_TOOL_SCHEMA_TOKENS || toolUsage.percent >= LARGE_ROLE_PERCENT && toolUsage.tokens >= SYSTEM_HEAVY_TOKENS)) {
+    diagnostics.push({
+      kind: "tool-schema",
+      severity: toolUsage.tokens >= LONG_TOOL_SCHEMA_TOKENS ? "danger" : "watch",
+      title: "Large tool schema",
+      detail: `Tool definitions take ${Math.round(toolUsage.percent * 100)}% of request context.`
+    });
+  }
+  const systemUsage = roleUsages.find((usage) => usage.role === "system") ?? null;
+  if (systemUsage !== null && systemUsage.tokens >= SYSTEM_HEAVY_TOKENS && systemUsage.percent >= SYSTEM_HEAVY_PERCENT) {
+    diagnostics.push({
+      kind: "system-heavy",
+      severity: "watch",
+      title: "Large system prompt",
+      detail: `System instructions take ${Math.round(systemUsage.percent * 100)}% of request context.`
+    });
+  }
+  const historyTokens = roleUsages.filter((usage) => usage.role === "user" || usage.role === "assistant" || usage.role === "tool").reduce((sum, usage) => sum + usage.tokens, 0);
+  const historyPercent = total > 0 ? historyTokens / total : 0;
+  if (messageSegmentCount >= HISTORY_BLOAT_SEGMENTS && (historyTokens >= HISTORY_BLOAT_TOKENS || historyPercent >= HISTORY_BLOAT_PERCENT)) {
+    diagnostics.push({
+      kind: "history-bloat",
+      severity: historyPercent >= 0.85 ? "danger" : "watch",
+      title: "Conversation history growth",
+      detail: `${String(messageSegmentCount)} message blocks take ${Math.round(
+        historyPercent * 100
+      )}% of request context.`
+    });
+  }
+  return diagnostics;
+}
+function analyzeContextIntelligence({
+  segments,
+  inputTokens,
+  parsed,
+  model
+}) {
+  const totalEstimatedTokens = segments.reduce((sum, segment) => sum + segment.size, 0);
+  const requestModel = model ?? readRequestModel(parsed);
+  const estimatedInputTokens = inputTokens ?? totalEstimatedTokens;
+  const outputReserveTokens = readPositiveIntegerField(parsed, OUTPUT_RESERVE_FIELDS);
+  const contextWindow = resolveContextWindow(requestModel, parsed);
+  const reservedTokens = outputReserveTokens ?? 0;
+  const windowUsedTokens = contextWindow.tokens === null ? null : estimatedInputTokens + reservedTokens;
+  const remainingInputTokens = contextWindow.tokens === null ? null : contextWindow.tokens - estimatedInputTokens;
+  const remainingAfterReserveTokens = contextWindow.tokens === null ? null : contextWindow.tokens - estimatedInputTokens - reservedTokens;
+  const usagePercent = contextWindow.tokens === null || windowUsedTokens === null ? null : clampPercent(windowUsedTokens / contextWindow.tokens);
+  const roleUsages = buildRoleUsages(segments, totalEstimatedTokens);
+  const largestRole = roleUsages[0] ?? null;
+  const messageSegmentCount = segments.filter((segment) => segment.role !== "tools").length;
+  const duplicate = duplicateDiagnostic(segments);
+  const diagnostics = diagnosticsForRolePressure(
+    roleUsages,
+    totalEstimatedTokens,
+    messageSegmentCount
+  );
+  if (duplicate !== null) diagnostics.unshift(duplicate);
+  return {
+    model: requestModel,
+    contextWindow,
+    estimatedInputTokens,
+    outputReserveTokens,
+    windowUsedTokens,
+    remainingInputTokens,
+    remainingAfterReserveTokens,
+    usagePercent,
+    riskLevel: riskLevel(usagePercent),
+    roleUsages,
+    largestRole,
+    diagnostics
+  };
+}
+const CONTEXT_USAGE_THRESHOLDS = {
+  watch: WATCH_USAGE_PERCENT,
+  danger: DANGER_USAGE_PERCENT
+};
 const ANATOMY_ROLE_LABELS = {
   system: "System",
   user: "User",
@@ -383,12 +674,155 @@ const VIEW_MODE_OPTIONS = [
   { value: "role", label: "By Role" },
   { value: "segment", label: "By Segment" }
 ];
+const RISK_CLASS = {
+  unknown: "bg-muted-foreground/50",
+  ok: "bg-emerald-500/70",
+  watch: "bg-amber-400/75",
+  danger: "bg-red-500/80"
+};
+const RISK_TEXT_CLASS = {
+  unknown: "text-muted-foreground",
+  ok: "text-emerald-400",
+  watch: "text-amber-300",
+  danger: "text-red-300"
+};
 function formatPercent(value) {
   if (value >= 10) return `${value.toFixed(0)}%`;
   if (value >= 1) return `${value.toFixed(1)}%`;
   if (value > 0) return "<1%";
   return "0%";
 }
+function formatUsagePercent(value) {
+  if (value === null) return "Unknown";
+  return formatPercent(value * 100);
+}
+function formatRemainingTokens(value) {
+  if (value === null) return "Unknown";
+  if (value < 0) return `-${formatTokens(Math.abs(value))}`;
+  return formatTokens(value);
+}
+function formatContextLimit(intelligence) {
+  if (intelligence.contextWindow.tokens === null) return "Unknown";
+  return formatTokens(intelligence.contextWindow.tokens);
+}
+function formatContextSource(intelligence) {
+  switch (intelligence.contextWindow.source) {
+    case "request":
+      return intelligence.contextWindow.label;
+    case "model-rule":
+      return intelligence.contextWindow.label;
+    case "unknown":
+      return intelligence.model === null ? intelligence.contextWindow.label : `${intelligence.contextWindow.label}: ${intelligence.model}`;
+  }
+}
+function diagnosticTone(diagnostic) {
+  switch (diagnostic.severity) {
+    case "watch":
+      return "border-amber-400/30 bg-amber-400/8 text-amber-100";
+    case "danger":
+      return "border-red-400/35 bg-red-500/10 text-red-100";
+  }
+}
+function ContextIntelligenceStrip({
+  intelligence
+}) {
+  const usageWidth = intelligence.usagePercent === null ? 0 : Math.max(1, intelligence.usagePercent * 100);
+  const outputReserveLabel = intelligence.outputReserveTokens === null ? "No output reserve" : `Output reserve ${formatTokens(intelligence.outputReserveTokens)}`;
+  const largestRole = intelligence.largestRole;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-x-4 gap-y-2 border-y border-border/60 py-2 text-xs sm:grid-cols-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Window" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-0.5 truncate font-mono text-foreground", children: formatContextLimit(intelligence) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate text-[11px] text-muted-foreground", children: formatContextSource(intelligence) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Used" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("mt-0.5 font-mono", RISK_TEXT_CLASS[intelligence.riskLevel]), children: formatUsagePercent(intelligence.usagePercent) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate text-[11px] text-muted-foreground", children: outputReserveLabel })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Remaining" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-0.5 font-mono text-foreground", children: formatRemainingTokens(intelligence.remainingAfterReserveTokens) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "truncate text-[11px] text-muted-foreground", children: [
+          "Input only ",
+          formatRemainingTokens(intelligence.remainingInputTokens)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: "Largest" }),
+        largestRole === null ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-0.5 text-muted-foreground", children: "Unknown" }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-0.5 flex min-w-0 items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: cn(
+                  "size-2.5 shrink-0 rounded-[2px]",
+                  ROLE_COLOR_CLASSES[largestRole.role]
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate text-foreground", children: largestRole.label })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "truncate font-mono text-[11px] text-muted-foreground", children: [
+            formatPercent(largestRole.percent * 100),
+            " | ~",
+            formatTokens(largestRole.tokens)
+          ] })
+        ] })
+      ] })
+    ] }),
+    intelligence.contextWindow.tokens !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative h-2 overflow-hidden rounded-full bg-muted/40", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: cn("h-full rounded-full", RISK_CLASS[intelligence.riskLevel]),
+            style: { width: `${String(usageWidth)}%` }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "absolute top-0 h-full w-px bg-amber-200/70",
+            style: { left: `${String(CONTEXT_USAGE_THRESHOLDS.watch * 100)}%` }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "absolute top-0 h-full w-px bg-red-200/80",
+            style: { left: `${String(CONTEXT_USAGE_THRESHOLDS.danger * 100)}%` }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between text-[10px] text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Context window" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          "Watch ",
+          formatUsagePercent(CONTEXT_USAGE_THRESHOLDS.watch),
+          " / Danger",
+          " ",
+          formatUsagePercent(CONTEXT_USAGE_THRESHOLDS.danger)
+        ] })
+      ] })
+    ] }),
+    intelligence.diagnostics.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-1.5 sm:grid-cols-2", children: intelligence.diagnostics.map((diagnostic) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: cn("rounded border px-2 py-1.5 text-xs", diagnosticTone(diagnostic)),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium", children: diagnostic.title }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-0.5 text-[11px] text-muted-foreground", children: diagnostic.detail })
+        ]
+      },
+      `${diagnostic.kind}-${diagnostic.title}`
+    )) })
+  ] });
+}
 function aggregateByRole(segments) {
   const result = [];
   for (const role of ROLE_ORDER) {
@@ -415,6 +849,7 @@ function topContributors(segments) {
 function RequestAnatomy({
   parsed,
   inputTokens,
+  model = null,
   onSegmentActivate,
   segments: providedSegments
 }) {
@@ -432,6 +867,15 @@ function RequestAnatomy({
     () => segments === null ? [] : topContributors(segments),
     [segments]
   );
+  const intelligence = reactExports.useMemo(
+    () => segments === null ? null : analyzeContextIntelligence({
+      segments,
+      inputTokens,
+      parsed,
+      model
+    }),
+    [inputTokens, model, parsed, segments]
+  );
   const showDivergenceWarning = reactExports.useMemo(() => {
     if (segments === null) return false;
     if (inputTokens === null) return false;
@@ -448,6 +892,8 @@ function RequestAnatomy({
   const activateSegment = viewMode === "segment" ? onSegmentActivate : void 0;
   const segmentCountLabel = `${String(segments.length)} segment${segments.length === 1 ? "" : "s"}`;
   const providerInputLabel = inputTokens === null ? "Provider input unknown" : `Provider input ${formatTokens(inputTokens)}`;
+  const contextLimitLabel = intelligence === null ? "Limit unknown" : `Limit ${formatContextLimit(intelligence)}`;
+  const usageLabel = intelligence === null ? "Usage unknown" : `${formatUsagePercent(intelligence.usagePercent)} used`;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-3 space-y-3", "data-testid": "anatomy-root", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
@@ -458,6 +904,11 @@ function RequestAnatomy({
           " tokens | ",
           providerInputLabel,
           " | ",
+          contextLimitLabel,
+          " |",
+          " ",
+          usageLabel,
+          " | ",
           segmentCountLabel
         ] })
       ] }),
@@ -499,6 +950,7 @@ function RequestAnatomy({
       ] }),
       "Estimate differs from provider-reported input."
     ] }),
+    intelligence !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(ContextIntelligenceStrip, { intelligence }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       SegmentBar,
       {

package/.output/server/_ssr/{ResponseView-ByjxwUnp.mjs → ResponseView-DB5PPcWf.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, p as getStatusCategory, B as Badge, C as Collapsible, q as CollapsibleTrigger, s as CollapsibleContent, S as ScrollArea, t as JsonViewer, v as safeJsonValue } from "./ProxyViewerContainer-B5a9p3j5.mjs";
-import "./router-CVQaVF_3.mjs";
+import { g as getLogFormatAdapter, f as formatTokens, c as cn, p as getStatusCategory, B as Badge, C as Collapsible, q as CollapsibleTrigger, s as CollapsibleContent, S as ScrollArea, t as JsonViewer, v as safeJsonValue } from "./ProxyViewerContainer-xesEFppM.mjs";
+import "./router-BvuK0vQv.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { Z as Zap, j as TriangleAlert, ab as CircleStop, B as Brain, b as ChevronDown, f as ChevronRight, T as Terminal } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{StreamingChunkSequence-C5Kb8siT.mjs → StreamingChunkSequence-Dnrgn2AP.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { k as TooltipProvider, l as Tooltip, m as TooltipTrigger, B as Badge, n as TooltipContent, t as JsonViewer } from "./ProxyViewerContainer-B5a9p3j5.mjs";
-import "./router-CVQaVF_3.mjs";
+import { k as TooltipProvider, l as Tooltip, m as TooltipTrigger, B as Badge, n as TooltipContent, t as JsonViewer } from "./ProxyViewerContainer-xesEFppM.mjs";
+import "./router-BvuK0vQv.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { b as ChevronDown, f as ChevronRight, L as LoaderCircle } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{index-BZXtj42m.mjs → index-YPp821bH.mjs}

@@ -1,6 +1,6 @@
-import { P as ProxyViewerContainer } from "./ProxyViewerContainer-B5a9p3j5.mjs";
+import { P as ProxyViewerContainer } from "./ProxyViewerContainer-xesEFppM.mjs";
 import "../_libs/react.mjs";
-import "./router-CVQaVF_3.mjs";
+import "./router-BvuK0vQv.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-Bpe5ZC56.mjs");
+  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-DGw3vVOm.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-CVQaVF_3.mjs").then((n) => n.i);
+  const routerEntry = await import("./router-BvuK0vQv.mjs").then((n) => n.i);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }