@tonyclaw/agent-inspector 2.0.24 → 2.0.25

package/.output/server/{_tanstack-start-manifest_v-BjW2XeWE.mjs → _tanstack-start-manifest_v-DQoXxIFQ.mjs}

@@ -1,4 +1,4 @@
-const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/__root.tsx", "children": ["/", "/api/config", "/api/health", "/api/logs", "/api/mcp", "/api/models", "/api/providers", "/api/sessions", "/proxy/$", "/session/$sessionId", "/api/knowledge/candidates", "/api/knowledge/project-context", "/api/knowledge/search", "/api/knowledge/sessions/$sessionId/candidates"], "preloads": ["/assets/main-CVw7-JyE.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-CViEXkqa.js", "/assets/ProxyViewerContainer-CiLvRNie.js"] }, "/api/config": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/config.ts", "children": ["/api/config/paths"] }, "/api/health": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/health.ts" }, "/api/logs": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.ts", "children": ["/api/logs/$id", "/api/logs/stream"] }, "/api/mcp": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/mcp.ts" }, "/api/models": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/models.ts" }, "/api/providers": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.ts", "children": ["/api/providers/$providerId", "/api/providers/export", "/api/providers/import", "/api/providers/scan"] }, "/api/sessions": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/sessions.ts" }, "/proxy/$": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/proxy/$.ts" }, "/session/$sessionId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/session/$sessionId.tsx", "assets": [], "preloads": ["/assets/_sessionId-CgG9CQ9r.js", "/assets/ProxyViewerContainer-CiLvRNie.js"] }, "/api/config/paths": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/config.paths.ts" }, "/api/knowledge/candidates": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.ts", "children": ["/api/knowledge/candidates/$candidateId"] }, "/api/knowledge/project-context": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.project-context.ts" }, "/api/knowledge/search": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.search.ts" }, "/api/logs/$id": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.ts", "children": ["/api/logs/$id/chunks", "/api/logs/$id/replay"] }, "/api/logs/stream": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.stream.ts" }, "/api/providers/$providerId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.ts", "children": ["/api/providers/$providerId/model-metadata", "/api/providers/$providerId/test"] }, "/api/providers/export": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.export.ts" }, "/api/providers/import": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.import.ts" }, "/api/providers/scan": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.scan.ts" }, "/api/knowledge/candidates/$candidateId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.$candidateId.ts", "children": ["/api/knowledge/candidates/$candidateId/promote"] }, "/api/logs/$id/chunks": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.chunks.ts" }, "/api/logs/$id/replay": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.replay.ts" }, "/api/providers/$providerId/model-metadata": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.model-metadata.ts" }, "/api/providers/$providerId/test": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.test.ts", "children": ["/api/providers/$providerId/test/log"] }, "/api/knowledge/candidates/$candidateId/promote": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.$candidateId.promote.ts" }, "/api/knowledge/sessions/$sessionId/candidates": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.sessions.$sessionId.candidates.ts" }, "/api/providers/$providerId/test/log": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.test.log.ts" } }, "clientEntry": "/assets/main-CVw7-JyE.js" });
+const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/__root.tsx", "children": ["/", "/api/config", "/api/health", "/api/logs", "/api/mcp", "/api/models", "/api/providers", "/api/sessions", "/proxy/$", "/session/$sessionId", "/api/knowledge/candidates", "/api/knowledge/project-context", "/api/knowledge/search", "/api/knowledge/sessions/$sessionId/candidates"], "preloads": ["/assets/main-kBQ49n13.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-B0YcFeL-.js", "/assets/ProxyViewerContainer-By3XtQhZ.js"] }, "/api/config": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/config.ts", "children": ["/api/config/paths"] }, "/api/health": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/health.ts" }, "/api/logs": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.ts", "children": ["/api/logs/$id", "/api/logs/stream"] }, "/api/mcp": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/mcp.ts" }, "/api/models": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/models.ts" }, "/api/providers": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.ts", "children": ["/api/providers/$providerId", "/api/providers/export", "/api/providers/import", "/api/providers/scan"] }, "/api/sessions": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/sessions.ts" }, "/proxy/$": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/proxy/$.ts" }, "/session/$sessionId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/session/$sessionId.tsx", "assets": [], "preloads": ["/assets/_sessionId-DoqvnFx7.js", "/assets/ProxyViewerContainer-By3XtQhZ.js"] }, "/api/config/paths": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/config.paths.ts" }, "/api/knowledge/candidates": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.ts", "children": ["/api/knowledge/candidates/$candidateId"] }, "/api/knowledge/project-context": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.project-context.ts" }, "/api/knowledge/search": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.search.ts" }, "/api/logs/$id": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.ts", "children": ["/api/logs/$id/chunks", "/api/logs/$id/replay"] }, "/api/logs/stream": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.stream.ts" }, "/api/providers/$providerId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.ts", "children": ["/api/providers/$providerId/model-metadata", "/api/providers/$providerId/test"] }, "/api/providers/export": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.export.ts" }, "/api/providers/import": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.import.ts" }, "/api/providers/scan": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.scan.ts" }, "/api/knowledge/candidates/$candidateId": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.$candidateId.ts", "children": ["/api/knowledge/candidates/$candidateId/promote"] }, "/api/logs/$id/chunks": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.chunks.ts" }, "/api/logs/$id/replay": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/logs.$id.replay.ts" }, "/api/providers/$providerId/model-metadata": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.model-metadata.ts" }, "/api/providers/$providerId/test": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.test.ts", "children": ["/api/providers/$providerId/test/log"] }, "/api/knowledge/candidates/$candidateId/promote": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.candidates.$candidateId.promote.ts" }, "/api/knowledge/sessions/$sessionId/candidates": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/knowledge.sessions.$sessionId.candidates.ts" }, "/api/providers/$providerId/test/log": { "filePath": "C:/Users/claw/workspace/agent-inspector/src/routes/api/providers.$providerId.test.log.ts" } }, "clientEntry": "/assets/main-kBQ49n13.js" });
 export {
   tsrStartManifest
 };

