dsh-connect-modelscope-token-plan 0.2.0 → 0.3.0

package/client.js

@@ -14,14 +14,32 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 //#endregion
 //#region src/client/const.ts
 	function modelscopeModelUrl(id) {
-		return `${MODELSCOPE_MODEL_URL_BASE}/${encodeURI(id)}`;
+		return `${MODELSCOPE_MODEL_URL_BASE}/${id.split("/").map(encodeURIComponent).join("/")}`;
 	}
 	/** 从 `owner/model` 取 owner（无斜杠时整段作 owner）。 */
 	function catalogOwner(id) {
 		const slash = id.indexOf("/");
 		return slash >= 0 ? id.slice(0, slash) : id;
 	}
-	var NS, PANEL_ID, SNAPSHOT_PATH, MODELS_PATH, TOKEN_PATH, TOKEN_FORGET_PATH, PROBE_PATH, PROVIDER_PATH, PROVIDER_ROSTER_PATH, PROVIDER_RESET_PATH, HIDE_ALL_MODELS, MODELSCOPE_TOKEN_URL, MODELSCOPE_USAGE_URL, MODELSCOPE_MODEL_URL_BASE, FEATURED_OWNERS;
+	/**
+	* 徽章用的窗口短标注（tokens → "128K" / "1M"）。
+	*
+	* K=1024、M=1024²，与档位值（131072…1048576）同一把尺。**不美化**：目录声明的
+	* 128000 显示成 "125K" 而不是 "128K"——标签必须能从数值反推出来，四舍五入到
+	* 好看的整数是撒谎。≥1M 用 M（`1.25M` 保留至多一位小数，去掉尾随 .0），
+	* ≥1024 用 K，更小的原样显示。
+	* @param {number} tokens - 窗口大小（tokens）。
+	* @returns {string} 短标注。
+	*/
+	function formatWindow(tokens) {
+		if (tokens >= 1048576) {
+			const m = tokens / 1048576;
+			return `${m >= 10 || Number.isInteger(m) ? Math.round(m) : Math.round(m * 10) / 10}M`;
+		}
+		if (tokens >= 1024) return `${Math.round(tokens / 1024)}K`;
+		return String(tokens);
+	}
+	var NS, PANEL_ID, SNAPSHOT_PATH, MODELS_PATH, TOKEN_PATH, TOKEN_FORGET_PATH, PROBE_PATH, PROVIDER_PATH, PROVIDER_ROSTER_PATH, PROVIDER_CONTEXT_PATH, PROVIDER_RESET_PATH, DRAW_PATH, DRAW_RESET_PATH, HIDE_ALL_MODELS, MODELSCOPE_TOKEN_URL, MODELSCOPE_USAGE_URL, MODELSCOPE_MODEL_URL_BASE, FEATURED_OWNERS;
 	var init_const = __esmMin((() => {
 		NS = "dsh-connect-modelscope-token-plan";
 		PANEL_ID = NS;
@@ -32,7 +50,10 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 		PROBE_PATH = `/api/${NS}/probe`;
 		PROVIDER_PATH = `/api/${NS}/provider`;
 		PROVIDER_ROSTER_PATH = `/api/${NS}/provider/roster`;
+		PROVIDER_CONTEXT_PATH = `/api/${NS}/provider/context`;
 		PROVIDER_RESET_PATH = `/api/${NS}/provider/reset`;
+		DRAW_PATH = `/api/${NS}/draw`;
+		DRAW_RESET_PATH = `/api/${NS}/draw/reset`;
 		HIDE_ALL_MODELS = "__hide_all__";
 		MODELSCOPE_TOKEN_URL = "https://modelscope.cn/my/myaccesstoken";
 		MODELSCOPE_USAGE_URL = "https://modelscope.cn/magicube/usage?tab=consume";
@@ -62,6 +83,10 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			"panel.authError": "令牌被拒绝（401/403）。请到「接入」tab 更换访问令牌。",
 			"panel.noToken": "还没有配置魔搭访问令牌。到「接入」tab 粘贴一枚 ms-… 令牌即可。",
 			"panel.shapeDrift": "上游返回的结构可能有变：{detail}",
+			"panel.payloadError": "Host 返回了无法读取的响应（可能页面被登录墙或代理截获）。",
+			"shape.missingKeys": "Host 快照缺少必需的顶层键：{keys}",
+			"common.httpError": "无法读取 Host 响应（非预期响应，可能页面被登录墙截获）。",
+			"common.timeout": "请求超时，请重试。",
 			"tab.quota": "额度",
 			"tab.models": "模型",
 			"tab.access": "接入",
@@ -81,8 +106,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			"balance.unavailable": "魔粒余额暂不可读：{error}",
 			"quota.headline": "今日 {calls} 次 · {models} 个模型",
 			"quota.note": "本地口径：只统计经本插件的调用，直连魔搭的其它客户端不计入；消耗总量以官方魔粒余额为准。",
-			"models.none": "目录暂不可读：{error}",
-			"models.loading": "读取目录中…",
+			"quota.unavailable": "本地计数本次读不到（原因见上方提示）",
 			"probe.validity": "验令牌（零额度）",
 			"probe.validOk": "令牌有效（HTTP {status}）",
 			"probe.fail": "失败：{error}",
@@ -94,6 +118,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			"provider.enable": "把魔搭模型接入 DSH 模型选择器",
 			"provider.on": "已接入",
 			"provider.off": "未接入",
+			"provider.busy": "切换中…",
 			"provider.registered": "已注册（模型可在选择器里选用）",
 			"provider.notRegistered": "未注册",
 			"provider.llmMissing": "本机 Host 未提供 LLM 注册服务",
@@ -110,18 +135,45 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			"provider.notConfigured": "还没有访问令牌，先到「接入」tab 配置",
 			"provider.source.panel": "面板",
 			"provider.source.config": "配置",
+			"provider.contextWindow": "上下文窗口",
+			"provider.contextDefault": "默认（跟随目录）",
+			"provider.contextHint": "目录没声明窗口的模型按此值生效；保存后立即重新注册",
+			"provider.contextCuratedTitle": "窗口来自内置策展表（models.dev 交叉真值），平台未亲口声明；带 * 标记",
+			"section.draw": "出图工具",
+			"draw.enable": "给 agent 注册 modelscope_draw_image 工具",
+			"draw.on": "已开启",
+			"draw.off": "未开启",
+			"draw.busy": "切换中…",
+			"draw.mounted": "已注册：{tool}",
+			"draw.notMounted": "未注册——勾选上方开关即可开启。",
+			"draw.restartHint": "开关立即保存，但工具的挂载发生在**下次 Host 启动**（工具注册无法撤销）。",
+			"draw.models": "出图将使用以下模型",
+			"draw.badge": "出图",
+			"draw.noCandidates": "当前目录里没有出图模型（平台声明 image-to-image / text-to-image 的条目为空）；出图不可用。",
+			"draw.needsKey": "还没有访问令牌，先到「接入」tab 配置。",
+			"draw.reset": "回到默认",
+			"draw.error": "出图设置保存失败：{error}",
+			"draw.source.panel": "面板",
+			"draw.source.config": "配置",
+			"draw.absent.noTools": "开关已开，但本机 Host 未提供 agent tools 服务，出图工具缺席（Host 侧限制，非配置问题）。",
+			"draw.absent.peerLoad": "开关已开，但 tools 模块加载失败，出图工具缺席（Host 问题，非配置）。",
+			"draw.absent.registry": "开关已开，但工具注册被 Host 拒绝，出图工具缺席（Host 问题，非配置）。",
+			"draw.absent.unknown": "开关已开，但出图工具未挂载，原因未知。",
 			"trend.none": "还没有本地调用记录。",
 			"trend.legend": "柱长相对区间内最大值，仅本地口径。",
 			"events.none": "暂无事件。",
 			"events.quota": "额度",
 			"events.rate_limit": "限频",
 			"events.error": "错误",
+			"events.unknown": "未知",
 			"token.status": "状态：{present}（来源 {source}，校验 {valid}）",
 			"token.save": "保存",
 			"token.forget": "忘掉已保存",
 			"token.placeholder": "粘贴 ms-… 访问令牌",
+			"token.ariaLabel": "魔搭访问令牌",
 			"token.hint": "在魔搭「访问令牌」页生成。保存即生效（写入 DSH 凭据服务，不依赖重启）。环境变量 MODELSCOPE_API_KEY 只在 DSH 启动时读一次，且优先级高于此处保存的值——设了它就别再用面板存。",
 			"token.ephemeral": "此 Host 没有凭据服务：面板保存的令牌重启即丢，请改用凭据服务或环境变量。",
+			"token.readError": "读不到凭据存储，无法确认令牌状态（不代表没配令牌）：{error}",
 			"token.link": "打开魔搭访问令牌页 →",
 			"source.credentials": "凭据服务",
 			"source.env": "环境变量",
@@ -130,7 +182,13 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			"present.yes": "已配置",
 			"present.no": "未配置",
 			"validity.yes": "有效",
-			"validity.no": "未校验"
+			"validity.no": "未校验",
+			"validity.bad": "无效",
+			"composer.prefix": "魔搭",
+			"composer.pillTitle": "魔搭额度：官方魔粒余额 + 今日本地调用次数",
+			"composer.balanceUnit": "魔粒",
+			"composer.localCalls": "今日本地 {calls} 次",
+			"composer.stale": "上次数据"
 		};
 		en = {
 			"panel.title": "ModelScope Access · Quota",
@@ -146,6 +204,10 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			"panel.authError": "Token rejected (401/403). Replace the access token in the Access tab.",
 			"panel.noToken": "No ModelScope access token configured yet. Paste an ms-… token in the Access tab.",
 			"panel.shapeDrift": "Upstream shape may have changed: {detail}",
+			"panel.payloadError": "Host returned an unreadable response (a login wall or proxy may have intercepted it).",
+			"shape.missingKeys": "Host snapshot omitted required top-level key(s): {keys}",
+			"common.httpError": "Unexpected Host response (a login wall or proxy may have intercepted it).",
+			"common.timeout": "Request timed out; please retry.",
 			"tab.quota": "Quota",
 			"tab.models": "Models",
 			"tab.access": "Access",
@@ -165,8 +227,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			"balance.unavailable": "Magicube balance temporarily unreadable: {error}",
 			"quota.headline": "Today {calls} calls · {models} models",
 			"quota.note": "Local scope: only calls through this plugin are counted; clients calling ModelScope directly are not. Total consumption is governed by the official Magicube balance.",
-			"models.none": "Catalog unavailable: {error}",
-			"models.loading": "Loading catalog…",
+			"quota.unavailable": "Local counters could not be read this time (reason in the notices above)",
 			"probe.validity": "Verify token (free)",
 			"probe.validOk": "Token valid (HTTP {status})",
 			"probe.fail": "Failed: {error}",
@@ -178,6 +239,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			"provider.enable": "Register ModelScope models in the DSH model picker",
 			"provider.on": "On",
 			"provider.off": "Off",
+			"provider.busy": "Switching…",
 			"provider.registered": "Registered (models selectable in the picker)",
 			"provider.notRegistered": "Not registered",
 			"provider.llmMissing": "This Host exposes no LLM service",
@@ -194,18 +256,45 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			"provider.notConfigured": "No token yet — configure it in the Access tab",
 			"provider.source.panel": "panel",
 			"provider.source.config": "config",
+			"provider.contextWindow": "Context window",
+			"provider.contextDefault": "Default (catalog)",
+			"provider.contextHint": "Applies to models whose catalog entry declares no window; re-registers immediately",
+			"provider.contextCuratedTitle": "Window from the built-in curated table (models.dev cross-check), not declared by the platform; marked with *",
+			"section.draw": "Draw tool",
+			"draw.enable": "Register the modelscope_draw_image tool for the agent",
+			"draw.on": "On",
+			"draw.off": "Off",
+			"draw.busy": "Switching…",
+			"draw.mounted": "Registered: {tool}",
+			"draw.notMounted": "Not registered — tick the switch above.",
+			"draw.restartHint": "The switch saves at once, but the tool mounts at the NEXT Host start (a tool registration cannot be undone).",
+			"draw.models": "Draw calls will use the models below",
+			"draw.badge": "image",
+			"draw.noCandidates": "This catalogue declares no image model (no entry with image-to-image / text-to-image); drawing is unavailable.",
+			"draw.needsKey": "No token yet — configure it in the Access tab.",
+			"draw.reset": "Reset",
+			"draw.error": "Saving the draw settings failed: {error}",
+			"draw.source.panel": "panel",
+			"draw.source.config": "config",
+			"draw.absent.noTools": "The switch is on, but this Host exposes no agent tools service; the draw tool is absent (a Host limitation, not config).",
+			"draw.absent.peerLoad": "The switch is on, but the tools module failed to load; the draw tool is absent (a Host fault, not config).",
+			"draw.absent.registry": "The switch is on, but the Host refused the tool registration; the draw tool is absent (a Host fault, not config).",
+			"draw.absent.unknown": "The switch is on, but the draw tool is not mounted; the reason is unknown.",
 			"trend.none": "No local call records yet.",
 			"trend.legend": "Bar lengths are relative to the maximum in the range (local scope only).",
 			"events.none": "No events.",
 			"events.quota": "Quota",
 			"events.rate_limit": "Rate limit",
 			"events.error": "Error",
+			"events.unknown": "Unknown",
 			"token.status": "Status: {present} (source {source}, check {valid})",
 			"token.save": "Save",
 			"token.forget": "Forget saved",
 			"token.placeholder": "Paste an ms-… access token",
+			"token.ariaLabel": "ModelScope access token",
 			"token.hint": "Generate one on the ModelScope access-token page. Saving takes effect immediately (written to the DSH credentials service, no restart needed). The MODELSCOPE_API_KEY environment variable is read once at DSH launch and ranks ABOVE a value saved here — set it and stop using the panel.",
 			"token.ephemeral": "This Host has no credentials service: a token saved in the panel is lost on restart. Use the credentials service or an environment variable.",
+			"token.readError": "Could not read the credential store, so the token state is unknown (this does NOT mean no token is configured): {error}",
 			"token.link": "Open the ModelScope access-token page →",
 			"source.credentials": "credentials",
 			"source.env": "environment",
@@ -214,7 +303,13 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			"present.yes": "configured",
 			"present.no": "not configured",
 			"validity.yes": "verified",
-			"validity.no": "unverified"
+			"validity.no": "unverified",
+			"validity.bad": "invalid",
+			"composer.prefix": "ModelScope",
+			"composer.pillTitle": "ModelScope quota: official Magicube balance + today's local call count",
+			"composer.balanceUnit": "Magicubes",
+			"composer.localCalls": "local today {calls}",
+			"composer.stale": "stale data"
 		};
 	}));
 
