@tonyclaw/agent-inspector 2.0.11 → 2.0.12

package/.output/server/_ssr/{ProxyViewerContainer-BiBdKWtj.mjs → ProxyViewerContainer-C0YEoG8N.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, h as createPendingProviderTestResults, P as ProviderTestResultsSchema, i as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, T as TimeDisplayFormatSchema, g as getSessionPath, j as ProviderConfigSchema, e as providerHasContextMetadata, f as findProviderModelMetadata, K as KnowledgeCandidateSchema, d as stripClaudeCodeBillingHeader, s as safeGetOwnProperty, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, c as AnthropicRequestSchema } from "./router-C7S8FRth.mjs";
+import { C as CapturedLogSchema, D as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, a as DEFAULT_TIME_DISPLAY_FORMAT, b as RuntimeConfigSchema, P as ProviderConfigSchema, r as requestFormatForPath, h as createPendingProviderTestResults, i as ProviderTestResultsSchema, j as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, T as TimeDisplayFormatSchema, g as getSessionPath, e as providerHasContextMetadata, f as findProviderModelMetadata, s as safeGetOwnProperty, K as KnowledgeCandidateSchema, d as stripClaudeCodeBillingHeader, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, c as AnthropicRequestSchema, k as resolveProviderContextWindow, l as isPlainRecord } from "./router-D0yXVG0Q.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";
@@ -9,7 +9,7 @@ import { R as Root, T as Trigger$2, C as Content, a as Close, b as Title, P as P
 import { d as diffJson, a as diffLines } from "../_libs/diff.mjs";
 import { u as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { R as Root2, T as Trigger, I as Icon, V as Value, P as Portal, C as Content2, a as Viewport, b as Item, c as ItemIndicator, d as ItemText, S as ScrollUpButton, e as ScrollDownButton } from "../_libs/radix-ui__react-select.mjs";
-import { C as Check, X, P as Plus, D as Download, S as Settings, A as ArrowLeft, a as Copy, b as ChevronDown, U as Upload, c as Scan, d as CircleAlert, T as Terminal, e as ChevronUp, L as LoaderCircle, f as ChevronRight, g as User, h as Clock, M as MessageSquare, Z as Zap, E as ExternalLink, i as Trash2, W as Wrench, j as TriangleAlert, B as Brain, k as EyeOff, l as Eye, R as RotateCw, m as Pencil, n as Minus, o as CircleCheckBig, p as CircleX, q as ShieldCheck, r as RefreshCw, s as Save, F as FileSearch, t as CircleCheck, u as CloudUpload, O as OctagonAlert, G as Globe, v as FileTerminal, w as Radio, x as ChevronsUp, y as ChevronsDown, z as FileDiff, H as History, I as RotateCcw, J as Search, K as GitCompareArrows, N as CircleQuestionMark, Q as Server, V as Gauge, Y as Lock, _ as Wifi, $ as WifiOff, a0 as ArrowUp, a1 as ArrowDown, a2 as Ellipsis, a3 as CodeXml, a4 as Blocks, a5 as MousePointerClick, a6 as FileText, a7 as Rows3, a8 as Columns2 } from "../_libs/lucide-react.mjs";
+import { C as Check, X, P as Plus, D as Download, S as Settings, A as ArrowLeft, a as Copy, b as ChevronDown, U as Upload, c as Scan, d as CircleAlert, T as Terminal, e as ChevronUp, L as LoaderCircle, f as ChevronRight, g as User, h as Clock, M as MessageSquare, Z as Zap, E as ExternalLink, i as Trash2, W as Wrench, j as TriangleAlert, B as Brain, k as EyeOff, l as Eye, R as RotateCw, m as Pencil, n as ArrowUpRight, o as ArrowDownRight, p as Minus, q as CircleCheckBig, r as CircleX, s as ShieldCheck, t as RefreshCw, u as Save, F as FileSearch, v as CircleCheck, w as CloudUpload, O as OctagonAlert, G as Globe, x as FileTerminal, y as Radio, z as ChevronsUp, H as ChevronsDown, I as FileDiff, J as History, K as RotateCcw, N as Search, Q as GitCompareArrows, V as CircleQuestionMark, Y as Server, _ as Gauge, $ as Lock, a0 as Wifi, a1 as WifiOff, a2 as ArrowUp, a3 as ArrowDown, a4 as Ellipsis, a5 as CodeXml, a6 as Blocks, a7 as MousePointerClick, a8 as FileText, a9 as Rows3, aa as Columns2 } from "../_libs/lucide-react.mjs";
 import { M as Markdown } from "../_libs/react-markdown.mjs";
 import { u as union, d as object, a as array, l as literal, b as string, n as number, c as boolean, _ as _enum } from "../_libs/zod.mjs";
 import { P as Provider, R as Root3, T as Trigger$1, a as Portal$1, C as Content2$1, A as Arrow2 } from "../_libs/radix-ui__react-tooltip.mjs";
@@ -291,6 +291,12 @@ function formatTokens(count) {
   if (count >= 1e6) return (count / 1e6).toFixed(1).replace(/\.0$/, "") + "M";
   return (count / 1e3).toFixed(1).replace(/\.0$/, "") + "K";
 }
+function formatContextWindowTokens(count) {
+  if (count >= 1024 * 1024) {
+    return (count / (1024 * 1024)).toFixed(1).replace(/\.0$/, "") + "M";
+  }
+  return (count / 1024).toFixed(1).replace(/\.0$/, "") + "K";
+}
 function getStatusCategory(status) {
   if (status === null) return "pending";
   if (status >= 200 && status < 300) return "success";
@@ -298,7 +304,31 @@ function getStatusCategory(status) {
   if (status >= 500) return "server_error";
   return "pending";
 }
-const version = "2.0.11";
+async function fetcher(url) {
+  return fetchJson(
+    url,
+    ProviderConfigSchema.array(),
+    void 0,
+    (response) => `Failed to fetch ${url}: ${response.status}`
+  );
+}
+function useProviders() {
+  const response = useSWR(
+    "/api/providers",
+    fetcher,
+    {
+      revalidateOnFocus: false,
+      revalidateIfStale: false
+    }
+  );
+  return {
+    providers: response.data ?? [],
+    isLoading: response.isLoading,
+    isError: response.error,
+    mutate: response.mutate
+  };
+}
+const version = "2.0.12";
 const packageJson = {
   version
 };
@@ -1359,19 +1389,19 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-BIMThqxy.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-Cqvv0I3x.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-D_wiDyM2.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-CrsynUKI.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-5UiMTESr.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-CR_JUkcL.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-Drk5ghmL.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-Dba2Et69.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-F889rmG0.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-BIMHLstI.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
@@ -2986,6 +3016,26 @@ function resolveLogFormat(log) {
   const pathFormat = requestFormatForPath(log.path);
   return pathFormat === "unknown" ? log.apiFormat : pathFormat;
 }
+const LOG_FOCUS_REQUEST_EVENT = "agent-inspector:focus-log";
+function dispatchLogFocusRequest(request) {
+  window.dispatchEvent(new CustomEvent(LOG_FOCUS_REQUEST_EVENT, { detail: request }));
+}
+function readLogFocusRequest(event) {
+  if (typeof CustomEvent === "undefined" || !(event instanceof CustomEvent)) return null;
+  const detail = event.detail;
+  const logId = safeGetOwnProperty(detail, "logId");
+  if (typeof logId !== "number" || !Number.isInteger(logId) || logId < 0) return null;
+  const tab = safeGetOwnProperty(detail, "tab");
+  switch (tab) {
+    case "anatomy":
+    case "request":
+      return { logId, tab };
+    case void 0:
+      return { logId, tab: "request" };
+    default:
+      return null;
+  }
+}
 function shouldShowRawRequestTab(apiFormat, viewMode, strip) {
   return apiFormat === "anthropic" && viewMode === "full" && strip;
 }
@@ -3161,6 +3211,14 @@ function parseRequestTools(parsed) {
 function TabFallback() {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-1", "aria-hidden": "true" });
 }
+function resolveFocusedTab(tab, anatomySegments) {
+  switch (tab) {
+    case "anatomy":
+      return anatomySegments === null ? "request" : "anatomy";
+    case "request":
+      return "request";
+  }
+}
 function DiffToggleButton({
   active,
   onClick
@@ -3358,6 +3416,19 @@ const LogEntry = reactExports.memo(function({
     if (!expanded) return;
     setActiveTab(anatomySegments !== null ? "anatomy" : "request");
   }, [anatomySegments, expanded]);
+  reactExports.useEffect(() => {
+    const handleLogFocusRequest = (event) => {
+      const request = readLogFocusRequest(event);
+      if (request === null) return;
+      if (request.logId !== log.id) return;
+      setExpanded(true);
+      setActiveTab(resolveFocusedTab(request.tab, anatomySegments));
+    };
+    window.addEventListener(LOG_FOCUS_REQUEST_EVENT, handleLogFocusRequest);
+    return () => {
+      window.removeEventListener(LOG_FOCUS_REQUEST_EVENT, handleLogFocusRequest);
+    };
+  }, [anatomySegments, log.id]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipProvider, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border border-border rounded-lg mb-1 overflow-hidden", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -3828,6 +3899,18 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
     }
     prevCompleteRef.current = isComplete;
   }, [collapsible, isComplete]);
+  reactExports.useEffect(() => {
+    const handleLogFocusRequest = (event) => {
+      const request = readLogFocusRequest(event);
+      if (request === null) return;
+      if (!entries.some((entry) => entry.log.id === request.logId)) return;
+      if (collapsible) setCollapsed(false);
+    };
+    window.addEventListener(LOG_FOCUS_REQUEST_EVENT, handleLogFocusRequest);
+    return () => {
+      window.removeEventListener(LOG_FOCUS_REQUEST_EVENT, handleLogFocusRequest);
+    };
+  }, [collapsible, entries]);
   const toggleCollapse = reactExports.useCallback(() => {
     if (collapsible) setCollapsed((prev) => !prev);
   }, [collapsible]);
@@ -4836,6 +4919,19 @@ const ConversationGroup = reactExports.memo(function({
   const isLoading = group.logs.some((log) => log.responseStatus === null);
   const showTraceRollupMetrics = standalone && !hasPinnedSessionContext;
   const turnGroups = reactExports.useMemo(() => buildTurnGroups(group.logs), [group.logs]);
+  reactExports.useEffect(() => {
+    const handleLogFocusRequest = (event) => {
+      if (standalone) return;
+      const request = readLogFocusRequest(event);
+      if (request === null) return;
+      if (!group.logs.some((log) => log.id === request.logId)) return;
+      setExpanded(true);
+    };
+    window.addEventListener(LOG_FOCUS_REQUEST_EVENT, handleLogFocusRequest);
+    return () => {
+      window.removeEventListener(LOG_FOCUS_REQUEST_EVENT, handleLogFocusRequest);
+    };
+  }, [group.logs, standalone]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2", children: [
     !standalone && /* @__PURE__ */ jsxRuntimeExports.jsx(
       ConversationHeader,
@@ -5531,6 +5627,22 @@ function formatTimeAgo(isoString) {
   const diffDay = Math.floor(diffHr / 24);
   return `${diffDay}d ago`;
 }
+function getModelSourceLink(sourceUrl) {
+  if (sourceUrl === void 0 || sourceUrl.trim() === "") return null;
+  try {
+    const parsed = new URL(sourceUrl);
+    if (parsed.protocol !== "https:" && parsed.protocol !== "http:") return null;
+    const hostname = parsed.hostname.toLowerCase();
+    const isHuggingFace = hostname === "huggingface.co" || hostname.endsWith(".huggingface.co");
+    return {
+      label: isHuggingFace ? "HF" : "Source",
+      title: isHuggingFace ? "Open Hugging Face model source" : "Open model metadata source",
+      url: sourceUrl
+    };
+  } catch {
+    return null;
+  }
+}
 function ProviderCard({
   provider,
   testResults,
@@ -5592,13 +5704,28 @@ function ProviderCard({
         ] }),
         provider.models !== void 0 && provider.models.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-1", children: provider.models.map((m) => {
           const metadata = findProviderModelMetadata(provider, m);
+          const sourceLink = getModelSourceLink(metadata?.sourceUrl);
           return /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "span",
             {
               className: "inline-flex items-center gap-1 text-xs px-1.5 py-0.5 rounded bg-muted text-muted-foreground",
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: m }),
-                metadata !== null && metadata.contextWindow !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-foreground/80", children: formatTokens(metadata.contextWindow) })
+                metadata !== null && metadata.contextWindow !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-foreground/80", children: formatContextWindowTokens(metadata.contextWindow) }),
+                sourceLink !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "a",
+                    {
+                      href: sourceLink.url,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      className: "inline-flex items-center gap-0.5 rounded border border-border/70 bg-background/70 px-1 font-mono text-[10px] leading-4 text-muted-foreground transition-colors hover:text-foreground",
+                      "aria-label": sourceLink.title,
+                      children: sourceLink.label
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: sourceLink.title })
+                ] }) })
               ]
             },
             m
@@ -5782,7 +5909,35 @@ const MINIMAX_MODELS = [
   "MiniMax M2.1-highspeed",
   "MiniMax M2"
 ];
-const ALIBABA_MODELS = ["glm-5", "glm-5.1", "qwen3.6-plus", "qwen3.7-max"];
+const ALIBABA_MODELS = ["glm-5", "glm-5.1", "glm-5.2", "qwen3.6-plus", "qwen3.7-max"];
+function emptyMetadataDraft() {
+  return { contextWindow: "", outputLimit: "" };
+}
+function normalizeModelName(value) {
+  return value.trim().toLowerCase().replace(/\s+/g, "-");
+}
+function findModelMetadata(provider, model) {
+  const normalized = normalizeModelName(model);
+  return provider?.modelMetadata?.find(
+    (metadata) => normalizeModelName(metadata.model) === normalized
+  ) ?? null;
+}
+function createMetadataDrafts(provider, models) {
+  return models.map((model) => {
+    const metadata = findModelMetadata(provider, model);
+    return {
+      contextWindow: metadata?.contextWindow?.toString() ?? "",
+      outputLimit: metadata?.outputLimit?.toString() ?? ""
+    };
+  });
+}
+function readPositiveIntegerInput(value) {
+  const trimmed = value.trim();
+  if (trimmed === "") return null;
+  const parsed = Number(trimmed);
+  if (!Number.isInteger(parsed) || parsed <= 0) return null;
+  return parsed;
+}
 function ProviderForm({ provider, onSubmit, onCancel }) {
   const [name, setName] = reactExports.useState(provider?.name ?? "");
   const [apiKey, setApiKey] = reactExports.useState(provider?.apiKey ?? "");
@@ -5792,6 +5947,12 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
   const [models, setModels] = reactExports.useState(
     initialModels !== void 0 && initialModels.length > 0 ? initialModels : [""]
   );
+  const [modelMetadataDrafts, setModelMetadataDrafts] = reactExports.useState(
+    () => createMetadataDrafts(
+      provider,
+      initialModels !== void 0 && initialModels.length > 0 ? initialModels : [""]
+    )
+  );
   const [activeTab, setActiveTab] = reactExports.useState("anthropic");
   const [anthropicBaseUrl, setAnthropicBaseUrl] = reactExports.useState(provider?.anthropicBaseUrl ?? "");
   const [openaiBaseUrl, setOpenaiBaseUrl] = reactExports.useState(provider?.openaiBaseUrl ?? "");
@@ -5830,7 +5991,9 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
     if (provider) {
       setName(provider.name);
       setApiKey(provider.apiKey);
-      setModels((provider.models?.length ?? 0) > 0 ? provider.models : [""]);
+      const nextModels = (provider.models?.length ?? 0) > 0 ? provider.models : [""];
+      setModels(nextModels);
+      setModelMetadataDrafts(createMetadataDrafts(provider, nextModels));
       setAnthropicBaseUrl(provider.anthropicBaseUrl ?? "");
       setOpenaiBaseUrl(provider.openaiBaseUrl ?? "");
       setApiDocsUrl(provider.apiDocsUrl ?? "");
@@ -5882,6 +6045,19 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
     if (modelMetadataUrl.trim() && !isValidUrl(modelMetadataUrl.trim())) {
       newErrors.modelMetadataUrl = "Invalid URL format";
     }
+    modelMetadataDrafts.forEach((draft, index) => {
+      const contextWindow = readPositiveIntegerInput(draft.contextWindow);
+      const outputLimit = readPositiveIntegerInput(draft.outputLimit);
+      if (draft.contextWindow.trim() !== "" && contextWindow === null) {
+        newErrors[`modelMetadata.${index}.contextWindow`] = "Context window must be a positive integer";
+      }
+      if (draft.outputLimit.trim() !== "" && outputLimit === null) {
+        newErrors[`modelMetadata.${index}.outputLimit`] = "Output limit must be a positive integer";
+      }
+      if (contextWindow !== null && outputLimit !== null && outputLimit > contextWindow) {
+        newErrors[`modelMetadata.${index}.outputLimit`] = "Output limit should not exceed context window";
+      }
+    });
     if (!anthropicBaseUrl.trim() && !openaiBaseUrl.trim()) {
       newErrors.format = "At least one format URL (Anthropic or OpenAI) is required";
     }
@@ -5896,6 +6072,55 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
       return false;
     }
   }
+  function updateModel(index, value) {
+    setModels((prev) => {
+      const next = [...prev];
+      next[index] = value;
+      return next;
+    });
+  }
+  function updateMetadataDraft(index, patch) {
+    setModelMetadataDrafts((prev) => {
+      const next = [...prev];
+      next[index] = { ...next[index] ?? emptyMetadataDraft(), ...patch };
+      return next;
+    });
+  }
+  function removeModel(index) {
+    setModels((prev) => prev.filter((_, idx) => idx !== index));
+    setModelMetadataDrafts((prev) => prev.filter((_, idx) => idx !== index));
+  }
+  function addModel() {
+    setModels((prev) => [...prev, ""]);
+    setModelMetadataDrafts((prev) => [...prev, emptyMetadataDraft()]);
+  }
+  function buildModelMetadata() {
+    const now = (/* @__PURE__ */ new Date()).toISOString();
+    const metadata = [];
+    models.forEach((model, index) => {
+      const trimmedModel = model.trim();
+      if (trimmedModel === "") return;
+      const draft = modelMetadataDrafts[index] ?? emptyMetadataDraft();
+      const contextWindow = readPositiveIntegerInput(draft.contextWindow);
+      const outputLimit = readPositiveIntegerInput(draft.outputLimit);
+      if (contextWindow === null && outputLimit === null) return;
+      const existing = findModelMetadata(provider, trimmedModel);
+      if (existing !== null && existing.contextWindow === (contextWindow ?? void 0) && existing.outputLimit === (outputLimit ?? void 0)) {
+        metadata.push({ ...existing, model: trimmedModel });
+        return;
+      }
+      const entry = {
+        model: trimmedModel,
+        source: "manual",
+        updatedAt: now
+      };
+      if (contextWindow !== null) entry.contextWindow = contextWindow;
+      if (outputLimit !== null) entry.outputLimit = outputLimit;
+      metadata.push(entry);
+    });
+    if (metadata.length > 0) return metadata;
+    return provider?.modelMetadata !== void 0 ? [] : void 0;
+  }
   function handleSubmit(e) {
     e.preventDefault();
     if (!validate()) return;
@@ -5909,6 +6134,7 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
         openaiBaseUrl: openaiBaseUrl.trim() || void 0,
         apiDocsUrl: apiDocsUrl.trim() || void 0,
         modelMetadataUrl: modelMetadataUrl.trim() || void 0,
+        modelMetadata: buildModelMetadata(),
         source
       });
     } finally {
@@ -6021,98 +6247,129 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
         "Models ",
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
       ] }),