package/.output/server/index.mjs

@@ -38,100 +38,100 @@ const assets = {
   "/assets/alibaba-TTwafVwX.svg": {
     "type": "image/svg+xml",
     "etag": '"171b-6dyV5K8QjiaY35sN9qNprh9zDIs"',
-    "mtime": "2026-06-29T12:29:42.542Z",
+    "mtime": "2026-06-29T13:24:14.325Z",
     "size": 5915,
     "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
-  "/assets/CompareDrawer-DrY-gAzy.js": {
+  "/assets/CompareDrawer-DVNvS0GQ.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"49fe-MpHiIJshHfw4LFDNCsCMDZDrWGg"',
-    "mtime": "2026-06-29T12:29:42.542Z",
+    "etag": '"49fe-2PP252UHJD4ZMXt5VpoaibQADuU"',
+    "mtime": "2026-06-29T13:24:14.326Z",
     "size": 18942,
-    "path": "../public/assets/CompareDrawer-DrY-gAzy.js"
+    "path": "../public/assets/CompareDrawer-DVNvS0GQ.js"
   },
-  "/assets/index-CViEXkqa.js": {
+  "/assets/index-B0YcFeL-.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"74-U7AFlYRRMX3IzoDVXXko4xBPBvM"',
-    "mtime": "2026-06-29T12:29:42.542Z",
+    "etag": '"74-ohkGewLZlIYioQpffENsT1gm8EE"',
+    "mtime": "2026-06-29T13:24:14.325Z",
     "size": 116,
-    "path": "../public/assets/index-CViEXkqa.js"
-  },
-  "/assets/ReplayDialog-CFyw6Vu4.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"318c-yVT324FTJnGgK/IiiYVI1v6/IEw"',
-    "mtime": "2026-06-29T12:29:42.542Z",
-    "size": 12684,
-    "path": "../public/assets/ReplayDialog-CFyw6Vu4.js"
-  },
-  "/assets/RequestAnatomy-DHGJ9py7.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"4485-2C+vaW+lYZaQ0wLkm/KTOsK3AOY"',
-    "mtime": "2026-06-29T12:29:42.542Z",
-    "size": 17541,
-    "path": "../public/assets/RequestAnatomy-DHGJ9py7.js"
+    "path": "../public/assets/index-B0YcFeL-.js"
   },
   "/assets/minimax-BPMzvuL-.jpeg": {
     "type": "image/jpeg",
     "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
-    "mtime": "2026-06-29T12:29:42.542Z",
+    "mtime": "2026-06-29T13:24:14.325Z",
     "size": 6918,
     "path": "../public/assets/minimax-BPMzvuL-.jpeg"
   },
