@mars-sea/dsh-commandcode-provider 0.13.2 → 0.13.4

package/lib/client.js

@@ -482,6 +482,28 @@ window.__ModuleLoader__.load({
 			if (raw === null || typeof raw !== "object" || Array.isArray(raw)) return {};
 			return Object.fromEntries(Object.entries(raw).filter(([id, value]) => id !== "" && typeof value === "boolean"));
 		}
+		/** 自定义上下文长度接受的上界（token）；覆盖任何已知模型窗口仍留有余量。 */
+		const CONTEXT_WINDOW_MAX = 1e7;
+		/**
+		* 判定一个值能否作为自定义上下文长度：边界内的安全整数，符合宿主模型元数据约束。
+		*
+		* 程序化构造的连接可能绕过 schemastery 归一化，所以 `resolveAdapterOptions`
+		* 也要重新判定——越界或非数值直接丢弃，回落到目录公布值，而不是让请求带着
+		* 一个网关会拒绝的窗口上线。
+		*/
+		function isValidContextWindow(value) {
+			return typeof value === "number" && Number.isSafeInteger(value) && value >= 1 && value <= 1e7;
+		}
+		/**
+		* 只接收合法条目的按模型覆盖表；空表、非对象与非法数值一律视为未设置。
+		* 配置校验会拒绝非整数或越界值；本函数额外保护绕过配置校验的程序化调用，
+		* 丢弃坏条目，不把非法窗口交给宿主。返回新对象；未设置时为 `undefined`。
+		*/
+		function readContextWindowOverrides(raw) {
+			if (raw === null || typeof raw !== "object" || Array.isArray(raw)) return void 0;
+			const entries = Object.entries(raw).filter((entry) => entry[0] !== "" && isValidContextWindow(entry[1]));
+			return entries.length === 0 ? void 0 : Object.fromEntries(entries);
+		}
 		//#endregion
 		//#region src/client/settings-write.ts
 		/** 设置写入过程：同一控制器的意图按顺序执行，配置确认与凭据确认分别保留。
@@ -579,6 +601,11 @@ window.__ModuleLoader__.load({
 						value: Object.fromEntries([...keys].map((id) => [id, list.length === 0 || list.includes(id)]))
 					});
 				}
+				if (owned.kind === "save" && owned.contextWindowOverrides !== void 0) ops.push({
+					op: "set",
+					path: ["contextWindowOverrides"],
+					value: owned.contextWindowOverrides
+				});
 				const baseline = new Map(ops.map((op) => [op.path[0], structuredClone(fieldBaseline(snapshot, op.path[0]))]));
 				const defaultRef = owned.kind === "save" && owned.key !== void 0 || owned.kind === "key" && owned.target === "default" ? this.defaultRef() : void 0;
 				return new Promise((resolve) => {
@@ -929,6 +956,50 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/**
+		* The compact token-count shorthand (`32K`, `1M`) in BINARY units, the way
+		* context windows are quoted: 32K → 32 768 (32 × 1024), 128K → 131 072,
+		* 1M → 1 048 576 (1024 × 1024), so the common power-of-two windows land on
+		* their exact values instead of 1000-based rounding.
+		*
+		* Plain text uses the {@link numberField} parse plus an integer check;
+		* shorthand converts to whole tokens first. Empty-clears and bounds
+		* errors stay identical, and the converted value is bounds-checked against the same
+		* 1 – 10,000,000 range (the Host schema would reject an overshoot at save
+		* time with only a generic failure; naming `tooLarge` here says which).
+		* `Math.round` keeps fractional shorthand like `1.5K` on whole tokens.
+		*/
+		const COMPACT_TOKENS = /^(\d+(?:\.\d+)?)\s*([kKmM])$/;
+		function contextWindowField(field, bounds) {
+			const plain = numberField$1(field, bounds);
+			return {
+				field,
+				format: plain.format,
+				parse: (text) => {
+					const compact = COMPACT_TOKENS.exec(text.trim());
+					if (compact === null) {
+						const parsed = plain.parse(text);
+						return parsed.kind === "set" && !isValidContextWindow(parsed.value) ? {
+							kind: "invalid",
+							reason: "format"
+						} : parsed;
+					}
+					const value = Math.round(Number(compact[1]) * (compact[2].toLowerCase() === "k" ? 1024 : 1048576));
+					if (value < bounds.min) return {
+						kind: "invalid",
+						reason: "tooSmall"
+					};
+					if (value > bounds.max) return {
+						kind: "invalid",
+						reason: "tooLarge"
+					};
+					return {
+						kind: "set",
+						value
+					};
+				}
+			};
+		}
+		/**
 		* A boolean field, staged as the strings `'true'`/`'false'` (an empty draft
 		* clears it). The component renders a toggle and only ever stages these two
 		* strings; anything else blocks save.
@@ -1007,6 +1078,10 @@ window.__ModuleLoader__.load({
 				min: 0,
 				max: 50
 			}),
+			contextWindowField("contextWindow", {
+				min: 1,
+				max: CONTEXT_WINDOW_MAX
+			}),
 			booleanField$1("offloadSeenImagesForCache"),
 			booleanField$1("filterModelsByPlan"),
 			booleanField$1("webSearch"),
@@ -1034,6 +1109,8 @@ window.__ModuleLoader__.load({
 			accountResult;
 			/** Staged visible-model allowlist (undefined = no draft). */
 			visibleModelsDraft = void 0;
+			/** Staged per-model context-length overrides as raw text (undefined = no draft, issue #86). */
+			contextWindowOverridesDraft = void 0;
 			catalogModels = [];
 			catalogFailed = false;
 			saving = false;
@@ -1061,6 +1138,7 @@ window.__ModuleLoader__.load({
 				this.writer.dispose();
 				this.staged.clear();
 				this.visibleModelsDraft = void 0;
+				this.contextWindowOverridesDraft = void 0;
 				for (const dispose of this.disposers) dispose();
 				this.disposers.length = 0;
 				this.listeners.clear();
@@ -1122,10 +1200,12 @@ window.__ModuleLoader__.load({
 					accountEnrollmentRefs: this.enrollmentRefs(false),
 					visibleModels: this.effectiveVisibleModels(),
 					visibleModelsAll: this.visibleModelsDraft === void 0 ? this.storedShowsAll() : this.visibleModelsDraft.length === 0,
+					contextWindow: this.field("contextWindow"),
+					contextWindowOverrides: this.effectiveContextWindowOverrides(),
 					catalogModels: this.catalogModels,
 					catalogFailed: this.catalogFailed,
-					dirty: plan.length > 0 || this.visibleModelsDirty(),
-					invalid: plan.some((item) => item.change === void 0),
+					dirty: plan.length > 0 || this.visibleModelsDirty() || this.contextWindowOverridesDirty(),
+					invalid: plan.some((item) => item.change === void 0) || this.effectiveContextWindowOverrides().some((row) => row.invalid),
 					saving: this.saving,
 					failed: this.failed,
 					savedCount: this.savedCount,
@@ -1173,9 +1253,10 @@ window.__ModuleLoader__.load({
 			}
 			/** Discard every staged edit. */
 			discard() {
-				if (this.staged.size === 0 && this.visibleModelsDraft === void 0 && !this.failed) return;
+				if (this.staged.size === 0 && this.visibleModelsDraft === void 0 && this.contextWindowOverridesDraft === void 0 && !this.failed) return;
 				this.staged.clear();
 				this.visibleModelsDraft = void 0;
+				this.contextWindowOverridesDraft = void 0;
 				this.failed = false;
 				this.saveResult = void 0;
 				this.publish();
@@ -1202,9 +1283,12 @@ window.__ModuleLoader__.load({
 				if (this.disposed || this.saving) return;
 				const submitted = new Map(this.staged);
 				const submittedVisible = this.visibleModelsDraft;
+				const submittedContextOverrides = this.contextWindowOverridesDraft;
 				const plan = this.plan();
 				const visibleDirty = this.visibleModelsDirty();
-				if (plan.length === 0 && !visibleDirty || plan.some((item) => item.change === void 0)) return;
+				const contextOverrides = this.parsedContextWindowOverrides();
+				const contextOverridesDirty = this.contextWindowOverridesDirty();
+				if (plan.length === 0 && !visibleDirty && !contextOverridesDirty || plan.some((item) => item.change === void 0) || contextOverrides.invalid) return;
 				const ops = plan.flatMap((item) => typeof item.change === "object" ? [item.change] : []);
 				const key = plan.find((item) => item.field === "apiKey")?.change;
 				this.saving = true;
@@ -1214,6 +1298,7 @@ window.__ModuleLoader__.load({
 					kind: "save",
 					ops,
 					...visibleDirty ? { visibleModels: submittedVisible ?? [] } : {},
+					...contextOverridesDirty ? { contextWindowOverrides: contextOverrides.values } : {},
 					...typeof key === "string" ? { key } : {}
 				});
 				this.publish();
@@ -1225,6 +1310,7 @@ window.__ModuleLoader__.load({
 				if (!this.failed) this.savedCount += 1;
 				for (const [field, draft] of submitted) if ((field === "apiKey" ? outcome.credential === "confirmed" && outcome.issue === void 0 : outcome.config === "confirmed" || writeCompleted(outcome)) && this.staged.get(field) === draft) this.staged.delete(field);
 				if ((outcome.config === "confirmed" || writeCompleted(outcome)) && this.visibleModelsDraft === submittedVisible) this.visibleModelsDraft = void 0;
+				if ((outcome.config === "confirmed" || writeCompleted(outcome)) && this.contextWindowOverridesDraft === submittedContextOverrides) this.contextWindowOverridesDraft = void 0;
 				this.publish();
 				return outcome;
 			}
@@ -1242,6 +1328,63 @@ window.__ModuleLoader__.load({
 				this.saveResult = void 0;
 				this.publish();
 			}
+			/**
+			* Stage the whole per-model context-length map (issue #86): one entry per
+			* row, the value the row's input shows verbatim (blank = drop the override
+			* on save). The component rebuilds the map from its projected rows, so a
+			* model reselect moves the value to its new key in the same edit.
+			*/
+			editContextWindowOverrides(next) {
+				this.contextWindowOverridesDraft = { ...next };
+				this.failed = false;
+				this.saveResult = void 0;
+				this.publish();
+			}
+			/** The stored per-model overrides, already cleaned by the shared validity rule. */
+			storedContextWindowOverrides() {
+				return { ...readContextWindowOverrides(this.sectionValue("contextWindowOverrides")) };
+			}
+			/** Effective rows: the staged draft verbatim, or the stored values formatted. */
+			effectiveContextWindowOverrides() {
+				const draft = this.contextWindowOverridesDraft;
+				const source = draft !== void 0 ? draft : Object.fromEntries(Object.entries(this.storedContextWindowOverrides()).map(([model, value]) => [model, String(value)]));
+				return Object.entries(source).filter(([model]) => model !== "").map(([model, text]) => {
+					const parsed = this.spec("contextWindow").parse(text);
+					return {
+						model,
+						text,
+						invalid: parsed.kind === "invalid",
+						invalidReason: parsed.kind === "invalid" ? parsed.reason : void 0
+					};
+				});
+			}
+			/**
+			* The draft parsed for the write: blank rows and unparseable rows drop out
+			* (an invalid row blocks save on its own), everything else is the value the
+			* writer puts at `contextWindowOverrides`.
+			*/
+			parsedContextWindowOverrides() {
+				const values = {};
+				let invalid = false;
+				for (const row of this.effectiveContextWindowOverrides()) {
+					if (row.invalid) {
+						invalid = true;
+						continue;
+					}
+					const parsed = this.spec("contextWindow").parse(row.text);
+					if (parsed.kind === "set" && typeof parsed.value === "number") values[row.model] = parsed.value;
+				}
+				return {
+					values,
+					invalid
+				};
+			}
+			contextWindowOverridesDirty() {
+				if (this.contextWindowOverridesDraft === void 0) return false;
+				const values = this.parsedContextWindowOverrides().values;
+				const stored = this.storedContextWindowOverrides();
+				return [.../* @__PURE__ */ new Set([...Object.keys(values), ...Object.keys(stored)])].some((model) => values[model] !== stored[model]);
+			}
 			renameAccount(ref, label) {
 				return this.runAccountOp("rename", {
 					kind: "rename",
@@ -1519,12 +1662,51 @@ window.__ModuleLoader__.load({
 		function formatMoneyExact(value) {
 			return `$${value.toFixed(4)}`;
 		}
-		function formatTokensCompact(value) {
-			if (value >= 1e9) return `${(value / 1e9).toFixed(1)}B`;
-			if (value >= 1e6) return `${(value / 1e6).toFixed(1)}M`;
-			if (value >= 1e3) return `${(value / 1e3).toFixed(1)}K`;
+		/**
+		* 紧凑数字：K/M/B 三级，一切档位决策的唯一实现。
+		*
+		* 档位必须**回头判断**：先除以档位再四舍五入会算出 `999_999 → "1000.0K"`、
+		* `999_999_999 → "1000.0M"` 这类既超长、又落在并不存在的档位上的结果，
+		* 因此每个档位算完后若已经够到下一档，就改用下一档重算一次。
+		*
+		* @param value - 非负计数或词元数。
+		* @param keepZeroDecimal - 整数值是否保留一位小数。词元显示沿用 `3.0B` 的旧样式；
+		*   计数显示去掉多余的 `.0`，见 {@link formatCompactCount}。
+		* @returns 紧凑文本；不足 1000 时原样返回该整数。
+		*/
+		function compact(value, keepZeroDecimal) {
+			const rounded = (scaled) => Math.round(scaled * 10) / 10;
+			const text = (scaled) => {
+				const fixed = rounded(scaled);
+				return keepZeroDecimal ? fixed.toFixed(1) : String(fixed);
+			};
+			if (value >= 1e9) return `${text(value / 1e9)}B`;
+			if (value >= 1e6) return rounded(value / 1e6) >= 1e3 ? `${text(value / 1e9)}B` : `${text(value / 1e6)}M`;
+			if (value >= 1e3) return rounded(value / 1e3) >= 1e3 ? `${text(value / 1e6)}M` : `${text(value / 1e3)}K`;
 			return String(value);
 		}
+		/**
+		* 紧凑计数：请求数、成功/失败数这类会被窄卡片截断的整数。
+		* `1234` → `1.2K`、`12000` → `12K`、`1500000` → `1.5M`，整数不带多余的 `.0`。
+		*/
+		function formatCompactCount(value) {
+			return compact(value, false);
+		}
+		/** 紧凑词元数：与 {@link formatCompactCount} 共用档位，但整数值保留一位小数（`3.0B`）。 */
+		function formatTokensCompact(value) {
+			return compact(value, true);
+		}
+		/**
+		* 精确值悬停提示：只在紧凑显示确实丢了信息时才返回文本。
+		* 未换算时悬停弹出的文字与卡片上写的一模一样，没有意义，因此返回 `undefined` 让调用方
+		* 整个省略 `title`，而不是挂一个内容重复的提示。
+		*
+		* @param parts - 标签与精确数值，按卡片上的显示顺序。
+		* @returns 形如 `请求数 1234567 · 成功 1234567 · 失败 123` 的提示，或 `undefined`。
+		*/
+		function compactCountTitle(parts) {
+			return parts.some(([, value]) => formatCompactCount(value) !== String(value)) ? parts.map(([label, value]) => `${label} ${value}`).join(" · ") : void 0;
+		}
 		/** The input is already in percent units; callers add the percent sign. */
 		function formatSuccessRate(value) {
 			return String(Number(value.toFixed(2)));
@@ -2824,6 +3006,18 @@ window.__ModuleLoader__.load({
 			visibleModelsShowAll: "显示全部",
 			visibleModelsStaleHint: "有 {count} 个已选模型在目录中找不到了（可能已下架），不影响其他模型；可清理或保留。",
 			visibleModelsCleanStale: "清理失效（{count}）",
+			contextWindow: "自定义上下文长度",
+			contextWindowHint: "覆盖模型目录公布的上下文窗口（token）：上下文计量、自动压缩时机与模型选择器的上下文标注都按此值计算，对未单独设置的模型生效。留空则跟随目录；支持 32K、1M 这样的简写（二进制换算：32K = 32 768，1M = 1 048 576）。",
+			contextOverridesTitle: "按模型覆盖",
+			contextOverridesHint: "为单个模型单独设置上下文长度，优先于上面的全局值；模型下拉只列出模型白名单中的可见模型（显示全部时即整个目录）。",
+			contextOverrideAdd: "添加模型",
+			contextOverrideRemove: "移除该模型的上下文覆盖",
+			contextOverrideModel: "模型",
+			contextOverrideValue: "上下文长度",
+			contextOverrideNoCatalog: "模型目录尚未加载，暂时无法添加按模型覆盖。",
+			contextWindowTooSmall: "上下文长度不能小于 1",
+			contextWindowTooLarge: "上下文长度不能大于 10,000,000",
+			contextWindowInvalid: "请输入有效的整数 token 数",
 			overridden: "已覆盖",
 			reset: "重置",
 			invalidNumber: "无效数字",
@@ -2949,7 +3143,7 @@ window.__ModuleLoader__.load({
 			modelPick: "选择模型…",
 			modelCount: "已选 {count} 个模型",
 			modelCatalogFailed: "模型目录获取失败，暂时无法选择模型；已保存的设置仍会生效。",
-			modelsTitle: "模型",
+			modelsTitle: "模型与上下文",
 			privacyTitle: "隐私与安全",
 			integrationsTitle: "集成与显示"
 		};
@@ -3002,6 +3196,18 @@ window.__ModuleLoader__.load({
 			visibleModelsShowAll: "Show all",
 			visibleModelsStaleHint: "{count} selected model(s) are no longer in the catalog (possibly retired); other models are unaffected. Clean them up or keep them.",
 			visibleModelsCleanStale: "Clean stale ({count})",
+			contextWindow: "Custom context length",
+			contextWindowHint: "Overrides the context window published by the model catalog (in tokens): the context meter, auto-compaction timing and the model-picker annotation all follow it, for every model without a per-model override below. Empty follows the catalog; shorthand like 32K or 1M is accepted (binary units: 32K is 32,768, 1M is 1,048,576).",
+			contextOverridesTitle: "Per-model overrides",
+			contextOverridesHint: "Set a context length for one model; it wins over the global value above. The picker lists only the models kept by the visible-models allowlist (the whole catalog while showing all).",
+			contextOverrideAdd: "Add model",
+			contextOverrideRemove: "Remove this model’s context override",
+			contextOverrideModel: "Model",
+			contextOverrideValue: "Context length",
+			contextOverrideNoCatalog: "The model catalog has not loaded yet; per-model overrides cannot be added right now.",
+			contextWindowTooSmall: "Context length must be at least 1",
+			contextWindowTooLarge: "Context length must not exceed 10,000,000",
+			contextWindowInvalid: "Enter a valid whole-token count",
 			overridden: "Overridden",
 			reset: "Reset",
 			invalidNumber: "Invalid number",
@@ -3127,7 +3333,7 @@ window.__ModuleLoader__.load({
 			modelPick: "Choose models…",
 			modelCount: "{count} models selected",
 			modelCatalogFailed: "The model catalog could not be loaded; saved settings still apply.",
-			modelsTitle: "Models",
+			modelsTitle: "Models & context",
 			privacyTitle: "Privacy & security",
 			integrationsTitle: "Integrations & display"
 		};
@@ -3270,6 +3476,19 @@ window.__ModuleLoader__.load({
 			return selected.includes(modelId) ? selected.filter((value) => value !== modelId) : [...selected, modelId];
 		}
 		/**
+		* The catalog rows a picker may offer under the visible-models allowlist, in
+		* catalog order: the whole catalog while "show all" is active (the empty
+		* allowlist means exactly that), otherwise only the allowlisted ids. The
+		* per-model context override editor uses this so its dropdown agrees with the
+		* whitelist on the same card stack — a staged whitelist edit narrows it
+		* immediately, since both read the projected page state.
+		*/
+		function allowlistedModels(catalog, allowlist, showAll) {
+			if (showAll) return [...catalog];
+			const keep = new Set(allowlist);
+			return catalog.filter((model) => keep.has(model.id));
+		}
+		/**
 		* Whether the catalog is trustworthy enough to call an unlisted selection
 		* "retired". FALSE while the first fetch is in flight, after a failure, and
 		* for a loaded-but-empty catalog — an empty list makes every selected id look
@@ -3291,7 +3510,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region package.json
-		var version = "0.13.2";
+		var version = "0.13.4";
 		var repository = {
 			"type": "git",
 			"url": "git+https://github.com/Mars-Sea/dsh-commandcode-provider.git"
@@ -3474,11 +3693,12 @@ window.__ModuleLoader__.load({
 		*
 		* Layout, top to bottom: Accounts (one card per account, status, quota,
 		* actions and dedicated models — every operation commits immediately), Models
-		* (plan filter + visible-model allowlist), Privacy & security (ZDR),
-		* Integrations & display (web search, sidebar quota card), and a collapsed
-		* Advanced card (API base + network limits). Everything below Accounts is a
-		* flat group of rows (title/description left, control right) inside the staged
-		* form the floating save bar writes.
+		* & context (plan filter + visible-model allowlist, then the context-length
+		* rows: the global custom window and the per-model overrides, issue #86),
+		* Privacy & security (ZDR), Integrations & display (web search, sidebar quota
+		* card), and a collapsed Advanced card (API base + network limits). Everything
+		* below Accounts is a flat group of rows (title/description left, control
+		* right) inside the staged form the floating save bar writes.
 		*
 		* Styles are injected once by the client entry (see src/client/index.ts) and
 		* class-prefixed `cc-` to stay local.
@@ -3549,7 +3769,7 @@ window.__ModuleLoader__.load({
 			}) : null;
 		}
 		/** One text/number field row. */
-		function Field({ id, label, hint, state, disabled, numeric, decimal, wide, placeholder, onEdit, onReset, t }) {
+		function Field({ id, label, hint, state, disabled, numeric, decimal, context, wide, placeholder, onEdit, onReset, t }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingRow, {
 				title: label,
 				titleFor: id,
@@ -3558,7 +3778,7 @@ window.__ModuleLoader__.load({
 					t
 				}),
 				description: hint,
-				error: state.invalid ? invalidCopy(state.invalidReason, t, decimal) : void 0,
+				error: state.invalid ? invalidCopy(state.invalidReason, t, context === true ? "context" : decimal === true ? "duration" : "number") : void 0,
 				control: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldOverride, {
 					label,
 					state,
@@ -3579,12 +3799,17 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/** The per-field error copy for a staged draft's failure reason. */
-		function invalidCopy(reason, t, duration = false) {
-			if (duration) {
+		function invalidCopy(reason, t, mode = "number") {
+			if (mode === "duration") {
 				if (reason === "tooSmall") return t("durationTooSmall");
 				if (reason === "tooLarge") return t("durationTooLarge");
 				return t("durationInvalid");
 			}
+			if (mode === "context") {
+				if (reason === "tooSmall") return t("contextWindowTooSmall");
+				if (reason === "tooLarge") return t("contextWindowTooLarge");
+				return t("contextWindowInvalid");
+			}
 			if (reason === "tooSmall") return t("numberTooSmall");
 			if (reason === "tooLarge") return t("numberTooLarge");
 			return t("invalidNumber");
@@ -3622,9 +3847,10 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/** One stat tile in the account card's summary grid. */
-		function UsageStat({ label, value, sub }) {
+		function UsageStat({ label, value, sub, title }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "cc-usageStat",
+				title,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "cc-usageStatLabel",
@@ -3757,8 +3983,13 @@ window.__ModuleLoader__.load({
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageStat, {
 								label: t("usageRequests"),
-								value: String(report.usage.totalCount),
-								sub: `${t("usageCompleted")} ${report.usage.completedCount} / ${t("usageFailed")} ${report.usage.failedCount}`
+								value: formatCompactCount(report.usage.totalCount),
+								sub: `${t("usageCompleted")} ${formatCompactCount(report.usage.completedCount)} / ${t("usageFailed")} ${formatCompactCount(report.usage.failedCount)}`,
+								title: compactCountTitle([
+									[t("usageRequests"), report.usage.totalCount],
+									[t("usageCompleted"), report.usage.completedCount],
+									[t("usageFailed"), report.usage.failedCount]
+								])
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageStat, {
 								label: t("usageSuccessRate"),
@@ -4025,31 +4256,189 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/**
-		* Models: the plan filter and the allowlist sit together because both decide
-		* what the model picker lists (the allowlist applies after the plan filter).
+		* Models & context: the plan filter and the allowlist sit together because both
+		* decide what the model picker lists (the allowlist applies after the plan
+		* filter), and the context-length fields follow them because they are the same
+		* subject seen from the other side — the window each listed model advertises.
+		* Those fields carry no heading or divider of their own: they are rows of this
+		* group, not a section inside it.
 		*/
-		function ModelsCard({ state, disabled, t, onEdit, onReset, onSelect, onClear }) {
+		function ModelsCard({ state, disabled, t, onEdit, onReset, onSelect, onClear, onOverrides }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SettingsGroup, {
 				title: t("modelsTitle"),
 				divided: true,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleField, {
-					id: "cc-filter-models-by-plan",
-					label: t("filterModelsByPlan"),
-					hint: t("filterModelsByPlanHint"),
-					state: state.filterModelsByPlan,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleField, {
+						id: "cc-filter-models-by-plan",
+						label: t("filterModelsByPlan"),
+						hint: t("filterModelsByPlanHint"),
+						state: state.filterModelsByPlan,
+						disabled,
+						defaultChecked: true,
+						onEdit: (text) => onEdit("filterModelsByPlan", text),
+						onReset: () => onReset("filterModelsByPlan"),
+						t
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(VisibleModelsRow, {
+						t,
+						state,
+						disabled,
+						onSelect,
+						onClear
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextCard, {
+						state,
+						disabled,
+						t,
+						onEdit,
+						onReset,
+						onOverrides
+					})
+				]
+			});
+		}
+		/**
+		* Context length (issue #86): the global custom window plus one row per model
+		* override, both staged into the same save as the other form fields. Rendered
+		* as plain rows of the Models & context group — no heading, no divider of its
+		* own: the setting belongs to the models that group already governs, and on the
+		* real page a section inside the group read as visual noise. The advertised
+		* window is what the harness meters context against and when it compacts, so a
+		* lowered value compacts earlier and a raised one follows the model's real
+		* capacity when the catalog under-reports it. Precedence: a per-model row, then
+		* the global value, then the catalog.
+		*
+		* The rows live as raw text drafts: blank drops the override on save, an
+		* unparseable one blocks the save with its own bounds copy, and the value
+		* accepts the compact shorthand the picker prints (`256K`, `1M`). The model
+		* select offers only allowlisted models the list does not already carry —
+		* one override per model, matching what the Models card lets through — and
+		* keeps a stored id the catalog no longer carries (or the whitelist just
+		* dropped) as itself so an existing override never silently disappears.
+		*/
+		function ContextCard({ state, disabled, t, onEdit, onReset, onOverrides }) {
+			const rows = state.contextWindowOverrides;
+			const used = new Set(rows.map((row) => row.model));
+			const available = allowlistedModels(state.catalogModels, state.visibleModels, state.visibleModelsAll).filter((model) => !used.has(model.id));
+			const asMap = () => Object.fromEntries(rows.map((row) => [row.model, row.text]));
+			const setText = (model, text) => onOverrides({
+				...asMap(),
+				[model]: text
+			});
+			const setModel = (from, to) => {
+				if (to === "" || to === from || used.has(to)) return;
+				const next = {};
+				for (const row of rows) next[row.model === from ? to : row.model] = row.text;
+				onOverrides(next);
+			};
+			const removeRow = (model) => {
+				const next = asMap();
+				delete next[model];
+				onOverrides(next);
+			};
+			const addRow = () => {
+				const model = available[0];
+				if (model === void 0) return;
+				onOverrides({
+					...asMap(),
+					[model.id]: ""
+				});
+			};
+			const labelOf = (model) => {
+				const entry = state.catalogModels.find((candidate) => candidate.id === model);
+				return entry === void 0 ? `${model} · ${t("modelStale")}` : `${entry.name} (${model})`;
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+					id: "cc-context-window",
+					label: t("contextWindow"),
+					hint: t("contextWindowHint"),
+					state: state.contextWindow,
 					disabled,
-					defaultChecked: true,
-					onEdit: (text) => onEdit("filterModelsByPlan", text),
-					onReset: () => onReset("filterModelsByPlan"),
+					context: true,
+					onEdit: (text) => onEdit("contextWindow", text),
+					onReset: () => onReset("contextWindow"),
 					t
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VisibleModelsRow, {
-					t,
-					state,
-					disabled,
-					onSelect,
-					onClear
-				})]
-			});
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingRow, {
+					title: t("contextOverridesTitle"),
+					description: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("contextOverridesHint") }),
+					control: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "cc-linkButton",
+						disabled: disabled || available.length === 0,
+						onClick: addRow,
+						children: t("contextOverrideAdd")
+					})
+				}),
+				state.catalogFailed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "cc-groupDesc",
+					children: t("contextOverrideNoCatalog")
+				}) : null,
+				rows.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "cc-contextHead",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "cc-contextHeadModel",
+							children: t("contextOverrideModel")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "cc-contextHeadValue",
+							children: t("contextOverrideValue")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "cc-contextHeadGap",
+							"aria-hidden": "true"
+						})
+					]
+				}) : null,
+				rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "cc-contextItem",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "cc-contextSelect",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								className: "cc-input cc-contextModel",
+								value: row.model,
+								"aria-label": t("contextOverrideModel"),
+								disabled,
+								onChange: (event) => setModel(row.model, event.target.value),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: row.model,
+									children: labelOf(row.model)
+								}), available.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: model.id,
+									children: labelOf(model.id)
+								}, model.id))]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "cc-contextCaret",
+								"aria-hidden": "true"
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: `cc-input cc-contextValue${row.invalid ? " cc-inputInvalid" : ""}`,
+							type: "text",
+							"aria-label": t("contextOverrideValue"),
+							"aria-invalid": row.invalid || void 0,
+							value: row.text,
+							disabled,
+							onChange: (event) => setText(row.model, event.target.value)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "cc-iconButton",
+							"aria-label": t("contextOverrideRemove"),
+							disabled,
+							onClick: () => removeRow(row.model),
+							children: "×"
+						}),
+						row.invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "cc-rowError cc-contextError",
+							children: invalidCopy(row.invalidReason, t, "context")
+						}) : null
+					]
+				}, row.model))
+			] });
 		}
 		/**
 		* Privacy & security: the opt-in that changes where data goes. ZDR restricts
@@ -5279,7 +5668,8 @@ window.__ModuleLoader__.load({
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelsCard, {
 						...form,
 						onSelect: props.editVisibleModels,
-						onClear: props.clearVisibleModels
+						onClear: props.clearVisibleModels,
+						onOverrides: props.editContextWindowOverrides
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrivacyCard, { ...form }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IntegrationsCard, { ...form }),
@@ -5608,11 +5998,22 @@ window.__ModuleLoader__.load({
 			analysisNoShare: "无占比",
 			analysisShareHint: "占全部已知成本小计",
 			analysisSimulationHeading: "相同工作量价格试算",
-			analysisSimulationHint: "计价覆盖不同的金额不能直接比较。",
+			analysisSimulationHint: "差额以所选历史全部请求的当前价估算为基准；负数表示成本更低，仅比较完整覆盖的相同工作量。",
 			analysisSimulationCost: "试算成本",
 			analysisCoverage: "计价覆盖",
 			analysisUsd: "美元",
 			analysisTokenUnit: "词元",
+			analysisScenarioMonthly: "折算 30 天",
+			analysisDifference: "较历史基准",
+			analysisBaseline: "历史成本基准",
+			analysisZeroBaseline: "基准为零，不计算比例",
+			analysisNeedRange: "请选择日期范围",
+			analysisShortRange: "观察范围不足一天",
+			analysisIncomplete: "历史读取不完整",
+			analysisNoRequests: "没有请求记录",
+			analysisScenarioExcluded: "存在超上下文请求",
+			analysisScenarioUnpriced: "存在未知用量或价格",
+			analysisBaselineUnpriced: "历史基准未全部计价",
 			analysisCost: "已知成本 · 美元",
 			analysisRequests: "模型请求",
 			analysisSessionCount: "会话数",
@@ -5650,6 +6051,7 @@ window.__ModuleLoader__.load({
 			analysisAssumption: "沿用原请求的词元与时段，对比不同模型的价格。换模型后的生成长度、缓存命中、重试和质量可能变化；不会调用模型或自动推荐。",
 			analysisContext: "上下文词元",
 			analysisCapabilities: "模型能力",
+			analysisInputType: "输入类型",
 			analysisEfforts: "推理力度",
 			analysisExcluded: "超出上下文",
 			analysisUnknownPrice: "未知用量或价格",
@@ -5701,11 +6103,22 @@ window.__ModuleLoader__.load({
 			analysisNoShare: ANALYTICS_COPY_ZH.analysisNoShare,
 			analysisShareHint: "Share of the known cost subtotal",
 			analysisSimulationHeading: "Price simulation for the same workload",
-			analysisSimulationHint: "Amounts with different priced coverage are not directly comparable.",
+			analysisSimulationHint: "Differences use all selected recorded requests repriced at current rates as the baseline. Negative means lower cost; only complete coverage is compared.",
 			analysisSimulationCost: "Simulated cost",
 			analysisCoverage: "Priced coverage",
 			analysisUsd: "USD",
 			analysisTokenUnit: "tokens",
+			analysisScenarioMonthly: "30-day estimate",
+			analysisDifference: "vs. recorded baseline",
+			analysisBaseline: "Recorded cost baseline",
+			analysisZeroBaseline: ANALYTICS_COPY_ZH.analysisZeroBaseline,
+			analysisNeedRange: ANALYTICS_COPY_ZH.analysisNeedRange,
+			analysisShortRange: ANALYTICS_COPY_ZH.analysisShortRange,
+			analysisIncomplete: ANALYTICS_COPY_ZH.analysisIncomplete,
+			analysisNoRequests: ANALYTICS_COPY_ZH.analysisNoRequests,
+			analysisScenarioExcluded: ANALYTICS_COPY_ZH.analysisScenarioExcluded,
+			analysisScenarioUnpriced: ANALYTICS_COPY_ZH.analysisScenarioUnpriced,
+			analysisBaselineUnpriced: ANALYTICS_COPY_ZH.analysisBaselineUnpriced,
 			analysisCost: "Known cost · USD",
 			analysisRequests: "Model requests",
 			analysisSessionCount: "Sessions",
@@ -5743,6 +6156,7 @@ window.__ModuleLoader__.load({
 			analysisAssumption: "Compares model prices using original tokens and request times. Output length, cache hits, retries and quality may change with another model. Makes no model calls or automatic recommendations.",
 			analysisContext: "Context tokens",
 			analysisCapabilities: "Model capabilities",
+			analysisInputType: "Input type",
 			analysisEfforts: "Reasoning efforts",
 			analysisExcluded: "Over context limit",
 			analysisUnknownPrice: "Unknown usage or price",
@@ -6010,8 +6424,13 @@ window.__ModuleLoader__.load({
 			if (usage !== void 0) {
 				stats.push({
 					label: "requests",
-					value: String(usage.totalCount),
-					sub: `${usage.completedCount} ${t("completed")} / ${usage.failedCount} ${t("failed")}`
+					value: formatCompactCount(usage.totalCount),
+					sub: `${formatCompactCount(usage.completedCount)} ${t("completed")} / ${formatCompactCount(usage.failedCount)} ${t("failed")}`,
+					title: compactCountTitle([
+						[t("requests"), usage.totalCount],
+						[t("completed"), usage.completedCount],
+						[t("failed"), usage.failedCount]
+					])
 				});
 				stats.push({
 					label: "successRate",
@@ -6337,6 +6756,44 @@ window.__ModuleLoader__.load({
 			}]
 		};
 		//#endregion
+		//#region src/client/analytics-comparison.ts
+		function coverageReason(report, scenario) {
+			if (report.status !== "ready") return "unavailable";
+			if (report.truncated || report.unreadableSessions > 0 || report.skippedSessions > 0) return "partial";
+			if (report.totals.requests === 0) return "empty";
+			if (scenario.excludedRequests > 0) return "excluded";
+			if (scenario.unknownRequests > 0 || scenario.pricedRequests !== report.totals.requests) return "coverage";
+		}
+		function compareScenario(report, scenario) {
+			const reason = coverageReason(report, scenario);
+			let monthly;
+			if (reason) monthly = {
+				value: null,
+				reason
+			};
+			else if (report.query.mode !== "range") monthly = {
+				value: null,
+				reason: "recent"
+			};
+			else {
+				const elapsed = Math.min(report.query.to, report.generatedAt) - report.query.from;
+				monthly = elapsed >= 864e5 ? { value: scenario.cost * (2592e6 / elapsed) } : {
+					value: null,
+					reason: "short-range"
+				};
+			}
+			const comparisonReason = reason ?? (report.totals.pricedRequests !== report.totals.requests ? "baseline" : void 0);
+			const difference = comparisonReason ? {
+				value: null,
+				reason: comparisonReason
+			} : { value: scenario.cost - report.totals.cost };
+			return {
+				monthly,
+				difference,
+				differencePercent: difference.value !== null && report.totals.cost > 0 ? difference.value / report.totals.cost * 100 : null
+			};
+		}
+		//#endregion
 		//#region src/client/analytics-view.tsx
 		/** 只展示数字快照；筛选提交后才查询，页签、展开与模型筛选不触发历史读取。 */
 		function localDate(time) {
@@ -6587,7 +7044,19 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
-		function ScenarioRow({ m, text }) {
+		const estimateReasonKeys = {
+			unavailable: "analysisUnavailable",
+			empty: "analysisNoRequests",
+			partial: "analysisIncomplete",
+			excluded: "analysisScenarioExcluded",
+			coverage: "analysisScenarioUnpriced",
+			baseline: "analysisBaselineUnpriced",
+			recent: "analysisNeedRange",
+			"short-range": "analysisShortRange"
+		};
+		const signedMoney = (n) => `${n > 0 ? "+" : n < 0 ? "-" : ""}${money(Math.abs(n))}`;
+		function ScenarioRow({ m, report, text }) {
+			const { monthly, difference, differencePercent } = compareScenario(report, m);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
 				className: "ccp-analysisModelRow",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", {
@@ -6606,17 +7075,17 @@ window.__ModuleLoader__.load({
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
 							label: text("analysisSimulationCost"),
 							value: m.pricedRequests ? money(m.cost) : text("analysisMissing"),
-							sub: text("analysisUsd")
+							sub: `${text("analysisCoverage")} ${m.pricedRequests}/${report.totals.requests}`
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
-							label: text("analysisCoverage"),
-							value: `${m.pricedRequests}/${m.pricedRequests + m.excludedRequests + m.unknownRequests}`,
-							sub: `${text("analysisExcluded")} ${digits(m.excludedRequests)} · ${text("analysisUnknownPrice")} ${digits(m.unknownRequests)}`
+							label: text("analysisScenarioMonthly"),
+							value: monthly.value === null ? text("analysisMissing") : money(monthly.value),
+							sub: monthly.value === null ? text(estimateReasonKeys[monthly.reason]) : text("analysisUsd")
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
-							label: text("analysisCapabilities"),
-							value: m.contextWindow === null ? text("analysisMissing") : `${digits(m.contextWindow)} ${text("analysisTokenUnit")}`,
-							sub: text(m.images ? "analysisImages" : "analysisTextOnly")
+							label: text("analysisDifference"),
+							value: difference.value === null ? text("analysisMissing") : signedMoney(difference.value),
+							sub: difference.value === null ? text(estimateReasonKeys[difference.reason]) : differencePercent === null ? text("analysisZeroBaseline") : `${differencePercent > 0 ? "+" : ""}${differencePercent.toFixed(1)}%`
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Chevron, {})
 					]
@@ -6633,7 +7102,11 @@ window.__ModuleLoader__.load({
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailGroup, {
 						title: "analysisCapabilities",
 						text,
-						values: [["analysisEfforts", m.efforts.length ? m.efforts.map((e) => effortName(e, text)).join(", ") : text("analysisNoEfforts")]]
+						values: [
+							["analysisContext", m.contextWindow === null ? text("analysisMissing") : `${digits(m.contextWindow)} ${text("analysisTokenUnit")}`],
+							["analysisInputType", text(m.images ? "analysisImages" : "analysisTextOnly")],
+							["analysisEfforts", m.efforts.length ? m.efforts.map((e) => effortName(e, text)).join(", ") : text("analysisNoEfforts")]
+						]
 					})]
 				})]
 			});
@@ -6935,6 +7408,16 @@ window.__ModuleLoader__.load({
 									className: "ccp-analysisAssumption",
 									children: text("analysisAssumption")
 								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+									className: "ccp-analysisNote ccp-analysisBaseline",
+									children: [
+										text("analysisBaseline"),
+										": ",
+										m.pricedRequests === m.requests && m.requests > 0 && !report.truncated && !report.unreadableSessions && !report.skippedSessions ? money(m.cost) : text("analysisMissing"),
+										" · ",
+										text("analysisMonthlyHint")
+									]
+								}),
 								report.catalogUnavailable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 									className: "ccp-analysisMessage ccp-analysisWarning",
 									role: "status",
@@ -6976,12 +7459,13 @@ window.__ModuleLoader__.load({
 										children: [
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text("analysisModel") }),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text("analysisSimulationCost") }),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text("analysisCoverage") }),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text("analysisCapabilities") }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text("analysisScenarioMonthly") }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text("analysisDifference") }),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {})
 										]
 									}), scenarios.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScenarioRow, {
 										m: model,
+										report,
 										text
 									}, model.id))]
 								}) : !report.catalogUnavailable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -7125,9 +7609,10 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/** A labelled figure. */
