@klarkxy/dsh-model-hub 0.1.0-rc.1 → 0.1.0

package/lib/client.inner.cjs

@@ -124,6 +124,21 @@ function modelMenuEffortOptions(choice, current) {
 }
 //#endregion
 //#region ../dsh-model-route/src/menu.ts
+/** Localize standard effort ids only when the provider has not supplied a display name. */
+function modelMenuEffortLabel(effort, locale) {
+	if (effort.name !== effort.id) return effort.name;
+	return {
+		off: ["关闭", "Off"],
+		none: ["无", "None"],
+		minimal: ["最低", "Minimal"],
+		low: ["低", "Low"],
+		medium: ["中", "Medium"],
+		high: ["高", "High"],
+		xhigh: ["极高", "Extra high"],
+		max: ["最高", "Maximum"],
+		ultra: ["超高", "Ultra"]
+	}[effort.id]?.[locale?.toLowerCase().startsWith("zh") ? 0 : 1] ?? effort.name;
+}
 /** The short model label shown inside a provider group. */
 function modelMenuShortName(choice) {
 	const sep = choice.label.indexOf(" / ");
@@ -174,7 +189,23 @@ const MEASURE_STYLE = {
 	top: 0
 };
 function ModelMenu(props) {
-	const { open, onOpenChange, anchor, choices, selected, onPick, leading = [], onPickLeading, efforts = [], selectedEffort, onPickEffort, modelLabel = "Model", modelValue = "—", effortLabel = "Reasoning", effortValue, defaultEffortLabel = "Default", searchPlaceholder = "Search models…", emptyLabel = "No matching models", clearSearchLabel = "Clear search", className, listClassName } = props;
+	const language = props.locale?.toLowerCase().startsWith("zh") ? "zh" : "en";
+	const copy = language === "zh" ? {
+		model: "模型",
+		effort: "思考强度",
+		default: "默认",
+		search: "搜索模型…",
+		empty: "没有匹配的模型",
+		clear: "清除搜索"
+	} : {
+		model: "Model",
+		effort: "Reasoning",
+		default: "Default",
+		search: "Search models…",
+		empty: "No matching models",
+		clear: "Clear search"
+	};
+	const { open, onOpenChange, anchor, choices, selected, onPick, leading = [], onPickLeading, efforts = [], selectedEffort, onPickEffort, modelLabel = copy.model, modelValue = "—", effortLabel = copy.effort, effortValue, defaultEffortLabel = copy.default, searchPlaceholder = copy.search, emptyLabel = copy.empty, clearSearchLabel = copy.clear, className, listClassName } = props;
 	const rootRef = (0, react.useRef)(null);
 	const openRef = (0, react.useRef)(open);
 	openRef.current = open;
@@ -195,7 +226,14 @@ function ModelMenu(props) {
 	const effortRows = (0, react.useMemo)(() => [{
 		id: "",
 		name: defaultEffortLabel
-	}, ...efforts], [defaultEffortLabel, efforts]);
+	}, ...efforts.map((effort) => ({
+		...effort,
+		name: modelMenuEffortLabel(effort, language)
+	}))], [
+		defaultEffortLabel,
+		efforts,
+		language
+	]);
 	const filteredGroups = (0, react.useMemo)(() => groupModelMenuChoices(choices, "").map((group) => ({
 		...group,
 		items: (0, _deepseek_ai_dsh_client_ui_primitives.rankByName)(group.items.map((choice) => ({
@@ -447,6 +485,7 @@ function ModelMenu(props) {
 		style: menuPos ?? MEASURE_STYLE,
 		role: pane === "model" ? "group" : "menu",
 		"aria-label": modelLabel,
+		lang: language,
 		children: [
 			pane === "root" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 				ref: itemRef(),
@@ -1068,7 +1107,7 @@ ${scope} {
   border: 0.5px solid var(--dsw-alias-border-l3);
   border-radius: var(--dsw-radius-md);
   background: var(--dsw-alias-bg-layer-1);
-  font-family: var(--ds-font-family-code, ui-monospace, 'Cascadia Mono', Consolas, monospace);
+  font-family: var(--ds-font-family-code);
   font-size: 12px;
   line-height: 20px;
   color: var(--dsw-alias-label-secondary);
@@ -1144,80 +1183,173 @@ ${scope} {
 `.replace(/^& (\.dsh-ui-[a-z0-9-]+)(?![+>~])/gm, (_match, className) => `&${className}, & ${className}`);
 }
 //#endregion
-//#region src/client.tsx
+//#region ../dsh-plugin-kit/src/contracts.ts
 /**
-* dsh-model-hub — browser half. One settings-page section listing every
-* detected model-route field across plugins. Each row is edited with the
-* contract's standard ModelMenu (dsh-model-route/ui) and written back through
-* the hub's host RPC — `settings.mutate` on the host, CAS by descriptor
-* revision. An empty route means "follow the host default" and unsets the
-* field.
+* Remote contribution for model-settings change notifications.
+* Provided by `@klarkxy/dsh-model-hub` (`ModelSettingsChangesController`);
+* subscribers degrade silently when that package is not installed.
+* The stream carries invalidations only — `ready` is never a settings snapshot.
 */
-const name = "dsh-model-hub-client";
-const inject = [
-	"slots",
-	"connection",
-	"remote",
-	"remote.session",
-	"locale"
-];
-const CHANNEL = "/dsh-model-hub";
-const BUNDLE = "@klarkxy/dsh-model-hub";
-const TEXT = {
-	zh: {
-		title: "模型枢纽",
-		intro: "一页查看并修改各插件的模型路由；改动立即写入对应插件自己的设置。",
-		loading: "正在读取…",
-		empty: "没有检测到模型字段。插件可用 x-model-route 标记声明模型字段。",
-		failed: (message) => `读取失败：${message}`,
-		writeFailed: (message) => `写入失败：${message}`,
-		refresh: "刷新",
-		follow: "跟随宿主默认",
-		viaMarker: "契约标记",
-		viaShape: "形状识别",
-		model: "模型",
-		effort: "思考强度",
-		effortDefault: "默认",
-		searchModels: "搜索模型…",
-		noModels: "没有匹配的模型",
-		clearSearch: "清除搜索",
-		collectionTemplate: "集合中没有可编辑的条目；请先在所属插件中添加条目。"
-	},
-	en: {
-		title: "Model Hub",
-		intro: "View and edit every plugin's model route on one page; changes write into the owning plugin's own settings at once.",
-		loading: "Loading…",
-		empty: "No model fields detected. A plugin can declare one with the x-model-route marker.",
-		failed: (message) => `Load failed: ${message}`,
-		writeFailed: (message) => `Write failed: ${message}`,
-		refresh: "Refresh",
-		follow: "Follow host default",
-		viaMarker: "contract marker",
-		viaShape: "shape match",
-		model: "Model",
-		effort: "Reasoning",
-		effortDefault: "Default",
-		searchModels: "Search models…",
-		noModels: "No matching models",
-		clearSearch: "Clear search",
-		collectionTemplate: "No collection item to edit. Add an item in the owning plugin first."
-	}
+const MODEL_SETTINGS_CHANGES_REMOTE = {
+	package: "@klarkxy/dsh-model-hub",
+	descriptors: [{
+		id: "modelSettingsChanges/watch",
+		service: "modelSettingsChangesController",
+		namespace: "modelSettingsChanges",
+		method: "watch",
+		mode: "stream",
+		invocation: { kind: "direct" },
+		parameters: [],
+		cancellation: { parameter: "signal" }
+	}]
 };
-function useText(locale) {
-	const active = typeof locale === "string" ? locale : locale?.getSnapshot?.()?.active;
-	const table = String(active || "en").toLowerCase().startsWith("zh") ? TEXT.zh : TEXT.en;
-	return (0, react.useMemo)(() => (key, ...args) => {
-		const value = table[key];
-		return typeof value === "function" ? value(...args) : value;
-	}, [table]);
+//#endregion
+//#region ../dsh-plugin-kit/src/model-settings-client.ts
+/** This stream carries invalidations only; ready is never a settings snapshot. */
+function parseModelSettingsChangeFrame(value) {
+	if (!value || typeof value !== "object" || Array.isArray(value)) throw new Error("Invalid model settings change frame");
+	const frame = value;
+	if (frame.kind === "ready" && Object.keys(frame).length === 1) return { kind: "ready" };
+	if (frame.kind === "changed" && Object.keys(frame).length === 3 && typeof frame.ns === "string" && frame.ns.length > 0 && typeof frame.revision === "number" && Number.isSafeInteger(frame.revision) && frame.revision >= 0) return {
+		kind: "changed",
+		ns: frame.ns,
+		revision: frame.revision
+	};
+	throw new Error("Invalid model settings change frame");
 }
-const css = `${officialUiCss("dsh-model-hub")}${modelMenuCss}`;
-function Style() {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: css });
+/** One contribution mounted by Model Hub; consumers only inject its service. */
+const modelSettingsChangesRemote = {
+	package: MODEL_SETTINGS_CHANGES_REMOTE.package,
+	descriptors: MODEL_SETTINGS_CHANGES_REMOTE.descriptors.map((descriptor) => ({
+		...descriptor,
+		result: {
+			mode: "strict",
+			typeSymbol: "ModelSettings.ChangeFrame",
+			create: () => ({ parse: parseModelSettingsChangeFrame })
+		}
+	}))
+};
+/** Native RemoteStream owns carrier reconnects; no timers or browser transport.
+* A factory shares one logical stream while at least one subscriber remains. */
+function createModelSettingsSubscriber(ctx, namespace) {
+	const listeners = /* @__PURE__ */ new Set();
+	let injection;
+	let current;
+	let lifecycle = 0;
+	let failureMessage;
+	const report = (message) => {
+		failureMessage = message;
+		for (const listener of [...listeners]) try {
+			listener.error?.(message);
+		} catch {}
+	};
+	const invalidate = () => {
+		for (const listener of [...listeners]) {
+			if (!listeners.has(listener)) continue;
+			try {
+				listener.change();
+			} catch (error) {
+				try {
+					listener.error?.(error instanceof Error ? error.message : String(error));
+				} catch {}
+			}
+		}
+	};
+	const start = () => {
+		const life = ++lifecycle;
+		injection = ctx.inject(["remote", "remote.modelSettingsChanges"], (injected) => {
+			if (life !== lifecycle || !listeners.size) return;
+			const scope = injected;
+			const stream = scope.remote.$stream({
+				name: "Model settings sync",
+				open: (signal) => scope.remote.modelSettingsChanges.watch(signal),
+				ended: (accepted) => /* @__PURE__ */ new Error(`Model settings sync stream ended ${accepted ? "after" : "before"} ready; refresh or reopen the page`)
+			});
+			const session = {
+				stream,
+				active: true
+			};
+			current = session;
+			scope.effect(() => () => {
+				session.active = false;
+				if (current === session) {
+					current = void 0;
+					if (life === lifecycle && listeners.size) report("Model settings sync service unavailable");
+				}
+				return stream.dispose();
+			});
+			(async () => {
+				let generation;
+				let ready = false;
+				try {
+					for await (const item of stream) {
+						if (!session.active || life !== lifecycle || !listeners.size) break;
+						if (item.signal.aborted) continue;
+						if (generation !== item.generation) {
+							generation = item.generation;
+							ready = false;
+						}
+						const frame = parseModelSettingsChangeFrame(item.value);
+						if (frame.kind === "ready") {
+							ready = true;
+							failureMessage = void 0;
+							item.accept();
+							invalidate();
+						} else {
+							if (!ready) throw new Error("Model settings sync change arrived before ready");
+							if (namespace === "*" || frame.ns === namespace) invalidate();
+						}
+					}
+				} catch (error) {
+					if (session.active && life === lifecycle) report(error instanceof Error ? error.message : String(error));
+				} finally {
+					if (current === session) current = void 0;
+					session.active = false;
+					await stream.dispose().catch(() => {});
+				}
+			})();
+		});
+		queueMicrotask(() => {
+			if (life === lifecycle && listeners.size && !current) report("Model settings sync service unavailable");
+		});
+	};
+	return Object.freeze({ subscribe(onChange, onError) {
+		const listener = {
+			change: onChange,
+			error: onError
+		};
+		listeners.add(listener);
+		if (!injection) start();
+		else if (failureMessage) queueMicrotask(() => {
+			if (listeners.has(listener) && failureMessage) try {
+				listener.error?.(failureMessage);
+			} catch {}
+		});
+		return () => {
+			if (!listeners.delete(listener) || listeners.size) return;
+			lifecycle++;
+			if (current) {
+				current.active = false;
+				current.stream.dispose().catch(() => {});
+			}
+			current = void 0;
+			failureMessage = void 0;
+			const previous = injection;
+			injection = void 0;
+			try {
+				Promise.resolve(previous?.dispose()).catch(() => {});
+			} catch {}
+		};
+	} });
 }
+//#endregion
+//#region src/client-model-menu.tsx
 /** One detected field's standard editor: the same ModelMenu every marked field gets. */
-function FieldMenu({ t, catalog, current, disabled, onSet }) {
+function FieldMenu({ t, catalog, current, disabled, label, allowFollow = true, followLabel, reasoningEffort = true, onSet }) {
 	const [open, setOpen] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (disabled) setOpen(false);
+	}, [disabled]);
 	const route = normalizeModelRoute(current);
 	const follow = !route.provider || !route.model;
 	const choices = (0, react.useMemo)(() => parseModelMenuChoices(catalog, follow ? void 0 : route), [
@@ -1227,19 +1359,22 @@ function FieldMenu({ t, catalog, current, disabled, onSet }) {
 		route.model
 	]);
 	const selected = follow ? void 0 : choices.find((choice) => choice.provider === route.provider && choice.model === route.model);
-	const efforts = follow ? [] : modelMenuEffortOptions(selected, route.reasoningEffort || "");
-	const currentLabel = follow ? t("follow") : selected?.label ?? `${route.provider} / ${route.model}`;
-	const effortName = efforts.find((item) => item.id === (route.reasoningEffort || ""))?.name;
+	const efforts = follow || !reasoningEffort ? [] : modelMenuEffortOptions(selected, route.reasoningEffort || "");
+	const currentLabel = follow ? followLabel || t("follow") : selected?.label ?? `${route.provider} / ${route.model}`;
+	const selectedEffort = efforts.find((item) => item.id === (route.reasoningEffort || ""));
+	const effortName = selectedEffort ? modelMenuEffortLabel(selectedEffort, t.language) : void 0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelMenu, {
-		open,
-		onOpenChange: setOpen,
+		locale: t.language,
+		open: open && !disabled,
+		onOpenChange: (next) => setOpen(next && !disabled),
 		listClassName: "dsh-model-hub",
 		anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 			type: "button",
 			className: "dsh-model-menu-trigger",
 			disabled,
+			"aria-label": `${label}: ${currentLabel}`,
 			"aria-haspopup": "menu",
-			"aria-expanded": open,
+			"aria-expanded": open && !disabled,
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "dsh-model-menu-triggerLabel",
@@ -1261,11 +1396,11 @@ function FieldMenu({ t, catalog, current, disabled, onSet }) {
 			provider: picked.provider,
 			model: picked.model
 		}),
-		leading: [{
+		leading: allowFollow ? [{
 			id: "follow",
-			label: t("follow"),
+			label: followLabel || t("follow"),
 			selected: follow
-		}],
+		}] : [],
 		onPickLeading: () => onSet({
 			provider: "",
 			model: ""
@@ -1289,129 +1424,991 @@ function FieldMenu({ t, catalog, current, disabled, onSet }) {
 		clearSearchLabel: t("clearSearch")
 	});
 }
+function messageOf(error) {
+	if (error instanceof Error) return error.message;
+	if (error && typeof error === "object" && "message" in error) return String(error.message);
+	return String(error);
+}
+function checkedCatalog(value) {
+	if (value && typeof value === "object" && "ok" in value && value.ok === false) throw new Error("error" in value ? messageOf(value.error) : "Request failed");
+	return value;
+}
+function catalogFailures(value) {
+	if (!value || typeof value !== "object") return [];
+	const root = "ok" in value && value.ok === true && "value" in value ? value.value : value;
+	if (!root || typeof root !== "object" || !("failures" in root) || !Array.isArray(root.failures)) return [];
+	return root.failures.map((failure) => {
+		if (!failure || typeof failure !== "object") return messageOf(failure);
+		const provider = "name" in failure ? failure.name : "id" in failure ? failure.id : "provider" in failure ? failure.provider : "";
+		return provider ? `${provider}: ${messageOf(failure)}` : messageOf(failure);
+	});
+}
+//#endregion
+//#region src/client-copy.ts
+function hubText(value, language) {
+	return typeof value === "string" ? value : value?.[language] ?? "";
+}
+/** Local validation defaults, without rewriting provider diagnostics. */
+const hubMessages = [
+	["请求失败", "Request failed"],
+	["字段引用无效", "Invalid field reference"],
+	["请先刷新，以获取有效的设置版本", "A valid expected revision is required; refresh and retry"],
+	["模型路由无效", "Invalid model route"],
+	["模型设置提供方已变化，请刷新后重试", "Model settings owner changed; refresh and retry"],
+	["设置已变化，请刷新后重试", "Settings changed; refresh and retry"],
+	["此模型字段不可编辑", "Not an editable model field"],
+	["此设置需要选择具体模型", "This model setting requires a concrete model"],
+	["模型设置提供方已卸载，请刷新后重试", "Model settings owner unloaded; refresh and retry"],
+	["自测字段仅用于诊断", "Self-test fields are diagnostic only"],
+	["提供方设置版本无效", "Invalid owner revision"],
+	["未检测到此模型字段", "Not a detected model field"],
+	["没有可编辑的集合条目", "No collection item to edit"],
+	["设置版本无效", "Invalid revision"],
+	["ChatGPT 需要 Codex 模型", "ChatGPT requires a Codex model"],
+	["Codex 模型目录不可用。", "Codex model catalog is unavailable."],
+	["配置已在别处修改，请刷新后重试。", "Settings changed elsewhere. Refresh and try again."],
+	["设置已更新，请刷新后重试。", "Settings changed. Refresh and try again."],
+	["正在保存配置，请稍后重试。", "Settings are being saved. Try again shortly."],
+	["ChatGPT 插件已卸载。", "The ChatGPT plugin has been unloaded."],
+	["配置格式无效。", "Invalid settings format."],
+	["请等当前调用完成后保存配置。", "Wait for the current call to finish before saving settings."],
+	["无法保存标题设置。", "Could not save title settings."],
+	["标题设置无效。", "Invalid title settings."],
+	["模型设置同步服务不可用", "Model settings sync service unavailable"],
+	["模型设置变更消息无效", "Invalid model settings change frame"],
+	["模型设置同步尚未就绪便收到变更消息", "Model settings sync change arrived before ready"],
+	["模型设置同步在就绪后中断；请刷新或重新打开页面", "Model settings sync stream ended after ready; refresh or reopen the page"],
+	["模型设置同步在就绪前中断；请刷新或重新打开页面", "Model settings sync stream ended before ready; refresh or reopen the page"],
+	["Git 提交模型设置字段不存在", "Unknown Git Commit model setting"],
+	["Git 提交插件已停用", "dsh-git-commit: plugin disabled"],
+	["Git 提交设置已变化；请重新加载后重试", "dsh-git-commit: settings changed; reload and retry"],
+	["安全自动模型设置字段不存在", "Unknown Safe Auto model setting"],
+	["设置已变化；请重新加载后重试", "Settings changed; reload and retry"],
+	["请求无效", "Invalid request"],
+	["此处只能编辑审查设置", "Only reviewer settings may be edited here"],
+	["配置必须是对象", "config must be an object"],
+	["启用状态必须是布尔值", "enabled must be a boolean"],
+	["静态只读开关必须是布尔值", "staticReadonly must be a boolean"],
+	["审查模型供应商或模型标识无效", "invalid reviewer provider/model identifier"],
+	["供应商和模型必须一起配置", "provider and model must be configured together"],
+	["设置思考强度需要先选择审查模型", "reasoningEffort requires a reviewer model"],
+	["所选模型不支持该思考强度", "The selected model does not support this reasoning effort"],
+	["启用状态无效", "Invalid enabled state"],
+	["找不到原生子代理模型选择设置", "native subagent-model-selection-settings not found"],
+	["路由需要非空的供应商和模型标识", "A route requires non-empty provider and model ids"],
+	["供应商和模型标识最长 250 字符", "Route provider and model ids are limited to 250 characters"],
+	["路由思考强度必须是非空字符串", "A route reasoning effort must be a non-empty string"],
+	["路由思考强度最长 250 字符", "Route reasoning effort is limited to 250 characters"],
+	["无效的路由下标", "Invalid route index"],
+	["没有 profile 目录，无法保存任务倾向", "No profile directory; cast tendencies cannot be stored"],
+	["任务倾向需要非空的供应商和模型标识", "A tendency requires non-empty provider and model ids"],
+	["任务倾向必须是字符串", "A tendency must be a string"],
+	["任务倾向最长 500 字符", "A tendency is limited to 500 characters"],
+	["添加模型后才能启用子代理阵容", "Add a model before enabling subagent cast"],
+	["任务倾向已变化，请刷新后重试", "Cast tendencies changed; refresh and retry"],
+	["任务倾向版本已达上限", "Cast tendency revision limit reached"],
+	["无法读取任务倾向文件；请恢复 cast.json 的访问权限后刷新", "Cast tendency store cannot be read; restore access to cast.json and refresh"],
+	["任务倾向文件损坏；请修复 cast.json 后刷新", "Cast tendency store is damaged; repair cast.json and refresh"],
+	["任务倾向文件版本不受支持；请使用兼容的插件再保存", "Cast tendency store version is unsupported; use a compatible plugin before saving"],
+	["任务倾向文件格式无效；请修复 cast.json 后刷新", "Cast tendency store schema is invalid; repair cast.json and refresh"],
+	...[
+		"provider",
+		"model",
+		"reasoningEffort",
+		"reviewerPrompt"
+	].map((key) => [`${key} 必须是字符串`, `${key} must be a string`]),
+	...[
+		"timeoutMs",
+		"maxInputBytes",
+		"outputTokens",
+		"maxReviewsPerTask",
+		"consecutiveDenials",
+		"humanApprovalTimeoutMs"
+	].map((key) => [`${key} 无效`, `invalid ${key}`])
+];
+function hubMessage(message, language) {
+	return hubMessages.find((pair) => pair.includes(message))?.[language === "zh" ? 0 : 1] ?? message;
+}
+//#endregion
+//#region src/client-cast.tsx
+/**
+* dsh-model-hub — subagent cast tab. Lists the allowlist of models subagents
+* may pick from, each with an optional free-text task tendency the main agent
+* consults when delegating. Every write goes through the hub host's cast RPC
+* with the native settings revision as CAS; `cast.setTendency` uses its own
+* durable file revision. The page owns its own fetch,
+* subscription and write locking, following the HubPage RequestScope pattern.
+*/
+const TEXT$1 = {
+	zh: {
+		title: "子代理阵容",
+		enabledLabel: "启用子代理阵容",
+		enabledHint: "启用后，主智能体显式为子代理选择模型时须使用此列表；不指定模型时仍继承父会话。任务倾向供委派时参考。",
+		loading: "正在读取…",
+		failed: (message) => `读取失败：${message}`,
+		syncFailed: (message) => `自动同步不可用：${message}`,
+		catalogFailed: (message) => `模型列表读取失败：${message}`,
+		writeFailed: (message) => `未保存：${message}。请刷新后重试。`,
+		saved: "已保存，正在刷新…",
+		savedRefreshFailed: (message) => `已保存；阵容刷新失败：${message}。请刷新以读取最新设置。`,
+		conflict: "阵容设置已在别处修改，当前输入保留。请刷新核对后重试。",
+		tendencyFailed: (message) => `任务倾向不可用：${message}。原文件已保留；修复后刷新。`,
+		draftChanged: (saved) => `此任务倾向已在别处更新。当前已保存：${saved || "（空）"}。输入已保留；刷新核对后再保存。`,
+		refresh: "刷新",
+		refreshing: "正在刷新…",
+		saving: "正在保存…",
+		empty: "先添加模型，再启用显式模型选择。移除最后一个模型会关闭开关。",
+		addModel: "添加模型…",
+		remove: "移除",
+		removeRoute: (label) => `移除 ${label}`,
+		tendencyLabel: (label) => `${label} 的任务倾向`,
+		tendencyPlaceholder: "例如：代码审查、快速问答…",
+		routeExists: (route) => `路由 ${route} 已在列表中`,
+		follow: "跟随宿主默认",
+		model: "模型",
+		effort: "思考强度",
+		effortDefault: "默认",
+		searchModels: "搜索模型…",
+		noModels: "没有匹配的模型",
+		clearSearch: "清除搜索"
+	},
+	en: {
+		title: "Subagent Cast",
+		enabledLabel: "Enable subagent cast",
+		enabledHint: "When enabled, explicit model selection for a subagent must use this list; omitting a model still inherits the parent session. The main agent consults task tendencies when delegating.",
+		loading: "Loading…",
+		failed: (message) => `Load failed: ${message}`,
+		syncFailed: (message) => `Live sync unavailable: ${message}`,
+		catalogFailed: (message) => `Model list failed: ${message}`,
+		writeFailed: (message) => `Not saved: ${message}. Refresh, then try again.`,
+		saved: "Saved; refreshing…",
+		savedRefreshFailed: (message) => `Saved; cast refresh failed: ${message}. Refresh to read the latest settings.`,
+		conflict: "Cast settings changed elsewhere; your draft is preserved. Refresh, review, then try again.",
+		tendencyFailed: (message) => `Task tendencies unavailable: ${message}. The original file is preserved; repair it, then refresh.`,
+		draftChanged: (saved) => `This tendency changed elsewhere. Currently saved: ${saved || "(empty)"}. Your draft is preserved; refresh and review before saving.`,
+		refresh: "Refresh",
+		refreshing: "Refreshing…",
+		saving: "Saving…",
+		empty: "Add a model before enabling explicit model selection. Removing the last model turns the switch off.",
+		addModel: "Add model…",
+		remove: "Remove",
+		removeRoute: (label) => `Remove ${label}`,
+		tendencyLabel: (label) => `Task tendency for ${label}`,
+		tendencyPlaceholder: "e.g. code review, quick Q&A…",
+		routeExists: (route) => `Route ${route} is already in the list`,
+		follow: "Follow host default",
+		model: "Model",
+		effort: "Reasoning",
+		effortDefault: "Default",
+		searchModels: "Search models…",
+		noModels: "No matching models",
+		clearSearch: "Clear search"
+	}
+};
+function useText$1(locale) {
+	const subscribe = (0, react.useCallback)((notify) => typeof locale === "object" ? locale.subscribe?.(notify) ?? (() => {}) : () => {}, [locale]);
+	const snapshot = (0, react.useCallback)(() => typeof locale === "string" ? locale : locale?.getSnapshot?.()?.active ?? "en", [locale]);
+	const active = (0, react.useSyncExternalStore)(subscribe, snapshot, snapshot);
+	const table = String(active || "en").toLowerCase().startsWith("zh") ? TEXT$1.zh : TEXT$1.en;
+	return (0, react.useMemo)(() => Object.assign((key, ...args) => {
+		const value = table[key];
+		return typeof value === "function" ? value(...args) : value;
+	}, { language: table === TEXT$1.zh ? "zh" : "en" }), [table]);
+}
+const castCss = `
+.dsh-model-hub .cast-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
+.dsh-model-hub .cast-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,1fr) auto;gap:12px;align-items:center;padding:8px 0;border-bottom:.5px solid var(--dsw-alias-border-l1)}
+.dsh-model-hub .cast-row-model{min-width:0}
+.dsh-model-hub .cast-row-model .dsh-model-menu-root{max-width:100%}
+.dsh-model-hub .cast-row-model .dsh-model-menu-trigger{max-width:100%}
+.dsh-model-hub .cast-row-tendency{min-width:0}
+.dsh-model-hub .cast-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
+.dsh-model-hub .cast-add{display:flex}
+.dsh-model-hub .cast-add .dsh-model-menu-root{max-width:100%}
+@media(max-width:520px){.dsh-model-hub .cast-row{grid-template-columns:minmax(0,1fr);gap:8px}}
+`;
+/** CAS rejections all carry a refresh hint in either language. */
+function isConflict(message) {
+	return /refresh and retry|reload and retry|刷新后重试|重新加载后重试|请先刷新/i.test(message);
+}
+/** The host's duplicate-route error interpolates the route; localize it here. */
+function localizeCastError(message, t) {
+	const duplicate = /^Route "(.+)" already exists$/.exec(message);
+	if (duplicate) return t("routeExists", duplicate[1]);
+	return hubMessage(message, t.language);
+}
+function routeInput(route) {
+	const normalized = normalizeModelRoute(route);
+	return normalized.reasoningEffort ? {
+		provider: normalized.provider,
+		model: normalized.model,
+		reasoningEffort: normalized.reasoningEffort
+	} : {
+		provider: normalized.provider,
+		model: normalized.model
+	};
+}
+/** One cast entry: model picker, tendency input saved on blur, remove button. */
+function CastRow({ t, catalog, route, tendencyRevision, draftReview, disabled, tendencyDisabled, menuDisabled, onSetRoute, onSetTendency, onRemove }) {
+	const label = `${route.provider} / ${route.model}`;
+	const saved = route.tendency ?? "";
+	const [draft, setDraft] = (0, react.useState)({
+		text: saved,
+		saved,
+		revision: tendencyRevision,
+		review: draftReview
+	});
+	(0, react.useEffect)(() => {
+		setDraft((current) => {
+			if (current.text.trim() === current.saved || current.text.trim() === saved) return {
+				text: saved,
+				saved,
+				revision: tendencyRevision,
+				review: draftReview
+			};
+			return current.review !== draftReview ? {
+				...current,
+				saved,
+				revision: tendencyRevision,
+				review: draftReview
+			} : current;
+		});
+	}, [
+		saved,
+		tendencyRevision,
+		draftReview
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "cast-row",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "cast-row-model",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldMenu, {
+					t,
+					catalog,
+					current: route,
+					label,
+					allowFollow: false,
+					reasoningEffort: false,
+					disabled: menuDisabled,
+					onSet: onSetRoute
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "cast-row-tendency",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+					type: "text",
+					"aria-label": t("tendencyLabel", label),
+					placeholder: t("tendencyPlaceholder"),
+					value: draft.text,
+					disabled: tendencyDisabled,
+					maxLength: 500,
+					onChange: (event) => setDraft((current) => ({
+						...current,
+						text: event.target.value
+					})),
+					onBlur: () => {
+						const tendency = draft.text.trim();
+						if (!tendencyDisabled && draft.revision !== void 0 && tendency !== saved) onSetTendency(tendency, draft.revision);
+					}
+				}), draft.text.trim() !== saved && draft.revision !== tendencyRevision ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					role: "status",
+					className: "dsh-ui-help dsh-ui-wrap",
+					children: t("draftChanged", saved)
+				}) : null]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+				variant: "outline",
+				"aria-label": t("removeRoute", label),
+				disabled,
+				onClick: onRemove,
+				children: t("remove")
+			})
+		]
+	});
+}
+function CastPage({ api, locale }) {
+	const t = useText$1(locale);
+	const [cast, setCast] = (0, react.useState)(null);
+	const [catalog, setCatalog] = (0, react.useState)(null);
+	const [loadError, setLoadError] = (0, react.useState)("");
+	const [catalogError, setCatalogError] = (0, react.useState)("");
+	const [syncError, setSyncError] = (0, react.useState)("");
+	const [writeError, setWriteError] = (0, react.useState)("");
+	const [saved, setSaved] = (0, react.useState)(false);
+	const [conflict, setConflict] = (0, react.useState)(false);
+	const [saving, setSaving] = (0, react.useState)("");
+	const [refreshing, setRefreshing] = (0, react.useState)(false);
+	const [draftReview, setDraftReview] = (0, react.useState)(0);
+	const scopeRef = (0, react.useRef)(null);
+	const refresh = (0, react.useCallback)(async (scope, reviewDrafts = false) => {
+		if (!scope.active) return;
+		if (scope.busy) {
+			scope.queued = true;
+			return;
+		}
+		scope.queued = false;
+		scope.busy = true;
+		setRefreshing(true);
+		const [castResult, models] = await Promise.allSettled([Promise.resolve().then(() => scope.api.getCast()), Promise.resolve().then(() => scope.api.modelCatalog()).then(checkedCatalog)]);
+		if (!scope.active) return;
+		if (castResult.status === "fulfilled") {
+			setCast(castResult.value);
+			setLoadError("");
+			setWriteError("");
+			setConflict(false);
+			setSaved(false);
+			if (reviewDrafts) setDraftReview((current) => current + 1);
+		} else setLoadError(messageOf(castResult.reason));
+		if (models.status === "fulfilled") {
+			setCatalog(models.value);
+			setCatalogError("");
+		} else setCatalogError(messageOf(models.reason));
+		scope.busy = false;
+		setRefreshing(false);
+		if (scope.queued) refresh(scope);
+	}, []);
+	(0, react.useEffect)(() => {
+		const scope = {
+			api,
+			active: true,
+			busy: false,
+			queued: false
+		};
+		scopeRef.current = scope;
+		setSaving("");
+		setWriteError("");
+		setSaved(false);
+		setConflict(false);
+		setLoadError("");
+		setCatalogError("");
+		setSyncError("");
+		setCast(null);
+		setCatalog(null);
+		refresh(scope);
+		const unsubscribe = api.subscribeChanges?.(() => {
+			if (!scope.active) return;
+			setSyncError("");
+			refresh(scope);
+		}, (message) => {
+			if (scope.active) setSyncError(message);
+		});
+		return () => {
+			scope.active = false;
+			unsubscribe?.();
+			scopeRef.current = null;
+		};
+	}, [api, refresh]);
+	const mutate = (key, run) => {
+		const scope = scopeRef.current;
+		if (!scope?.active || scope.api !== api || scope.busy || writeError || saved && loadError) return;
+		scope.busy = true;
+		setSaved(false);
+		setSaving(key);
+		Promise.resolve().then(() => run(scope)).then((value) => {
+			if (!scope.active) return;
+			if ("committed" in value) {
+				setSaved(true);
+				scope.queued = true;
+			} else setCast(value);
+			setWriteError("");
+			setConflict(false);
+		}, (error) => {
+			if (scope.active) {
+				const message = messageOf(error);
+				setWriteError(message);
+				setConflict(isConflict(message));
+			}
+		}).finally(() => {
+			if (scope.active) {
+				scope.busy = false;
+				setSaving("");
+				if (scope.queued) refresh(scope);
+			}
+		});
+	};
+	const refreshNow = () => {
+		const scope = scopeRef.current;
+		if (scope?.api === api) refresh(scope, true);
+	};
+	const disabled = saving !== "" || refreshing || writeError !== "" || saved && loadError !== "";
+	const failures = catalogFailures(catalog);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "cast-root dsh-ui-stack",
+		"aria-label": t("title"),
+		"aria-busy": saving !== "" || refreshing,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: castCss }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "cast-head",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
+					checked: cast?.enabled ?? false,
+					label: t("enabledLabel"),
+					disabled: disabled || cast === null || !cast.enabled && cast.routes.length === 0,
+					onChange: (next) => {
+						if (cast) mutate("enabled", (scope) => scope.api.setCastEnabled({
+							enabled: next,
+							expectedRevision: cast.revision
+						}));
+					}
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					variant: "ghost",
+					disabled: saving !== "" || refreshing,
+					onClick: refreshNow,
+					children: refreshing ? t("refreshing") : t("refresh")
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "dsh-ui-help",
+				children: t("enabledHint")
+			}),
+			loadError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "alert",
+				className: "dsh-ui-error dsh-ui-wrap",
+				children: t(saved ? "savedRefreshFailed" : "failed", hubMessage(loadError, t.language))
+			}) : null,
+			cast?.tendencyError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "alert",
+				className: "dsh-ui-error dsh-ui-wrap",
+				children: t("tendencyFailed", hubMessage(cast.tendencyError, t.language))
+			}) : null,
+			syncError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "alert",
+				className: "dsh-ui-error dsh-ui-wrap",
+				children: t("syncFailed", hubMessage(syncError, t.language))
+			}) : null,
+			catalogError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "alert",
+				className: "dsh-ui-error dsh-ui-wrap",
+				children: t("catalogFailed", hubMessage(catalogError, t.language))
+			}) : null,
+			failures.map((failure, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "alert",
+				className: "dsh-ui-error dsh-ui-wrap",
+				children: t("catalogFailed", hubMessage(failure, t.language))
+			}, index)),
+			writeError ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-ui-banner dsh-ui-banner--danger cast-banner",
+				role: "alert",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "dsh-ui-wrap",
+					children: conflict ? t("conflict") : t("writeFailed", localizeCastError(writeError, t))
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					variant: "outline",
+					size: "sm",
+					disabled: saving !== "" || refreshing,
+					onClick: refreshNow,
+					children: refreshing ? t("refreshing") : t("refresh")
+				})]
+			}) : null,
+			saving ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "status",
+				className: "dsh-ui-help",
+				children: t("saving")
+			}) : null,
+			saved && !loadError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "status",
+				className: "dsh-ui-help",
+				children: t("saved")
+			}) : null,
+			cast === null && !loadError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "dsh-ui-loading",
+				children: t("loading")
+			}) : null,
+			cast !== null && cast.routes.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "dsh-ui-help",
+				children: t("empty")
+			}) : null,
+			cast?.routes.map((route, position) => {
+				const handle = route.index ?? position;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CastRow, {
+					t,
+					catalog,
+					route,
+					tendencyRevision: cast.tendencyRevision,
+					draftReview,
+					tendencyDisabled: disabled || !!cast.tendencyError || cast.tendencyRevision === void 0,
+					disabled,
+					menuDisabled: disabled || catalog === null,
+					onSetRoute: (next) => mutate(`route:${handle}`, (scope) => scope.api.setCastRoute({
+						index: handle,
+						route: routeInput(next),
+						expectedRevision: cast.revision
+					})),
+					onSetTendency: (tendency, expectedRevision) => mutate(`tendency:${handle}`, (scope) => scope.api.setCastTendency({
+						provider: route.provider,
+						model: route.model,
+						tendency,
+						expectedRevision
+					})),
+					onRemove: () => mutate(`remove:${handle}`, (scope) => scope.api.removeCastRoute({
+						index: handle,
+						expectedRevision: cast.revision
+					}))
+				}, JSON.stringify([route.provider, route.model]));
+			}),
+			cast !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "cast-add",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldMenu, {
+					t,
+					catalog,
+					current: void 0,
+					label: t("addModel"),
+					allowFollow: false,
+					followLabel: t("addModel"),
+					reasoningEffort: false,
+					disabled: disabled || catalog === null,
+					onSet: (picked) => mutate("add", (scope) => scope.api.addCastRoute({
+						route: routeInput(picked),
+						expectedRevision: cast.revision
+					}))
+				})
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/client.tsx
+/**
+* dsh-model-hub — browser half. One settings-page section listing every
+* detected model-route field across plugins. Each row is edited with the
+* contract's standard ModelMenu (dsh-model-route/ui) and written back through
+* the hub's host RPC — `settings.mutate` on the host, CAS by descriptor
+* revision. An empty route means "follow the host default" and unsets the
+* field.
+*/
+const name = "dsh-model-hub-client";
+const inject = [
+	"slots",
+	"connection",
+	"remote",
+	"remote.session",
+	"locale"
+];
+const CHANNEL = "/dsh-model-hub";
+const BUNDLE = "@klarkxy/dsh-model-hub";
+const TEXT = {
+	zh: {
+		title: "模型枢纽",
+		intro: "一页查看并修改各插件的模型路由；改动立即写入对应插件自己的设置。",
+		tabsLabel: "模型枢纽分区",
+		tabFields: "字段总览",
+		tabCast: "子代理阵容",
+		loading: "正在读取…",
+		empty: "没有检测到模型字段。",
+		failed: (message) => `读取失败：${message}`,
+		syncFailed: (message) => `自动同步不可用：${message}`,
+		catalogFailed: (message) => `模型列表读取失败：${message}`,
+		writeFailed: (message) => `未保存：${message}。请刷新后重新选择。`,
+		saved: "已保存，正在刷新…",
+		savedRefreshFailed: (message) => `已保存；页面刷新失败：${message}。请刷新以读取最新设置。`,
+		refresh: "刷新",
+		refreshing: "正在刷新…",
+		saving: "正在保存…",
+		search: "搜索插件、字段或当前模型…",
+		noFields: "没有匹配的模型字段",
+		follow: "跟随宿主默认",
+		restorePluginDefault: "恢复插件默认",
+		model: "模型",
+		effort: "思考强度",
+		effortDefault: "默认",
+		searchModels: "搜索模型…",
+		noModels: "没有匹配的模型",
+		clearSearch: "清除搜索",
+		collectionTemplate: "集合中没有可编辑的条目；请先在所属插件中添加条目。",
+		items: "条目"
+	},
+	en: {
+		title: "Model Hub",
+		intro: "View and edit every plugin's model route on one page; changes write into the owning plugin's own settings at once.",
+		tabsLabel: "Model Hub sections",
+		tabFields: "Fields",
+		tabCast: "Subagent Cast",
+		loading: "Loading…",
+		empty: "No model fields detected.",
+		failed: (message) => `Load failed: ${message}`,
+		syncFailed: (message) => `Live sync unavailable: ${message}`,
+		catalogFailed: (message) => `Model list failed: ${message}`,
+		writeFailed: (message) => `Not saved: ${message}. Refresh, then choose again.`,
+		saved: "Saved; refreshing…",
+		savedRefreshFailed: (message) => `Saved; page refresh failed: ${message}. Refresh to read the latest settings.`,
+		refresh: "Refresh",
+		refreshing: "Refreshing…",
+		saving: "Saving…",
+		search: "Search plugins, fields or current models…",
+		noFields: "No matching model fields",
+		follow: "Follow host default",
+		restorePluginDefault: "Restore plugin default",
+		model: "Model",
+		effort: "Reasoning",
+		effortDefault: "Default",
+		searchModels: "Search models…",
+		noModels: "No matching models",
+		clearSearch: "Clear search",
+		collectionTemplate: "No collection item to edit. Add an item in the owning plugin first.",
+		items: "Items"
+	}
+};
+function useText(locale) {
+	const subscribe = (0, react.useCallback)((notify) => typeof locale === "object" ? locale.subscribe?.(notify) ?? (() => {}) : () => {}, [locale]);
+	const snapshot = (0, react.useCallback)(() => typeof locale === "string" ? locale : locale?.getSnapshot?.()?.active ?? "en", [locale]);
+	const active = (0, react.useSyncExternalStore)(subscribe, snapshot, snapshot);
+	const table = String(active || "en").toLowerCase().startsWith("zh") ? TEXT.zh : TEXT.en;
+	return (0, react.useMemo)(() => Object.assign((key, ...args) => {
+		const value = table[key];
+		return typeof value === "function" ? value(...args) : value;
+	}, { language: table === TEXT.zh ? "zh" : "en" }), [table]);
+}
+const css = `${officialUiCss("dsh-model-hub")}${modelMenuCss}
+.dsh-model-hub .hub-toolbar{display:flex;gap:12px;align-items:center}
+.dsh-model-hub .hub-search{flex:1;min-width:0}
+.dsh-model-hub .hub-group{min-width:0}
+.dsh-model-hub .hub-group-head{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin:12px 0 4px}
+.dsh-model-hub .hub-group-title{font-size:14px;line-height:22px;font-weight:600;margin:0;color:var(--dsw-alias-label-primary)}
+.dsh-model-hub .hub-namespace{font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere}
+.dsh-model-hub .hub-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,1fr);gap:16px;align-items:center;padding:8px 0;border-bottom:.5px solid var(--dsw-alias-border-l1)}
+.dsh-model-hub .hub-row-copy{min-width:0}
+.dsh-model-hub .hub-row-label{font-size:13px;line-height:20px;color:var(--dsw-alias-label-primary);overflow-wrap:anywhere}
+.dsh-model-hub .hub-row-description{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere;margin:2px 0 0}
+.dsh-model-hub .hub-editor{min-width:0;display:flex;justify-content:flex-end}
+.dsh-model-hub .hub-editor .dsh-model-menu-root{max-width:100%}
+.dsh-model-hub .hub-editor .dsh-model-menu-trigger{max-width:100%}
+@media(max-width:520px){.dsh-model-hub .hub-toolbar{gap:8px}.dsh-model-hub .hub-row{grid-template-columns:minmax(0,1fr);gap:4px}.dsh-model-hub .hub-editor{justify-content:flex-start}.dsh-model-hub .hub-namespace{width:100%}}
+`;
+function Style() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: css });
+}
+function humanize(value) {
+	const text = value.replace(/([a-z\d])([A-Z])/g, "$1 $2").replace(/[-_.]+/g, " ").trim();
+	return text.charAt(0).toUpperCase() + text.slice(1);
+}
+function fieldLabel(field, t) {
+	return hubText(field.marker?.label || field.label, t.language) || field.path.map((part) => part === "[]" ? t("items") : part === "model" ? t("model") : /^\d+$/.test(part) ? `#${Number(part) + 1}` : humanize(part)).join(" / ");
+}
+function followLabel(field, t) {
+	return typeof field.followLabel === "string" ? field.followLabel : field.followLabel?.[t.language] || t(field.via === "contribution" || field.arrayItem ? "follow" : "restorePluginDefault");
+}
+function pluginTitle(entry, t) {
+	return hubText(entry.title, t.language) || humanize((entry.ns.split("/").at(-1) || entry.ns).replace(/^dsh-/, ""));
+}
 function HubPage({ view, api, locale, initialEntries = null, initialCatalog = null }) {
 	const t = useText(locale);
 	const [entries, setEntries] = (0, react.useState)(initialEntries);
 	const [catalog, setCatalog] = (0, react.useState)(initialCatalog);
-	const [error, setError] = (0, react.useState)("");
+	const [listError, setListError] = (0, react.useState)("");
+	const [catalogError, setCatalogError] = (0, react.useState)("");
+	const [writeError, setWriteError] = (0, react.useState)("");
+	const [saved, setSaved] = (0, react.useState)(false);
+	const [syncError, setSyncError] = (0, react.useState)("");
 	const [writing, setWriting] = (0, react.useState)("");
+	const [refreshing, setRefreshing] = (0, react.useState)(false);
+	const [query, setQuery] = (0, react.useState)("");
+	const [tab, setTab] = (0, react.useState)("fields");
+	const scopeRef = (0, react.useRef)(null);
+	const refresh = (0, react.useCallback)(async (scope) => {
+		if (!scope.active) return;
+		if (scope.busy) {
+			scope.queued = true;
+			return;
+		}
+		scope.queued = false;
+		scope.busy = true;
+		setRefreshing(true);
+		const [fields, models] = await Promise.allSettled([Promise.resolve().then(() => scope.api.list()), Promise.resolve().then(() => scope.api.modelCatalog()).then(checkedCatalog)]);
+		if (!scope.active) return;
+		if (fields.status === "fulfilled") {
+			setEntries(fields.value);
+			setListError("");
+			setWriteError("");
+			setSaved(false);
+		} else setListError(messageOf(fields.reason));
+		if (models.status === "fulfilled") {
+			setCatalog(models.value);
+			setCatalogError("");
+		} else setCatalogError(messageOf(models.reason));
+		scope.busy = false;
+		setRefreshing(false);
+		if (scope.queued) refresh(scope);
+	}, []);
 	(0, react.useEffect)(() => {
-		let alive = true;
-		api.list().then((value) => {
-			if (alive) {
-				setEntries(value);
-				setError("");
-			}
-		}, (error) => {
-			if (alive) setError(t("failed", error instanceof Error ? error.message : String(error)));
+		if (view === "summary") return;
+		const scope = {
+			api,
+			active: true,
+			busy: false,
+			queued: false
+		};
+		scopeRef.current = scope;
+		setWriting("");
+		setWriteError("");
+		setSaved(false);
+		setListError("");
+		setCatalogError("");
+		setSyncError("");
+		setEntries(initialEntries);
+		setCatalog(initialCatalog);
+		refresh(scope);
+		const unsubscribe = api.subscribeChanges?.(() => {
+			if (!scope.active) return;
+			setSyncError("");
+			refresh(scope);
+		}, (message) => {
+			if (scope.active) setSyncError(message);
 		});
-		Promise.resolve().then(() => api.modelCatalog()).then((value) => {
-			if (alive) setCatalog(value);
-		}, () => {});
 		return () => {
-			alive = false;
+			scope.active = false;
+			unsubscribe?.();
+			scopeRef.current = null;
 		};
-	}, [api]);
+	}, [
+		api,
+		view,
+		refresh
+	]);
 	const setRoute = (entry, field, route) => {
+		const scope = scopeRef.current;
+		if (!scope?.active || scope.api !== api || scope.busy || writeError) return;
 		const key = `${entry.ns}:${field.path.join(".")}`;
-		if (writing) return;
+		scope.busy = true;
+		setSaved(false);
 		setWriting(key);
-		api.setField({
+		Promise.resolve().then(() => scope.api.setField({
 			ns: entry.ns,
 			path: field.path,
 			route,
-			expectedRevision: entry.revision
-		}).then((value) => {
-			setEntries(value);
-			setError("");
-		}, (error) => setError(t("writeFailed", error instanceof Error ? error.message : String(error)))).finally(() => setWriting(""));
+			expectedRevision: entry.revision,
+			...entry.ownerId ? { ownerId: entry.ownerId } : {}
+		})).then(() => {
+			if (scope.active) {
+				setSaved(true);
+				setWriteError("");
+				scope.queued = true;
+			}
+		}, (error) => {
+			if (scope.active) setWriteError(messageOf(error));
+		}).finally(() => {
+			if (scope.active) {
+				scope.busy = false;
+				setWriting("");
+				if (scope.queued) refresh(scope);
+			}
+		});
 	};
 	if (view === "summary") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "dsh-model-hub",
+		lang: t.language,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Style, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 			className: "dsh-ui-compact dsh-ui-wrap",
 			children: t("intro")
 		})]
 	});
+	const needle = query.trim().toLocaleLowerCase();
+	const groups = (entries ?? []).map((entry) => ({
+		...entry,
+		fields: entry.fields.filter((field) => !(entry.ns === "@klarkxy/dsh-model-hub" && field.path.length === 1 && ["selfTestMeta", "selfTestRole"].includes(field.path[0] || "")))
+	})).filter((entry) => entry.ns !== "subagent-model-selection-settings" && (entry.fields.length > 0 || entry.error || entry.catalogError));
+	const visible = groups.map((entry) => ({
+		...entry,
+		fields: entry.fields.filter((field) => {
+			if (!needle) return true;
+			const route = normalizeModelRoute(field.current);
+			const model = parseModelMenuChoices(entry.catalog !== void 0 ? entry.catalog : catalog, route).find((choice) => choice.provider === route.provider && choice.model === route.model)?.label || "";
+			return [
+				entry.ns,
+				pluginTitle(entry, t),
+				fieldLabel(field, t),
+				hubText(field.description, t.language),
+				field.path.join("."),
+				route.provider,
+				route.model,
+				model,
+				!route.model ? followLabel(field, t) : ""
+			].some((text) => text?.toLocaleLowerCase().includes(needle));
+		})
+	})).filter((entry) => entry.fields.length > 0 || (entry.error || entry.catalogError) && (!needle || [entry.ns, pluginTitle(entry, t)].some((text) => text.toLocaleLowerCase().includes(needle))));
+	const disabled = writing !== "" || refreshing || writeError !== "" || saved && listError !== "";
+	const failures = catalogFailures(catalog);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 		className: "dsh-model-hub dsh-ui-stack",
+		lang: t.language,
 		"aria-label": t("title"),
+		"aria-busy": writing !== "" || refreshing,
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Style, {}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "dsh-ui-compact dsh-ui-wrap",
-				children: t("intro")
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.SegmentedTabs, {
+				value: tab,
+				onChange: setTab,
+				label: t("tabsLabel"),
+				className: "hub-tabs",
+				items: [{
+					value: "fields",
+					label: t("tabFields"),
+					id: "dsh-model-hub-tab-fields",
+					panelId: "dsh-model-hub-panel-fields"
+				}, {
+					value: "cast",
+					label: t("tabCast"),
+					id: "dsh-model-hub-tab-cast",
+					panelId: "dsh-model-hub-panel-cast"
+				}]
 			}),
-			entries === null && !error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "dsh-ui-loading",
-				children: t("loading")
-			}) : null,
-			entries !== null && entries.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "dsh-ui-help",
-				children: t("empty")
-			}) : null,
-			(entries ?? []).map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
-				className: "dsh-ui-card",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("legend", {
-					className: "dsh-ui-heading",
-					children: entry.ns
-				}), entry.fields.map((field) => {
-					const key = `${entry.ns}:${field.path.join(".")}`;
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "dsh-ui-field",
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				role: "tabpanel",
+				id: "dsh-model-hub-panel-fields",
+				"aria-labelledby": "dsh-model-hub-tab-fields",
+				hidden: tab !== "fields",
+				className: "dsh-ui-stack",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "hub-toolbar",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+							className: "hub-search",
+							type: "search",
+							"aria-label": t("search"),
+							placeholder: t("search"),
+							value: query,
+							onChange: (event) => setQuery(event.target.value)
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "ghost",
+							disabled: writing !== "" || refreshing,
+							onClick: () => {
+								const scope = scopeRef.current;
+								if (scope?.api === api) refresh(scope);
+							},
+							children: refreshing ? t("refreshing") : t("refresh")
+						})]
+					}),
+					listError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "alert",
+						className: "dsh-ui-error dsh-ui-wrap",
+						children: t(saved ? "savedRefreshFailed" : "failed", hubMessage(listError, t.language))
+					}) : null,
+					syncError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "alert",
+						className: "dsh-ui-error dsh-ui-wrap",
+						children: t("syncFailed", hubMessage(syncError, t.language))
+					}) : null,
+					catalogError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "alert",
+						className: "dsh-ui-error dsh-ui-wrap",
+						children: t("catalogFailed", hubMessage(catalogError, t.language))
+					}) : null,
+					failures.map((failure, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "alert",
+						className: "dsh-ui-error dsh-ui-wrap",
+						children: t("catalogFailed", hubMessage(failure, t.language))
+					}, index)),
+					writeError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "alert",
+						className: "dsh-ui-error dsh-ui-wrap",
+						children: t("writeFailed", hubMessage(writeError, t.language))
+					}) : null,
+					writing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "status",
+						className: "dsh-ui-help",
+						children: t("saving")
+					}) : null,
+					saved && !listError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "status",
+						className: "dsh-ui-help",
+						children: t("saved")
+					}) : null,
+					entries === null && !listError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsh-ui-loading",
+						children: t("loading")
+					}) : null,
+					entries !== null && groups.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsh-ui-help",
+						children: t("empty")
+					}) : null,
+					groups.length > 0 && visible.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsh-ui-help",
+						children: t("noFields")
+					}) : null,
+					visible.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "hub-group",
+						"aria-label": pluginTitle(entry, t),
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dsh-ui-label",
-								children: field.marker?.label || field.path.join(".")
-							}),
-							field.editable === false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dsh-ui-help",
-								children: t("collectionTemplate")
-							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldMenu, {
-								t,
-								catalog,
-								current: field.current,
-								disabled: writing === key,
-								onSet: (route) => setRoute(entry, field, route)
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "hub-group-head",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+									className: "hub-group-title",
+									children: pluginTitle(entry, t)
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "hub-namespace",
+									children: entry.ns
+								})]
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: "dsh-ui-help",
-								children: [
-									field.marker?.purpose ? `${field.marker.purpose} · ` : "",
-									field.via === "marker" ? t("viaMarker") : t("viaShape"),
-									" · ",
-									field.path.join(".")
-								]
+							entry.error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								role: "alert",
+								className: "dsh-ui-error dsh-ui-wrap",
+								children: t("failed", hubMessage(hubText(entry.error, t.language), t.language))
+							}) : null,
+							entry.catalogError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								role: "alert",
+								className: "dsh-ui-error dsh-ui-wrap",
+								children: t("catalogFailed", hubMessage(hubText(entry.catalogError, t.language), t.language))
+							}) : null,
+							entry.catalog !== void 0 ? catalogFailures(entry.catalog).map((failure, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								role: "alert",
+								className: "dsh-ui-error dsh-ui-wrap",
+								children: t("catalogFailed", hubMessage(failure, t.language))
+							}, index)) : null,
+							entry.fields.map((field) => {
+								const key = `${entry.ns}:${field.path.join(".")}`;
+								const label = fieldLabel(field, t);
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "hub-row",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "hub-row-copy",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: "hub-row-label",
+											children: label
+										}), field.description ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "hub-row-description",
+											children: hubText(field.description, t.language)
+										}) : null]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "hub-editor",
+										children: field.editable === false ? field.description ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-ui-help",
+											children: t("collectionTemplate")
+										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldMenu, {
+											t,
+											catalog: entry.catalog !== void 0 ? entry.catalog : catalog,
+											current: field.current,
+											label,
+											allowFollow: field.allowFollow,
+											followLabel: followLabel(field, t),
+											reasoningEffort: field.supportsReasoning === false ? false : field.marker?.reasoningEffort,
+											disabled: disabled || !!entry.error || !!entry.catalogError || entry.catalog === void 0 && catalog === null,
+											onSet: (route) => setRoute(entry, field, route)
+										})
+									})]
+								}, key);
 							})
 						]