@@ -248,7 +343,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 		if (number >= 1e4) return Math.round(number).toLocaleString();
 		return String(Math.round(number * 100) / 100);
 	}
-	/** 填 `{token}` 模板。 */
+	/** 填 `{key}` 模板：vars 的每个键对应模板里的同名占位符。 */
 	function format(template, vars) {
 		let text = template;
 		for (const [key, value] of Object.entries(vars || {})) text = text.split(`{${key}}`).join(String(value));
@@ -350,7 +445,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 				fontSize: 13,
 				color: "var(--dsw-alias-label-secondary)",
 				cursor: "pointer",
-				outline: "none"
+				outlineOffset: -2
 			},
 			tabActive: {
 				color: "var(--dsw-alias-label-primary)",
@@ -632,7 +727,43 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 				borderRadius: 12,
 				background: "var(--dsw-alias-bg-layer-1)",
 				padding: "12px 14px"
-			}
+			},
+			pillTrigger: {
+				appearance: "none",
+				WebkitAppearance: "none",
+				height: 28,
+				borderStyle: "none",
+				borderWidth: 0,
+				background: "none",
+				color: "inherit",
+				display: "inline-flex",
+				alignItems: "center",
+				gap: 6,
+				padding: "0 10px",
+				borderRadius: 999,
+				fontSize: 12,
+				fontWeight: 600,
+				lineHeight: "18px",
+				cursor: "default",
+				flexShrink: 0,
+				whiteSpace: "nowrap"
+			},
+			pillDot: {
+				width: 8,
+				height: 8,
+				borderRadius: 999,
+				flex: "none",
+				background: "var(--dsw-alias-label-secondary)"
+			},
+			pillPlan: { opacity: .72 },
+			pillStale: {
+				opacity: .62,
+				fontStyle: "italic"
+			},
+			pillTierOk: "#22c55e",
+			pillTierExhausted: "#ef4444",
+			pillTierUnknown: "#9ca3af",
+			pillTierExhaustedText: { color: "var(--dsw-alias-state-error-primary)" }
 		};
 	}));
 
@@ -676,7 +807,8 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 				source: "none",
 				valid: null,
 				checkedAt: null,