-  "/assets/index-780zTVwp.css": {
+  "/assets/index-DsiKfWCp.css": {
     "type": "text/css; charset=utf-8",
-    "etag": '"1a380-Lz+Shs13XyKSlh9PTaGE50w/BpU"',
-    "mtime": "2026-06-29T12:29:42.542Z",
-    "size": 107392,
-    "path": "../public/assets/index-780zTVwp.css"
+    "etag": '"1a3d5-pnLJEAiyUUKlRw5OUnvwf1dCQeI"',
+    "mtime": "2026-06-29T13:24:14.325Z",
+    "size": 107477,
+    "path": "../public/assets/index-DsiKfWCp.css"
+  },
+  "/assets/main-kBQ49n13.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"51726-+FidFdV98/WDrHsP2x5s4MGlsZI"',
+    "mtime": "2026-06-29T13:24:14.325Z",
+    "size": 333606,
+    "path": "../public/assets/main-kBQ49n13.js"
   },
-  "/assets/ResponseView-CB_3yc08.js": {
+  "/assets/ResponseView-ygsUs7FU.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"30d0-M6AktqEyUeyPg4kcv2fzak6vFlw"',
-    "mtime": "2026-06-29T12:29:42.542Z",
+    "etag": '"30d0-VoRHAUzRfGHjVqxMmhp9+gxQNvg"',
+    "mtime": "2026-06-29T13:24:14.326Z",
     "size": 12496,
-    "path": "../public/assets/ResponseView-CB_3yc08.js"
+    "path": "../public/assets/ResponseView-ygsUs7FU.js"
   },
-  "/assets/StreamingChunkSequence-CqhHwgDn.js": {
+  "/assets/ReplayDialog-Cw6bN-NR.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"d57-C9p9lFGRMu7L/bxJPes/RpOKks0"',
-    "mtime": "2026-06-29T12:29:42.542Z",
+    "etag": '"318c-Ec8xMdTaVtWn+gQco0A8wJxm/Zw"',
+    "mtime": "2026-06-29T13:24:14.325Z",
+    "size": 12684,
+    "path": "../public/assets/ReplayDialog-Cw6bN-NR.js"
+  },
+  "/assets/StreamingChunkSequence-DMUn8qXi.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"d57-sKePDdoc8LggANuuW66cotctSKo"',
+    "mtime": "2026-06-29T13:24:14.326Z",
     "size": 3415,
-    "path": "../public/assets/StreamingChunkSequence-CqhHwgDn.js"
+    "path": "../public/assets/StreamingChunkSequence-DMUn8qXi.js"
   },
-  "/assets/_sessionId-CgG9CQ9r.js": {
+  "/assets/_sessionId-DoqvnFx7.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"d2-QqZWnWujfEY0vnXMOs1NyoEJukI"',
-    "mtime": "2026-06-29T12:29:42.542Z",
+    "etag": '"d2-eM4ckKV5XpF8O96oypRgw/AMrPQ"',
+    "mtime": "2026-06-29T13:24:14.325Z",
     "size": 210,
-    "path": "../public/assets/_sessionId-CgG9CQ9r.js"
+    "path": "../public/assets/_sessionId-DoqvnFx7.js"
+  },
+  "/assets/RequestAnatomy-DnIsirBE.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"4485-FLpxtJEMMSiId/JKv/qeTF/xc4E"',
+    "mtime": "2026-06-29T13:24:14.326Z",
+    "size": 17541,
+    "path": "../public/assets/RequestAnatomy-DnIsirBE.js"
   },
   "/assets/zhipuai-BPNAnxo-.svg": {
     "type": "image/svg+xml",
     "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
-    "mtime": "2026-06-29T12:29:42.542Z",
+    "mtime": "2026-06-29T13:24:14.325Z",
     "size": 11256,
     "path": "../public/assets/zhipuai-BPNAnxo-.svg"
   },