-      models.map((m, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
-        {
-          ref: (el) => {
-            modelRowRefs.current[i] = el;
-          },
-          className: "flex items-center gap-2",
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex-1", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "input",
-                {
-                  type: "text",
-                  value: m,
-                  onChange: (e) => {
-                    setModels((prev) => {
-                      const next = [...prev];
-                      next[i] = e.target.value;
-                      return next;
-                    });
-                  },
-                  placeholder: isMiniMax || isAlibaba ? "Type or select a model..." : "Model name",
-                  className: "w-full rounded-md border border-input bg-background px-4 py-3 pr-8 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50"
-                }
-              ),
-              (isMiniMax || isAlibaba) && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => setOpenModelDropdown(openModelDropdown === i ? null : i),
-                    className: "absolute right-1 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors p-1 z-10",
-                    "aria-label": "Show model suggestions",
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4" })
-                  }
-                ),
-                openModelDropdown === i && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-0 right-0 top-full mt-1 z-50 bg-popover border border-border rounded-md shadow-md max-h-48 overflow-y-auto", children: (isMiniMax ? MINIMAX_MODELS : ALIBABA_MODELS).map((opt) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      models.map((m, i) => {
+        const draft = modelMetadataDrafts[i] ?? emptyMetadataDraft();
+        const contextWindowError = errors[`modelMetadata.${i}.contextWindow`];
+        const outputLimitError = errors[`modelMetadata.${i}.outputLimit`];
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            ref: (el) => {
+              modelRowRefs.current[i] = el;
+            },
+            className: "space-y-2 rounded-md border border-border bg-muted/10 p-2",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex-1", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "input",
+                    {
+                      type: "text",
+                      value: m,
+                      onChange: (e) => updateModel(i, e.target.value),
+                      placeholder: isMiniMax || isAlibaba ? "Type or select a model..." : "Model name",
+                      className: "w-full rounded-md border border-input bg-background px-4 py-3 pr-8 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50"
+                    }
+                  ),
+                  (isMiniMax || isAlibaba) && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setOpenModelDropdown(openModelDropdown === i ? null : i),
+                        className: "absolute right-1 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors p-1 z-10",
+                        "aria-label": "Show model suggestions",
+                        children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4" })
+                      }
+                    ),
+                    openModelDropdown === i && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-0 right-0 top-full mt-1 z-50 bg-popover border border-border rounded-md shadow-md max-h-48 overflow-y-auto", children: (isMiniMax ? MINIMAX_MODELS : ALIBABA_MODELS).map((opt) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => {
+                          updateModel(i, opt);
+                          setOpenModelDropdown(null);
+                        },
+                        className: "w-full text-left px-3 py-2 text-sm hover:bg-muted transition-colors",
+                        children: opt
+                      },
+                      opt
+                    )) })
+                  ] })
+                ] }),
+                models.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "button",
                   {
                     type: "button",
-                    onClick: () => {
-                      setModels((prev) => {
-                        const next = [...prev];
-                        next[i] = opt;
-                        return next;
-                      });
-                      setOpenModelDropdown(null);
-                    },
-                    className: "w-full text-left px-3 py-2 text-sm hover:bg-muted transition-colors",
-                    children: opt
-                  },
-                  opt
-                )) })
-              ] })
-            ] }),
-            models.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => setModels((prev) => prev.filter((_, idx) => idx !== i)),
-                className: "text-muted-foreground hover:text-destructive transition-colors p-1 shrink-0",
-                "aria-label": "Remove model",
-                children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                  "svg",
-                  {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M3 6h18" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
-                    ]
+                    onClick: () => removeModel(i),
+                    className: "text-muted-foreground hover:text-destructive transition-colors p-1 shrink-0",
+                    "aria-label": "Remove model",
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                      "svg",
+                      {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        strokeWidth: "2",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M3 6h18" }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
+                        ]
+                      }
+                    )
                   }
                 )
