@dsh-plus/subagent-model 0.1.6 → 0.1.8

package/lib/client.js

@@ -3,553 +3,536 @@ window.__ModuleLoader__.load({
 	factory: (require) => {
 		var module = { exports: {} };
 		var exports = module.exports;
-
-//#region rolldown:runtime
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-
-//#endregion
-let react = require("react");
-react = __toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = __toESM(react_jsx_runtime);
-
-//#region src/ns.ts
-/**
-* settings 命名空间字面量（纯常量，零依赖，浏览器半可安全引入）。
-* 服务端经 settingsNamespace() 品牌化后使用（config.ts），浏览器半将其作为
-* settings.plugin.item keyed 槽位的 key —— 同一字面量两处共用，防止漂移。
-* 契约：dsh rc7 起该槽位按「卡片编辑的 settings 命名空间」作 key 分发，
-* 官方配置页只渲染 key 命中 Host 已注册命名空间的卡片。
-* @module subagent-model/ns
-*/
-const SETTINGS_NS = "dsh-plus-subagent-model";
-
-//#endregion
-//#region src/client/api.ts
-const ROUTE_CATALOG = "/dsh-plus/subagent-model/catalog";
-async function parse(res) {
-	const body = await res.json();
-	if (!res.ok) throw new Error(body.error ?? `HTTP ${res.status}`);
-	return body;
-}
-async function fetchCatalog() {
-	return parse(await fetch(ROUTE_CATALOG, { credentials: "same-origin" }));
-}
-
-//#endregion
-//#region src/client/fields.tsx
-function CheckRow(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "dsm-checkRow",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-			id: props.id,
-			type: "checkbox",
-			checked: props.checked,
-			disabled: props.disabled === true,
-			onChange: (event) => props.onEdit(event.target.checked)
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-			htmlFor: props.id,
-			children: props.label
-		})]
-	});
-}
-function SelectField(props) {
-	const invalid = props.invalid === true;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "dsm-field",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "dsm-head",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-					className: "dsm-label",
-					htmlFor: props.id,
-					children: props.label
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
-				id: props.id,
-				className: "dsm-select",
-				"aria-invalid": invalid || void 0,
-				value: props.value,
-				disabled: props.disabled === true,
-				onChange: (event) => props.onEdit(event.target.value),
-				children: props.options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-					value: option.value,
-					children: option.label
-				}, option.value))
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: invalid ? "dsm-invalid" : "dsm-hint",
-				children: invalid ? props.invalidLabel ?? "" : props.hint ?? ""
-			})
-		]
-	});
-}
-
-//#endregion
-//#region src/client/card.tsx
-const IDLE_STATUS = {
-	kind: "idle",
-	text: ""
-};
-const EMPTY_ROW = {
-	enabled: false,
-	provider: "",
-	model: "",
-	reasoningEffort: "inherit"
-};
-const EFFORT_INHERIT = "inherit";
-const EFFORT_DEFAULT = "default";
-function draftFrom(value, catalog) {
-	const rows = {};
-	const names = /* @__PURE__ */ new Set();
-	for (const name$1 of catalog?.subagentProviders ?? []) names.add(name$1);
-	for (const name$1 of Object.keys(value.entries).sort()) names.add(name$1);
-	for (const name$1 of names) {
-		const entry = value.entries[name$1];
-		rows[name$1] = entry === void 0 ? { ...EMPTY_ROW } : {
-			enabled: entry.enabled,
-			provider: entry.provider,
-			model: entry.model,
-			reasoningEffort: entry.reasoningEffort
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/ns.ts
+		/**
+		* settings 命名空间字面量（纯常量，零依赖，浏览器半可安全引入）。
+		* 服务端经 settingsNamespace() 品牌化后使用（config.ts），浏览器半将其作为
+		* settings.plugin.item keyed 槽位的 key —— 同一字面量两处共用，防止漂移。
+		* 契约：dsh rc7 起该槽位按「卡片编辑的 settings 命名空间」作 key 分发，
+		* 官方配置页只渲染 key 命中 Host 已注册命名空间的卡片。
+		* @module subagent-model/ns
+		*/
+		const SETTINGS_NS = "dsh-plus-subagent-model";
+		//#endregion
+		//#region src/client/api.ts
+		const ROUTE_CATALOG = "/dsh-plus/subagent-model/catalog";
+		async function parse(res) {
+			const body = await res.json();
+			if (!res.ok) throw new Error(body.error ?? `HTTP ${res.status}`);
+			return body;
+		}
+		async function fetchCatalog() {
+			return parse(await fetch(ROUTE_CATALOG, { credentials: "same-origin" }));
+		}
+		//#endregion
+		//#region src/client/draft.ts
+		const EMPTY_ROW = {
+			enabled: false,
+			provider: "",
+			model: "",
+			reasoningEffort: "inherit"
 		};
-	}
-	return {
-		enabled: value.enabled,
-		rows
-	};
-}
-function toPatch(draft) {
-	return {
-		enabled: draft.enabled,
-		entries: draft.rows
-	};
-}
-function unknownOption(value, label) {
-	return {
-		value,
-		label: `${value}（${label}）`
-	};
-}
-function providerOptions(catalog, row, t) {
-	const options = [{
-		value: "",
-		label: t("inheritProvider")
-	}];
-	for (const provider of catalog?.providers ?? []) options.push({
-		value: provider.id,
-		label: provider.name
-	});
-	if (row.provider.length > 0 && !options.some((o) => o.value === row.provider)) options.push(unknownOption(row.provider, t("unknownValue")));
-	return options;
-}
-function modelOptions(catalog, row, t) {
-	const options = [{
-		value: "",
-		label: t("inheritModel")
-	}];
-	const provider = catalog?.providers.find((p) => p.id === row.provider);
-	for (const model of provider?.models ?? []) options.push({
-		value: model.id,
-		label: model.name
-	});
-	if (row.model.length > 0 && !options.some((o) => o.value === row.model)) options.push(unknownOption(row.model, t("unknownValue")));
-	return options;
-}
-function effortOptions(catalog, row, t) {
-	const options = [{
-		value: EFFORT_INHERIT,
-		label: t("effortInherit")
-	}, {
-		value: EFFORT_DEFAULT,
-		label: t("effortDefault")
-	}];
-	const model = (catalog?.providers.find((p) => p.id === row.provider))?.models.find((m) => m.id === row.model);
-	for (const effort of model?.reasoning?.efforts ?? []) options.push({
-		value: effort.id,
-		label: effort.name
-	});
-	if (row.reasoningEffort.length > 0 && !options.some((o) => o.value === row.reasoningEffort)) options.push(unknownOption(row.reasoningEffort, t("unknownValue")));
-	return options;
-}
-function RowBlock(props) {
-	const { name: name$1, row, catalog, disabled, t, onEdit } = props;
-	const invalidModel = row.model.length > 0 && row.provider.length === 0;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "dsm-row",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "dsm-rowHead",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "dsm-rowName",
-					children: name$1
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckRow, {
-					id: `dsm-row-${name$1}`,
-					label: t("rowEnabled"),
-					checked: row.enabled,
-					disabled,
-					onEdit: (v) => onEdit({
-						...row,
-						enabled: v
-					})
-				})]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "dsm-rowHint",
-				children: t("rowHint")
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
-				id: `dsm-provider-${name$1}`,
-				label: t("provider"),
-				hint: t("providerHint"),
-				value: row.provider,
-				options: providerOptions(catalog, row, t),
-				disabled,
-				onEdit: (v) => onEdit({
-					...row,
-					provider: v
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
-				id: `dsm-model-${name$1}`,
-				label: t("model"),
-				hint: t("modelHint"),
-				value: row.model,
-				options: modelOptions(catalog, row, t),
-				disabled: disabled || row.provider.length === 0,
-				invalid: invalidModel,
-				invalidLabel: t("invalidModel"),
-				onEdit: (v) => onEdit({
-					...row,
-					model: v
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
-				id: `dsm-effort-${name$1}`,
-				label: t("effort"),
-				hint: t("effortHint"),
-				value: row.reasoningEffort,
-				options: effortOptions(catalog, row, t),
-				disabled,
-				onEdit: (v) => onEdit({
-					...row,
-					reasoningEffort: v
-				})
-			})
-		]
-	});
-}
-function SubagentModelCard(props) {
-	const { t, scope, api } = props;
-	const snapshot = (0, react.useSyncExternalStore)((listener) => scope.subscribe(listener), () => scope.getSnapshot());
-	const value = snapshot.value;
-	const [open, setOpen] = (0, react.useState)(false);
-	const [draft, setDraft] = (0, react.useState)(null);
-	const [catalog, setCatalog] = (0, react.useState)(null);
-	const [catalogFailed, setCatalogFailed] = (0, react.useState)(false);
-	const [saving, setSaving] = (0, react.useState)(false);
-	const [status, setStatus] = (0, react.useState)(IDLE_STATUS);
-	(0, react.useEffect)(() => {
-		if (value === void 0) return;
-		setDraft((current) => {
-			if (current === null) return draftFrom(value, catalog);
-			if (catalog === null) return current;
-			const rows = { ...current.rows };
-			let changed = false;
-			for (const name$1 of catalog.subagentProviders) {
-				if (name$1 in rows) continue;
-				rows[name$1] = { ...EMPTY_ROW };
-				changed = true;
+		/** 行集 = 目录 subagentProviders ∪ 已配置条目；目录行缺省为空行。 */
+		function draftFrom(value, catalog) {
+			const rows = {};
+			const names = /* @__PURE__ */ new Set();
+			for (const name of catalog?.subagentProviders ?? []) names.add(name);
+			for (const name of Object.keys(value.entries).sort()) names.add(name);
+			for (const name of names) {
+				const entry = value.entries[name];
+				rows[name] = entry === void 0 ? { ...EMPTY_ROW } : {
+					enabled: entry.enabled,
+					provider: entry.provider,
+					model: entry.model,
+					reasoningEffort: entry.reasoningEffort
+				};
 			}
-			return changed ? {
-				...current,
+			return {
+				enabled: value.enabled,
 				rows
-			} : current;
-		});
-	}, [value, catalog]);
-	(0, react.useEffect)(() => {
-		if (!open || catalog !== null) return;
-		let alive = true;
-		fetchCatalog().then((loaded) => {
-			if (!alive) return;
-			setCatalog(loaded);
-			setCatalogFailed(false);
-		}).catch(() => {
-			if (alive) setCatalogFailed(true);
-		});
-		return () => {
-			alive = false;
+			};
+		}
+		function toPatch(draft) {
+			const entries = {};
+			for (const name of Object.keys(draft.rows).sort()) entries[name] = draft.rows[name];
+			return {
+				enabled: draft.enabled,
+				entries
+			};
+		}
+		//#endregion
+		//#region src/client/fields.tsx
+		function CheckRow(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsm-checkRow",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					id: props.id,
+					type: "checkbox",
+					checked: props.checked,
+					disabled: props.disabled === true,
+					onChange: (event) => props.onEdit(event.target.checked)
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+					htmlFor: props.id,
+					children: props.label
+				})]
+			});
+		}
+		function SelectField(props) {
+			const invalid = props.invalid === true;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsm-field",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dsm-head",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+							className: "dsm-label",
+							htmlFor: props.id,
+							children: props.label
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+						id: props.id,
+						className: "dsm-select",
+						"aria-invalid": invalid || void 0,
+						value: props.value,
+						disabled: props.disabled === true,
+						onChange: (event) => props.onEdit(event.target.value),
+						children: props.options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+							value: option.value,
+							children: option.label
+						}, option.value))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: invalid ? "dsm-invalid" : "dsm-hint",
+						children: invalid ? props.invalidLabel ?? "" : props.hint ?? ""
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/card.tsx
+		/**
+		* 「子代理模型配置」配置卡片：注册进 settings.plugin.item 插槽（官方插件配置页）。
+		* 交互对齐官方卡片：折叠/展开、staged draft、未保存标记、保存/放弃。
+		* 配置读写走官方 settingsScope 传输（scope.ts）：value 为 schema 解析后的
+		* 命名空间值（enabled + entries），行集合 = 目录返回的已注册子代理 provider
+		* ∪ 已配置条目，保存时全量写回 entries（未配置的新 provider 行以默认空值
+		* 落盘，自文档化）；「模型目录」为唯一保留的自定义端点。
+		* @module subagent-model/client/card
+		*/
+		const IDLE_STATUS = {
+			kind: "idle",
+			text: ""
 		};