-					}, key);
-				})]
-			}, entry.ns)),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "dsh-ui-actions",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-					variant: "ghost",
-					disabled: writing !== "",
-					onClick: () => {
-						setEntries(null);
-						api.list().then((value) => {
-							setEntries(value);
-							setError("");
-						}, (error) => setError(t("failed", error instanceof Error ? error.message : String(error))));
-					},
-					children: t("refresh")
-				})
+					}, entry.ns))
+				]
 			}),
-			error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				role: "alert",
-				className: "dsh-ui-error dsh-ui-wrap",
-				children: error
-			}) : null
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				role: "tabpanel",
+				id: "dsh-model-hub-panel-cast",
+				"aria-labelledby": "dsh-model-hub-tab-cast",
+				hidden: tab !== "cast",
+				children: tab === "cast" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CastPage, {
+					api,
+					locale
+				}) : null
+			})
 		]
 	});
 }
-function apply(ctx) {
+async function apply(ctx) {
 	const client = ctx;
+	const disposeRemote = await client.remote.$mount(modelSettingsChangesRemote);
+	client.effect(() => disposeRemote);
+	const changes = createModelSettingsSubscriber(ctx, "*");
 	const call = async (endpoint, payload) => {
 		const result = await client.connection.rpc.call(CHANNEL, endpoint, payload);
 		if (!result?.ok) throw new Error(result?.error?.message || "Request failed");
@@ -1420,7 +2417,14 @@ function apply(ctx) {
 	const api = Object.freeze({
 		list: () => call("fields.list", {}),
 		setField: (payload) => call("fields.set", payload),
-		modelCatalog: () => client.remote.session.modelCatalog()
+		modelCatalog: () => client.remote.session.modelCatalog(),
+		subscribeChanges: changes.subscribe,
+		getCast: () => call("cast.get", {}),
+		setCastEnabled: (payload) => call("cast.setEnabled", payload),
+		addCastRoute: (payload) => call("cast.addRoute", payload),
+		setCastRoute: (payload) => call("cast.setRoute", payload),
+		removeCastRoute: (payload) => call("cast.removeRoute", payload),
+		setCastTendency: (payload) => call("cast.setTendency", payload)
 	});
 	client.slots.inject("plugins.bundle.config", () => client.slots.register({
 		name: "plugins.bundle.config",
@@ -1437,6 +2441,7 @@ exports.CHANNEL = CHANNEL;
 exports.FieldMenu = FieldMenu;
 exports.HubPage = HubPage;
 exports.apply = apply;
+exports.catalogFailures = catalogFailures;
 exports.inject = inject;
 exports.name = name;