-              }
-            )
-          ]
-        },
-        i
-      )),
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-2 sm:grid-cols-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "space-y-1 text-xs text-muted-foreground", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Context Window" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "input",
+                    {
+                      type: "number",
+                      min: 1,
+                      step: 1e3,
+                      value: draft.contextWindow,
+                      onChange: (e) => updateMetadataDraft(i, { contextWindow: e.target.value }),
+                      placeholder: "e.g. 1048576",
+                      className: "w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-xs text-foreground ring-offset-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px]"
+                    }
+                  ),
+                  contextWindowError !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block text-destructive", children: contextWindowError })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "space-y-1 text-xs text-muted-foreground", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Output Limit" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "input",
+                    {
+                      type: "number",
+                      min: 1,
+                      step: 1e3,
+                      value: draft.outputLimit,
+                      onChange: (e) => updateMetadataDraft(i, { outputLimit: e.target.value }),
+                      placeholder: "e.g. 8192",
+                      className: "w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-xs text-foreground ring-offset-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px]"
+                    }
+                  ),
+                  outputLimitError !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block text-destructive", children: outputLimitError })
+                ] })
+              ] })
+            ]
+          },
+          i
+        );
+      }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
           type: "button",
-          onClick: () => setModels((prev) => [...prev, ""]),
+          onClick: addModel,
           className: "text-xs text-primary hover:underline flex items-center gap-1",
           children: "+ Add Model"
         }