-  "/assets/main-CVw7-JyE.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"51726-W+9s8t7uIYMEgBdKzOagDvVRdKc"',
-    "mtime": "2026-06-29T12:29:42.542Z",
-    "size": 333606,
-    "path": "../public/assets/main-CVw7-JyE.js"
-  },
   "/assets/qwen-CONDcHqt.png": {
     "type": "image/png",
     "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
-    "mtime": "2026-06-29T12:29:42.542Z",
+    "mtime": "2026-06-29T13:24:14.325Z",
     "size": 357059,
     "path": "../public/assets/qwen-CONDcHqt.png"
   },
-  "/assets/ProxyViewerContainer-CiLvRNie.js": {
+  "/assets/ProxyViewerContainer-By3XtQhZ.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"ae3c0-Cpzx6KeaKuGDUgS/cMjRV9y+6zQ"',
-    "mtime": "2026-06-29T12:29:42.542Z",
-    "size": 713664,
-    "path": "../public/assets/ProxyViewerContainer-CiLvRNie.js"
+    "etag": '"af111-Qj0fjruqs4EheKPZxm5LynPyIwI"',
+    "mtime": "2026-06-29T13:24:14.326Z",
+    "size": 717073,
+    "path": "../public/assets/ProxyViewerContainer-By3XtQhZ.js"
   }
 };
 function readAsset(id) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tonyclaw/agent-inspector",
-  "version": "2.0.24",
+  "version": "2.0.25",
   "type": "module",
   "description": "Agent observability and knowledge capture layer for AI coding tools.",
   "license": "MIT",

package/src/components/providers/ProviderForm.tsx

@@ -1,9 +1,11 @@
 import { type JSX, useState, useEffect, useRef } from "react";
 import { Button } from "../ui/button";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select";
 import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "../ui/tooltip";
 import { Eye, EyeOff, Copy, Check, ChevronDown } from "lucide-react";
 import type { ProviderConfig, ProviderModelMetadata } from "../../lib/providerContract";
 import { maskApiKey } from "../../lib/mask";
