@tonyclaw/agent-inspector 2.0.6 → 2.0.8

package/.output/server/_ssr/{ReplayDialog-CaMQBc79.mjs → ReplayDialog-EpvTwFvp.mjs}

@@ -1,10 +1,9 @@
 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-CYm2Dw19.mjs";
-import { ResponseView } from "./ResponseView-RtFwNvgD.mjs";
-import "./router-DGPt3MUc.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-DiZjOTQT.mjs";
+import { ResponseView } from "./ResponseView-D8tGHCGY.mjs";
+import "./router-Bf0m6F0G.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
-import "./json-viewer-d4obyRaA.mjs";
 import { I as RotateCcw } from "../_libs/lucide-react.mjs";
 import { d as object, c as boolean, n as number, b as string } from "../_libs/zod.mjs";
 import "../_libs/swr.mjs";
@@ -58,9 +57,6 @@ import "../_libs/radix-ui__react-arrow.mjs";
 import "../_libs/radix-ui__react-use-size.mjs";
 import "../_libs/radix-ui__react-use-previous.mjs";
 import "../_libs/@radix-ui/react-visually-hidden+[...].mjs";
-import "../_libs/radix-ui__react-tooltip.mjs";
-import "../_libs/radix-ui__react-tabs.mjs";
-import "../_libs/radix-ui__react-roving-focus.mjs";
 import "../_libs/react-markdown.mjs";
 import "../_libs/devlop.mjs";
 import "../_libs/unified.mjs";
@@ -115,9 +111,12 @@ 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-separator.mjs";
+import "../_libs/radix-ui__react-tooltip.mjs";
+import "../_libs/radix-ui__react-tabs.mjs";
+import "../_libs/radix-ui__react-roving-focus.mjs";
 import "../_libs/radix-ui__react-collapsible.mjs";
 import "../_libs/radix-ui__react-scroll-area.mjs";
+import "../_libs/radix-ui__react-separator.mjs";
 import "../_libs/tanstack__react-router.mjs";
 import "../_libs/tiny-warning.mjs";
 import "../_libs/tanstack__router-core.mjs";

package/.output/server/_ssr/{RequestAnatomy--P5arRH2.mjs → RequestAnatomy-DaQjhixp.mjs}

@@ -1,9 +1,9 @@
 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-CYm2Dw19.mjs";
-import "./router-DGPt3MUc.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-DiZjOTQT.mjs";
+import { s as safeGetOwnProperty } from "./router-Bf0m6F0G.mjs";
 import "../_libs/jszip.mjs";
-import { a4 as Info } from "../_libs/lucide-react.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";
 import "../_libs/dequal.mjs";
@@ -55,10 +55,66 @@ 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/react-markdown.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:process";
+import "node:path";
+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/zod.mjs";
 import "../_libs/radix-ui__react-tooltip.mjs";
 import "../_libs/radix-ui__react-tabs.mjs";
 import "../_libs/radix-ui__react-roving-focus.mjs";
+import "../_libs/radix-ui__react-collapsible.mjs";
+import "../_libs/radix-ui__react-scroll-area.mjs";
 import "../_libs/tanstack__react-router.mjs";
 import "../_libs/tiny-warning.mjs";
 import "../_libs/tanstack__router-core.mjs";
@@ -73,12 +129,9 @@ import "../_libs/isbot.mjs";
 import "node:fs";
 import "node:fs/promises";
 import "node:buffer";
-import "node:path";
 import "node:child_process";
-import "node:url";
 import "../_libs/conf.mjs";
 import "node:util";
-import "node:process";
 import "node:crypto";
 import "node:assert";
 import "../_libs/dot-prop.mjs";
@@ -112,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",
@@ -330,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) {
@@ -362,6 +849,7 @@ function topContributors(segments) {
 function RequestAnatomy({
   parsed,
   inputTokens,
+  model = null,
   onSegmentActivate,
   segments: providedSegments
 }) {
@@ -379,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;
@@ -395,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: [
@@ -405,6 +904,11 @@ function RequestAnatomy({
           " tokens | ",
           providerInputLabel,
           " | ",
+          contextLimitLabel,
+          " |",
+          " ",
+          usageLabel,
+          " | ",
           segmentCountLabel
         ] })
       ] }),
@@ -446,6 +950,7 @@ function RequestAnatomy({
       ] }),
       "Estimate differs from provider-reported input."
     ] }),
+    intelligence !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(ContextIntelligenceStrip, { intelligence }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       SegmentBar,
       {