@tonyclaw/agent-inspector 2.0.10 → 2.0.12

package/.output/server/_ssr/RequestAnatomy-D1X3f3AX.mjs

@@ -1,1322 +0,0 @@
-import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useProviders, f as formatTokens, k as TooltipProvider, c as cn, l as Tooltip, m as TooltipTrigger, n as TooltipContent, p as countCharacters, q as estimateTokens } from "./ProxyViewerContainer-DrSMa5O7.mjs";
-import { s as safeGetOwnProperty, k as resolveProviderContextWindow, l as isPlainRecord } from "./router-CSRaa_tu.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";
-import "../_libs/dequal.mjs";
-import "../_libs/clsx.mjs";
-import "../_libs/tailwind-merge.mjs";
-import "../_libs/class-variance-authority.mjs";
-import "../_libs/radix-ui__react-dialog.mjs";
-import "../_libs/radix-ui__primitive.mjs";
-import "../_libs/radix-ui__react-compose-refs.mjs";
-import "../_libs/radix-ui__react-context.mjs";
-import "../_libs/radix-ui__react-id.mjs";
-import "../_libs/@radix-ui/react-use-layout-effect+[...].mjs";
-import "../_libs/@radix-ui/react-use-controllable-state+[...].mjs";
-import "../_libs/@radix-ui/react-dismissable-layer+[...].mjs";
-import "../_libs/radix-ui__react-primitive.mjs";
-import "../_libs/react-dom.mjs";
-import "util";
-import "async_hooks";
-import "stream";
-import "crypto";
-import "../_libs/radix-ui__react-slot.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 "tslib";
-import "../_libs/react-remove-scroll-bar.mjs";
-import "../_libs/react-style-singleton.mjs";
-import "../_libs/get-nonce.mjs";
-import "../_libs/use-sidecar.mjs";
-import "../_libs/use-callback-ref.mjs";
-import "../_libs/aria-hidden.mjs";
-import "../_libs/diff.mjs";
-import "../_libs/tanstack__react-virtual.mjs";
-import "../_libs/tanstack__virtual-core.mjs";
-import "../_libs/radix-ui__react-select.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/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";
-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/isbot.mjs";
-import "node:fs";
-import "node:fs/promises";
-import "node:buffer";
-import "node:child_process";
-import "../_libs/conf.mjs";
-import "node:util";
-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 "node:worker_threads";
-import "../_libs/readable-stream.mjs";
-import "events";
-import "node:string_decoder";
-import "../_libs/process-nextick-args.mjs";
-import "../_libs/isarray.mjs";
-import "../_libs/safe-buffer.mjs";
-import "buffer";
-import "../_libs/core-util-is.mjs";
-import "../_libs/inherits.mjs";
-import "../_libs/util-deprecate.mjs";
-import "../_libs/lie.mjs";
-import "../_libs/immediate.mjs";
-import "../_libs/setimmediate.mjs";
-import "../_libs/pako.mjs";
-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 DUPLICATE_NESTED_MAX_DEPTH = 5;
-const DUPLICATE_NESTED_MAX_CANDIDATES_PER_SEGMENT = 8;
-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 DUPLICATE_PREVIEW_CHARS = 160;
-const DUPLICATE_NESTED_FIELD_NAMES = /* @__PURE__ */ new Set([
-  "answer",
-  "body",
-  "content",
-  "data",
-  "error",
-  "message",
-  "markdown",
-  "output",
-  "response",
-  "result",
-  "stderr",
-  "stdout",
-  "text",
-  "transcript"
-]);
-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 V4",
-    tokens: 1e6,
-    mode: "prefix",
-    patterns: ["deepseek-v4-pro", "deepseek-v4-flash"]
-  },
-  {
-    family: "DeepSeek",
-    tokens: 64e3,
-    mode: "prefix",
-    patterns: ["deepseek-"]
-  },
-  {
-    family: "MiniMax M3",
-    tokens: 1e6,
-    mode: "includes",
-    patterns: ["minimax-m3"]
-  },
-  {
-    family: "MiniMax M2",
-    tokens: 204800,
-    mode: "includes",
-    patterns: ["minimax-m2.7", "minimax-m2.5", "minimax-m2.1"]
-  }
-];
-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, providers = []) {
-  const explicitWindow = readPositiveIntegerField(parsed, EXPLICIT_CONTEXT_WINDOW_FIELDS);
-  if (explicitWindow !== null) {
-    return {
-      tokens: explicitWindow,
-      label: "Request metadata",
-      source: "request"
-    };
-  }
-  const providerWindow = resolveProviderContextWindow(model, providers);
-  if (providerWindow !== null) {
-    return {
-      tokens: providerWindow.tokens,
-      label: `${providerWindow.providerName} config`,
-      source: "provider"
-    };
-  }
-  if (model === null) {
-    return {
-      tokens: null,
-      label: "Unknown model",
-      source: "unknown"
-    };
-  }
-  const normalized = model.trim().toLowerCase().replace(/\s+/g, "-");
-  for (const rule of MODEL_CONTEXT_RULES) {
-    if (matchesRule(normalized, rule)) {
-      return {
-        tokens: rule.tokens,
-        label: `${rule.family} local rule`,
-        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 duplicatePreview(text) {
-  const singleLine = text.replace(/\s+/g, " ").trim();
-  if (singleLine.length <= DUPLICATE_PREVIEW_CHARS) return singleLine;
-  return `${singleLine.slice(0, DUPLICATE_PREVIEW_CHARS - 3)}...`;
-}
-function duplicateSegmentRef(candidate) {
-  return {
-    role: candidate.role,
-    label: candidate.label,
-    path: candidate.path,
-    tokens: candidate.tokens,
-    characters: candidate.characters
-  };
-}
-function duplicateCandidateFromSegment(segment) {
-  return {
-    role: segment.role,
-    label: segment.label,
-    path: segment.path,
-    tokens: segment.size,
-    characters: segment.characters,
-    text: segment.text
-  };
-}
-function jsonLikeText(text) {
-  const trimmed = text.trim();
-  return trimmed.startsWith("{") || trimmed.startsWith("[");
-}
-function parseJsonLikeText(text) {
-  if (!jsonLikeText(text)) return null;
-  try {
-    const parsed = JSON.parse(text);
-    return parsed;
-  } catch {
-    return null;
-  }
-}
-function normalizePathFieldName(field) {
-  return field.toLowerCase().replace(/[^a-z0-9]/g, "");
-}
-function lastNamedPathField(path) {
-  for (let index = path.length - 1; index >= 0; index -= 1) {
-    const field = path[index] ?? "";
-    if (field.startsWith("[") && field.endsWith("]")) continue;
-    return field;
-  }
-  return null;
-}
-function nestedDuplicateFieldPath(path) {
-  const field = lastNamedPathField(path);
-  if (field === null) return false;
-  return DUPLICATE_NESTED_FIELD_NAMES.has(normalizePathFieldName(field));
-}
-function formatNestedDuplicatePath(path) {
-  return path.map((part) => part.startsWith("[") ? part : `.${part}`).join("").replace(/^\./, "");
-}
-function duplicateCandidateFromNestedText(segment, text, path) {
-  const characters = countCharacters(text);
-  if (characters < DUPLICATE_MIN_CHARS) return null;
-  const tokens = estimateTokens(text);
-  if (tokens < DUPLICATE_MIN_TOKENS) return null;
-  return {
-    role: segment.role,
-    label: `${segment.label} ${formatNestedDuplicatePath(path)}`,
-    path: segment.path,
-    tokens,
-    characters,
-    text
-  };
-}
-function collectNestedDuplicateCandidates({
-  value,
-  segment,
-  path,
-  depth,
-  candidates
-}) {
-  if (candidates.length >= DUPLICATE_NESTED_MAX_CANDIDATES_PER_SEGMENT) return;
-  if (depth > DUPLICATE_NESTED_MAX_DEPTH) return;
-  if (typeof value === "string") {
-    if (!nestedDuplicateFieldPath(path)) return;
-    const candidate = duplicateCandidateFromNestedText(segment, value, path);
-    if (candidate !== null) candidates.push(candidate);
-    return;
-  }
-  if (Array.isArray(value)) {
-    value.forEach(
-      (item, index) => collectNestedDuplicateCandidates({
-        value: item,
-        segment,
-        path: [...path, `[${String(index)}]`],
-        depth: depth + 1,
-        candidates
-      })
-    );
-    return;
-  }
-  if (!isPlainRecord(value)) return;
-  Object.entries(value).forEach(
-    ([key, child]) => collectNestedDuplicateCandidates({
-      value: child,
-      segment,
-      path: [...path, key],
-      depth: depth + 1,
-      candidates
-    })
-  );
-}
-function duplicateCandidatesForSegment(segment) {
-  const segmentCandidate = duplicateCandidateFromSegment(segment);
-  const parsed = parseJsonLikeText(segment.text);
-  if (parsed === null) return [segmentCandidate];
-  const candidates = [];
-  collectNestedDuplicateCandidates({
-    value: parsed,
-    segment,
-    path: [],
-    depth: 0,
-    candidates
-  });
-  const normalizedSegment = normalizeDuplicateText(segment.text);
-  const seen = /* @__PURE__ */ new Set([normalizedSegment]);
-  const uniqueNested = candidates.filter((candidate) => {
-    const normalized = normalizeDuplicateText(candidate.text);
-    if (normalized === "") return false;
-    if (seen.has(normalized)) return false;
-    seen.add(normalized);
-    return true;
-  });
-  return [segmentCandidate, ...uniqueNested];
-}
-function duplicateContextGroups(segments) {
-  const buckets = /* @__PURE__ */ new Map();
-  for (const segment of segments) {
-    const candidates = duplicateCandidatesForSegment(segment);
-    for (const candidate of candidates) {
-      if (candidate.tokens < DUPLICATE_MIN_TOKENS) continue;
-      if (candidate.characters < DUPLICATE_MIN_CHARS) continue;
-      const normalized = normalizeDuplicateText(candidate.text);
-      if (normalized === "") continue;
-      const existing = buckets.get(normalized);
-      if (existing === void 0) {
-        buckets.set(normalized, {
-          tokens: candidate.tokens,
-          candidates: [candidate]
-        });
-        continue;
-      }
-      buckets.set(normalized, {
-        tokens: existing.tokens + candidate.tokens,
-        candidates: [...existing.candidates, candidate]
-      });
-    }
-  }
-  const groups = [];
-  for (const bucket of buckets.values()) {
-    if (bucket.candidates.length < 2) continue;
-    const firstCandidate = bucket.candidates[0] ?? null;
-    if (firstCandidate === null) continue;
-    const repeatedTokens = bucket.tokens - firstCandidate.tokens;
-    groups.push({
-      key: `${firstCandidate.path}:${firstCandidate.label}:${String(
-        bucket.candidates.length
-      )}:${String(bucket.tokens)}`,
-      count: bucket.candidates.length,
-      totalTokens: bucket.tokens,
-      repeatedTokens,
-      preview: duplicatePreview(firstCandidate.text),
-      firstLabel: firstCandidate.label,
-      segments: bucket.candidates.map(duplicateSegmentRef)
-    });
-  }
-  return groups.sort(
-    (left, right) => right.repeatedTokens - left.repeatedTokens || right.totalTokens - left.totalTokens
-  );
-}
-function duplicateDiagnostic(duplicateGroups) {
-  if (duplicateGroups.length === 0) return null;
-  const repeatedGroups = duplicateGroups.length;
-  const repeatedSegments = duplicateGroups.reduce((sum, group) => sum + group.count, 0);
-  const repeatedTokens = duplicateGroups.reduce((sum, group) => sum + group.repeatedTokens, 0);
-  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,
-  providers = []
-}) {
-  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, providers);
-  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 duplicateGroups = duplicateContextGroups(segments);
-  const duplicate = duplicateDiagnostic(duplicateGroups);
-  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,
-    duplicateGroups
-  };
-}
-const CONTEXT_USAGE_THRESHOLDS = {
-  watch: WATCH_USAGE_PERCENT,
-  danger: DANGER_USAGE_PERCENT
-};
-const ANATOMY_ROLE_LABELS = {
-  system: "System",
-  user: "User",
-  assistant: "Assistant",
-  tool: "Tool Results",
-  tools: "Tool Definitions"
-};
-const ROLE_COLOR_CLASSES = {
-  system: "bg-sky-500/70",
-  user: "bg-emerald-500/70",
-  assistant: "bg-violet-500/70",
-  tool: "bg-sky-400/55",
-  tools: "bg-slate-500/70"
-};
-const ROLE_FOCUS_RING = {
-  system: "focus-visible:ring-sky-300",
-  user: "focus-visible:ring-emerald-300",
-  assistant: "focus-visible:ring-violet-300",
-  tool: "focus-visible:ring-sky-300",
-  tools: "focus-visible:ring-slate-300"
-};
-const MAX_VISIBLE_SEGMENTS = 12;
-const MIN_SEGMENT_PERCENT = 1;
-const TOOLTIP_PREVIEW_LIMIT = 80;
-const LABEL_TRUNCATE_LIMIT = 24;
-function truncateLabel(label) {
-  if (label.length <= LABEL_TRUNCATE_LIMIT) return label;
-  return `${label.slice(0, LABEL_TRUNCATE_LIMIT - 3)}...`;
-}
-function truncatePreview(text) {
-  const singleLine = text.replace(/\s+/g, " ").trim();
-  if (singleLine.length <= TOOLTIP_PREVIEW_LIMIT) return singleLine;
-  return `${singleLine.slice(0, TOOLTIP_PREVIEW_LIMIT)}...`;
-}
-function formatPercent$1(value) {
-  if (value >= 10) return `${value.toFixed(0)}%`;
-  if (value >= 1) return `${value.toFixed(1)}%`;
-  if (value > 0) return "<1%";
-  return "0%";
-}
-const SegmentBar = reactExports.memo(function SegmentBar2({
-  segments,
-  totalTokens,
-  showLabels = true,
-  onActivate
-}) {
-  const total = reactExports.useMemo(() => {
-    if (totalTokens > 0) return totalTokens;
-    return segments.reduce((sum, segment) => sum + segment.size, 0);
-  }, [segments, totalTokens]);
-  const visibleSegments = segments.slice(0, MAX_VISIBLE_SEGMENTS);
-  const overflowSegments = segments.slice(MAX_VISIBLE_SEGMENTS);
-  const overflowSize = overflowSegments.reduce((sum, segment) => sum + segment.size, 0);
-  const overflowCount = overflowSegments.length;
-  const overflowStartIndex = MAX_VISIBLE_SEGMENTS;
-  const overflowEndIndex = overflowStartIndex + overflowCount - 1;
-  const hasOverflow = overflowCount > 0;
-  const interactive = onActivate !== void 0;
-  const visibleTotal = reactExports.useMemo(
-    () => visibleSegments.reduce((sum, segment) => sum + segment.size, 0),
-    [visibleSegments]
-  );
-  const ariaLabel = reactExports.useMemo(
-    () => `Request context: ~${formatTokens(total)} tokens across ${segments.length} segment${segments.length === 1 ? "" : "s"}`,
-    [segments.length, total]
-  );
-  if (segments.length === 0 || total <= 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { role: "img", "aria-label": ariaLabel, className: "h-6" });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { role: "img", "aria-label": ariaLabel, className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: "relative flex h-6 w-full overflow-hidden rounded border border-border/40 bg-muted/30",
-        "data-testid": "anatomy-segment-bar",
-        children: [
-          visibleSegments.map((segment, index) => {
-            const rawPercent = total > 0 ? segment.size / total * 100 : 0;
-            const percent = Math.max(MIN_SEGMENT_PERCENT, rawPercent);
-            const segmentClassName = cn(
-              "h-full border-r border-background/80 last:border-r-0",
-              interactive ? "opacity-90 hover:opacity-100 focus:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background" : "opacity-90",
-              ROLE_COLOR_CLASSES[segment.role],
-              interactive ? ROLE_FOCUS_RING[segment.role] : ""
-            );
-            const segmentStyle = { width: `${percent}%` };
-            const ariaText = `${segment.label}, ${formatPercent$1(rawPercent)}, ~${formatTokens(
-              segment.size
-            )} tokens`;
-            return /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: interactive ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "button",
-                {
-                  type: "button",
-                  role: "button",
-                  tabIndex: 0,
-                  onClick: () => onActivate(segment),
-                  onKeyDown: (event) => {
-                    if (event.key === "Enter" || event.key === " ") {
-                      event.preventDefault();
-                      onActivate(segment);
-                    }
-                  },
-                  "data-anatomy-path": segment.path,
-                  "aria-label": ariaText,
-                  className: segmentClassName,
-                  style: segmentStyle
-                }
-              ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-label": ariaText, className: segmentClassName, style: segmentStyle }) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipContent, { side: "bottom", className: "max-w-sm text-xs p-2 space-y-0.5", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "font-semibold", children: [
-                  segment.label,
-                  " - ",
-                  formatPercent$1(rawPercent),
-                  " - ~",
-                  formatTokens(segment.size),
-                  " ",
-                  "tokens"
-                ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground", children: ANATOMY_ROLE_LABELS[segment.role] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-muted-foreground", children: [
-                  segment.characters.toLocaleString(),
-                  " chars"
-                ] }),
-                segment.text.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground/90 break-words whitespace-pre-wrap", children: truncatePreview(segment.text) })
-              ] })
-            ] }, `${segment.path}-${index}`);
-          }),
-          hasOverflow && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "div",
-              {
-                role: "img",
-                "aria-label": `${overflowCount} additional segments`,
-                className: "flex h-full items-center justify-center bg-muted-foreground/30 px-1.5 text-[10px] font-mono text-background",
-                style: {
-                  width: `${Math.max(MIN_SEGMENT_PERCENT, overflowSize / total * 100)}%`
-                },
-                children: [
-                  "... +",
-                  overflowCount
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipContent, { side: "bottom", className: "text-xs", children: [
-              overflowCount,
-              " more segment",
-              overflowCount === 1 ? "" : "s",
-              " (indices",
-              " ",
-              overflowStartIndex,
-              "-",
-              overflowEndIndex,
-              ")"
-            ] })
-          ] })
-        ]
-      }
-    ),
-    showLabels && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full gap-1 text-[10px] text-muted-foreground", children: [
-      visibleSegments.map((segment, index) => {
-        const rawPercent = total > 0 ? segment.size / total * 100 : 0;
-        const percent = Math.max(MIN_SEGMENT_PERCENT, rawPercent);
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
-          {
-            className: "flex flex-col gap-0.5 truncate",
-            style: { width: `${percent}%` },
-            title: `${segment.label} - ${formatPercent$1(rawPercent)} - ~${formatTokens(
-              segment.size
-            )} tokens`,
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate font-mono text-foreground/80", children: truncateLabel(segment.label) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "truncate font-mono text-muted-foreground/70", children: [
-                formatPercent$1(rawPercent),
-                " - ~",
-                formatTokens(segment.size)
-              ] })
-            ]
-          },
-          `label-${segment.path}-${index}`
-        );
-      }),
-      hasOverflow && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
-        {
-          className: "flex flex-col gap-0.5 truncate text-muted-foreground",
-          style: { width: `${Math.max(MIN_SEGMENT_PERCENT, overflowSize / total * 100)}%` },
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "truncate font-mono text-foreground/60", children: [
-              "... +",
-              overflowCount
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "truncate font-mono text-muted-foreground/60", children: [
-              "~",
-              formatTokens(overflowSize)
-            ] })
-          ]
-        }
-      )
-    ] }),
-    visibleTotal < total * 0.1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-0" })
-  ] }) });
-});
-const DIVERGENCE_AMBER_THRESHOLD = 0.25;
-const TOP_CONTRIBUTOR_COUNT = 5;
-const DUPLICATE_GROUP_DISPLAY_COUNT = 4;
-const DUPLICATE_SEGMENT_DISPLAY_COUNT = 6;
-const ROLE_ORDER = ["system", "user", "assistant", "tool", "tools"];
-const ROLE_DESCRIPTIONS = {
-  system: "instructions",
-  user: "user turns",
-  assistant: "assistant turns",
-  tool: "tool results",
-  tools: "tool schemas"
-};
-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 "provider":
-      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;
-  const visibleDiagnostics = intelligence.duplicateGroups.length === 0 ? intelligence.diagnostics : intelligence.diagnostics.filter((diagnostic) => diagnostic.kind !== "duplicate");
-  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)
-        ] })
-      ] })
-    ] }),
-    visibleDiagnostics.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-1.5 sm:grid-cols-2", children: visibleDiagnostics.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 resolveDuplicateSegment(duplicateSegment, segments) {
-  return segments.find((segment) => segment.path === duplicateSegment.path) ?? null;
-}
-function DuplicateContentPanel({
-  groups,
-  segments,
-  onSegmentActivate
-}) {
-  if (groups.length === 0) return null;
-  const visibleGroups = groups.slice(0, DUPLICATE_GROUP_DISPLAY_COUNT);
-  const hiddenGroupCount = groups.length - visibleGroups.length;
-  const totalRepeatedTokens = groups.reduce((sum, group) => sum + group.repeatedTokens, 0);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "space-y-2 rounded border border-border/70 bg-muted/15 p-2", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-foreground", children: "Duplicate Content" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "font-mono text-[11px] text-muted-foreground", children: [
-        String(groups.length),
-        " group",
-        groups.length === 1 ? "" : "s",
-        " | ~",
-        formatTokens(totalRepeatedTokens),
-        " repeated"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2", children: visibleGroups.map((group, groupIndex) => {
-      const visibleSegments = group.segments.slice(0, DUPLICATE_SEGMENT_DISPLAY_COUNT);
-      const hiddenSegmentCount = group.segments.length - visibleSegments.length;
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
-        {
-          className: "space-y-1.5 border-t border-border/50 pt-2 first:border-t-0 first:pt-0",
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2 text-xs", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-5 shrink-0 text-right font-mono text-muted-foreground/70", children: String(groupIndex + 1) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1 truncate text-foreground", children: group.firstLabel }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "shrink-0 font-mono text-muted-foreground", children: [
-                "x",
-                String(group.count),
-                " | ~",
-                formatTokens(group.repeatedTokens),
-                " saved"
-              ] })
-            ] }),
-            group.preview.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-7 line-clamp-2 break-words rounded bg-background/40 px-2 py-1 font-mono text-[11px] leading-4 text-muted-foreground", children: group.preview }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ml-7 flex flex-wrap gap-1", children: [
-              visibleSegments.map((duplicateSegment, segmentIndex) => {
-                const target = resolveDuplicateSegment(duplicateSegment, segments);
-                const activate = target === null || onSegmentActivate === void 0 ? void 0 : onSegmentActivate;
-                const label = `${duplicateSegment.label} ~${formatTokens(
-                  duplicateSegment.tokens
-                )}`;
-                if (activate === void 0 || target === null) {
-                  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "span",
-                    {
-                      className: "inline-flex h-6 max-w-40 items-center rounded border border-border/60 px-1.5 text-[11px] text-muted-foreground",
-                      title: label,
-                      children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: label })
-                    },
-                    `${duplicateSegment.path}-${segmentIndex}`
-                  );
-                }
-                return /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => activate(target),
-                    className: "inline-flex h-6 max-w-40 items-center rounded border border-border/60 px-1.5 text-[11px] text-muted-foreground hover:border-border hover:bg-muted/40 hover:text-foreground",
-                    title: "Jump to this duplicate block",
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: label })
-                  },
-                  `${duplicateSegment.path}-${segmentIndex}`
-                );
-              }),
-              hiddenSegmentCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex h-6 items-center rounded border border-border/40 px-1.5 font-mono text-[11px] text-muted-foreground/70", children: [
-                "+",
-                String(hiddenSegmentCount)
-              ] })
-            ] })
-          ]
-        },
-        group.key
-      );
-    }) }),
-    hiddenGroupCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t border-border/50 pt-2 font-mono text-[11px] text-muted-foreground", children: [
-      "+",
-      String(hiddenGroupCount),
-      " more duplicate group",
-      hiddenGroupCount === 1 ? "" : "s"
-    ] })
-  ] });
-}
-function aggregateByRole(segments) {
-  const result = [];
-  for (const role of ROLE_ORDER) {
-    const matching = segments.filter((segment) => segment.role === role);
-    if (matching.length === 0) continue;
-    const size = matching.reduce((sum, segment) => sum + segment.size, 0);
-    const characters = matching.reduce((sum, segment) => sum + segment.characters, 0);
-    const label = ANATOMY_ROLE_LABELS[role];
-    const text = `${matching.length} segment${matching.length === 1 ? "" : "s"} grouped as ${ROLE_DESCRIPTIONS[role]}`;
-    result.push({
-      role,
-      label,
-      size,
-      characters,
-      text,
-      path: `role:${role}`
-    });
-  }
-  return result;
-}
-function topContributors(segments) {
-  return [...segments].sort((a, b) => b.size - a.size).slice(0, TOP_CONTRIBUTOR_COUNT);
-}
-function RequestAnatomy({
-  parsed,
-  inputTokens,
-  model = null,
-  onSegmentActivate,
-  segments: providedSegments
-}) {
-  const { providers } = useProviders();
-  const [viewMode, setViewMode] = reactExports.useState("role");
-  const segments = reactExports.useMemo(() => providedSegments ?? null, [providedSegments]);
-  const total = reactExports.useMemo(
-    () => (segments ?? []).reduce((sum, segment) => sum + segment.size, 0),
-    [segments]
-  );
-  const roleSegments = reactExports.useMemo(
-    () => segments === null ? [] : aggregateByRole(segments),
-    [segments]
-  );
-  const topSegments = reactExports.useMemo(
-    () => segments === null ? [] : topContributors(segments),
-    [segments]
-  );
-  const intelligence = reactExports.useMemo(
-    () => segments === null ? null : analyzeContextIntelligence({
-      segments,
-      inputTokens,
-      parsed,
-      model,
-      providers
-    }),
-    [inputTokens, model, parsed, providers, segments]
-  );
-  const showDivergenceWarning = reactExports.useMemo(() => {
-    if (segments === null) return false;
-    if (inputTokens === null) return false;
-    if (total === 0) return false;
-    const ratio = Math.abs(inputTokens - total) / Math.max(inputTokens, total);
-    return ratio >= DIVERGENCE_AMBER_THRESHOLD;
-  }, [inputTokens, segments, total]);
-  if (segments === null) return null;
-  if (segments.length === 0) return null;
-  if (parsed === null && providedSegments === void 0) return null;
-  const summaryColorClass = inputTokens !== null && showDivergenceWarning ? "text-amber-400" : "text-muted-foreground";
-  const displayedSegments = viewMode === "role" ? roleSegments : segments;
-  const displayedTotal = total > 0 ? total : displayedSegments.reduce((sum, item) => sum + item.size, 0);
-  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: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-semibold text-foreground", children: "Request Context" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("mt-0.5 text-xs font-mono tabular-nums", summaryColorClass), children: [
-          "Estimated ~",
-          formatTokens(total),
-          " tokens | ",
-          providerInputLabel,
-          " | ",
-          contextLimitLabel,
-          " |",
-          " ",
-          usageLabel,
-          " | ",
-          segmentCountLabel
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: "inline-flex shrink-0 rounded border border-border bg-muted/20 p-0.5",
-          role: "group",
-          "aria-label": "Context breakdown mode",
-          children: VIEW_MODE_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
-            {
-              type: "button",
-              "aria-pressed": viewMode === option.value,
-              onClick: () => setViewMode(option.value),
-              className: cn(
-                "h-6 rounded-sm px-2 text-[11px] font-medium transition-colors",
-                viewMode === option.value ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
-              ),
-              children: option.label
-            },
-            option.value
-          ))
-        }
-      )
-    ] }),
-    showDivergenceWarning && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "inline-flex items-center gap-1.5 text-xs text-amber-400", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            type: "button",
-            className: "inline-flex items-center hover:text-amber-300",
-            "aria-label": "Token estimate differs from provider input",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Info, { className: "size-3.5" })
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { className: "max-w-xs text-xs", children: "The bar uses a local token estimate. Provider input tokens remain the source of truth for billing and context-window usage." })
-      ] }),
-      "Estimate differs from provider-reported input."
-    ] }),
-    intelligence !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(ContextIntelligenceStrip, { intelligence }),
-    intelligence !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      DuplicateContentPanel,
-      {
-        groups: intelligence.duplicateGroups,
-        segments,
-        onSegmentActivate
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      SegmentBar,
-      {
-        segments: displayedSegments,
-        totalTokens: displayedTotal,
-        showLabels: viewMode === "segment",
-        onActivate: activateSegment
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1.5 text-[11px] text-muted-foreground", children: roleSegments.map((segment) => {
-      const percent = total > 0 ? segment.size / total * 100 : 0;
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "inline-flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: cn("size-2.5 rounded-[2px]", ROLE_COLOR_CLASSES[segment.role])
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: segment.label }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-muted-foreground/70", children: formatPercent(percent) })
-      ] }, segment.role);
-    }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium text-foreground", children: "Top Contributors" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-1", children: topSegments.map((segment, index) => {
-        const percent = total > 0 ? segment.size / total * 100 : 0;
-        const activate = onSegmentActivate;
-        const content = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-5 shrink-0 text-right font-mono text-muted-foreground/70", children: String(index + 1) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: cn(
-                "size-2.5 shrink-0 rounded-[2px]",
-                ROLE_COLOR_CLASSES[segment.role]
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1 truncate text-left", children: segment.label }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "shrink-0 font-mono text-muted-foreground", children: [
-            formatPercent(percent),
-            " | ~",
-            formatTokens(segment.size)
-          ] })
-        ] });
-        if (activate !== void 0) {
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => activate(segment),
-              className: "flex h-7 items-center gap-2 rounded px-1.5 text-xs text-muted-foreground hover:bg-muted/40 hover:text-foreground",
-              title: "Jump to this request block",
-              children: content
-            },
-            `${segment.path}-${index}`
-          );
-        }
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "div",
-          {
-            className: "flex h-7 items-center gap-2 rounded px-1.5 text-xs text-muted-foreground",
-            children: content
-          },
-          `${segment.path}-${index}`
-        );
-      }) })
-    ] })
-  ] }) });
-}
-export {
-  RequestAnatomy
-};