-	}, [open, catalog]);
-	const dirty = (0, react.useMemo)(() => value !== void 0 && draft !== null && JSON.stringify(toPatch(draft)) !== JSON.stringify(toPatch(draftFrom(value, catalog))), [
-		value,
-		draft,
-		catalog
-	]);
-	const invalid = (0, react.useMemo)(() => draft !== null && Object.values(draft.rows).some((row) => row.model.length > 0 && row.provider.length === 0), [draft]);
-	if (value === void 0 || draft === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
-		className: "dsm-card",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-			className: "dsm-empty",
-			children: t("loading")
-		})
-	});
-	const edit = (key, editValue) => {
-		setDraft({
-			...draft,
-			[key]: editValue
-		});
-		setStatus(IDLE_STATUS);
-	};
-	const editRow = (name$1, row) => {
-		setDraft({
-			...draft,
-			rows: {
-				...draft.rows,
-				[name$1]: row
-			}
-		});
-		setStatus(IDLE_STATUS);
-	};
-	const onSave = () => {
-		setSaving(true);
-		const revision = scope.getSnapshot().revision;
-		api.update({
-			ns: SETTINGS_NS,
-			patch: toPatch(draft),
-			...revision !== void 0 ? { expectedRevision: revision } : {}
-		}).then(async (response) => {
-			if (!response.result.ok) throw new Error(response.result.error?.message ?? t("saveFailed"));
-			await scope.load();
-			const next = scope.getSnapshot().value;
-			if (next !== void 0) setDraft(draftFrom(next, catalog));
-			setStatus(IDLE_STATUS);
-		}).catch((error) => {
-			setStatus({
-				kind: "error",
-				text: `${t("saveFailed")}${error instanceof Error ? error.message : ""}`
+		const EFFORT_INHERIT = "inherit";
+		const EFFORT_DEFAULT = "default";
+		function unknownOption(value, label) {
+			return {
+				value,
+				label: `${value}（${label}）`
+			};
+		}
+		function providerOptions(catalog, row, t) {
+			const options = [{
+				value: "",
+				label: t("inheritProvider")
+			}];
+			for (const provider of catalog?.providers ?? []) options.push({
+				value: provider.id,
+				label: provider.name
 			});
-		}).finally(() => setSaving(false));
-	};
-	const onRetryCatalog = () => {
-		setCatalog(null);
-		setCatalogFailed(false);
-	};
-	const disabled = !snapshot.writable;
-	const rowNames = Object.keys(draft.rows).sort();
-	const providerCount = (catalog?.providers ?? []).length;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-		className: `dsm-card${open ? " dsm-cardOpen" : ""}`,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-			type: "button",
-			className: "dsm-header",
-			"aria-expanded": open,
-			"aria-label": `${t(open ? "collapse" : "expand")}: ${t("title")}`,
-			onClick: () => setOpen(!open),
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "dsm-headText",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "dsm-name",
-						children: t("title")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "dsm-description",
-						children: t("description")
-					})]
-				}),
-				dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "dsm-pending",
-					children: t("unsaved")
-				}) : null,
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: `dsm-chevron${open ? " dsm-chevronOpen" : ""}`,
-					children: "▾"
-				})
-			]
-		}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "dsm-body",
-			children: [
-				disabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "dsm-empty",
-					role: "status",
-					children: t("readOnly")
-				}) : null,
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckRow, {
-					id: "dsm-enabled",
-					label: t("enabled"),
-					checked: draft.enabled,
-					disabled,
-					onEdit: (v) => edit("enabled", v)
-				}),
-				catalogFailed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "dsm-banner",
-					role: "status",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("catalogError") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						className: "dsm-bannerRetry",
-						onClick: onRetryCatalog,
-						children: t("catalogRetry")
-					})]
-				}) : null,
-				catalog === null && !catalogFailed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "dsm-empty",
-					role: "status",
-					children: t("catalogLoading")
-				}) : null,
-				rowNames.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			if (row.provider.length > 0 && !options.some((o) => o.value === row.provider)) options.push(unknownOption(row.provider, t("unknownValue")));
+			return options;
+		}
+		function modelOptions(catalog, row, t) {
+			const options = [{
+				value: "",
+				label: t("inheritModel")
+			}];
+			const provider = catalog?.providers.find((p) => p.id === row.provider);
+			for (const model of provider?.models ?? []) options.push({
+				value: model.id,
+				label: model.name
+			});
+			if (row.model.length > 0 && !options.some((o) => o.value === row.model)) options.push(unknownOption(row.model, t("unknownValue")));
+			return options;
+		}
+		function effortOptions(catalog, row, t) {
+			const options = [{
+				value: EFFORT_INHERIT,
+				label: t("effortInherit")
+			}, {
+				value: EFFORT_DEFAULT,
+				label: t("effortDefault")
+			}];
+			const model = (catalog?.providers.find((p) => p.id === row.provider))?.models.find((m) => m.id === row.model);
+			for (const effort of model?.reasoning?.efforts ?? []) options.push({
+				value: effort.id,
+				label: effort.name
+			});
+			if (row.reasoningEffort.length > 0 && !options.some((o) => o.value === row.reasoningEffort)) options.push(unknownOption(row.reasoningEffort, t("unknownValue")));
+			return options;
+		}
+		function RowBlock(props) {
+			const { name, row, catalog, disabled, t, onEdit } = props;
+			const invalidModel = row.model.length > 0 && row.provider.length === 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsm-row",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsm-rowHead",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsm-rowName",
+							children: name
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckRow, {
+							id: `dsm-row-${name}`,
+							label: t("rowEnabled"),
+							checked: row.enabled,
+							disabled,
+							onEdit: (v) => onEdit({
+								...row,
+								enabled: v
+							})
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsm-rowHint",
+						children: t("rowHint")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
+						id: `dsm-provider-${name}`,
+						label: t("provider"),
+						hint: t("providerHint"),
+						value: row.provider,
+						options: providerOptions(catalog, row, t),
+						disabled,
+						onEdit: (v) => onEdit({
+							...row,
+							provider: v
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
+						id: `dsm-model-${name}`,
+						label: t("model"),
+						hint: t("modelHint"),
+						value: row.model,
+						options: modelOptions(catalog, row, t),
+						disabled: disabled || row.provider.length === 0,
+						invalid: invalidModel,
+						invalidLabel: t("invalidModel"),
+						onEdit: (v) => onEdit({
+							...row,
+							model: v
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
+						id: `dsm-effort-${name}`,
+						label: t("effort"),
+						hint: t("effortHint"),
+						value: row.reasoningEffort,
+						options: effortOptions(catalog, row, t),
+						disabled,
+						onEdit: (v) => onEdit({
+							...row,
+							reasoningEffort: v
+						})
+					})
+				]
+			});
+		}
+		function SubagentModelCard(props) {
+			const { t, scope, api } = props;
+			const snapshot = (0, react.useSyncExternalStore)((listener) => scope.subscribe(listener), () => scope.getSnapshot());
+			const value = snapshot.value;
+			const [open, setOpen] = (0, react.useState)(false);
+			const [draft, setDraft] = (0, react.useState)(null);
+			const [catalog, setCatalog] = (0, react.useState)(null);
+			const [catalogFailed, setCatalogFailed] = (0, react.useState)(false);
+			const [saving, setSaving] = (0, react.useState)(false);
+			const [status, setStatus] = (0, react.useState)(IDLE_STATUS);
+			(0, react.useEffect)(() => {
+				if (value === void 0) return;
+				setDraft((current) => {
+					if (current === null) return draftFrom(value, catalog);
+					if (catalog === null) return current;
+					const rows = { ...current.rows };
+					let changed = false;
+					for (const name of catalog.subagentProviders) {
+						if (name in rows) continue;
+						rows[name] = { ...EMPTY_ROW };
+						changed = true;
+					}
+					return changed ? {
+						...current,
+						rows
+					} : current;
+				});
+			}, [value, catalog]);
+			(0, react.useEffect)(() => {
+				if (!open || catalog !== null) return;
+				let alive = true;
+				fetchCatalog().then((loaded) => {
+					if (!alive) return;
+					setCatalog(loaded);
+					setCatalogFailed(false);
+				}).catch(() => {
+					if (alive) setCatalogFailed(true);
+				});
+				return () => {
+					alive = false;
+				};
+			}, [open, catalog]);
+			const dirty = (0, react.useMemo)(() => value !== void 0 && draft !== null && JSON.stringify(toPatch(draft)) !== JSON.stringify(toPatch(draftFrom(value, catalog))), [
+				value,
+				draft,
+				catalog
+			]);
+			const invalid = (0, react.useMemo)(() => draft !== null && Object.values(draft.rows).some((row) => row.model.length > 0 && row.provider.length === 0), [draft]);
+			if (value === void 0 || draft === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+				className: "dsm-card",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: "dsm-empty",
-					role: "status",
-					children: t("noRows")
-				}) : null,
-				rowNames.map((name$1) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RowBlock, {
-					name: name$1,
-					row: draft.rows[name$1] ?? { ...EMPTY_ROW },
-					catalog,
-					disabled,
-					t,
-					onEdit: (row) => editRow(name$1, row)
-				}, name$1)),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "dsm-hint dsm-rowHint",
-					children: providerCount > 0 ? t("rowDesc") : ""
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "dsm-footer",
+					children: t("loading")
+				})
+			});
+			const edit = (key, editValue) => {
+				setDraft({
+					...draft,
+					[key]: editValue
+				});
+				setStatus(IDLE_STATUS);
+			};
+			const editRow = (name, row) => {
+				setDraft({
+					...draft,
+					rows: {
+						...draft.rows,
+						[name]: row
+					}
+				});
+				setStatus(IDLE_STATUS);
+			};
+			const onSave = () => {
+				setSaving(true);
+				const revision = scope.getSnapshot().revision;
+				api.update({
+					ns: SETTINGS_NS,
+					patch: toPatch(draft),
+					...revision !== void 0 ? { expectedRevision: revision } : {}
+				}).then(async (response) => {
+					if (!response.result.ok) throw new Error(response.result.error?.message ?? t("saveFailed"));
+					await scope.load();
+					const next = scope.getSnapshot().value;
+					if (next !== void 0) setDraft(draftFrom(next, catalog));
+					setStatus(IDLE_STATUS);
+				}).catch((error) => {
+					setStatus({
+						kind: "error",
+						text: `${t("saveFailed")}${error instanceof Error ? error.message : ""}`
+					});
+				}).finally(() => setSaving(false));
+			};
+			const onRetryCatalog = () => {
+				setCatalog(null);
+				setCatalogFailed(false);
+			};
+			const disabled = !snapshot.writable;
+			const rowNames = Object.keys(draft.rows).sort();
+			const providerCount = (catalog?.providers ?? []).length;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: `dsm-card${open ? " dsm-cardOpen" : ""}`,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: "dsm-header",
+					"aria-expanded": open,
+					"aria-label": `${t(open ? "collapse" : "expand")}: ${t("title")}`,
+					onClick: () => setOpen(!open),
 					children: [
-						status.kind !== "idle" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: `dsm-status${status.kind === "error" ? " dsm-statusError" : ""}`,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "dsm-headText",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsm-name",
+								children: t("title")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsm-description",
+								children: t("description")
+							})]
+						}),
+						dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsm-pending",
+							children: t("unsaved")
+						}) : null,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: `dsm-chevron${open ? " dsm-chevronOpen" : ""}`,
+							children: "▾"
+						})
+					]
+				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsm-body",
+					children: [
+						disabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsm-empty",
 							role: "status",
-							children: status.text
+							children: t("readOnly")
 						}) : null,
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							className: "dsm-btn dsm-btnGhost",
-							disabled: !dirty || saving,
-							onClick: () => {
-								setDraft(draftFrom(value, catalog));
-								setStatus(IDLE_STATUS);
-							},
-							children: t("discard")
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckRow, {
+							id: "dsm-enabled",
+							label: t("enabled"),
+							checked: draft.enabled,
+							disabled,
+							onEdit: (v) => edit("enabled", v)
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							className: "dsm-btn dsm-btnPrimary",
-							disabled: !dirty || invalid || saving || disabled,
-							onClick: onSave,
-							children: t(saving ? "saving" : "save")
+						catalogFailed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsm-banner",
+							role: "status",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("catalogError") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsm-bannerRetry",
+								onClick: onRetryCatalog,
+								children: t("catalogRetry")
+							})]
+						}) : null,
+						catalog === null && !catalogFailed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsm-empty",
+							role: "status",
+							children: t("catalogLoading")
+						}) : null,
+						rowNames.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsm-empty",
+							role: "status",
+							children: t("noRows")
+						}) : null,
+						rowNames.map((name) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RowBlock, {
+							name,
+							row: draft.rows[name] ?? { ...EMPTY_ROW },
+							catalog,
+							disabled,
+							t,
+							onEdit: (row) => editRow(name, row)
+						}, name)),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsm-hint dsm-rowHint",
+							children: providerCount > 0 ? t("rowDesc") : ""
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsm-footer",
+							children: [
+								status.kind !== "idle" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: `dsm-status${status.kind === "error" ? " dsm-statusError" : ""}`,
+									role: "status",
+									children: status.text
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dsm-btn dsm-btnGhost",
+									disabled: !dirty || saving,
+									onClick: () => {
+										setDraft(draftFrom(value, catalog));
+										setStatus(IDLE_STATUS);
+									},
+									children: t("discard")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dsm-btn dsm-btnPrimary",
+									disabled: !dirty || invalid || saving || disabled,
+									onClick: onSave,
+									children: t(saving ? "saving" : "save")
+								})
+							]
 						})
 					]