-				ephemeral: true
+				ephemeral: true,
+				readError: null
 			};
 			case "balance": return {
 				available: null,
@@ -686,7 +818,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 				error: null
 			};
 			case "quota": return {
-				daily: { usedLocal: 0 },
+				daily: { usedLocal: null },
 				perModel: [],
 				countingNote: "local-counting"
 			};
@@ -729,17 +861,23 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 	*/
 	function interpretSnapshot(body) {
 		const payload = body;
-		if (payload && payload.ok === false) return {
+		if (payload && payload.ok === false) {
+			const code = typeof payload.code === "string" && payload.code !== "" ? payload.code : CLIENT_CODE.PAYLOAD_ERROR;
+			return {
+				data: null,
+				error: {
+					message: typeof payload.error === "string" && payload.error !== "" ? payload.error : null,
+					code
+				}
+			};
+		}
+		if (!payload || payload.ok !== true) return {
 			data: null,
 			error: {
-				message: payload.error || "unexpected payload",
-				code: payload.code
+				message: null,
+				code: CLIENT_CODE.PAYLOAD_ERROR
 			}
 		};
-		if (!payload || payload.ok !== true) return {
-			data: null,
-			error: "unexpected payload"
-		};
 		const raw = payload;
 		const missingKeys = SNAPSHOT_REQUIRED_KEYS.filter((key) => raw[key] === void 0);
 		return {
@@ -752,19 +890,23 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 	* 把 wire/路由返回的 provider 块归一成 `ProviderStatus`；不合法一律降级。
 	* 形状由 wire.ts 钉死，本函数只做防御性归一（旧 Host 可能缺字段）。
 	*/
-	function providerOf(raw) {
+	function providerOf$1(raw) {
 		if (raw === null || typeof raw !== "object") return DEGRADED_PROVIDER;
 		const p = raw;
 		const ids = Array.isArray(p.enabledIds) ? p.enabledIds.map((id) => String(id ?? "")).filter((id) => id !== "") : [];
 		const roster = Array.isArray(p.roster) ? p.roster.map((entry) => {
 			const row = entry ?? {};
 			const id = String(row.id ?? "");
+			const w = row.contextWindow;
+			const contextSource = row.contextSource === "override" || row.contextSource === "curated" ? row.contextSource : "catalog";
 			return {
 				id,
 				name: typeof row.name === "string" && row.name !== "" ? row.name : id,
 				vision: row.vision === true,
 				available: row.available !== false,
-				quotaExhausted: row.quotaExhausted === true
+				quotaExhausted: row.quotaExhausted === true,
+				contextSource,
+				...typeof w === "number" && Number.isFinite(w) && w > 0 ? { contextWindow: w } : {}
 			};
 		}).filter((entry) => entry.id !== "") : [];
 		return {
@@ -773,10 +915,11 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			llmAvailable: p.llmAvailable === true,
 			registered: p.registered === true,
 			error: typeof p.error === "string" ? p.error : null,
-			modelCount: typeof p.modelCount === "number" ? p.modelCount : roster.length,
-			enabledCount: typeof p.enabledCount === "number" ? p.enabledCount : 0,
+			modelCount: typeof p.modelCount === "number" && Number.isFinite(p.modelCount) ? p.modelCount : roster.length,
+			enabledCount: typeof p.enabledCount === "number" && Number.isFinite(p.enabledCount) ? p.enabledCount : 0,
 			allowed: p.allowed === "none" ? "none" : p.allowed === "list" ? "list" : "all",
 			enabledIds: ids,
+			contextWindow: typeof p.contextWindow === "number" && Number.isFinite(p.contextWindow) && p.contextWindow > 0 ? p.contextWindow : null,
 			roster
 		};
 	}
@@ -789,6 +932,33 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 		return `HTTP ${status}`;
 	}
 	/**
+	* 把 wire/路由返回的出图块归一成 `DrawStatus`；不合法一律降级。
+	*
+	* 与 `providerOf` 同一套防御性归一（旧 Host 可能缺字段）。`absentReason` 只认三个
+	* 已知码——上游若新增第四个，归一到 `null` 而不是把它透传成渲染不出的值；面板的
+	* 「缺席」措辞有兜底键，但**状态本身**宁可显示「未知」也不假装认识它。
+	* @param {unknown} raw - 原始块。
+	* @returns {DrawStatus} 归一后的状态。
+	*/
+	function drawOf(raw) {
+		if (raw === null || typeof raw !== "object") return DEGRADED_DRAW;
+		const d = raw;
+		const candidates = Array.isArray(d.candidateIds) ? d.candidateIds.map((id) => String(id ?? "")).filter((id) => id !== "") : [];
+		const reason = d.absentReason;
+		const absentReason = reason === "no-tools-service" || reason === "peer-load-failed" || reason === "registry-refused" ? reason : null;
+		return {
+			enabled: d.enabled === true,
+			source: d.source === "panel" ? "panel" : "config",
+			candidateIds: candidates,
+			candidateCount: typeof d.candidateCount === "number" && Number.isFinite(d.candidateCount) ? d.candidateCount : candidates.length,
+			preferredModel: typeof d.preferredModel === "string" && d.preferredModel !== "" ? d.preferredModel : null,
+			preferredSource: d.preferredSource === "panel" ? "panel" : "config",
+			absentReason,
+			mountPending: d.mountPending === true,
+			toolName: typeof d.toolName === "string" && d.toolName !== "" ? d.toolName : "modelscope_draw_image"
+		};
+	}
+	/**
 	* 面板决策：这张快照意味着什么。纯函数，Node 套件驱动同一个函数。
 	*
 	* `missingKeys` 是 `interpretSnapshot` 查出的缺失顶层键（非空 = 双端契约漂移）。
@@ -805,7 +975,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 		const guidanceKey = failure === null ? null : GUIDANCE_BY_CODE[failure.code] ?? null;
 		const guidance = guidanceKey === null ? null : guidanceKey === "panel.configError" ? format(tt(guidanceKey), { error: failure?.message }) : tt(guidanceKey);
 		const shapeWarnings = Array.isArray(data?.shapeWarnings) ? [...data.shapeWarnings] : [];
-		if (missingKeys.length > 0) shapeWarnings.push(`snapshot: Host omitted required key(s): ${missingKeys.join(", ")}`);
+		if (missingKeys.length > 0) shapeWarnings.push(format(tt("shape.missingKeys"), { keys: missingKeys.join(", ") }));
 		return {
 			failure,
 			needsSetup,
@@ -814,10 +984,11 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			shapeWarnings
 		};
 	}
-	var DEGRADED_PROVIDER, GUIDANCE_BY_CODE, FORM_EXCLUDED_CODES;
+	var CLIENT_CODE, DEGRADED_PROVIDER, DEGRADED_DRAW, GUIDANCE_BY_CODE, FORM_EXCLUDED_CODES;
 	var init_snapshot = __esmMin((() => {
 		init_format();
 		init_wire();
+		CLIENT_CODE = Object.freeze({ PAYLOAD_ERROR: "payload_error" });
 		DEGRADED_PROVIDER = Object.freeze({
 			enabled: false,
 			source: "config",
@@ -828,8 +999,20 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			enabledCount: 0,
 			allowed: "all",
 			enabledIds: [],
+			contextWindow: null,
 			roster: []
 		});
+		DEGRADED_DRAW = Object.freeze({
+			enabled: false,
+			source: "config",
+			candidateIds: [],
+			candidateCount: 0,
+			preferredModel: null,
+			preferredSource: "config",
+			absentReason: null,
+			mountPending: false,
+			toolName: "modelscope_draw_image"
+		});
 		GUIDANCE_BY_CODE = Object.freeze({
 			auth_error: "panel.authError",
 			config_error: "panel.configError",
@@ -838,7 +1021,8 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			upstream_error: "panel.upstream",
 			rate_limited: "panel.upstream",
 			quota_exceeded: "panel.upstream",
-			internal_error: "panel.internalError"
+			internal_error: "panel.internalError",
+			payload_error: "panel.payloadError"
 		});
 		FORM_EXCLUDED_CODES = Object.freeze(/* @__PURE__ */ new Set([
 			"config_error",
@@ -847,7 +1031,8 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			"upstream_error",
 			"rate_limited",
 			"quota_exceeded",
-			"internal_error"
+			"internal_error",
+			"payload_error"
 		]));
 	}));
 
@@ -899,8 +1084,8 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 				inset: 0,
 				borderRadius: 999,
 				pointerEvents: "none",