-		function Tile({ label, value, sub }) {
+		function Tile({ label, value, sub, title }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "ccp-tile",
+				title,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "ccp-tileLabel",
@@ -7299,7 +7784,8 @@ window.__ModuleLoader__.load({
 								children: account.stats.map((stat) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tile, {
 									label: text(stat.label),
 									value: stat.value,
-									sub: stat.sub
+									sub: stat.sub,
+									title: stat.title
 								}, stat.label))
 							})
 						]
@@ -8430,7 +8916,8 @@ window.__ModuleLoader__.load({
 		* 12/18 label-tertiary, the control on the right. The hairline rhythm is
 		* section-level: a 0.5px border-l2 rule separates the GROUPS (see
 		* `cc-groupDivided`), never the rows inside one, so a group's rows read as one
-		* list. Selectors and buttons are capsules (36px / 28px compact), inputs are
+		* list. Selectors and buttons are
+		* capsules (36px / 28px compact), inputs are
 		* 32px with an 8px radius and a 0.5px border-l4 edge, a card is a 0.5px
 		* border-l4 outline with a 16px radius, and a nested panel is a
 		* bg-module-platform fill with a 12px radius. Errors use state-error-primary.
@@ -8537,6 +9024,25 @@ window.__ModuleLoader__.load({
 .cc-iconButton{flex-shrink:0;align-items:center;justify-content:center;display:inline-flex;width:28px;height:28px;padding:0;background:0 0;border:0;border-radius:6px;color:var(--dsw-alias-label-tertiary);cursor:pointer}
 .cc-iconButton:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
 .cc-iconButton:focus-visible{outline:none;box-shadow:0 0 0 2px var(--dsw-alias-border-l3)}
+/* Per-model context-length override rows (issue #86): the error wraps onto
+   its own line beneath the select/input/remove trio. The three cells form a
+   fixed column contract — flexible model, 112px value, 28px remove — and the
+   cc-contextHead labels repeat the first two (plus the remove cell's width
+   as a spacer) so they sit exactly over their columns. */
+.cc-contextItem{align-items:center;gap:8px;display:flex;flex-wrap:wrap;padding:8px 0}
+.cc-contextHead{align-items:center;gap:8px;display:flex;flex-wrap:wrap;padding:4px 0 0;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}
+.cc-contextHeadModel{flex:1;min-width:200px}
+.cc-contextHeadValue{flex:none;width:112px}
+.cc-contextHeadGap{flex:none;width:28px}
+.cc-contextSelect{position:relative;display:block;flex:1;min-width:200px}
+/* appearance:none swaps the platform arrow for the cc-contextCaret, shaped
+   like cc-selectorCaret so every dropdown in the plugin opens with the same
+   hand-drawn chevron. */
+.cc-contextModel{box-sizing:border-box;appearance:none;-webkit-appearance:none;width:100%;padding-inline-end:26px;text-overflow:ellipsis;cursor:pointer}
+.cc-contextCaret{position:absolute;inset-inline-end:12px;top:50%;width:6px;height:6px;border-right:1.5px solid var(--dsw-alias-label-tertiary);border-bottom:1.5px solid var(--dsw-alias-label-tertiary);transform:translateY(-50%) rotate(45deg);pointer-events:none}
+.cc-contextSelect:has(.cc-contextModel:disabled) .cc-contextCaret{opacity:.6}
+.cc-contextValue{flex:none;width:112px}
+.cc-contextError{flex-basis:100%}
 /* Three dots from one element: the dot plus two box-shadow copies. */
 .cc-kebab{width:3px;height:3px;border-radius:50%;corner-shape:round;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}
 .cc-tabDot{flex-shrink:0;width:8px;height:8px;border-radius:50%;corner-shape:round}
@@ -8848,7 +9354,6 @@ window.__ModuleLoader__.load({
 .ccp-analysisTableHead{padding-top:11px;padding-bottom:11px;background:var(--dsw-alias-interactive-bg-hover);border-bottom:.5px solid var(--dsw-alias-border-l2);font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary)}
 .ccp-analysisTableHead > span:not(:first-child){text-align:right}
 .ccp-analysisScenarioHead,.ccp-analysisScenarioSummary{grid-template-columns:minmax(190px,2fr) minmax(118px,1.1fr) minmax(155px,1.35fr) minmax(142px,1.15fr) 16px}
-.ccp-analysisScenarioHead > span:nth-child(3),.ccp-analysisScenarioHead > span:nth-child(4){text-align:left}
 .ccp-analysisModelSummary,.ccp-analysisScenarioSummary{cursor:pointer;list-style:none;min-height:60px}
 .ccp-analysisModelSummary::-webkit-details-marker,.ccp-analysisScenarioSummary::-webkit-details-marker,.ccp-analysisDisclosure::-webkit-details-marker{display:none}
 .ccp-analysisModelSummary:hover,.ccp-analysisScenarioSummary:hover{background:var(--dsw-alias-interactive-bg-hover)}
@@ -8856,7 +9361,6 @@ window.__ModuleLoader__.load({
 .ccp-analysisModelName{font-size:14px;line-height:22px;font-weight:500;overflow-wrap:anywhere}
 .ccp-analysisModelCount{margin-top:3px}
 .ccp-analysisModelSummary > .ccp-analysisMetric,.ccp-analysisScenarioSummary > .ccp-analysisMetric{align-items:flex-end}
-.ccp-analysisScenarioSummary > .ccp-analysisMetric:nth-child(3),.ccp-analysisScenarioSummary > .ccp-analysisMetric:nth-child(4){align-items:flex-start}
 /* 宽表使用集中表头，但保留每个指标的无障碍标签；窄面板恢复可见标签。 */
 .ccp-analysisModelSummary .ccp-analysisMetricLabel,.ccp-analysisScenarioSummary .ccp-analysisMetricLabel,.ccp-analysisSearchLabel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .ccp-analysisShare{display:flex;align-items:center;gap:8px;width:100%;max-width:148px;margin-top:3px}
@@ -8880,6 +9384,7 @@ window.__ModuleLoader__.load({
 .ccp-analysisMonthlyValue{font-size:14px;line-height:22px;font-weight:500;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums}
 .ccp-analysisMonthly .ccp-analysisNote{width:100%;margin:0}
 .ccp-analysisAssumption{font-size:14px;line-height:22px;color:var(--dsw-alias-label-tertiary);margin:0 0 18px;max-width:76ch}
+.ccp-analysisBaseline{margin:0 0 16px}
 .ccp-analysisSearch{flex:0 1 270px}
 .ccp-analysisSearchShell{position:relative;display:block}
 .ccp-analysisSearchShell > .ccp-analysisIcon{position:absolute;top:10px;left:11px;color:var(--dsw-alias-label-tertiary);pointer-events:none}
@@ -9265,7 +9770,8 @@ window.__ModuleLoader__.load({
 				setActiveAccount: (id) => controller.setActiveAccount(id).then(refreshUsageOn),
 				setAccountModels: (target, ids) => controller.setAccountModels(target, ids),
 				editVisibleModels: (ids) => controller.editVisibleModels(ids),
-				clearVisibleModels: () => controller.clearVisibleModels()
+				clearVisibleModels: () => controller.clearVisibleModels(),
+				editContextWindowOverrides: (next) => controller.editContextWindowOverrides(next)
 			});
 			ctx.slots.inject("settings.section", () => ctx.slots.register({
 				name: "settings.section",