@@ -6234,6 +6491,7 @@ function createProviderPayload(data) {
     openaiBaseUrl: (data.openaiBaseUrl?.length ?? 0) > 0 ? data.openaiBaseUrl : void 0,
     apiDocsUrl: (data.apiDocsUrl?.length ?? 0) > 0 ? data.apiDocsUrl : void 0,
     modelMetadataUrl: (data.modelMetadataUrl?.length ?? 0) > 0 ? data.modelMetadataUrl : void 0,
+    modelMetadata: data.modelMetadata,
     source: data.source
   };
 }
@@ -6771,30 +7029,6 @@ function ProvidersPanel({
     )
   ] });
 }
-async function fetcher(url) {
-  return fetchJson(
-    url,
-    ProviderConfigSchema.array(),
-    void 0,
-    (response) => `Failed to fetch ${url}: ${response.status}`
-  );
-}
-function useProviders() {
-  const response = useSWR(
-    "/api/providers",
-    fetcher,
-    {
-      revalidateOnFocus: false,
-      revalidateIfStale: false
-    }
-  );
-  return {
-    providers: response.data ?? [],
-    isLoading: response.isLoading,
-    isError: response.error,
-    mutate: response.mutate
-  };
-}
 function SettingsDialog() {
   const [open, setOpen] = reactExports.useState(false);
   const [activeTab, setActiveTab] = reactExports.useState("providers");
@@ -7284,6 +7518,851 @@ function useKeyboardNavigation(containerRef, wrapperRef, options = {}) {
     return () => document.removeEventListener("focusin", handleFocusContainer);
   }, [handleFocusContainer]);
 }