+import { formatContextWindowInput, parseContextWindowTokensInput } from "../../lib/utils";
 
 const ZHIPU_PROVIDER_KEYWORDS = ["zhipu", "zhipuai", "bigmodel", "z.ai", "zai", "glm"];
 const ZHIPU_CODING_PROVIDER_KEYWORDS = [
@@ -129,11 +131,29 @@ type ProviderFormProps = {
 
 type ModelMetadataDraft = {
   contextWindow: string;
+  contextWindowMode: ContextWindowMode;
   outputLimit: string;
 };
 
+type ContextWindowMode = "unset" | "preset" | "custom";
+
+type ContextWindowUnit = "K" | "M" | "tokens";
+
+const CONTEXT_WINDOW_UNSET = "__unset__";
+const CONTEXT_WINDOW_CUSTOM = "__custom__";
+
+const CONTEXT_WINDOW_PRESETS = [
+  { value: "32K", label: "Small" },
+  { value: "64K", label: "Standard" },
+  { value: "128K", label: "Medium" },
+  { value: "200K", label: "Long" },
+  { value: "256K", label: "Extended" },
+  { value: "512K", label: "Large" },
+  { value: "1M", label: "Max" },
+];
+
 function emptyMetadataDraft(): ModelMetadataDraft {
-  return { contextWindow: "", outputLimit: "" };
+  return { contextWindow: "", contextWindowMode: "unset", outputLimit: "" };
 }
 
 function normalizeModelName(value: string): string {
@@ -152,14 +172,74 @@ function findModelMetadata(
   );
 }
 
+function findContextWindowPreset(value: string): string | null {
+  const tokens = parseContextWindowTokensInput(value);
+  if (tokens === null) return null;
+  for (const preset of CONTEXT_WINDOW_PRESETS) {
+    if (parseContextWindowTokensInput(preset.value) === tokens) return preset.value;
+  }
+  return null;
+}
+
+function contextWindowModeForValue(value: string): ContextWindowMode {
+  if (value.trim() === "") return "unset";
+  return findContextWindowPreset(value) !== null ? "preset" : "custom";
+}
+
+function selectedContextWindowPresetValue(draft: ModelMetadataDraft): string {
+  switch (draft.contextWindowMode) {
+    case "unset":
+      return CONTEXT_WINDOW_UNSET;
+    case "custom":
+      return CONTEXT_WINDOW_CUSTOM;
+    case "preset":
+      return findContextWindowPreset(draft.contextWindow) ?? CONTEXT_WINDOW_CUSTOM;
+  }
+}
+
+function splitContextWindowEditorValue(value: string): { amount: string; unit: ContextWindowUnit } {
+  const trimmed = value.trim().replaceAll(",", "");
+  if (trimmed === "") return { amount: "", unit: "K" };
+  const match = /^(\d+(?:\.\d+)?)\s*([kKmM])?$/.exec(trimmed);
+  if (match === null) return { amount: trimmed, unit: "K" };
+  const amount = match[1];
+  if (amount === undefined) return { amount: trimmed, unit: "K" };
+  const unit = match[2];
+  if (unit === undefined || unit === "") return { amount, unit: "tokens" };
+  switch (unit.toLowerCase()) {
+    case "k":
+      return { amount, unit: "K" };
+    case "m":
+      return { amount, unit: "M" };
+    default:
+      return { amount: trimmed, unit: "K" };
+  }
+}
+
+function joinContextWindowEditorValue(amount: string, unit: ContextWindowUnit): string {
+  const trimmed = amount.trim();
+  if (trimmed === "") return "";
+  switch (unit) {
+    case "K":
+      return `${trimmed}K`;
+    case "M":
+      return `${trimmed}M`;
+    case "tokens":
+      return trimmed;
+  }
+}
+
 function createMetadataDrafts(
   provider: ProviderConfig | undefined,
   models: readonly string[],
 ): ModelMetadataDraft[] {
   return models.map((model) => {
     const metadata = findModelMetadata(provider, model);
+    const contextWindow =
+      metadata?.contextWindow !== undefined ? formatContextWindowInput(metadata.contextWindow) : "";
     return {
-      contextWindow: metadata?.contextWindow?.toString() ?? "",
+      contextWindow,
+      contextWindowMode: contextWindowModeForValue(contextWindow),
       outputLimit: metadata?.outputLimit?.toString() ?? "",
     };
   });
@@ -315,11 +395,11 @@ export function ProviderForm({ provider, onSubmit, onCancel }: ProviderFormProps
       newErrors.modelMetadataUrl = "Invalid URL format";
     }
     modelMetadataDrafts.forEach((draft, index) => {
-      const contextWindow = readPositiveIntegerInput(draft.contextWindow);
+      const contextWindow = parseContextWindowTokensInput(draft.contextWindow);
       const outputLimit = readPositiveIntegerInput(draft.outputLimit);
       if (draft.contextWindow.trim() !== "" && contextWindow === null) {
         newErrors[`modelMetadata.${index}.contextWindow`] =
-          "Context window must be a positive integer";
+          "Context window must be a positive number, optionally using K or M";
       }
       if (draft.outputLimit.trim() !== "" && outputLimit === null) {
         newErrors[`modelMetadata.${index}.outputLimit`] = "Output limit must be a positive integer";
@@ -361,6 +441,51 @@ export function ProviderForm({ provider, onSubmit, onCancel }: ProviderFormProps
     });
   }
 
+  function updateContextWindowPreset(index: number, value: string): void {
+    switch (value) {
+      case CONTEXT_WINDOW_UNSET:
+        updateMetadataDraft(index, { contextWindow: "", contextWindowMode: "unset" });
+        return;
+      case CONTEXT_WINDOW_CUSTOM: {
+        const current = modelMetadataDrafts[index] ?? emptyMetadataDraft();
+        updateMetadataDraft(index, {
+          contextWindow: current.contextWindow,
+          contextWindowMode: "custom",
+        });
+        return;
+      }
+      default:
+        updateMetadataDraft(index, { contextWindow: value, contextWindowMode: "preset" });
+        return;
+    }
+  }
+
+  function updateContextWindowAmount(index: number, amount: string): void {
+    const current = modelMetadataDrafts[index] ?? emptyMetadataDraft();
+    const editorValue = splitContextWindowEditorValue(current.contextWindow);
+    updateMetadataDraft(index, {
+      contextWindow: joinContextWindowEditorValue(amount, editorValue.unit),
+      contextWindowMode: "custom",
+    });
+  }
+
+  function updateContextWindowUnit(index: number, unit: string): void {
+    const current = modelMetadataDrafts[index] ?? emptyMetadataDraft();
+    const editorValue = splitContextWindowEditorValue(current.contextWindow);
+    switch (unit) {
+      case "K":
+      case "M":
+      case "tokens":
+        updateMetadataDraft(index, {
+          contextWindow: joinContextWindowEditorValue(editorValue.amount, unit),
+          contextWindowMode: "custom",
+        });
+        return;
+      default:
+        return;
+    }
+  }
+
   function removeModel(index: number): void {
     setModels((prev) => prev.filter((_, idx) => idx !== index));
     setModelMetadataDrafts((prev) => prev.filter((_, idx) => idx !== index));
@@ -379,7 +504,7 @@ export function ProviderForm({ provider, onSubmit, onCancel }: ProviderFormProps
       const trimmedModel = model.trim();
       if (trimmedModel === "") return;
       const draft = modelMetadataDrafts[index] ?? emptyMetadataDraft();
-      const contextWindow = readPositiveIntegerInput(draft.contextWindow);
+      const contextWindow = parseContextWindowTokensInput(draft.contextWindow);
       const outputLimit = readPositiveIntegerInput(draft.outputLimit);
       if (contextWindow === null && outputLimit === null) return;
 
@@ -548,6 +673,8 @@ export function ProviderForm({ provider, onSubmit, onCancel }: ProviderFormProps
           const draft = modelMetadataDrafts[i] ?? emptyMetadataDraft();
           const contextWindowError = errors[`modelMetadata.${i}.contextWindow`];
           const outputLimitError = errors[`modelMetadata.${i}.outputLimit`];
+          const contextWindowPresetValue = selectedContextWindowPresetValue(draft);
+          const contextWindowEditorValue = splitContextWindowEditorValue(draft.contextWindow);
           return (
             <div
               key={i}
@@ -624,21 +751,54 @@ export function ProviderForm({ provider, onSubmit, onCancel }: ProviderFormProps
               </div>
 
               <div className="grid gap-2 sm:grid-cols-2">
-                <label className="space-y-1 text-xs text-muted-foreground">
+                <div className="space-y-1 text-xs text-muted-foreground">
                   <span>Context Window</span>
-                  <input
-                    type="number"
-                    min={1}
-                    step={1000}
-                    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]"
-                  />
+                  <Select
+                    value={contextWindowPresetValue}
+                    onValueChange={(value) => updateContextWindowPreset(i, value)}
+                  >
+                    <SelectTrigger size="sm" className="w-full bg-background font-mono text-xs">
+                      <SelectValue />
+                    </SelectTrigger>
+                    <SelectContent className="max-h-64">
+                      <SelectItem value={CONTEXT_WINDOW_UNSET}>Not set</SelectItem>
+                      {CONTEXT_WINDOW_PRESETS.map((preset) => (
+                        <SelectItem key={preset.value} value={preset.value}>
+                          {preset.label} · {preset.value}
+                        </SelectItem>
+                      ))}
+                      <SelectItem value={CONTEXT_WINDOW_CUSTOM}>Custom</SelectItem>
+                    </SelectContent>
+                  </Select>
+                  {draft.contextWindowMode === "custom" && (
+                    <div className="grid grid-cols-[minmax(0,1fr)_5.75rem] gap-1.5">
+                      <input
+                        type="text"
+                        inputMode="decimal"
+                        value={contextWindowEditorValue.amount}
+                        onChange={(e) => updateContextWindowAmount(i, e.target.value)}
+                        placeholder="128"
+                        className="w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-xs text-foreground ring-offset-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px]"
+                      />
+                      <Select
+                        value={contextWindowEditorValue.unit}
+                        onValueChange={(value) => updateContextWindowUnit(i, value)}
+                      >
+                        <SelectTrigger size="sm" className="w-full bg-background font-mono text-xs">
+                          <SelectValue />
+                        </SelectTrigger>
+                        <SelectContent>
+                          <SelectItem value="K">K</SelectItem>
+                          <SelectItem value="M">M</SelectItem>
+                          <SelectItem value="tokens">tokens</SelectItem>
+                        </SelectContent>
+                      </Select>
+                    </div>
+                  )}
                   {contextWindowError !== undefined && (
                     <span className="block text-destructive">{contextWindowError}</span>
                   )}
-                </label>
+                </div>
                 <label className="space-y-1 text-xs text-muted-foreground">
                   <span>Output Limit</span>
                   <input

package/src/lib/utils.ts

@@ -17,6 +17,52 @@ export function formatContextWindowTokens(count: number): string {
   return (count / 1024).toFixed(1).replace(/\.0$/, "") + "K";
 }
 
+function formatExactContextUnit(count: number, multiplier: number, unit: "K" | "M"): string | null {
+  const tenths = count * 10;
+  if (!Number.isSafeInteger(tenths) || tenths % multiplier !== 0) return null;
+  return (tenths / multiplier / 10).toFixed(1).replace(/\.0$/, "") + unit;
+}
+
+export function formatContextWindowInput(count: number): string {
+  if (!Number.isSafeInteger(count) || count <= 0) return count.toString();
+  if (count >= 1024 * 1024) {
+    const megaValue = formatExactContextUnit(count, 1024 * 1024, "M");
+    if (megaValue !== null) return megaValue;
+  }
+  const kiloValue = formatExactContextUnit(count, 1024, "K");
+  if (kiloValue !== null) return kiloValue;
+  return count.toString();
+}
+
+function contextWindowUnitMultiplier(unit: string | undefined): number | null {
+  if (unit === undefined || unit === "") return 1;
+  switch (unit.toLowerCase()) {
+    case "k":
+      return 1024;
+    case "m":
+      return 1024 * 1024;
+    default:
+      return null;
+  }
+}
+
+export function parseContextWindowTokensInput(value: string): number | null {
+  const trimmed = value.trim().replaceAll(",", "");
+  if (trimmed === "") return null;
+  const match = /^(\d+(?:\.\d+)?)\s*([kKmM])?$/.exec(trimmed);
+  if (match === null) return null;
+  const amountText = match[1];
+  if (amountText === undefined) return null;
+  const amount = Number(amountText);
+  const unit = match[2];
+  const multiplier = contextWindowUnitMultiplier(unit);
+  if (!Number.isFinite(amount) || amount <= 0 || multiplier === null) return null;
+  if ((unit === undefined || unit === "") && !Number.isInteger(amount)) return null;
+  const tokens = Math.round(amount * multiplier);
+  if (!Number.isSafeInteger(tokens) || tokens <= 0) return null;
+  return tokens;
+}
+
 export type StatusCategory = "success" | "client_error" | "server_error" | "pending";
 
 export function getStatusCategory(status: number | null): StatusCategory {