-				})
-			]
-		}) : null]
-	});
-}
-
-//#endregion
-//#region src/client/i18n.ts
-/**
-* 配置卡片文案（zh/en）。经 ctx.locale.register 注册、bind 取用，与官方卡片同机制。
-* @module subagent-model/client/i18n
-*/
-const NS = "dsh-plus-subagent-model";
-const zh = {
-	title: "子代理模型配置",
-	description: "为 subagent / subagent_fork 等子代理单独指定提供商、模型与思考程度，或继承主代理。",
-	enabled: "启用插件",
-	rowEnabled: "启用该行",
-	provider: "提供商",
-	model: "模型",
-	effort: "思考程度",
-	inheritProvider: "继承主代理",
-	inheritModel: "继承主代理",
-	effortInherit: "继承主代理",
-	effortDefault: "跟随模型默认",
-	providerHint: "留空 = 子代理沿用主代理的提供商与模型。",
-	modelHint: "留空 = 沿用主代理的模型（需与所选提供商匹配）。",
-	effortHint: "inherit = 不干预（fork 会随会话继承）；default = 显式使用模型默认档位。",
-	rowHint: "按子代理 provider 名匹配；standard preset 中 spawn ↔ subagent 工具、fork ↔ subagent_fork 工具。",
-	rowDesc: "未注册的 provider 行不生效，可保留待用。",
-	noRows: "当前未发现子代理 provider；配置将在 provider 注册后生效。",
-	catalogError: "提供商目录加载失败：",
-	catalogRetry: "重试",
-	catalogLoading: "目录加载中…",
-	unknownValue: "目录外",
-	save: "保存",
-	saving: "保存中…",
-	discard: "放弃",
-	unsaved: "未保存",
-	saveFailed: "保存失败：",
-	loading: "加载中…",
-	unavailable: "配置服务不可用。",
-	readOnly: "当前部署无 settings provider，配置为只读；请编辑 settings.yaml。",
-	expand: "展开",
-	collapse: "收起",
-	invalidModel: "模型不能脱离提供商单独配置。"
-};
-const en = {
-	title: "Subagent model config",
-	description: "Pick a provider, model, and thinking effort for subagent / subagent_fork children, or inherit from the main agent.",
-	enabled: "Enable plugin",
-	rowEnabled: "Enable row",
-	provider: "Provider",
-	model: "Model",
-	effort: "Effort",
-	inheritProvider: "Inherit from main agent",
-	inheritModel: "Inherit from main agent",
-	effortInherit: "Inherit from main agent",
-	effortDefault: "Follow model default",
-	providerHint: "Empty = the child follows the main agent’s provider and model.",
-	modelHint: "Empty = follow the main agent’s model (must match the chosen provider).",
-	effortHint: "inherit = do not touch (forks inherit via session seed); default = explicitly use the model’s default level.",
-	rowHint: "Matched by subagent provider name; in the standard preset spawn ↔ subagent tool, fork ↔ subagent_fork tool.",
-	rowDesc: "Rows for unregistered providers are inert; keep them for later.",
-	noRows: "No subagent provider registered yet; config takes effect once one appears.",
-	catalogError: "Failed to load provider catalog: ",
-	catalogRetry: "Retry",
-	catalogLoading: "Loading catalog…",
-	unknownValue: "outside catalog",
-	save: "Save",
-	saving: "Saving…",
-	discard: "Discard",
-	unsaved: "Unsaved",
-	saveFailed: "Save failed: ",
-	loading: "Loading…",
-	unavailable: "Configuration service unavailable.",
-	readOnly: "No settings provider in this deployment; edit settings.yaml instead.",
-	expand: "Expand",
-	collapse: "Collapse",
-	invalidModel: "Model cannot be set without a provider."
-};
-
-//#endregion
-//#region src/client/styles.ts
-/**
-* 配置卡片样式：沿用官方 data-plugin / data-plugin-css 约定（HMR 据此卸载），
-* 视觉对齐官方卡片（--dsw-alias-* 变量），不覆盖上游任何选择器。
-* @module subagent-model/client/styles
-*/
-const PLUGIN_ID = "@dsh-plus/subagent-model";
-const STYLE_TAG_ID = `${PLUGIN_ID}/card.css`;
-const cardCss = `
+				}) : null]
+			});
+		}
+		//#endregion
+		//#region src/client/i18n.ts
+		/**
+		* 配置卡片文案（zh/en）。经 ctx.locale.register 注册、bind 取用，与官方卡片同机制。
+		* @module subagent-model/client/i18n
+		*/
+		const NS = "dsh-plus-subagent-model";
+		const zh = {
+			title: "子代理模型配置",
+			description: "为 subagent / subagent_fork 等子代理单独指定提供商、模型与思考程度，或继承主代理。",
+			enabled: "启用插件",
+			rowEnabled: "启用该行",
+			provider: "提供商",
+			model: "模型",
+			effort: "思考程度",
+			inheritProvider: "继承主代理",
+			inheritModel: "继承主代理",
+			effortInherit: "继承主代理",
+			effortDefault: "跟随模型默认",
+			providerHint: "留空 = 子代理沿用主代理的提供商与模型。",
+			modelHint: "留空 = 沿用主代理的模型（需与所选提供商匹配）。",
+			effortHint: "inherit = 不干预（fork 会随会话继承）；default = 显式使用模型默认档位。",
+			rowHint: "按子代理 provider 名匹配；standard preset 中 spawn ↔ subagent 工具、fork ↔ subagent_fork 工具。",
+			rowDesc: "未注册的 provider 行不生效，可保留待用。",
+			noRows: "当前未发现子代理 provider；配置将在 provider 注册后生效。",
+			catalogError: "提供商目录加载失败：",
+			catalogRetry: "重试",
+			catalogLoading: "目录加载中…",
+			unknownValue: "目录外",
+			save: "保存",
+			saving: "保存中…",
+			discard: "放弃",
+			unsaved: "未保存",
+			saveFailed: "保存失败：",
+			loading: "加载中…",
+			unavailable: "配置服务不可用。",
+			readOnly: "当前部署无 settings provider，配置为只读；请编辑 settings.yaml。",
+			expand: "展开",
+			collapse: "收起",
+			invalidModel: "模型不能脱离提供商单独配置。"
+		};
+		const en = {
+			title: "Subagent model config",
+			description: "Pick a provider, model, and thinking effort for subagent / subagent_fork children, or inherit from the main agent.",
+			enabled: "Enable plugin",
+			rowEnabled: "Enable row",
+			provider: "Provider",
+			model: "Model",
+			effort: "Effort",
+			inheritProvider: "Inherit from main agent",
+			inheritModel: "Inherit from main agent",
+			effortInherit: "Inherit from main agent",
+			effortDefault: "Follow model default",
+			providerHint: "Empty = the child follows the main agent’s provider and model.",
+			modelHint: "Empty = follow the main agent’s model (must match the chosen provider).",
+			effortHint: "inherit = do not touch (forks inherit via session seed); default = explicitly use the model’s default level.",
+			rowHint: "Matched by subagent provider name; in the standard preset spawn ↔ subagent tool, fork ↔ subagent_fork tool.",
+			rowDesc: "Rows for unregistered providers are inert; keep them for later.",
+			noRows: "No subagent provider registered yet; config takes effect once one appears.",
+			catalogError: "Failed to load provider catalog: ",
+			catalogRetry: "Retry",
+			catalogLoading: "Loading catalog…",
+			unknownValue: "outside catalog",
+			save: "Save",
+			saving: "Saving…",
+			discard: "Discard",
+			unsaved: "Unsaved",
+			saveFailed: "Save failed: ",
+			loading: "Loading…",
+			unavailable: "Configuration service unavailable.",
+			readOnly: "No settings provider in this deployment; edit settings.yaml instead.",
+			expand: "Expand",
+			collapse: "Collapse",
+			invalidModel: "Model cannot be set without a provider."
+		};
+		//#endregion
+		//#region src/client/styles.ts
+		/**
+		* 配置卡片样式：沿用官方 data-plugin / data-plugin-css 约定（HMR 据此卸载），
+		* 视觉对齐官方卡片（--dsw-alias-* 变量），不覆盖上游任何选择器。
+		* @module subagent-model/client/styles
+		*/
+		const PLUGIN_ID = "@dsh-plus/subagent-model";
+		const STYLE_TAG_ID = `${PLUGIN_ID}/card.css`;
+		const cardCss = `
 .dsm-card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}
 .dsm-card:hover{border-color:var(--dsw-alias-label-dimmed)}
 .dsm-cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}