+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, segment2) => sum + segment2.size, 0);
+  }, [segments, totalTokens]);
+  const visibleSegments = segments.slice(0, MAX_VISIBLE_SEGMENTS);
+  const overflowSegments = segments.slice(MAX_VISIBLE_SEGMENTS);
+  const overflowSize = overflowSegments.reduce((sum, segment2) => sum + segment2.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, segment2) => sum + segment2.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((segment2, index) => {
+            const rawPercent = total > 0 ? segment2.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[segment2.role],
+              interactive ? ROLE_FOCUS_RING[segment2.role] : ""
+            );
+            const segmentStyle = { width: `${percent}%` };
+            const ariaText = `${segment2.label}, ${formatPercent$1(rawPercent)}, ~${formatTokens(
+              segment2.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(segment2),
+                  onKeyDown: (event) => {
+                    if (event.key === "Enter" || event.key === " ") {
+                      event.preventDefault();
+                      onActivate(segment2);
+                    }
+                  },
+                  "data-anatomy-path": segment2.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: [
+                  segment2.label,
+                  " - ",
+                  formatPercent$1(rawPercent),
+                  " - ~",
+                  formatTokens(segment2.size),
+                  " ",
+                  "tokens"
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground", children: ANATOMY_ROLE_LABELS[segment2.role] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-muted-foreground", children: [
+                  segment2.characters.toLocaleString(),
+                  " chars"
+                ] }),
+                segment2.text.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground/90 break-words whitespace-pre-wrap", children: truncatePreview(segment2.text) })
+              ] })
+            ] }, `${segment2.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((segment2, index) => {
+        const rawPercent = total > 0 ? segment2.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: `${segment2.label} - ${formatPercent$1(rawPercent)} - ~${formatTokens(
+              segment2.size
+            )} tokens`,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate font-mono text-foreground/80", children: truncateLabel(segment2.label) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "truncate font-mono text-muted-foreground/70", children: [
+                formatPercent$1(rawPercent),
+                " - ~",
+                formatTokens(segment2.size)
+              ] })
+            ]
+          },
+          `label-${segment2.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 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: 1048576,
+    mode: "prefix",
+    patterns: ["deepseek-v4-pro", "deepseek-v4-flash"]
+  },
+  {
+    family: "DeepSeek",
+    tokens: 64e3,
+    mode: "prefix",
+    patterns: ["deepseek-"]
+  },
+  {
+    family: "MiniMax M3",
+    tokens: 1048576,
+    mode: "includes",
+    patterns: ["minimax-m3"]
+  },
+  {
+    family: "MiniMax M2.7",
+    tokens: 204800,
+    mode: "includes",
+    patterns: ["minimax-m2.7"]
+  },
+  {
+    family: "MiniMax M2.5/M2.1",
+    tokens: 196608,
+    mode: "includes",
+    patterns: ["minimax-m2.5", "minimax-m2.1"]
+  },
+  {
+    family: "GLM-5.2",
+    tokens: 1048576,
+    mode: "prefix",
+    patterns: ["glm-5.2"]
+  },
+  {
+    family: "GLM-5",
+    tokens: 202752,
+    mode: "prefix",
+    patterns: ["glm-5", "glm-5.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((segment2) => segment2.role === role).reduce((sum, segment2) => sum + segment2.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(segment2) {
+  return {
+    role: segment2.role,
+    label: segment2.label,
+    path: segment2.path,
+    tokens: segment2.size,
+    characters: segment2.characters,
+    text: segment2.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(segment2, 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: segment2.role,
+    label: `${segment2.label} ${formatNestedDuplicatePath(path)}`,
+    path: segment2.path,
+    tokens,
+    characters,
+    text
+  };
+}
+function collectNestedDuplicateCandidates({
+  value,
+  segment: segment2,
+  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(segment2, value, path);
+    if (candidate !== null) candidates.push(candidate);
+    return;
+  }
+  if (Array.isArray(value)) {
+    value.forEach(
+      (item, index) => collectNestedDuplicateCandidates({
+        value: item,
+        segment: segment2,
+        path: [...path, `[${String(index)}]`],
+        depth: depth + 1,
+        candidates
+      })
+    );
+    return;
+  }
+  if (!isPlainRecord(value)) return;
+  Object.entries(value).forEach(
+    ([key, child]) => collectNestedDuplicateCandidates({
+      value: child,
+      segment: segment2,
+      path: [...path, key],
+      depth: depth + 1,
+      candidates
+    })
+  );
+}
+function duplicateCandidatesForSegment(segment2) {
+  const segmentCandidate = duplicateCandidateFromSegment(segment2);
+  const parsed = parseJsonLikeText(segment2.text);
+  if (parsed === null) return [segmentCandidate];
+  const candidates = [];
+  collectNestedDuplicateCandidates({
+    value: parsed,
+    segment: segment2,
+    path: [],
+    depth: 0,
+    candidates
+  });
+  const normalizedSegment = normalizeDuplicateText(segment2.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 segment2 of segments) {
+    const candidates = duplicateCandidatesForSegment(segment2);
+    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 duplicateReclaimableTokens(duplicateGroups) {
+  return duplicateGroups.reduce((sum, group) => sum + group.repeatedTokens, 0);
+}
+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 contextHealth({
+  risk,
+  contextWindow,
+  diagnostics,
+  duplicateGroups
+}) {
+  const diagnosticKinds = new Set(diagnostics.map((diagnostic) => diagnostic.kind));
+  let opportunityCount = diagnosticKinds.size;
+  if (risk === "watch" || risk === "danger") opportunityCount += 1;
+  if (contextWindow.source === "unknown") opportunityCount += 1;
+  const hasDangerDiagnostic = diagnostics.some((diagnostic) => diagnostic.severity === "danger");
+  const level = risk === "danger" || hasDangerDiagnostic ? "risk" : opportunityCount > 0 ? "optimizable" : "ok";
+  return {
+    level,
+    opportunityCount,
+    reclaimableTokens: duplicateReclaimableTokens(duplicateGroups)
+  };
+}
+function analyzeContextIntelligence({
+  segments,
+  inputTokens,
+  parsed,
+  model,
+  providers = []
+}) {
+  const totalEstimatedTokens = segments.reduce((sum, segment2) => sum + segment2.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((segment2) => segment2.role !== "tools").length;
+  const duplicateGroups = duplicateContextGroups(segments);
+  const duplicate = duplicateDiagnostic(duplicateGroups);
+  const diagnostics = diagnosticsForRolePressure(
+    roleUsages,
+    totalEstimatedTokens,
+    messageSegmentCount
+  );
+  if (duplicate !== null) diagnostics.unshift(duplicate);
+  const risk = riskLevel(usagePercent);
+  return {
+    model: requestModel,
+    contextWindow,
+    estimatedInputTokens,
+    outputReserveTokens,
+    windowUsedTokens,
+    remainingInputTokens,
+    remainingAfterReserveTokens,
+    usagePercent,
+    riskLevel: risk,
+    roleUsages,
+    largestRole,
+    diagnostics,
+    duplicateGroups,
+    health: contextHealth({
+      risk,
+      contextWindow,
+      diagnostics,
+      duplicateGroups
+    })
+  };
+}
+const CONTEXT_USAGE_THRESHOLDS = {
+  watch: WATCH_USAGE_PERCENT,
+  danger: DANGER_USAGE_PERCENT
+};
+function parseRequestBody(rawBody) {
+  if (rawBody === null) return null;
+  try {
+    const parsed = JSON.parse(rawBody);
+    return parsed;
+  } catch {
+    return null;
+  }
+}
+function roleUsageSegment(usage) {
+  return {
+    role: usage.role,
+    label: usage.label,
+    size: usage.tokens,
+    characters: usage.tokens * 4,
+    text: "",
+    path: `role:${usage.role}`
+  };
+}
+function snapshotFromLog(log, providers) {
+  const parsed = parseRequestBody(log.rawRequestBody);
+  if (parsed === null) return null;
+  const adapter = getLogFormatAdapter(resolveLogFormat(log));
+  const segments = adapter.anatomySegments(parsed);
+  if (segments === null) return null;
+  const intelligence = analyzeContextIntelligence({
+    segments,
+    inputTokens: log.inputTokens ?? null,
+    parsed,
+    model: log.model,
+    providers
+  });
+  const model = intelligence.model ?? log.model ?? "Unknown model";
+  const roleSegments = intelligence.roleUsages.map(roleUsageSegment);
+  return {
+    logId: log.id,
+    model,
+    timestamp: log.timestamp,
+    contextWindow: intelligence.contextWindow,
+    estimatedInputTokens: intelligence.estimatedInputTokens,
+    windowUsedTokens: intelligence.windowUsedTokens,
+    usagePercent: intelligence.usagePercent,
+    riskLevel: intelligence.riskLevel,
+    health: intelligence.health,
+    diagnostics: intelligence.diagnostics.map((diagnostic) => diagnostic.title),
+    roleSegments,
+    roleTotalTokens: roleSegments.reduce((sum, segment2) => sum + segment2.size, 0)
+  };
+}
+function isHigherPeak(candidate, current) {
+  if (candidate.usagePercent !== null && current.usagePercent !== null) {
+    return candidate.usagePercent > current.usagePercent;
+  }
+  if (candidate.usagePercent !== null && current.usagePercent === null) return true;
+  if (candidate.usagePercent === null && current.usagePercent !== null) return false;
+  return candidate.estimatedInputTokens > current.estimatedInputTokens;
+}
+function riskRank(risk) {
+  switch (risk) {
+    case "danger":
+      return 4;
+    case "watch":
+      return 3;
+    case "unknown":
+      return 2;
+    case "ok":
+      return 1;
+  }
+}
+function compareModelSummary(left, right) {
+  const riskDelta = riskRank(right.latest.riskLevel) - riskRank(left.latest.riskLevel);
+  if (riskDelta !== 0) return riskDelta;
+  const leftPeak = left.peak.usagePercent ?? -1;
+  const rightPeak = right.peak.usagePercent ?? -1;
+  const peakDelta = rightPeak - leftPeak;
+  if (peakDelta !== 0) return peakDelta;
+  return right.latest.logId - left.latest.logId;
+}
+function trendPercent(first, latest) {
+  if (first.usagePercent === null || latest.usagePercent === null) return null;
+  return (latest.usagePercent - first.usagePercent) * 100;
+}
+function buildSessionContextSummary(logs, providers = []) {
+  const sortedLogs = [...logs].sort((left, right) => left.id - right.id);
+  const byModel = /* @__PURE__ */ new Map();
+  for (const log of sortedLogs) {
+    const snapshot = snapshotFromLog(log, providers);
+    if (snapshot === null) continue;
+    const existing = byModel.get(snapshot.model);
+    if (existing === void 0) {
+      byModel.set(snapshot.model, {
+        model: snapshot.model,
+        requestCount: 1,
+        first: snapshot,
+        latest: snapshot,
+        peak: snapshot
+      });
+      continue;
+    }
+    byModel.set(snapshot.model, {
+      model: existing.model,
+      requestCount: existing.requestCount + 1,
+      first: existing.first,
+      latest: snapshot,
+      peak: isHigherPeak(snapshot, existing.peak) ? snapshot : existing.peak
+    });
+  }
+  const models = [...byModel.values()].map((entry) => ({
+    model: entry.model,
+    requestCount: entry.requestCount,
+    first: entry.first,
+    latest: entry.latest,
+    peak: entry.peak,
+    trendPercent: trendPercent(entry.first, entry.latest)
+  })).sort(compareModelSummary);
+  return { models };
+}
 function truncateSessionId(id) {
   if (id.length <= 30) return id;
   return id.slice(0, 12) + "…" + id.slice(-12);
@@ -7311,6 +8390,142 @@ function getFirstUserAgent(logs) {
   }
   return null;
 }
+function resolveSessionContextScope({
+  pinnedSessionId,
+  selectedSession,
+  sessions,
+  logs
+}) {
+  if (pinnedSessionId !== void 0) {
+    const scopedLogs = logs.filter((log) => log.sessionId === pinnedSessionId);
+    if (scopedLogs.length === 0) return null;
+    return { label: pinnedSessionId, logs: scopedLogs, showBackLink: true };
+  }
+  if (selectedSession !== "__all__") {
+    const scopedLogs = logs.filter((log) => log.sessionId === selectedSession);
+    if (scopedLogs.length === 0) return null;
+    return { label: selectedSession, logs: scopedLogs, showBackLink: true };
+  }
+  const singleSessionId = sessions.length === 1 ? sessions[0] ?? null : null;
+  if (singleSessionId !== null) {
+    const allVisibleLogsBelongToSession = logs.every((log) => log.sessionId === singleSessionId);
+    if (allVisibleLogsBelongToSession) {
+      return { label: singleSessionId, logs: [...logs], showBackLink: false };
+    }
+  }
+  const allVisibleLogsAreSessionless = sessions.length === 0 && logs.length > 0 && logs.every((log) => log.sessionId === null);
+  if (allVisibleLogsAreSessionless) {
+    return { label: "Visible requests", logs: [...logs], showBackLink: false };
+  }
+  return null;
+}
+function formatPercent(value) {
+  if (value === null) return "Unknown";
+  const percent = value * 100;
+  if (percent >= 10) return `${percent.toFixed(0)}%`;
+  if (percent >= 1) return `${percent.toFixed(1)}%`;
+  if (percent > 0) return "<1%";
+  return "0%";
+}
+function formatTrend(value) {
+  if (value === null) return "n/a";
+  if (Math.abs(value) < 0.1) return "0%";
+  const sign = value > 0 ? "+" : "";
+  return `${sign}${value.toFixed(1)}%`;
+}
+function progressPercent(value) {
+  if (value === null || !Number.isFinite(value)) return 0;
+  return Math.min(Math.max(value * 100, 0), 100);
+}
+function peakMarkerPercent(latestPercent, peakPercent) {
+  if (peakPercent === null) return null;
+  const latest = progressPercent(latestPercent);
+  const peak = progressPercent(peakPercent);
+  if (peak <= 0) return null;
+  if (Math.abs(peak - latest) < 0.5) return null;
+  return peak;
+}
+function sessionRiskBarClass(risk) {
+  switch (risk) {
+    case "danger":
+      return "bg-red-400";
+    case "watch":
+      return "bg-amber-300";
+    case "unknown":
+      return "bg-muted-foreground/50";
+    case "ok":
+      return "bg-emerald-400";
+  }
+}
+function formatContextWindow(summary) {
+  const tokens = summary.latest.contextWindow.tokens;
+  if (tokens === null) return "Window unknown";
+  return `Window ${formatContextWindowTokens(tokens)}`;
+}
+function formatLogReference(logId) {
+  return `#${String(logId)}`;
+}
+function sessionRiskClass(risk) {
+  switch (risk) {
+    case "danger":
+      return "text-red-300";
+    case "watch":
+      return "text-amber-200";
+    case "unknown":
+      return "text-muted-foreground";
+    case "ok":
+      return "text-emerald-300";
+  }
+}
+function sessionHealthClass(level) {
+  switch (level) {
+    case "risk":
+      return "border-red-400/30 bg-red-500/10 text-red-100";
+    case "optimizable":
+      return "border-amber-400/25 bg-amber-400/8 text-amber-100";
+    case "ok":
+      return "border-emerald-400/25 bg-emerald-400/8 text-emerald-100";
+  }
+}
+function sessionHealthLabel(level) {
+  switch (level) {
+    case "risk":
+      return "Risk";
+    case "optimizable":
+      return "Optimizable";
+    case "ok":
+      return "OK";
+  }
+}
+const LOG_FOCUS_RETRY_LIMIT = 10;
+const LOG_FOCUS_RETRY_DELAY_MS = 80;
+function highlightLogTarget(target) {
+  target.setAttribute("data-deep-link-highlight", "true");
+  window.setTimeout(() => {
+    target.removeAttribute("data-deep-link-highlight");
+  }, 1800);
+}
+function focusLogTarget(logId) {
+  const target = document.getElementById(`log-${String(logId)}`);
+  if (!(target instanceof HTMLElement)) return false;
+  target.scrollIntoView({ block: "center", behavior: "smooth" });
+  target.focus({ preventScroll: true });
+  highlightLogTarget(target);
+  return true;
+}
+function openLogContext(logId) {
+  dispatchLogFocusRequest({ logId, tab: "anatomy" });
+  let attempts = 0;
+  const tryFocus = () => {
+    dispatchLogFocusRequest({ logId, tab: "anatomy" });
+    if (focusLogTarget(logId)) return;
+    attempts += 1;
+    if (attempts < LOG_FOCUS_RETRY_LIMIT) {
+      window.setTimeout(tryFocus, LOG_FOCUS_RETRY_DELAY_MS);
+    }
+  };
+  window.setTimeout(tryFocus, 0);
+}
 function CopyableCommand({ command }) {
   const [copied, setCopied] = reactExports.useState(false);
   const handleCopy = reactExports.useCallback(() => {
@@ -7372,12 +8587,202 @@ function McpReadyBadge() {
     /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { sideOffset: 8, className: "max-w-[320px] text-left leading-relaxed", children: "Coding agents can inspect logs, replay requests, test providers, and debug sessions through MCP at /api/mcp." })
   ] }) });
 }