-				border: `1px solid ${on ? "var(--modelscope-brand, #7B3FF2)" : "var(--dsw-alias-border-l2, #36373b)"}`,
-				background: on ? "var(--modelscope-brand, #7B3FF2)" : "var(--dsw-alias-bg-layer-2, #2a2b31)",
+				border: `1px solid ${on ? BRAND : "var(--dsw-alias-border-l2, #36373b)"}`,
+				background: on ? BRAND : "var(--dsw-alias-bg-layer-2, #2a2b31)",
 				transition: "background .15s, border-color .15s"
 			}
 		}, h("span", { style: {
@@ -921,6 +1106,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 	var TRACK_W, TRACK_H, THUMB, TRAVEL;
 	var init_toggle_switch = __esmMin((() => {
 		init_runtime();
+		init_styles();
 		TRACK_W = 30;
 		TRACK_H = 17;
 		THUMB = 12;
@@ -982,12 +1168,17 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 	*/
 	function LocalDailyCard({ snapshot, tt }) {
 		const quota = snapshot.quota;
-		const daily = quota?.daily ?? { usedLocal: 0 };
+		const daily = quota?.daily ?? { usedLocal: null };
 		const perModel = Array.isArray(quota?.perModel) ? quota.perModel : [];
+		const unknownUsed = !(typeof daily.usedLocal === "number" && Number.isFinite(daily.usedLocal));
+		const usedText = unknownUsed ? "—" : count(daily.usedLocal);
 		return h("div", { style: S.card }, h("div", { style: S.poolName }, format(tt("quota.headline"), {
-			calls: count(daily.usedLocal),
+			calls: usedText,
 			models: count(perModel.length)
-		})), h(ModelUsageTable, {
+		})), unknownUsed ? h("div", { style: {
+			...S.formNote,
+			color: "var(--dsw-alias-state-warn-primary)"
+		} }, tt("quota.unavailable")) : null, h(ModelUsageTable, {
 			rows: perModel,
 			tt
 		}), h("div", { style: S.trendLegend }, tt("quota.note")));
@@ -1019,21 +1210,25 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 	/** 近 N 天本地调用趋势（天桶；缺桶 = 该日 0 次，真实零）。 */
 	function TrendBars({ buckets, tt }) {
 		if (!Array.isArray(buckets) || buckets.length === 0) return h("div", { style: S.trendLegend }, tt("trend.none"));
-		const max = Math.max(0, ...buckets.map((b) => Math.max(0, b.calls)));
-		return h("div", null, buckets.map((bucket) => h("div", {
-			key: bucket.dateKey,
+		const rows = buckets.map((bucket) => ({
+			dateKey: bucket.dateKey,
+			calls: Number.isFinite(bucket.calls) ? Math.max(0, bucket.calls) : 0
+		}));
+		const max = Math.max(0, ...rows.map((row) => row.calls));
+		return h("div", null, rows.map((row) => h("div", {
+			key: row.dateKey,
 			style: S.trendRowHead
-		}, h("span", { style: S.trendModel }, bucket.dateKey), h("div", {
+		}, h("span", { style: S.trendModel }, row.dateKey), h("div", {
 			style: {
 				...S.trendBar,
 				flex: "1",
 				marginLeft: 10
 			},
 			"aria-hidden": "true"
-		}, max > 0 && bucket.calls > 0 ? h("div", { style: {
+		}, max > 0 && row.calls > 0 ? h("div", { style: {
 			...S.barFill,
-			width: `${bucket.calls / max * 100}%`
-		} }) : null), h("span", { style: S.quotaUsed }, String(bucket.calls)))), h("div", { style: S.trendLegend }, tt("trend.legend")));
+			width: `${row.calls / max * 100}%`
+		} }) : null), h("span", { style: S.quotaUsed }, String(row.calls)))), h("div", { style: S.trendLegend }, tt("trend.legend")));
 	}
 	/** 事件流（429/错误），Newest-first。 */
 	function EventsList({ events, tt }) {
@@ -1041,7 +1236,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 		return h("div", null, events.map((event, index) => h("div", {
 			key: `${event.at}-${index}`,
 			style: S.trendRowHead
-		}, h("span", { style: S.quotaUsed }, isoTime(event.at)), h("span", { style: S.modelTag }, tt(EVENT_KIND_KEY[event.kind])), h("span", {
+		}, h("span", { style: S.quotaUsed }, isoTime(event.at)), h("span", { style: S.modelTag }, tt(EVENT_KIND_KEY[event.kind] ?? "events.unknown")), h("span", {
 			style: {
 				...S.trendModel,
 				flex: "1"
@@ -1054,8 +1249,11 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 		const [value, setValue] = useState("");
 		const source = token?.source ?? "none";
 		const sourceKey = source === "credentials" ? "source.credentials" : source === "env" ? "source.env" : source === "memory" ? "source.memory" : "source.none";
-		const validKey = token?.valid === true ? "validity.yes" : "validity.no";
-		return h("div", null, h("div", { style: S.quotaUsed }, format(tt("token.status"), {
+		const validKey = token?.valid === true ? "validity.yes" : token?.valid === false ? "validity.bad" : "validity.no";
+		return h("div", null, token?.readError ? h("div", { style: {
+			...S.formNote,
+			color: "var(--dsw-alias-state-warn-primary)"
+		} }, format(tt("token.readError"), { error: token.readError })) : h("div", { style: S.quotaUsed }, format(tt("token.status"), {
 			present: token?.present ? tt("present.yes") : tt("present.no"),
 			source: tt(sourceKey),
 			valid: tt(validKey)
@@ -1063,6 +1261,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			style: S.input,
 			type: "password",
 			placeholder: tt("token.placeholder"),
+			"aria-label": tt("token.ariaLabel"),
 			value,
 			onChange: (event) => setValue(String(event.target.value ?? ""))
 		}), h("button", {
@@ -1109,25 +1308,30 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 	*
 	* 允许清单的语义（路由 §9 钉死）：空清单 = 不过滤 = 全部提供，所以「全部」
 	* 发 `[]`；「全部隐藏」发哨兵 `HIDE_ALL_MODELS`（「什么都不提供」）。哨兵
-	* 不是任何真实模型 id，所以同一套 `draft.includes(id)` 的勾选判断天然不会把
-	* 它画成勾中——不需要特判。
+	* 是**独占态**：draft 含哨兵时整个清单就是「全部隐藏」——勾一个真实模型会
+	* 退出哨兵态（剔除哨兵），Host 落盘值带哨兵时只保留哨兵。**不能**让哨兵与
+	* 真实 id 混排：Host 的 resolveAllowedList 判「含哨兵即 none（全隐藏）」，而
+	* 面板若把混排清单里的真实 id 画成勾中、计数为 N，UI 就与落盘撒谎了。
+	* 曾踩过：点「全部隐藏」后复选框仍可勾，勾出的混排清单保存后「已启用 1/N」
+	* 而实际提供 0 个。
 	*
 	* 额度耗尽的模型保留在清单里（灰显、勾选框禁用），这是故意的：roster 是目录
 	* 事实，picker 那边由 Host 自己丢掉它们，面板不替它删。
 	*/
-	function ProviderCard({ provider, busy, error, onToggle, onSaveList, onReset, tokenPresent, tt }) {
-		const status = providerOf(provider);
+	function ProviderCard({ provider, busy, error, onToggle, onSaveList, onSaveContextWindow, onReset, tokenPresent, tt }) {
+		const status = providerOf$1(provider);
 		const enabled = status.enabled === true;
 		const hostIds = status.enabledIds;
 		const hostKey = useMemo(() => JSON.stringify(hostIds), [hostIds]);
 		const [draft, setDraft] = useState(() => hostIds.slice());
+		const hideAllMode = draft.includes(HIDE_ALL_MODELS);
 		useEffect(() => {
-			setDraft(hostIds);
+			setDraft(hostIds.includes("__hide_all__") ? [HIDE_ALL_MODELS] : hostIds);
 		}, [hostKey]);
 		const roster = status.roster;
 		const rosterIds = roster.map((row) => row.id);
-		const toggleOne = (id) => setDraft((current) => current.includes(id) ? current.filter((x) => x !== id) : [...current, id]);
-		const ticked = roster.filter((row) => draft.includes(row.id)).length;
+		const toggleOne = (id) => setDraft((current) => current.includes(id) ? current.filter((x) => x !== id) : [...current.filter((x) => x !== HIDE_ALL_MODELS), id]);
+		const ticked = hideAllMode ? 0 : roster.filter((row) => draft.includes(row.id)).length;
 		const degraded = status.error === "unavailable";
 		let statusNode;
 		if (!degraded && typeof status.error === "string" && status.error !== "") statusNode = h("div", {
@@ -1157,6 +1361,61 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			color: "var(--dsw-alias-state-warn-primary)"
 		} }, tt("provider.notConfigured")) : null;
 		const sourceKey = status.source === "panel" ? "provider.source.panel" : "provider.source.config";
+		const CONTEXT_TIERS = [
+			{
+				value: 131072,
+				label: "128K"
+			},
+			{
+				value: 262144,
+				label: "256K"
+			},
+			{
+				value: 524288,
+				label: "512K"
+			},
+			{
+				value: 1048576,
+				label: "1M"
+			}
+		];
+		const contextNode = onSaveContextWindow === void 0 ? null : h("div", { style: {
+			display: "flex",
+			gap: 8,
+			alignItems: "center",
+			flexWrap: "wrap",
+			margin: "0 0 8px"
+		} }, h("label", {
+			style: {
+				fontSize: 12,
+				color: "var(--dsw-alias-label-secondary)"
+			},
+			htmlFor: "provider-context-window"
+		}, tt("provider.contextWindow")), h("select", {
+			id: "provider-context-window",
+			style: {
+				...S.rosterBulk,
+				width: "auto"
+			},
+			disabled: busy,
+			value: status.contextWindow === null ? "" : String(status.contextWindow),
+			onChange: (event) => {
+				const value = String(event.target?.value ?? "");
+				onSaveContextWindow(value === "" ? null : Number(value));
+			}
+		}, h("option", {
+			value: "",
+			key: "default"
+		}, tt("provider.contextDefault")), CONTEXT_TIERS.map((tier) => h("option", {
+			value: String(tier.value),
+			key: String(tier.value)
+		}, tier.label))), h("span", {
+			style: {
+				...S.muted,
+				fontSize: 11
+			},
+			title: tt("provider.contextHint")
+		}, tt("provider.contextHint")));
 		const switchRow = h("div", { style: {
 			display: "flex",
 			gap: 10,
@@ -1168,6 +1427,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			onChange: () => onToggle(!enabled),
 			busy,
 			label: tt(enabled ? "provider.on" : "provider.off"),
+			busyLabel: tt("provider.busy"),
 			title: tt("provider.enable")
 		}), h("span", { style: {
 			fontSize: 11,
@@ -1228,7 +1488,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 				cursor: busy || unusable ? "default" : "pointer"
 			} }, h("input", {
 				type: "checkbox",
-				checked: draft.includes(id),
+				checked: !hideAllMode && draft.includes(id),
 				disabled: busy || unusable,
 				onChange: () => toggleOne(id),
 				style: S.modelCheck,
@@ -1236,7 +1496,13 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			}), h("span", {
 				style: S.modelName,
 				title: id
-			}, row.name)), row.vision === true ? h("span", { style: S.modelBadge }, tt("provider.vision")) : null, FEATURED_OWNERS.includes(catalogOwner(row.id)) ? h("span", {
+			}, row.name)), row.vision === true ? h("span", { style: S.modelBadge }, tt("provider.vision")) : null, typeof row.contextWindow === "number" ? h("span", {
+				style: row.contextSource === "curated" ? {
+					...S.modelBadge,
+					color: "var(--dsw-alias-label-secondary)"
+				} : S.modelBadge,
+				title: row.contextSource === "curated" ? tt("provider.contextCuratedTitle") : tt("provider.contextWindow")
+			}, row.contextSource === "curated" ? formatWindow(row.contextWindow) + " *" : formatWindow(row.contextWindow)) : null, FEATURED_OWNERS.includes(catalogOwner(row.id)) ? h("span", {
 				style: S.modelBadgeFeatured,
 				title: tt("models.featuredTitle")
 			}, tt("provider.featured")) : null, row.quotaExhausted === true ? h("span", { style: {
@@ -1259,7 +1525,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			disabled: busy,
 			onClick: onReset
 		}, tt("provider.reset"))));
-		return h("div", null, switchRow, statusNode, tokenHint, h("div", { style: {
+		return h("div", null, switchRow, statusNode, tokenHint, contextNode, h("div", { style: {
 			...S.sectionTitle,
 			margin: "18px 0 8px"
 		} }, tt("provider.models")), rosterBlock, error !== null ? h("div", {
@@ -1267,7 +1533,114 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			role: "alert"
 		}, error) : null);
 	}
-	var EVENT_KIND_KEY;
+	/**
+	* 出图工具卡：开关、候选模型、挂载状态。
+	*
+	* **与 ProviderCard 的关键差异，也是这张卡存在的主要理由**：provider 开关翻转会
+	* 立即重注册，而出图工具的开关翻转**要等下次 Host 启动**——peer 的 tools registry
+	* 没有 unregister。所以这张卡必须把这件事说出来（`draw.restartHint`），否则用户
+	* 翻开关后看不到任何变化，会以为坏了。
+	*
+	* 缺席原因是**分开渲染**的：`no-tools-service` 是「这个 Host 没提供该服务」（正常），
+	* 另两种是 Host 缺陷。三种都给出各自的一句话，因为「开关开着但工具不在」如果没有
+	* 解释，用户没有任何办法自己诊断。
+	* @param {object} props - 渲染参数。
+	* @returns {unknown} 卡片节点。
+	*/
+	function DrawCard({ draw, busy, error, onToggle, onReset, tokenPresent, tt }) {
+		const status = drawOf(draw);
+		const enabled = status.enabled === true;
+		const candidates = status.candidateIds;
+		const sourceKey = status.source === "panel" ? "draw.source.panel" : "draw.source.config";
+		const switchRow = h("div", { style: {
+			display: "flex",
+			gap: 10,
+			alignItems: "center",
+			flexWrap: "wrap",
+			margin: "0 0 8px"
+		} }, h(ToggleSwitch, {
+			checked: enabled,
+			onChange: () => onToggle(!enabled),
+			busy,
+			label: tt(enabled ? "draw.on" : "draw.off"),
+			busyLabel: tt("draw.busy"),
+			title: tt("draw.enable")
+		}), h("span", { style: {
+			fontSize: 11,
+			color: "var(--dsw-alias-label-secondary)"
+		} }, tt(sourceKey)));
+		let statusNode;
+		if (status.absentReason !== null) {
+			const key = DRAW_ABSENT_KEY[status.absentReason] ?? "draw.absent.unknown";
+			const severe = status.absentReason !== "no-tools-service";
+			statusNode = h("div", {
+				style: severe ? {
+					...S.formNote,
+					color: "var(--dsw-alias-state-warn-primary)"
+				} : S.formNote,
+				role: "status"
+			}, tt(key));
+		} else if (enabled) statusNode = h("div", {
+			style: {
+				fontSize: 12,
+				color: "var(--dsw-alias-label-secondary)"
+			},
+			role: "status"
+		}, format(tt("draw.mounted"), { tool: status.toolName }));
+		else statusNode = h("div", {
+			style: {
+				...S.muted,
+				fontSize: 12
+			},
+			role: "status"
+		}, tt("draw.notMounted"));
+		const restartHint = enabled ? h("div", { style: {
+			...S.formNote,
+			color: "var(--dsw-alias-state-warn-primary)"
+		} }, tt("draw.restartHint")) : null;
+		const tokenHint = enabled && tokenPresent === false ? h("div", { style: {
+			...S.formNote,
+			color: "var(--dsw-alias-state-warn-primary)"
+		} }, tt("draw.needsKey")) : null;
+		const candidateBlock = candidates.length === 0 ? h("div", { style: {
+			...S.muted,
+			fontSize: 12,
+			marginTop: 6
+		} }, tt("draw.noCandidates")) : h("div", { style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 4
+		} }, candidates.map((id) => h("div", {
+			key: id,
+			style: S.modelRowHead
+		}, h("code", {
+			style: S.modelName,
+			title: id
+		}, id), h("span", { style: S.modelBadge }, tt("draw.badge")), h("a", {
+			style: {
+				...S.formNote,
+				margin: 0,
+				marginLeft: "auto"
+			},
+			href: modelscopeModelUrl(id),
+			target: "_blank",
+			rel: "noreferrer",
+			title: tt("models.viewOnSiteTitle")
+		}, tt("models.viewOnSite")))));
+		return h("div", null, switchRow, statusNode, restartHint, tokenHint, h("div", { style: {
+			...S.sectionTitle,
+			margin: "18px 0 8px"
+		} }, tt("draw.models")), candidateBlock, h("div", { style: S.rosterFoot }, h("button", {
+			type: "button",
+			style: S.button,
+			disabled: busy,
+			onClick: onReset
+		}, tt("draw.reset"))), error !== null ? h("div", {
+			style: S.formError,
+			role: "alert"
+		}, error) : null);
+	}
+	var EVENT_KIND_KEY, DRAW_ABSENT_KEY;
 	var init_cards = __esmMin((() => {
 		init_format();
 		init_runtime();
@@ -1280,13 +1653,38 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			rate_limit: "events.rate_limit",
 			error: "events.error"
 		};
+		DRAW_ABSENT_KEY = {
+			"no-tools-service": "draw.absent.noTools",
+			"peer-load-failed": "draw.absent.peerLoad",
+			"registry-refused": "draw.absent.registry"
+		};
 	}));
 
 //#endregion
 //#region src/client/http.ts
-/** POST 并解析 body；非 JSON 响应返回 null。 */
+/** 一次带超时的 fetch；内部 controller，调用方无需传 signal。 */
+	async function fetchWithTimeout(url, init) {
+		const controller = typeof AbortController === "function" ? new AbortController() : null;
+		const timer = controller === null ? null : setTimeout(() => controller.abort(), FETCH_TIMEOUT_MS);
+		try {
+			return await fetch(url, {
+				...init,
+				...controller === null ? {} : { signal: controller.signal }
+			});
+		} finally {
+			if (timer !== null) clearTimeout(timer);
+		}
+	}
+	/**
+	* POST 并解析 body；非 JSON 响应返回 null。
+	*
+	* 这里**故意不**检查 `response.ok`（与 {@link getJson} 不同）：host 的写操作错误
+	* 响应体是 `{ok:false, code, error}`，调用方靠 `body.error` 给用户看具体原因
+	* （令牌格式错、额度耗尽、上游超时）。丢掉它就只能显示一句通用的「操作失败」，
+	* 用户无从下手。getJson 可以直接返回 null——读操作没有错误详情可展示。
+	*/
 	async function postJson(path, payload) {
-		return await (await fetch(path, {
+		return await (await fetchWithTimeout(path, {
 			method: "POST",
 			headers: {
 				"content-type": "application/json",
@@ -1298,14 +1696,35 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 	}
 	/** GET 同源 JSON；非 2xx 或非 JSON 返回 null（调用方决定怎么降级）。 */
 	async function getJson(path) {
-		const response = await fetch(path, {
+		const response = await fetchWithTimeout(path, {
 			headers: { accept: "application/json" },
 			cache: "no-store"
 		});
 		if (!response.ok) return null;
 		return await response.json().catch(() => null);
 	}
-	var init_http = __esmMin((() => {}));
+	/**
+	* 写路径的成败判定收口：失败返回 Error，成功返回 null。
+	*
+	* `postJson` 只把「HTTP/解析失败」折成 `null`，域失败是 `{ok:false, error}`（Host 对
+	* 写操作恒回 HTTP 200，成败看 body）。三个写回调曾各判一次，而**「忘掉令牌」漏判**——
+	* 它直接 `await postJson(...)` 就往下走，于是 Host 侧刻意传播的失败（凭据文件只读时
+	* `ms-auth.forget` 抛错，见其文件头「谎报成功比失败更糟」）在界面上表现为「什么都没
+	* 发生」：没有错误行、busy 清掉、刷新后的快照里令牌还在。判据收在这里一份，三个调用
+	* 方（开关/清单、保存令牌、忘掉令牌）不可能再各自漂移。
+	* @param {ApiBody|null} body - postJson 的返回值。
+	* @param {string} fallback - body 里没有可读原因时的一句话。
+	* @returns {Error|null} 失败原因；`null` = 成功。
+	*/
+	function writeFailure(body, fallback) {
+		if (body !== null && body.ok === true) return null;
+		const reason = typeof body?.error === "string" && body.error.trim() !== "" ? body.error : fallback;
+		return new Error(reason);
+	}
+	var FETCH_TIMEOUT_MS;
+	var init_http = __esmMin((() => {
+		FETCH_TIMEOUT_MS = 2e4;
+	}));
 
 //#endregion
 //#region src/client/use-polling-interval.ts
@@ -1382,12 +1801,19 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 		const [cadenceMs, setCadenceMs] = useState(defaultCadenceMs);
 		/** Host 少给的顶层键（契约漂移）；透给面板当 shapeWarning，不静默。 */
 		const [missingKeys, setMissingKeys] = useState([]);
+		/**
+		* 每一次轮询尝试都加一，成功与失败都算。`updatedAt` 只在成功时变，而
+		* 面板的 provider 兜底 GET 需要的是「下一轮还会再来」这个信号——快照本身
+		* 失败的那一轮，恰好是兜底路径也应该再试的一轮。
+		*/
+		const [pollRevision, setPollRevision] = useState(0);
 		const generation = useRef(0);
 		const inFlight = useRef(null);
 		const cadenceRef = useRef(cadenceMs);
 		cadenceRef.current = cadenceMs;
 		const load = useCallback(async () => {
 			generation.current += 1;
+			setPollRevision((revision) => revision + 1);
 			const mine = generation.current;
 			const isCurrent = () => generation.current === mine;
 			inFlight.current?.abort?.();
@@ -1438,7 +1864,8 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			loadedOnce,
 			updatedAt,
 			load,
-			missingKeys
+			missingKeys,
+			pollRevision
 		};
 	}
 	var init_use_snapshot_polling = __esmMin((() => {
@@ -1452,7 +1879,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 //#endregion
 //#region src/client/panel-page.ts
 	function PanelPage({ tt, localeSubscribe }) {
-		const { data, error, loadedOnce, updatedAt, load, missingKeys } = useSnapshotPolling();
+		const { data, error, updatedAt, load, missingKeys, pollRevision } = useSnapshotPolling();
 		const [, setLocaleRevision] = useState(0);
 		const [openSections, setOpenSections] = useState({
 			balance: true,
@@ -1460,6 +1887,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			trend: true,
 			events: false,
 			provider: true,
+			draw: true,
 			token: true
 		});
 		const [activeTab, setActiveTab] = useState("quota");
@@ -1473,67 +1901,126 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 				[key]: !current[key]
 			}));
 		}, []);
-		const { failure, needsSetup, guidance, shapeWarnings } = viewOf(data, error, tt, missingKeys);
-		const showSetup = needsSetup && loadedOnce;
+		const { failure, guidance, shapeWarnings } = viewOf(data, error, tt, missingKeys);
 		const rawProvider = data?.provider;
 		const hasProviderBlock = rawProvider !== void 0 && rawProvider !== null;
 		const [fetchedProvider, setFetchedProvider] = useState(null);
-		const provider = hasProviderBlock ? providerOf(rawProvider) : fetchedProvider ?? DEGRADED_PROVIDER;
+		const provider = hasProviderBlock ? providerOf$1(rawProvider) : fetchedProvider ?? DEGRADED_PROVIDER;
 		useEffect(() => {
 			if (hasProviderBlock) return void 0;
 			let cancelled = false;
 			getJson(PROVIDER_PATH).then((body) => {
-				if (!cancelled && body !== null && body.ok === true) setFetchedProvider(providerOf(body));
+				if (!cancelled && body !== null && body.ok === true) setFetchedProvider(providerOf$1(body));
+			}).catch(() => {});
+			return () => {
+				cancelled = true;
+			};
+		}, [hasProviderBlock, pollRevision]);
+		const rawDraw = data?.draw;
+		const hasDrawBlock = rawDraw !== void 0 && rawDraw !== null;
+		const [fetchedDraw, setFetchedDraw] = useState(null);
+		const draw = hasDrawBlock ? drawOf(rawDraw) : fetchedDraw ?? DEGRADED_DRAW;
+		useEffect(() => {
+			if (hasDrawBlock) return void 0;
+			let cancelled = false;
+			getJson(DRAW_PATH).then((body) => {
+				if (!cancelled && body !== null && body.ok === true) setFetchedDraw(drawOf(body));
 			}).catch(() => {});
 			return () => {
 				cancelled = true;
 			};
-		}, [hasProviderBlock]);
+		}, [hasDrawBlock, pollRevision]);
 		const [providerBusy, setProviderBusy] = useState(false);
 		const [providerError, setProviderError] = useState(null);
+		const writeErrorText = (reason, t) => reason instanceof Error && reason.name === "AbortError" ? t("common.timeout") : errorText(reason);
+		/**
+		* POST 一个写路径，并把 body 里的域失败抛出去（Host 对写操作恒回 HTTP 200，成败
+		* 看 body）。判据只有 `http.ts#writeFailure` 一份——三个写回调曾各判一次，而
+		* 「忘掉令牌」那条漏了，于是凭据文件只读时界面表现为「什么都没发生」。
+		*/
+		const postWrite = useCallback(async (path, payload) => {
+			const failure = writeFailure(await postJson(path, payload), tt("common.httpError"));
+			if (failure !== null) throw failure;
+		}, [tt]);
 		const runProviderWrite = useCallback(async (path, payload) => {
 			setProviderBusy(true);
 			setProviderError(null);
 			try {
-				const body = await postJson(path, payload);
-				if (body === null || body.ok !== true) throw new Error(typeof body?.error === "string" ? body.error : "HTTP error");
+				await postWrite(path, payload);
 				load();
 			} catch (reason) {
-				setProviderError(format(tt("provider.error"), { error: errorText(reason) }));
+				setProviderError(format(tt("provider.error"), { error: writeErrorText(reason, tt) }));
 			} finally {
 				setProviderBusy(false);
 			}
-		}, [load, tt]);
+		}, [
+			load,
+			postWrite,
+			tt
+		]);
 		const toggleProvider = useCallback((enabled) => void runProviderWrite(PROVIDER_PATH, { enabled }), [runProviderWrite]);
-		const saveRoster = useCallback((enabledIds) => void runProviderWrite(PROVIDER_ROSTER_PATH, { enabledIds }), [runProviderWrite]);
+		const saveRoster = useCallback((enabledIds) => {
+			const normalized = enabledIds.includes("__hide_all__") ? [HIDE_ALL_MODELS] : enabledIds.filter((id) => id !== HIDE_ALL_MODELS);
+			runProviderWrite(PROVIDER_ROSTER_PATH, { enabledIds: normalized });
+		}, [runProviderWrite]);
 		const resetProvider = useCallback(() => void runProviderWrite(PROVIDER_RESET_PATH, {}), [runProviderWrite]);
+		const saveContextWindow = useCallback((contextWindow) => {
+			runProviderWrite(PROVIDER_CONTEXT_PATH, { contextWindow });
+		}, [runProviderWrite]);
+		const [drawBusy, setDrawBusy] = useState(false);
+		const [drawError, setDrawError] = useState(null);
+		const runDrawWrite = useCallback(async (path, payload) => {
+			setDrawBusy(true);
+			setDrawError(null);
+			try {
+				await postWrite(path, payload);
+				load();
+			} catch (reason) {
+				setDrawError(format(tt("draw.error"), { error: writeErrorText(reason, tt) }));
+			} finally {
+				setDrawBusy(false);
+			}
+		}, [
+			load,
+			postWrite,
+			tt
+		]);
+		const toggleDraw = useCallback((enabled) => void runDrawWrite(DRAW_PATH, { enabled }), [runDrawWrite]);
+		const resetDraw = useCallback(() => void runDrawWrite(DRAW_RESET_PATH, {}), [runDrawWrite]);
 		const [tokenBusy, setTokenBusy] = useState(false);
 		const [tokenError, setTokenError] = useState(null);
 		const saveToken = useCallback(async (value) => {
 			setTokenBusy(true);
 			setTokenError(null);
 			try {
-				const body = await postJson(TOKEN_PATH, { token: value });
-				if (body === null || body.ok !== true) throw new Error(typeof body?.error === "string" ? body.error : "HTTP error");
+				await postWrite(TOKEN_PATH, { token: value });
 				load();
 			} catch (reason) {
-				setTokenError(errorText(reason));
+				setTokenError(writeErrorText(reason, tt));
 			} finally {
 				setTokenBusy(false);
 			}
-		}, [load]);
+		}, [
+			load,
+			postWrite,
+			tt
+		]);
 		const forgetToken = useCallback(async () => {
 			setTokenBusy(true);
 			setTokenError(null);
 			try {
-				await postJson(TOKEN_FORGET_PATH, {});
+				await postWrite(TOKEN_FORGET_PATH, {});
 				load();
 			} catch (reason) {
-				setTokenError(errorText(reason));
+				setTokenError(writeErrorText(reason, tt));
 			} finally {
 				setTokenBusy(false);
 			}
-		}, [load]);
+		}, [
+			load,
+			postWrite,
+			tt
+		]);
 		const tokenState = data?.token ?? null;
 		const sampleModel = data?.models?.sample?.[0] ?? null;
 		const [verifyBusy, setVerifyBusy] = useState(false);
@@ -1545,20 +2032,17 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			setVerifyError(null);
 			try {
 				const body = await postJson(PROBE_PATH, { modelId });
+				if (body !== null) load();
 				if (body !== null && body.ok === true) setVerifyNote(format(tt("probe.validOk"), { status: Number(body.status ?? 0) }));
-				else setVerifyError(typeof body?.error === "string" ? body.error : "HTTP error");
+				else setVerifyError(typeof body?.error === "string" ? body.error : tt("common.httpError"));
 			} catch (reason) {
-				setVerifyError(errorText(reason));
+				setVerifyError(writeErrorText(reason, tt));
 			} finally {
 				setVerifyBusy(false);
 			}
-		}, [tt]);
+		}, [load, tt]);
 		const quotaBody = () => {
 			if (data === null) return h("div", { style: S.empty }, failure === null ? tt("panel.loading") : h("div", { role: "alert" }, guidance ?? format(tt("panel.error"), { error: failure.message })));
-			if (showSetup && failure !== null) return h("div", {
-				style: S.empty,
-				role: "alert"
-			}, guidance ?? format(tt("panel.error"), { error: failure.message }));
 			const snap = data;
 			return h("div", null, snap.token?.present === false ? h("div", {
 				style: S.formNote,
@@ -1608,9 +2092,23 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			error: providerError,
 			onToggle: toggleProvider,
 			onSaveList: saveRoster,
+			onSaveContextWindow: saveContextWindow,
 			onReset: resetProvider,
 			tokenPresent: data?.token?.present === true,
 			tt
+		})), h(SectionCard, {
+			title: tt("section.draw"),
+			open: openSections.draw,
+			onToggle: () => toggleSection("draw"),
+			tt
+		}, h(DrawCard, {
+			draw,
+			busy: drawBusy,
+			error: drawError,
+			onToggle: toggleDraw,
+			onReset: resetDraw,
+			tokenPresent: data?.token?.present === true,
+			tt
 		})));
 		const accessBody = () => h("div", null, h(SectionCard, {
 			title: tt("section.token"),
@@ -1690,6 +2188,175 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 		init_styles();
 	}));
 
+//#endregion
+//#region src/client/composer-usage-pill.ts
+/**
+	* 一个候选自带的 provider，空串算「没有」。
+	*
+	* `typeof provider === "string"` 是不够的判据：`""` 也是字符串。照类型判定会让
+	* `{ provider: "" }` 被当成一个「可用的 next」，于是它遮住仍然可用的 `lastUsed`
+	* ——切模型那一帧胶囊就消失。所以这里判的是**非空字符串**。
+	*/
+	function providerOf(candidate) {
+		const provider = candidate?.provider;
+		return typeof provider === "string" && provider !== "" ? provider : void 0;
+	}
+	/**
+	* 会话当前指向的 provider。
+	*
+	* `next` 优先于 `lastUsed`（切换已落地但还没发出去时，选择器显示的就是 `next`），
+	* 但**只在 `next` 真的带了一个非空 provider 时**才优先：picker 刚切完、新选择还没
+	* 落到 `next` 上的那几帧 `next` 是 `{}` 或 `{ provider: "" }`，照「有 next 就用
+	* next」读会得到 `undefined`，于是归属模型在「切换」这个动作本身上把胶囊藏起来。
+	* 两侧都没有可用 provider 时返回 `undefined`——那才是真的判不出来。
+	*/
+	function selectedProviderOf(projection) {
+		const source = projection ?? {};
+		return providerOf(source.next) ?? providerOf(source.lastUsed);
+	}
+	/**
+	* 余额读数；`null` 表示**不知道**（没读到 / 上游没给 / 字段不是有限数）。
+	*
+	* 特意不接受 `error` 参数做二次判断：错误文本只影响 tooltip 的措辞，不影响
+	* 「数字可不可信」。把两者揉在一个判定里，会让「上次读到的 143 仍然有效」这种
+	* 情形（`error` 非空但 `available` 有值）被误打成未知。
+	*/
+	function availableOf(balance) {
+		const available = balance?.available;
+		return typeof available === "number" && Number.isFinite(available) ? available : null;
+	}
+	/** 今日本地调用次数；`null` 同上，表示读不到（不是 0）。 */
+	function usedTodayOf(snapshot) {
+		const used = snapshot?.quota?.daily?.usedLocal;
+		return typeof used === "number" && Number.isFinite(used) ? used : null;
+	}
+	/** 由余额读数定档；`null`（未读到）与 `0`（读到了、就是零）在此分道。 */
+	function tierOf(available) {
+		if (available === null) return "unknown";
+		return available > 0 ? "ok" : "exhausted";
+	}
+	/** 「余额」段的正文：读不到画「—」+ 单位，读到了画数字 + 单位。 */
+	function balanceText(available, tt) {
+		return `${available === null ? "—" : count(available)} ${tt("composer.balanceUnit")}`;
+	}
+	/** 「今日本地」段的正文：读不到画「—」，读到了画次数。 */
+	function callsText(usedToday, tt) {
+		return format(tt("composer.localCalls"), { calls: usedToday === null ? "—" : count(usedToday) });
+	}
+	/**
+	* 胶囊正文：余额段 + 本地次数段，各带各的口径。两段都必须出现——只画有值的那
+	* 一段会让「哪一段是空的」变成排版事故（读者分不清是没读到还是这一栏根本不在），
+	* 而「—」明确说了是前者。
+	*/
+	function readingText(available, usedToday, tt) {
+		return `${balanceText(available, tt)} · ${callsText(usedToday, tt)}`;
+	}
+	/**
+	* 数字是否已经算「上次数据」。
+	*
+	* 两个触发条件各自独立：读失败（`error` 非空，上一轮的数值还留在屏幕上）本身就是
+	* 陈旧；而长时间没有**成功**的读（`updatedAt` 不动）说明定时轮询没在按时回来
+	* ——失败退避或页面被挂起都会这样。取 3 个声明周期而不是 1 个：一次偶发失败就会
+	* 拉长间隔，卡在 1 个周期上会让每一次抖动都把读数打成陈旧的。
+	*
+	* `updatedAt === 0` 表示**从没读到过**，那不是「陈旧」而是「还没有」——调用方据此
+	* 决定不标；本函数只在有读数的前提下判断，故返回 false。
+	*/
+	function staleOf(input) {
+		if (input.error !== null && input.error !== void 0) return input.updatedAt > 0;
+		return input.updatedAt > 0 && input.now - input.updatedAt > input.cadenceMs * STALE_CADENCES;
+	}
+	/**
+	* tooltip 的一行：只把**读者下一步会问的**事实拼进来——数字是哪来的（前缀）、
+	* 余额为什么没有（错误原文）、什么时候读的（fetchedAt）、本地计数为什么没有
+	* （quota 那一路的提示）、以及数字是不是旧的。逐段 `filter` 掉空值，不留下
+	* 「 ·  · 」这样的空槽。
+	*/
+	function titleOf(props) {
+		const { tt, balance, usedToday, stale } = props;
+		const parts = [tt("composer.pillTitle")];
+		const failure = balance?.error;
+		parts.push(typeof failure === "string" && failure !== "" ? format(tt("balance.unavailable"), { error: failure }) : null);
+		const fetchedAt = balance?.fetchedAt;
+		parts.push(typeof fetchedAt === "string" && fetchedAt !== "" ? format(tt("balance.fetched"), { time: isoTime(fetchedAt) }) : null);
+		parts.push(usedToday === null ? tt("quota.unavailable") : null);
+		parts.push(stale ? tt("composer.stale") : null);
+		return parts.filter((part) => part !== null).join(" · ");
+	}
+	/**
+	* 内层：只在会话选中本插件的模型时挂载。轮询 hook 在这里，被挂/摘即起停——
+	* 非归属 provider 的会话不发任何请求。
+	*/
+	function ModelscopePill(props) {
+		const { tt } = props;
+		const { data, error, loadedOnce, updatedAt } = useSnapshotPolling();
+		const balance = data?.balance ?? null;
+		const available = availableOf(balance);
+		const usedToday = usedTodayOf(data);
+		const cadenceMs = statedCadenceMs(data?.pollSeconds, DEFAULT_CADENCE_MS);
+		const stale = staleOf({
+			error,
+			updatedAt,
+			now: Date.now(),
+			cadenceMs
+		});
+		const pending = !loadedOnce && data === null;
+		const tier = tierOf(available);
+		const title = titleOf({
+			tt,
+			balance,
+			usedToday,
+			stale
+		});
+		return h("button", {
+			type: "button",
+			className: "dsh-modelscope-composer-pill",
+			title,
+			"aria-label": title,
+			style: S.pillTrigger
+		}, h("span", {
+			className: "dsh-modelscope-composer-pill-dot",
+			"aria-hidden": "true",
+			style: {
+				...S.pillDot,
+				background: TIER_INK[tier]
+			}
+		}), h("span", {
+			className: "dsh-modelscope-composer-pill-plan",
+			style: S.pillPlan
+		}, `${tt("composer.prefix")} · `), h("span", {
+			className: "dsh-modelscope-composer-pill-text",
+			style: tier === "exhausted" ? S.pillTierExhaustedText : void 0
+		}, pending ? "…" : readingText(available, usedToday, tt)), stale ? h("span", {
+			className: "dsh-modelscope-composer-pill-stale",
+			style: S.pillStale
+		}, ` · ${tt("composer.stale")}`) : null);
+	}
+	/**
+	* 外层门控：固定一处调 `useProjection`，再决定内层挂谁。非归属 provider 返回
+	* `null`（不渲染任何东西，也不跑任何请求）。
+	*/
+	function ComposerUsagePill(props) {
+		const selection = props.useProjection?.("modelSelection");
+		if (selectedProviderOf(selection) !== "modelscope-token-plan") return null;
+		return h(ModelscopePill, { tt: props.tt });
+	}
+	var MODELSCOPE_PROVIDER, DEFAULT_CADENCE_MS, STALE_CADENCES, TIER_INK;
+	var init_composer_usage_pill = __esmMin((() => {
+		init_runtime();
+		init_styles();
+		init_format();
+		init_use_snapshot_polling();
+		MODELSCOPE_PROVIDER = "modelscope-token-plan";
+		DEFAULT_CADENCE_MS = 3e4;
+		STALE_CADENCES = 3;
+		TIER_INK = {
+			ok: S.pillTierOk,
+			exhausted: S.pillTierExhausted,
+			unknown: S.pillTierUnknown
+		};
+	}));
+
 //#endregion
 //#region src/client/apply.ts
 /**
@@ -1732,6 +2399,17 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 		} catch (error) {
 			console.warn(`[${NS}] config card registration failed:`, error);
 		}
+		try {
+			disposers.push(ctx.slots.inject("conversation.input.right", () => ctx.slots.register({
+				name: "conversation.input.right",
+				id: `${NS}-composer-pill`,
+				locale: NS,
+				order: 4,
+				inject: () => ({ tt })
+			}, ComposerUsagePill)));
+		} catch (error) {
+			console.warn(`[${NS}] composer pill registration failed:`, error);
+		}
 		ctx.effect(() => () => {
 			for (const dispose of disposers.splice(0)) try {
 				dispose();
@@ -1743,6 +2421,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 		init_const();
 		init_i18n();
 		init_panel_page();
+		init_composer_usage_pill();
 		inject = ["slots", "locale"];
 	}));
 
@@ -1758,6 +2437,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 		init_styles();
 		init_cards();
 		init_panel_page();
+		init_composer_usage_pill();
 		init_use_polling_interval();
 		init_use_snapshot_polling();
 		init_http();
@@ -1767,6 +2447,7 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 			const panel = Object.freeze({
 				interpretSnapshot,
 				viewOf,
+				providerOf: providerOf$1,
 				errorOfStatus,
 				dictionaries: Object.freeze({
 					zh,
@@ -1787,12 +2468,24 @@ var dsh_connect_modelscope_token_plan_client = (function() {
 					usePollingInterval,
 					useSnapshotPolling,
 					getJson,
-					postJson
+					postJson,
+					writeFailure,
+					MODELSCOPE_PROVIDER,
+					selectedProviderOf,
+					availableOf,
+					usedTodayOf,
+					tierOf,
+					balanceText,
+					callsText,
+					readingText,
+					staleOf
 				}),
 				components: Object.freeze({
 					BalanceCard,
+					ComposerUsagePill,
 					EventsList,
 					LocalDailyCard,
+					ModelscopePill,
 					ModelUsageTable,
 					PanelPage,
 					ProviderCard,