@@ -592,125 +575,123 @@ const cardCss = `
 .dsm-btn:disabled{opacity:.4;cursor:default}
 .dsm-btn:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}
 `;
-/** 幂等注入样式标签；返回标签（已存在或环境无 document 时为 null）。 */
-function injectStyle() {
-	if (typeof document === "undefined") return null;
-	if (document.querySelector(`style[data-plugin-css=${JSON.stringify(STYLE_TAG_ID)}]`) !== null) return null;
-	const tag = document.createElement("style");
-	tag.dataset.plugin = PLUGIN_ID;
-	tag.dataset.pluginCss = STYLE_TAG_ID;
-	tag.textContent = cardCss;
-	document.head.appendChild(tag);
-	return tag;
-}
-
-//#endregion
-//#region src/client/client.ts
-const name = "dsh-plus-subagent-model";
-/** 浏览器半需要的 cordis 服务 key（loader 据此注入；package.json 的 dsh.client.inject 管包加载顺序）。 */
-const inject = [
-	"slots",
-	"locale",
-	"connection",
-	"remote"
-];
-/**
-* api 直连实现的命名空间 scope（官方配置页 tab 同款模式）。
-* 读：describe 取命名空间视图（脱敏 value/revision + 顶层 writable）；
-* 刷新：remote `settings/document-updated`（按命名空间过滤）与
-* `connection/reset`；generation 防旧读覆盖新发布。任何页面 origin
-* （loopback 或 tailnet 信任域名）下行为一致。
-*/
-function createApiScope(api, ns, c) {
-	let state = {
-		status: "loading",
-		value: void 0,
-		revision: void 0,
-		writable: false
-	};
-	const listeners = /* @__PURE__ */ new Set();
-	let generation = 0;
-	const publish = (next) => {
-		state = next;
-		for (const listener of [...listeners]) listener();
-	};
-	const load = async () => {
-		const gen = ++generation;
-		let response;
-		try {
-			response = await api.describe({});
-		} catch {
-			return;
+		/** 幂等注入样式标签；返回标签（已存在或环境无 document 时为 null）。 */
+		function injectStyle() {
+			if (typeof document === "undefined") return null;
+			if (document.querySelector(`style[data-plugin-css=${JSON.stringify(STYLE_TAG_ID)}]`) !== null) return null;
+			const tag = document.createElement("style");
+			tag.dataset.plugin = PLUGIN_ID;
+			tag.dataset.pluginCss = STYLE_TAG_ID;
+			tag.textContent = cardCss;
+			document.head.appendChild(tag);
+			return tag;
 		}
-		if (gen !== generation || !response.result.ok) return;
-		const writable = response.result.value?.writable ?? false;
-		const view = response.result.value?.namespaces.find((candidate) => candidate.ns === ns);
-		if (view === void 0) {
-			publish({
-				status: "unavailable",
+		//#endregion
+		//#region src/client/client.ts
+		const name = "dsh-plus-subagent-model";
+		/** 浏览器半需要的 cordis 服务 key（loader 据此注入；package.json 的 dsh.client.inject 管包加载顺序）。 */
+		const inject = [
+			"slots",
+			"locale",
+			"connection",
+			"remote"
+		];
+		/**
+		* api 直连实现的命名空间 scope（官方配置页 tab 同款模式）。
+		* 读：describe 取命名空间视图（脱敏 value/revision + 顶层 writable）；
+		* 刷新：remote `settings/document-updated`（按命名空间过滤）与
+		* `connection/reset`；generation 防旧读覆盖新发布。任何页面 origin
+		* （loopback 或 tailnet 信任域名）下行为一致。
+		*/
+		function createApiScope(api, ns, c) {
+			let state = {
+				status: "loading",
 				value: void 0,
 				revision: void 0,
-				writable
-			});
-			return;
-		}
-		publish({
-			status: "ready",
-			value: view.value,
-			revision: view.revision,
-			writable
-		});
-	};
-	const refresh = (namespace) => {
-		if (namespace !== void 0 && namespace !== ns) return;
-		load();
-	};
-	const disposers = [c.get("remote").$on("settings/document-updated", refresh), c.on("connection/reset", () => {
-		load();
-	})];
-	c.effect(() => () => {
-		for (const dispose of disposers) dispose();
-	}, "subagent-model: settings scope");
-	load();
-	return {
-		getSnapshot: () => state,
-		subscribe: (listener) => {
-			listeners.add(listener);
-			return () => {
-				listeners.delete(listener);
+				writable: false
+			};
+			const listeners = /* @__PURE__ */ new Set();
+			let generation = 0;
+			const publish = (next) => {
+				state = next;
+				for (const listener of [...listeners]) listener();
+			};
+			const load = async () => {
+				const gen = ++generation;
+				let response;
+				try {
+					response = await api.describe({});
+				} catch {
+					return;
+				}
+				if (gen !== generation || !response.result.ok) return;
+				const writable = response.result.value?.writable ?? false;
+				const view = response.result.value?.namespaces.find((candidate) => candidate.ns === ns);
+				if (view === void 0) {
+					publish({
+						status: "unavailable",
+						value: void 0,
+						revision: void 0,
+						writable
+					});
+					return;
+				}
+				publish({
+					status: "ready",
+					value: view.value,
+					revision: view.revision,
+					writable
+				});
+			};
+			const refresh = (namespace) => {
+				if (namespace !== void 0 && namespace !== ns) return;
+				load();
 			};
-		},
-		load
-	};
-}
-function apply(ctx) {
-	const c = ctx;
-	const tag = injectStyle();
-	c.effect(() => () => {
-		tag?.remove();
-	}, "subagent-model: style");
-	c.effect(() => c.locale.register(NS, {
-		zh,
-		en
-	}), "subagent-model: locale");
-	const api = c.get("connection").api.settings;
-	const scope = createApiScope(api, SETTINGS_NS, c);
-	c.slots.inject("settings.plugin.item", () => c.slots.register({
-		name: "settings.plugin.item",
-		key: SETTINGS_NS,
-		locale: NS,
-		inject: () => ({
-			t: c.locale.bind(NS),
-			scope,
-			api
-		})
-	}, SubagentModelCard));
-}
-
-//#endregion
-exports.apply = apply;
-exports.inject = inject;
-exports.name = name;
+			const disposers = [c.get("remote").$on("settings/document-updated", refresh), c.on("connection/reset", () => {
+				load();
+			})];
+			c.effect(() => () => {
+				for (const dispose of disposers) dispose();
+			}, "subagent-model: settings scope");
+			load();
+			return {
+				getSnapshot: () => state,
+				subscribe: (listener) => {
+					listeners.add(listener);
+					return () => {
+						listeners.delete(listener);
+					};
+				},
+				load
+			};
+		}
+		function apply(ctx) {
+			const c = ctx;
+			const tag = injectStyle();
+			c.effect(() => () => {
+				tag?.remove();
+			}, "subagent-model: style");
+			c.effect(() => c.locale.register(NS, {
+				zh,
+				en
+			}), "subagent-model: locale");
+			const api = c.get("connection").api.settings;
+			const scope = createApiScope(api, SETTINGS_NS, c);
+			c.slots.inject("settings.plugin.item", () => c.slots.register({
+				name: "settings.plugin.item",
+				key: SETTINGS_NS,
+				locale: NS,
+				inject: () => ({
+					t: c.locale.bind(NS),
+					scope,
+					api
+				})
+			}, SubagentModelCard));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		exports.name = name;
 		return module.exports;
 	}
 });