+function SessionContextLogButton({ label, logId }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => openLogContext(logId),
+      className: "inline-flex h-5 items-center rounded px-1 font-mono text-[10px] text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+      title: `Open Context for ${formatLogReference(logId)}`,
+      children: [
+        label,
+        " ",
+        formatLogReference(logId)
+      ]
+    }
+  );
+}
+function SessionContextProgressBar({
+  latestPercent,
+  peakPercent,
+  risk,
+  onOpenContext
+}) {
+  const latest = progressPercent(latestPercent);
+  const peakMarker = peakMarkerPercent(latestPercent, peakPercent);
+  const ariaLabel = peakPercent === null ? `Latest context window usage ${formatPercent(latestPercent)}` : `Latest context window usage ${formatPercent(latestPercent)}, peak ${formatPercent(
+    peakPercent
+  )}`;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: onOpenContext,
+      className: "group block w-full rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
+      "aria-label": `${ariaLabel}. Open latest Context details`,
+      title: "Open latest Context details",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "span",
+        {
+          className: "relative block h-2.5 overflow-hidden rounded-full border border-border/70 bg-background transition-colors group-hover:border-foreground/30",
+          role: "meter",
+          "aria-label": ariaLabel,
+          "aria-valuemin": 0,
+          "aria-valuemax": 100,
+          "aria-valuenow": Math.round(latest),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "span",
+              {
+                className: cn("block h-full rounded-full transition-[width]", sessionRiskBarClass(risk)),
+                style: { width: `${latest}%` }
+              }
+            ),
+            peakMarker !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "span",
+              {
+                className: "absolute top-0 h-full w-0.5 rounded-full bg-amber-100/75 shadow-[0_0_0_1px_rgba(0,0,0,0.25)]",
+                style: { left: `calc(${peakMarker}% - 0.5px)` },
+                "aria-hidden": "true"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function SessionModelContextRow({ summary }) {
+  const trend = summary.trendPercent;
+  const TrendIcon = trend === null || Math.abs(trend) < 0.1 ? null : trend > 0 ? ArrowUpRight : ArrowDownRight;
+  const diagnosticLabel = summary.latest.diagnostics[0] ?? null;
+  const latestUsage = formatPercent(summary.latest.usagePercent);
+  const peakUsage = formatPercent(summary.peak.usagePercent);
+  const openLatestContext = () => {
+    openLogContext(summary.latest.logId);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-x-4 gap-y-2 border-t border-border/60 py-2 first:border-t-0 lg:grid-cols-[minmax(180px,1fr)_minmax(260px,1fr)_minmax(260px,1.4fr)]", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: openLatestContext,
+            className: "min-w-0 truncate rounded-sm text-left font-mono font-semibold text-foreground transition-colors hover:text-cyan-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
+            title: `Open latest Context for ${summary.model}`,
+            children: summary.model
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
+          {
+            className: cn(
+              "inline-flex h-5 shrink-0 items-center rounded border px-1.5 font-mono text-[10px]",
+              sessionHealthClass(summary.latest.health.level)
+            ),
+            children: sessionHealthLabel(summary.latest.health.level)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 text-[11px] text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          summary.requestCount,
+          " req"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: formatContextWindow(summary) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", title: summary.latest.contextWindow.label, children: summary.latest.contextWindow.label })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 space-y-2 text-xs", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        SessionContextProgressBar,
+        {
+          latestPercent: summary.latest.usagePercent,
+          peakPercent: summary.peak.usagePercent,
+          risk: summary.latest.riskLevel,
+          onOpenContext: openLatestContext
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] uppercase text-muted-foreground", children: "Latest" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("mt-0.5 font-mono", sessionRiskClass(summary.latest.riskLevel)), children: latestUsage }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SessionContextLogButton, { label: "Log", logId: summary.latest.logId })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] uppercase text-muted-foreground", children: "Peak" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("mt-0.5 font-mono", sessionRiskClass(summary.peak.riskLevel)), children: peakUsage }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SessionContextLogButton, { label: "Log", logId: summary.peak.logId })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] uppercase text-muted-foreground", children: "Trend" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-0.5 flex items-center gap-1 font-mono text-foreground", children: [
+            TrendIcon !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              TrendIcon,
+              {
+                className: cn(
+                  "size-3",
+                  trend !== null && trend > 0 ? "text-amber-300" : "text-emerald-300"
+                )
+              }
+            ),
+            formatTrend(trend)
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-5", "aria-hidden": "true" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 space-y-1.5", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        SegmentBar,
+        {
+          segments: summary.latest.roleSegments,
+          totalTokens: summary.latest.roleTotalTokens,
+          showLabels: false
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 text-[11px] text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono", children: [
+          "~",
+          formatTokens(summary.latest.estimatedInputTokens),
+          " input"
+        ] }),
+        summary.latest.windowUsedTokens !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono", children: [
+          "~",
+          formatTokens(summary.latest.windowUsedTokens),
+          " used"
+        ] }),
+        diagnosticLabel !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: diagnosticLabel })
+      ] })
+    ] })
+  ] });
+}
+function SessionContextSummaryPanel({
+  summary
+}) {
+  if (summary.models.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 border-t border-border/70 pt-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-1 flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[11px] font-semibold uppercase tracking-normal text-muted-foreground", children: "Session Context" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "font-mono text-[10px] text-muted-foreground", children: [
+        summary.models.length,
+        " model",
+        summary.models.length === 1 ? "" : "s"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-h-52 overflow-y-auto pr-1", children: summary.models.map((modelSummary) => /* @__PURE__ */ jsxRuntimeExports.jsx(SessionModelContextRow, { summary: modelSummary }, modelSummary.model)) })
+  ] });
+}
 function SessionContextBar({
-  sessionId,
+  label,
   logs,
   totalIn,
   totalOut,
-  timeDisplayFormat
+  timeDisplayFormat,
+  contextSummary,
+  showBackLink
 }) {
   const [copied, setCopied] = reactExports.useState(false);
   const timeRange = reactExports.useMemo(
@@ -7391,55 +8796,58 @@ function SessionContextBar({
       setTimeout(() => setCopied(false), 2e3);
     });
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-4 flex items-center gap-3 border border-border rounded-md bg-muted/20 px-3 py-2 text-xs", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "a",
-      {
-        href: "/",
-        className: "inline-flex size-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-        "aria-label": "Back to all sessions",
-        title: "Back to all sessions",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowLeft, { className: "size-3.5" })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono font-semibold text-purple-400/90 truncate", title: sessionId, children: truncateSessionId(sessionId) }),
-        userAgent !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "span",
-          {
-            className: "font-mono text-muted-foreground truncate max-w-[220px]",
-            title: userAgent,
-            children: userAgent
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-1 text-muted-foreground", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
-          logs.length,
-          " request",
-          logs.length !== 1 ? "s" : ""
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-4 border border-border rounded-md bg-muted/20 px-3 py-2 text-xs", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
+      showBackLink && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "a",
+        {
+          href: "/",
+          className: "inline-flex size-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          "aria-label": "Back to all sessions",
+          title: "Back to all sessions",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowLeft, { className: "size-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono font-semibold text-purple-400/90 truncate", title: label, children: truncateSessionId(label) }),
+          userAgent !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "span",
+            {
+              className: "font-mono text-muted-foreground truncate max-w-[220px]",
+              title: userAgent,
+              children: userAgent
+            }
+          )
         ] }),
-        timeRange !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: timeRange }),
-        (totalIn > 0 || totalOut > 0) && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono", children: [
-          formatTokens(totalIn),
-          " in / ",
-          formatTokens(totalOut),
-          " out"
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-1 text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            logs.length,
+            " request",
+            logs.length !== 1 ? "s" : ""
+          ] }),
+          timeRange !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: timeRange }),
+          (totalIn > 0 || totalOut > 0) && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono", children: [
+            formatTokens(totalIn),
+            " in / ",
+            formatTokens(totalOut),
+            " out"
+          ] })
         ] })
-      ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleCopyLink,
+          className: "inline-flex size-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          "aria-label": copied ? "Copied session link" : "Copy session link",
+          title: copied ? "Copied session link" : "Copy session link",
+          children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3.5" })
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: handleCopyLink,
-        className: "inline-flex size-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-        "aria-label": copied ? "Copied session link" : "Copy session link",
-        title: copied ? "Copied session link" : "Copy session link",
-        children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3.5" })
-      }
-    )
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SessionContextSummaryPanel, { summary: contextSummary })
   ] });
 }
 function ProxyViewer({
@@ -7461,6 +8869,7 @@ function ProxyViewer({
   pinnedSessionId
 }) {
   const { totalIn, totalOut } = reactExports.useMemo(() => computeTokenSummary(logs), [logs]);
+  const { providers } = useProviders();
   const [exporting, setExporting] = reactExports.useState(false);
   const [comparePair, setComparePair] = reactExports.useState(null);
   const [crabEntrancePhase, setCrabEntrancePhase] = reactExports.useState(
@@ -7503,7 +8912,20 @@ function ProxyViewer({
     setComparePair(null);
   }, []);
   const groups = reactExports.useMemo(() => groupLogsByConversation(logs), [logs]);
-  const hasPinnedSessionContext = pinnedSessionId !== void 0;
+  const sessionContextScope = reactExports.useMemo(
+    () => resolveSessionContextScope({ pinnedSessionId, selectedSession, sessions, logs }),
+    [logs, pinnedSessionId, selectedSession, sessions]
+  );
+  const sessionContextLogs = sessionContextScope?.logs ?? [];
+  const hasSessionContext = sessionContextScope !== null && sessionContextLogs.length > 0;
+  const { totalIn: sessionContextTotalIn, totalOut: sessionContextTotalOut } = reactExports.useMemo(
+    () => computeTokenSummary(sessionContextLogs),
+    [sessionContextLogs]
+  );
+  const sessionContextSummary = reactExports.useMemo(
+    () => buildSessionContextSummary(sessionContextLogs, providers),
+    [sessionContextLogs, providers]
+  );
   const cacheTrends = reactExports.useMemo(() => computeCacheTrends(groups), [groups]);
   const comparisonPredecessors = reactExports.useMemo(() => buildValidPredecessors(groups), [groups]);
   const handleCompareWithPrevious = reactExports.useCallback(
@@ -7571,14 +8993,16 @@ function ProxyViewer({
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "justify-self-end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsDialog, {}) })
       ] }),
-      pinnedSessionId !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      hasSessionContext && sessionContextScope !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
         SessionContextBar,
         {
-          sessionId: pinnedSessionId,
-          logs,
-          totalIn,
-          totalOut,
-          timeDisplayFormat
+          label: sessionContextScope.label,
+          logs: sessionContextLogs,
+          totalIn: sessionContextTotalIn,
+          totalOut: sessionContextTotalOut,
+          timeDisplayFormat,
+          contextSummary: sessionContextSummary,
+          showBackLink: sessionContextScope.showBackLink
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
@@ -7617,7 +9041,7 @@ function ProxyViewer({
           )
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1" }),
-        !hasPinnedSessionContext && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground text-xs font-mono", children: [
+        !hasSessionContext && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground text-xs font-mono", children: [
           logs.length,
           " request",
           logs.length !== 1 ? "s" : "",
@@ -7689,7 +9113,7 @@ function ProxyViewer({
             comparisonPredecessors,
             onClearGroup,
             standalone: groups.length === 1,
-            hasPinnedSessionContext,
+            hasPinnedSessionContext: hasSessionContext,
             timeDisplayFormat
           },
           group.id
@@ -7976,12 +9400,14 @@ function ProxyViewerContainer({
   ] });
 }
 export {
+  ANATOMY_ROLE_LABELS as A,
   Badge as B,
-  Collapsible as C,
+  CONTEXT_USAGE_THRESHOLDS as C,
   Dialog as D,
   JsonViewerFromString as J,
   ProxyViewerContainer as P,
-  ScrollArea as S,
+  ROLE_COLOR_CLASSES as R,
+  SegmentBar as S,
   Tabs as T,
   getConversationId as a,
   DialogContent as b,
@@ -7998,13 +9424,15 @@ export {
   TooltipTrigger as m,
   TooltipContent as n,
   Button as o,
-  countCharacters as p,
-  estimateTokens as q,
+  analyzeContextIntelligence as p,
+  formatContextWindowTokens as q,
   resolveLogFormat as r,
   getStatusCategory as s,
-  CollapsibleTrigger as t,
+  Collapsible as t,
   useProviders as u,
-  CollapsibleContent as v,
-  JsonViewer as w,
-  safeJsonValue as x
+  CollapsibleTrigger as v,
+  CollapsibleContent as w,
+  ScrollArea as x,
+  JsonViewer as y,
+  safeJsonValue as z
 };