@deepseek-ai/dsh-client-ui-settings-plugins 0.1.1-rc.2 → 0.1.2-alpha.2

package/lib/client.js

@@ -8,15 +8,15 @@ window.__ModuleLoader__.load({
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let react = require("react");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
-		let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
+		let _deepseek_ai_dsh_client_store = require("@deepseek-ai/dsh-client-store");
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-settings-plugins/src/client/fields.module.css.mjs
-		const css$2 = ".At1oFq_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.At1oFq_field+.At1oFq_field{border-top:1px solid var(--dsw-alias-border-l2)}.At1oFq_head{align-items:center;gap:8px;display:flex}.At1oFq_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.At1oFq_badges{align-items:center;gap:8px;display:inline-flex}.At1oFq_badge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.At1oFq_badgeMuted{white-space:nowrap;color:var(--dsw-alias-label-tertiary);border-radius:999px;padding:1px 8px;font-size:11px;line-height:17px}.At1oFq_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}.At1oFq_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.At1oFq_reset:disabled{cursor:default}.At1oFq_input{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.At1oFq_input:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.At1oFq_input:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.At1oFq_inputInvalid{border-color:var(--dsw-alias-label-error);}.At1oFq_invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.At1oFq_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}";
-		const tagId$2 = "@deepseek-ai/dsh-client-ui-settings-plugins/fields.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
+		const css$3 = ".At1oFq_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.At1oFq_field+.At1oFq_field{border-top:1px solid var(--dsw-alias-border-l2)}.At1oFq_head{align-items:center;gap:8px;display:flex}.At1oFq_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.At1oFq_badges{align-items:center;gap:8px;display:inline-flex}.At1oFq_badge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.At1oFq_badgeMuted{white-space:nowrap;color:var(--dsw-alias-label-tertiary);border-radius:999px;padding:1px 8px;font-size:11px;line-height:17px}.At1oFq_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}.At1oFq_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.At1oFq_reset:disabled{cursor:default}.At1oFq_input{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.At1oFq_input:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.At1oFq_input:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.At1oFq_inputInvalid{border-color:var(--dsw-alias-label-error);}.At1oFq_invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.At1oFq_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}";
+		const tagId$3 = "@deepseek-ai/dsh-client-ui-settings-plugins/fields.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-settings-plugins";
-			tag.dataset.pluginCss = tagId$2;
-			tag.textContent = css$2;
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
 			document.head.appendChild(tag);
 		}
 		var fields_module_css_default = {
@@ -152,13 +152,13 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-settings-plugins/src/client/PluginCard.module.css.mjs
-		const css$1 = ".YyYd_a_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}.YyYd_a_card:hover{border-color:var(--dsw-alias-label-dimmed)}.YyYd_a_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.YyYd_a_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.YyYd_a_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.YyYd_a_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.YyYd_a_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.YyYd_a_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.YyYd_a_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.YyYd_a_chevronOpen{transform:rotate(180deg)}.YyYd_a_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.YyYd_a_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.YyYd_a_pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.YyYd_a_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.YyYd_a_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.YyYd_a_discard,.YyYd_a_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.YyYd_a_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.YyYd_a_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.YyYd_a_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.YyYd_a_discard:disabled,.YyYd_a_save:disabled{opacity:.4;cursor:default}.YyYd_a_discard:focus-visible,.YyYd_a_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}";
-		const tagId$1 = "@deepseek-ai/dsh-client-ui-settings-plugins/PluginCard.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
+		const css$2 = ".YyYd_a_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}.YyYd_a_card:hover{border-color:var(--dsw-alias-label-dimmed)}.YyYd_a_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.YyYd_a_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.YyYd_a_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.YyYd_a_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.YyYd_a_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.YyYd_a_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.YyYd_a_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.YyYd_a_chevronOpen{transform:rotate(180deg)}.YyYd_a_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.YyYd_a_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.YyYd_a_pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.YyYd_a_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.YyYd_a_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.YyYd_a_discard,.YyYd_a_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.YyYd_a_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.YyYd_a_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.YyYd_a_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.YyYd_a_discard:disabled,.YyYd_a_save:disabled{opacity:.4;cursor:default}.YyYd_a_discard:focus-visible,.YyYd_a_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}";
+		const tagId$2 = "@deepseek-ai/dsh-client-ui-settings-plugins/PluginCard.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-settings-plugins";
-			tag.dataset.pluginCss = tagId$1;
-			tag.textContent = css$1;
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
 			document.head.appendChild(tag);
 		}
 		var PluginCard_module_css_default = {
@@ -202,7 +202,21 @@ window.__ModuleLoader__.load({
 		*/
 		function PluginCard(props) {
 			const [open, setOpen] = (0, react.useState)(false);
+			const saveStarted = (0, react.useRef)(false);
 			const { state } = props;
+			(0, react.useEffect)(() => {
+				if (state.saving) {
+					saveStarted.current = true;
+					return;
+				}
+				if (!saveStarted.current) return;
+				saveStarted.current = false;
+				if (!state.dirty && !state.failed) setOpen(false);
+			}, [
+				state.dirty,
+				state.failed,
+				state.saving
+			]);
 			if (!state.available) return null;
 			const title = props.t(props.titleKey);
 			const blocked = !state.dirty || state.invalid || state.saving;
@@ -361,13 +375,13 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-settings-plugins/src/client/PluginsSettingsSection.module.css.mjs
-		const css = ".pbvGtq_section{max-width:760px;color:var(--dsw-alias-label-primary);flex-direction:column;gap:12px;display:flex}.pbvGtq_heading{margin:0;font-size:18px;font-weight:600}.pbvGtq_intro{color:var(--dsw-alias-label-tertiary);margin:0;font-size:13px}.pbvGtq_tabs{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:flex-end;gap:22px;margin-top:2px;display:flex}.pbvGtq_tab{color:var(--dsw-alias-label-tertiary);font:inherit;cursor:pointer;background:0 0;border:0;padding:7px 1px 9px;font-size:13px;line-height:20px;position:relative}.pbvGtq_tab:hover,.pbvGtq_tab[data-active=true]{color:var(--dsw-alias-label-primary)}.pbvGtq_tab[data-active=true]:after,.pbvGtq_tab:focus-visible:after{background:var(--dsw-alias-label-primary);content:\"\";border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.pbvGtq_tab:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px;color:var(--dsw-alias-label-primary);border-radius:2px}.pbvGtq_panel{min-width:0;padding-top:2px}.pbvGtq_cards{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pbvGtq_empty{color:var(--dsw-alias-label-tertiary);margin:0;font-size:13px}";
-		const tagId = "@deepseek-ai/dsh-client-ui-settings-plugins/PluginsSettingsSection.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+		const css$1 = ".pbvGtq_section{max-width:760px;color:var(--dsw-alias-label-primary);flex-direction:column;gap:12px;display:flex}.pbvGtq_heading{margin:0;font-size:18px;font-weight:600}.pbvGtq_intro{color:var(--dsw-alias-label-tertiary);margin:0;font-size:13px}.pbvGtq_tabs{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:flex-end;gap:22px;margin-top:2px;display:flex}.pbvGtq_tab{color:var(--dsw-alias-label-tertiary);font:inherit;cursor:pointer;background:0 0;border:0;padding:7px 1px 9px;font-size:13px;line-height:20px;position:relative}.pbvGtq_tab:hover,.pbvGtq_tab[data-active=true]{color:var(--dsw-alias-label-primary)}.pbvGtq_tab[data-active=true]:after,.pbvGtq_tab:focus-visible:after{background:var(--dsw-alias-label-primary);content:\"\";border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.pbvGtq_tab:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px;color:var(--dsw-alias-label-primary);border-radius:2px}.pbvGtq_panel{min-width:0;padding-top:2px}.pbvGtq_cards{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pbvGtq_empty{color:var(--dsw-alias-label-tertiary);margin:0;font-size:13px}";
+		const tagId$1 = "@deepseek-ai/dsh-client-ui-settings-plugins/PluginsSettingsSection.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-settings-plugins";
-			tag.dataset.pluginCss = tagId;
-			tag.textContent = css;
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
 			document.head.appendChild(tag);
 		}
 		var PluginsSettingsSection_module_css_default = {
@@ -501,6 +515,176 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-settings-plugins/src/client/SubagentModelSelectionCard.module.css.mjs
+		const css = ".vCGm7G_permission{gap:6px;padding:12px 0;display:grid}.vCGm7G_toggleRow{color:var(--dsw-alias-label-primary);justify-content:space-between;align-items:flex-start;gap:16px;font-size:13px;line-height:1.5;display:flex}.vCGm7G_toggleLabel{flex:1;min-width:0}.vCGm7G_switch{box-sizing:border-box;background:var(--dsw-alias-border-l3);cursor:pointer;border:0;border-radius:10px;flex:none;width:36px;height:20px;padding:2px;position:relative}.vCGm7G_switchOn{background:var(--dsw-alias-brand-primary)}.vCGm7G_switch:disabled{cursor:default;opacity:.5}.vCGm7G_switch:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.vCGm7G_thumb{background:var(--dsw-alias-label-primary-foreground);border-radius:50%;width:16px;height:16px;transition:transform .12s;display:block}.vCGm7G_switchOn .vCGm7G_thumb{transform:translate(16px)}.vCGm7G_selection{gap:10px;display:grid}.vCGm7G_hint,.vCGm7G_notice,.vCGm7G_invalid,.vCGm7G_conflict{margin:0;font-size:12px;line-height:1.5}.vCGm7G_hint,.vCGm7G_notice{color:var(--dsw-alias-label-tertiary)}.vCGm7G_invalid,.vCGm7G_conflict{color:var(--dsw-alias-label-error)}.vCGm7G_catalogError{color:var(--dsw-alias-label-error);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.vCGm7G_catalogError button{color:var(--dsw-alias-brand-primary);cursor:pointer;background:0 0;border:0;padding:0}.vCGm7G_models{border:1px solid var(--dsw-alias-border-l2);border-radius:8px;gap:6px;min-width:0;max-height:280px;margin:0;padding:10px;display:grid;overflow:auto}.vCGm7G_models legend{color:var(--dsw-alias-label-secondary);padding:0 4px;font-size:12px}.vCGm7G_modelGroup{gap:6px;display:grid}.vCGm7G_modelGroup+.vCGm7G_modelGroup{border-top:1px solid var(--dsw-alias-border-l3);margin-top:4px;padding-top:10px}.vCGm7G_providerName{color:var(--dsw-alias-label-tertiary);padding:0 6px;font-size:11px;font-weight:500}.vCGm7G_model{cursor:pointer;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:6px;display:grid}.vCGm7G_model:hover{background:var(--dsw-alias-bg-layer-4)}.vCGm7G_modelName,.vCGm7G_route{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.vCGm7G_modelName{color:var(--dsw-alias-label-primary);font-size:13px}.vCGm7G_route{color:var(--dsw-alias-label-tertiary);margin-top:2px;font-size:11px}.vCGm7G_unavailable{color:var(--dsw-alias-label-tertiary);font-size:11px}";
+		const tagId = "@deepseek-ai/dsh-client-ui-settings-plugins/SubagentModelSelectionCard.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-settings-plugins";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var SubagentModelSelectionCard_module_css_default = {
+			"catalogError": "vCGm7G_catalogError",
+			"conflict": "vCGm7G_conflict",
+			"hint": "vCGm7G_hint",
+			"invalid": "vCGm7G_invalid",
+			"model": "vCGm7G_model",
+			"modelGroup": "vCGm7G_modelGroup",
+			"modelName": "vCGm7G_modelName",
+			"models": "vCGm7G_models",
+			"notice": "vCGm7G_notice",
+			"permission": "vCGm7G_permission",
+			"providerName": "vCGm7G_providerName",
+			"route": "vCGm7G_route",
+			"selection": "vCGm7G_selection",
+			"switch": "vCGm7G_switch",
+			"switchOn": "vCGm7G_switchOn",
+			"thumb": "vCGm7G_thumb",
+			"toggleLabel": "vCGm7G_toggleLabel",
+			"toggleRow": "vCGm7G_toggleRow",
+			"unavailable": "vCGm7G_unavailable"
+		};
+		//#endregion
+		//#region lib/types/client/SubagentModelSelectionCard.js
+		/** User control for model-selectable subagent delegation in new sessions. */
+		/**
+		* Render the default-off preference and its exact adapter-route choices.
+		* @param props - locale copy, the card snapshot, and its toggle action.
+		* @returns the preference card, or nothing when the namespace is unavailable.
+		*/
+		function SubagentModelSelectionCard(props) {
+			const { t } = props;
+			const state = props.useSubagentModelSelectionCard((snapshot) => snapshot);
+			const availableGroups = /* @__PURE__ */ new Map();
+			const unavailable = [];
+			for (const candidate of state.candidates) {
+				if (!candidate.available) {
+					unavailable.push(candidate);
+					continue;
+				}
+				const group = availableGroups.get(candidate.provider);
+				if (group === void 0) availableGroups.set(candidate.provider, {
+					providerName: candidate.providerName,
+					candidates: [candidate]
+				});
+				else group.candidates.push(candidate);
+			}
+			const renderCandidate = (candidate) => (0, react_jsx_runtime.jsxs)("label", {
+				className: SubagentModelSelectionCard_module_css_default.model,
+				children: [
+					(0, react_jsx_runtime.jsx)("input", {
+						type: "checkbox",
+						checked: candidate.selected,
+						disabled: !state.writable || state.saving,
+						onChange: () => {
+							props.toggleModel(candidate.key);
+						}
+					}),
+					(0, react_jsx_runtime.jsxs)("span", { children: [(0, react_jsx_runtime.jsx)("span", {
+						className: SubagentModelSelectionCard_module_css_default.modelName,
+						children: candidate.modelName
+					}), (0, react_jsx_runtime.jsx)("span", {
+						className: SubagentModelSelectionCard_module_css_default.route,
+						children: `${candidate.providerName} · ${candidate.provider}/${candidate.model}`
+					})] }),
+					!candidate.available ? (0, react_jsx_runtime.jsx)("span", {
+						className: SubagentModelSelectionCard_module_css_default.unavailable,
+						children: t("subagentModelSelectionUnavailable")
+					}) : null
+				]
+			}, candidate.key);
+			return (0, react_jsx_runtime.jsxs)(PluginCard, {
+				t,
+				titleKey: "subagentModelSelectionTitle",
+				descriptionKey: "subagentModelSelectionDescription",
+				state,
+				onSave: props.save,
+				onDiscard: props.discard,
+				children: [
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: SubagentModelSelectionCard_module_css_default.permission,
+						children: [(0, react_jsx_runtime.jsxs)("div", {
+							className: SubagentModelSelectionCard_module_css_default.toggleRow,
+							children: [(0, react_jsx_runtime.jsx)("span", {
+								className: SubagentModelSelectionCard_module_css_default.toggleLabel,
+								children: t("subagentModelSelectionToggle")
+							}), (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								role: "switch",
+								"aria-checked": state.enabled,
+								"aria-label": t("subagentModelSelectionToggle"),
+								className: clsx(SubagentModelSelectionCard_module_css_default.switch, state.enabled && SubagentModelSelectionCard_module_css_default.switchOn),
+								disabled: !state.writable || state.saving,
+								onClick: props.toggleEnabled,
+								children: (0, react_jsx_runtime.jsx)("span", { className: SubagentModelSelectionCard_module_css_default.thumb })
+							})]
+						}), (0, react_jsx_runtime.jsx)("p", {
+							className: SubagentModelSelectionCard_module_css_default.hint,
+							children: t(state.enabled ? "subagentModelSelectionChoose" : "subagentModelSelectionOff")
+						})]
+					}),
+					state.enabled ? (0, react_jsx_runtime.jsxs)("div", {
+						className: SubagentModelSelectionCard_module_css_default.selection,
+						children: [
+							state.catalogStatus === "loading" ? (0, react_jsx_runtime.jsx)("p", {
+								className: SubagentModelSelectionCard_module_css_default.notice,
+								role: "status",
+								children: t("subagentModelSelectionLoading")
+							}) : null,
+							state.catalogStatus === "error" ? (0, react_jsx_runtime.jsxs)("div", {
+								className: SubagentModelSelectionCard_module_css_default.catalogError,
+								role: "alert",
+								children: [(0, react_jsx_runtime.jsx)("span", { children: t("subagentModelSelectionLoadFailed") }), (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									disabled: state.saving,
+									onClick: props.retryCatalog,
+									children: t("subagentModelSelectionRetry")
+								})]
+							}) : null,
+							state.catalogPartial ? (0, react_jsx_runtime.jsx)("p", {
+								className: SubagentModelSelectionCard_module_css_default.notice,
+								children: t("subagentModelSelectionPartial")
+							}) : null,
+							state.candidates.length > 0 ? (0, react_jsx_runtime.jsxs)("fieldset", {
+								className: SubagentModelSelectionCard_module_css_default.models,
+								children: [
+									(0, react_jsx_runtime.jsx)("legend", { children: t("subagentModelSelectionAllowed") }),
+									[...availableGroups].map(([provider, group]) => (0, react_jsx_runtime.jsxs)("div", {
+										className: SubagentModelSelectionCard_module_css_default.modelGroup,
+										children: [(0, react_jsx_runtime.jsx)("div", {
+											className: SubagentModelSelectionCard_module_css_default.providerName,
+											children: group.providerName
+										}), group.candidates.map(renderCandidate)]
+									}, provider)),
+									unavailable.length > 0 ? (0, react_jsx_runtime.jsxs)("div", {
+										className: SubagentModelSelectionCard_module_css_default.modelGroup,
+										children: [(0, react_jsx_runtime.jsx)("div", {
+											className: SubagentModelSelectionCard_module_css_default.providerName,
+											children: t("subagentModelSelectionUnavailableGroup")
+										}), unavailable.map(renderCandidate)]
+									}) : null
+								]
+							}) : state.catalogStatus === "ready" ? (0, react_jsx_runtime.jsx)("p", {
+								className: SubagentModelSelectionCard_module_css_default.notice,
+								children: t("subagentModelSelectionEmpty")
+							}) : null,
+							state.invalid ? (0, react_jsx_runtime.jsx)("p", {
+								className: SubagentModelSelectionCard_module_css_default.invalid,
+								children: t("subagentModelSelectionRequired")
+							}) : null
+						]
+					}) : null,
+					state.conflicted ? (0, react_jsx_runtime.jsx)("p", {
+						className: SubagentModelSelectionCard_module_css_default.conflict,
+						role: "status",
+						children: t("subagentModelSelectionConflict")
+					}) : null
+				]
+			});
+		}
+		//#endregion
 		//#region lib/types/client/WebSearchCard.js
 		/**
 		* Render the web-search card.
@@ -657,7 +841,7 @@ window.__ModuleLoader__.load({
 			* @returns the store the card's component reads through its bound selector.
 			*/
 			bind(project) {
-				const store = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)(project());
+				const store = (0, _deepseek_ai_dsh_client_store.createSnapshotStore)(project());
 				this.listeners.add(() => {
 					store.set(project());
 				});
@@ -924,7 +1108,7 @@ window.__ModuleLoader__.load({
 		var ConfigurablePluginsTabController = class {
 			describeFace;
 			entries;
-			store = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)({
+			store = (0, _deepseek_ai_dsh_client_store.createSnapshotStore)({
 				loaded: false,
 				namespaces: []
 			});
@@ -976,6 +1160,281 @@ window.__ModuleLoader__.load({
 			}
 		};
 		//#endregion
+		//#region lib/types/client/subagent-model-selection-card-controller.js
+		/** Staged editor for the Host-owned subagent model allowlist. */
+		/** Namespace of the Host-owned subagent model-selection preference. */
+		const SUBAGENT_MODEL_SELECTION_NS = "subagent-model-selection";
+		/**
+		* Stable identity for one exact route; callers resolve it by lookup and never parse it.
+		* @param route - Provider/model route to identify.
+		* @returns Opaque key for lookup within the card.
+		*/
+		function subagentModelKey(route) {
+			return `${route.provider}\0${route.model}`;
+		}
+		/**
+		* Join live adapter metadata with stored routes that remain removable after disappearance.
+		* @param groups - Current model directory grouped by provider.
+		* @param stored - Routes in the effective settings value.
+		* @param selected - Opaque route keys selected in the current draft.
+		* @returns Candidate rows for the card.
+		*/
+		function subagentModelCandidates(groups, stored, selected) {
+			const storedByKey = new Map(stored.map((route) => [subagentModelKey(route), route]));
+			const candidates = groups.flatMap((group) => group.models.map((model) => {
+				const route = {
+					provider: group.id,
+					model: model.id
+				};
+				const key = subagentModelKey(route);
+				storedByKey.delete(key);
+				return {
+					...route,
+					key,
+					providerName: group.name,
+					modelName: model.name,
+					available: true,
+					selected: selected.has(key)
+				};
+			}));
+			for (const route of storedByKey.values()) {
+				const key = subagentModelKey(route);
+				candidates.push({
+					...route,
+					key,
+					providerName: route.provider,
+					modelName: route.model,
+					available: false,
+					selected: selected.has(key)
+				});
+			}
+			return candidates;
+		}
+		function sameRoutes(left, right) {
+			if (left.length !== right.length) return false;
+			const rightKeys = new Set(right.map(subagentModelKey));
+			return left.every((route) => rightKeys.has(subagentModelKey(route)));
+		}
+		/** Bridges one settings scope and the live adapter directory onto a staged card. */
+		var SubagentModelSelectionCardController = class {
+			scope;
+			ctx;
+			catalogGroups = [];
+			catalogPartial = false;
+			catalogStatus = "idle";
+			draftEnabled;
+			draftRoutes;
+			draftRevision;
+			saving = false;
+			failed = false;
+			conflicted = false;
+			disposed = false;
+			saveGeneration = 0;
+			catalogGeneration = 0;
+			store;
+			unsubscribe;
+			/**
+			* @param scope - bound `subagent-model-selection` settings scope.
+			* @param ctx - the card plugin's context, whose `remote.session` namespace
+			* answers the Host model catalog.
+			*/
+			constructor(scope, ctx) {
+				this.scope = scope;
+				this.ctx = ctx;
+				this.store = (0, _deepseek_ai_dsh_client_store.createSnapshotStore)(this.projection());
+				this.unsubscribe = scope.subscribe(() => {
+					if (!this.saving && this.draftRoutes !== void 0 && this.scope.getSnapshot().revision !== this.draftRevision) if (this.currentEnabled() === this.enabled() && sameRoutes(this.currentRoutes(), this.desiredRoutes())) this.clearDraft();
+					else this.conflicted = true;
+					if (this.enabled() && this.catalogStatus === "idle") this.loadCatalog();
+					this.publish();
+				});
+				if (this.enabled() && this.catalogStatus === "idle") this.loadCatalog();
+			}
+			/** Stop observing settings and suppress late directory/write settlements. */
+			dispose() {
+				this.disposed = true;
+				this.saveGeneration += 1;
+				this.catalogGeneration += 1;
+				this.unsubscribe();
+			}
+			/**
+			* Build the renderer face for this card.
+			* @returns The snapshot and staged card actions injected into the renderer.
+			*/
+			inject() {
+				return {
+					hooks: { subagentModelSelectionCard: this.store },
+					toggleEnabled: () => {
+						this.toggleEnabled();
+					},
+					toggleModel: (key) => {
+						this.toggleModel(key);
+					},
+					retryCatalog: () => {
+						this.loadCatalog();
+					},
+					save: () => {
+						this.save();
+					},
+					discard: () => {
+						this.discard();
+					}
+				};
+			}
+			currentRoutes() {
+				return this.scope.getSnapshot().value?.allowedModels.map((route) => ({ ...route })) ?? [];
+			}
+			currentEnabled() {
+				return this.scope.getSnapshot().value?.enabled ?? false;
+			}
+			selected() {
+				return new Set(this.draftRoutes?.keys() ?? this.currentRoutes().map(subagentModelKey));
+			}
+			enabled() {
+				return this.draftEnabled ?? this.currentEnabled();
+			}
+			beginDraft() {
+				if (this.draftRoutes === void 0) {
+					const snapshot = this.scope.getSnapshot();
+					this.draftEnabled = snapshot.value?.enabled ?? false;
+					this.draftRoutes = new Map(snapshot.value?.allowedModels.map((route) => [subagentModelKey(route), { ...route }]) ?? []);
+					this.draftRevision = snapshot.revision;
+				}
+				return this.draftRoutes;
+			}
+			toggleEnabled() {
+				const snapshot = this.scope.getSnapshot();
+				if (this.disposed || snapshot.status !== "ready" || !snapshot.writable || this.saving) return;
+				this.beginDraft();
+				this.draftEnabled = !this.draftEnabled;
+				this.failed = false;
+				if (this.draftEnabled && this.catalogStatus === "idle") this.loadCatalog();
+				this.publish();
+			}
+			toggleModel(key) {
+				if (!this.enabled() || this.saving || !this.scope.getSnapshot().writable) return;
+				const candidate = this.candidates().find((candidate) => candidate.key === key);
+				if (candidate === void 0) return;
+				const routes = this.beginDraft();
+				if (routes.has(key)) routes.delete(key);
+				else routes.set(key, {
+					provider: candidate.provider,
+					model: candidate.model
+				});
+				this.failed = false;
+				this.publish();
+			}
+			clearDraft() {
+				this.draftEnabled = void 0;
+				this.draftRoutes = void 0;
+				this.draftRevision = void 0;
+				this.failed = false;
+				this.conflicted = false;
+			}
+			discard() {
+				if (this.saving) return;
+				this.clearDraft();
+				this.publish();
+			}
+			candidates() {
+				const retained = new Map(this.currentRoutes().map((route) => [subagentModelKey(route), route]));
+				for (const [key, route] of this.draftRoutes ?? []) retained.set(key, route);
+				return subagentModelCandidates(this.catalogGroups, [...retained.values()], this.selected());
+			}
+			desiredRoutes() {
+				return [...this.draftRoutes?.values() ?? this.currentRoutes()].map((route) => ({ ...route }));
+			}
+			async save() {
+				const snapshot = this.scope.getSnapshot();
+				const desiredEnabled = this.enabled();
+				const desired = this.desiredRoutes();
+				if (this.disposed || snapshot.status !== "ready" || !snapshot.writable || this.saving || this.currentEnabled() === desiredEnabled && sameRoutes(this.currentRoutes(), desired) || desiredEnabled && desired.length === 0) return;
+				if (this.draftRoutes !== void 0 && snapshot.revision !== this.draftRevision) {
+					this.conflicted = true;
+					this.publish();
+					return;
+				}
+				const generation = this.saveGeneration;
+				this.saving = true;
+				this.failed = false;
+				this.conflicted = false;
+				this.publish();
+				await this.scope.mutate([{
+					op: "set",
+					path: ["enabled"],
+					value: desiredEnabled
+				}, {
+					op: "set",
+					path: ["allowedModels"],
+					value: desired.map((route) => ({
+						provider: route.provider,
+						model: route.model
+					}))
+				}], this.draftRevision);
+				if (generation !== this.saveGeneration) return;
+				const landed = this.currentEnabled() === desiredEnabled && sameRoutes(this.currentRoutes(), desired);
+				this.saving = false;
+				this.failed = !landed;
+				if (landed) this.clearDraft();
+				this.publish();
+			}
+			/** Invalidate and reload model candidates after a Host model input changes. */
+			refreshCatalog() {
+				if (this.disposed) return;
+				this.catalogGeneration += 1;
+				this.catalogStatus = "idle";
+				this.catalogPartial = false;
+				if (this.enabled()) this.loadCatalog();
+				else this.publish();
+			}
+			/** Drop Host-specific candidates and drafts, then reload after reconnecting. */
+			resetConnection() {
+				if (this.disposed) return;
+				this.saveGeneration += 1;
+				this.saving = false;
+				this.clearDraft();
+				this.catalogGroups = [];
+				this.refreshCatalog();
+			}
+			async loadCatalog() {
+				if (this.disposed || this.catalogStatus === "loading") return;
+				const generation = this.catalogGeneration;
+				this.catalogStatus = "loading";
+				this.catalogPartial = false;
+				this.publish();
+				const response = await this.ctx.remote.session.modelCatalog();
+				if (generation !== this.catalogGeneration) return;
+				if (response.ok) {
+					this.catalogGroups = response.value.groups;
+					this.catalogPartial = response.value.failures.length > 0;
+					this.catalogStatus = "ready";
+				} else this.catalogStatus = "error";
+				this.publish();
+			}
+			projection() {
+				const snapshot = this.scope.getSnapshot();
+				const current = this.currentRoutes();
+				const desired = this.desiredRoutes();
+				const enabled = this.enabled();
+				return {
+					available: snapshot.status === "ready",
+					writable: snapshot.writable,
+					dirty: this.currentEnabled() !== enabled || !sameRoutes(current, desired),
+					invalid: enabled && desired.length === 0,
+					saving: this.saving,
+					failed: this.failed,
+					enabled,
+					candidates: this.candidates(),
+					catalogStatus: this.catalogStatus,
+					catalogPartial: this.catalogPartial,
+					conflicted: this.conflicted
+				};
+			}
+			publish() {
+				this.store.set(this.projection());
+			}
+		};
+		//#endregion
 		//#region lib/types/client/web-search-card-controller.js
 		/**
 		* The web-search card's staged form over the `web-search-deepseek` settings
@@ -999,7 +1458,7 @@ window.__ModuleLoader__.load({
 		/** Bridges the `web-search-deepseek` scope and the credentials domain onto the card. */
 		var WebSearchCardController = class {
 			scope;
-			api;
+			ctx;
 			form;
 			store;
 			credential = {
@@ -1009,11 +1468,12 @@ window.__ModuleLoader__.load({
 			};
 			/**
 			* @param scope - the bound settings scope for the `web-search-deepseek` namespace.
-			* @param api - wire face used for the credential the section references.
+			* @param ctx - the card plugin's context, whose `remote.credentials` namespace
+			* answers for the credential the section references.
 			*/
-			constructor(scope, api) {
+			constructor(scope, ctx) {
 				this.scope = scope;
-				this.api = api;
+				this.ctx = ctx;
 				this.form = new CardForm(scope, [textField("baseURL"), numberField("maxUses")], [{
 					field: API_KEY_FIELD,
 					write: (text) => this.writeKey(text)
@@ -1052,14 +1512,9 @@ window.__ModuleLoader__.load({
 					};
 					this.store.set(this.projection());
 				}
-				let response;
-				try {
-					response = await this.api.credentials.describe({ refs: [ref] });
-				} catch (_credentialReadFailure) {
-					return;
-				}
-				if (!response.result.ok || ref !== refOf(this.scope.getSnapshot())) return;
-				const view = response.result.value.credentials[ref];
+				const response = await this.ctx.remote.credentials.describe([ref]);
+				if (!response.ok || ref !== refOf(this.scope.getSnapshot())) return;
+				const view = response.value[ref];
 				const next = {
 					ref,
 					configured: view?.configured ?? false,
@@ -1097,12 +1552,7 @@ window.__ModuleLoader__.load({
 			* @returns whether the Host reports a configured credential afterwards.
 			*/
 			async writeKey(value) {
-				try {
-					await this.api.credentials.set({
-						ref: refOf(this.scope.getSnapshot()),
-						value
-					});
-				} catch (_credentialWriteFailure) {}
+				await this.ctx.remote.credentials.set(refOf(this.scope.getSnapshot()), value);
 				await this.readCredential();
 				return this.credential.configured;
 			}
@@ -1157,7 +1607,22 @@ window.__ModuleLoader__.load({
 			webSearchBaseUrl: "Endpoint",
 			webSearchBaseUrlHint: "Leave blank to use the provider default.",
 			webSearchMaxUses: "Max searches per request",
-			webSearchMaxUsesHint: "How many times one request may search before it must answer."
+			webSearchMaxUsesHint: "How many times one request may search before it must answer.",
+			subagentModelSelectionTitle: "Subagent",
+			subagentModelSelectionDescription: "Control which models agents may choose for subagents.",
+			subagentModelSelectionToggle: "Allow agents to choose models for subagents",
+			subagentModelSelectionChoose: "When enabled, agents can choose a provider, model, and reasoning effort for each subagent from the authorized models below. Applies only to new sessions.",
+			subagentModelSelectionAllowed: "Models agents may choose",
+			subagentModelSelectionLoading: "Loading models…",
+			subagentModelSelectionLoadFailed: "Models could not be loaded.",
+			subagentModelSelectionRetry: "Retry",
+			subagentModelSelectionPartial: "Some model providers could not be loaded; saved choices remain removable.",
+			subagentModelSelectionUnavailable: "Currently unavailable",
+			subagentModelSelectionUnavailableGroup: "Saved but currently unavailable",
+			subagentModelSelectionEmpty: "No model provider currently advertises a model.",
+			subagentModelSelectionRequired: "Select at least one model before saving.",
+			subagentModelSelectionConflict: "Settings changed elsewhere. Discard your draft and try again.",
+			subagentModelSelectionOff: "Subagents use configured defaults or inherit the parent agent's model. Saved model choices are retained."
 		};
 		/** Simplified Chinese copy. */
 		const zh = {
@@ -1197,7 +1662,22 @@ window.__ModuleLoader__.load({
 			webSearchBaseUrl: "接口地址",
 			webSearchBaseUrlHint: "留空则使用提供方默认地址。",
 			webSearchMaxUses: "单次请求最多搜索次数",
-			webSearchMaxUsesHint: "一次请求在必须作答前最多可以搜索多少次。"
+			webSearchMaxUsesHint: "一次请求在必须作答前最多可以搜索多少次。",
+			subagentModelSelectionTitle: "Subagent",
+			subagentModelSelectionDescription: "控制 Agent 为 Subagent 选择模型的权限。",
+			subagentModelSelectionToggle: "允许 Agent 为 Subagent 选择模型",
+			subagentModelSelectionChoose: "开启后，Agent 可以从下方授权模型中，为每个 Subagent 选择提供方、模型和推理强度。仅影响新会话。",
+			subagentModelSelectionAllowed: "Agent 可选择的模型",
+			subagentModelSelectionLoading: "正在加载模型…",
+			subagentModelSelectionLoadFailed: "无法加载模型。",
+			subagentModelSelectionRetry: "重试",
+			subagentModelSelectionPartial: "部分模型提供方暂时无法加载；已保存的选择仍可移除。",
+			subagentModelSelectionUnavailable: "当前不可用",
+			subagentModelSelectionUnavailableGroup: "已保存但当前不可用",
+			subagentModelSelectionEmpty: "当前没有模型提供方公布模型。",
+			subagentModelSelectionRequired: "保存前请至少选择一个模型。",
+			subagentModelSelectionConflict: "设置已在其他位置更新。请放弃修改后重试。",
+			subagentModelSelectionOff: "关闭后，Subagent 使用配置的默认模型或继承父 Agent 的模型；已选模型会保留。"
 		};
 		//#endregion
 		//#region lib/types/client/index.js
@@ -1207,7 +1687,7 @@ window.__ModuleLoader__.load({
 		*
 		* The section declares `settings.plugins.tab`; its own `configurable` tab then
 		* declares `settings.plugin.item` and renders whatever cards were registered
-		* into it. The three cards this package ships are the host-plane sections the
+		* into it. The cards this package ships are the host-plane sections the
 		* deployment already exposes; each binds its namespace through the client
 		* settings scope, which keeps them unaware of one another and of other tabs.
 		*/
@@ -1217,8 +1697,9 @@ window.__ModuleLoader__.load({
 		const inject = [
 			"slots",
 			"locale",
-			"connection",
 			"remote",
+			"remote.credentials",
+			"remote.session",
 			"settingsScope"
 		];
 		/**
@@ -1226,7 +1707,6 @@ window.__ModuleLoader__.load({
 		* @param ctx - the browser plugin context.
 		*/
 		function apply(ctx) {
-			const { api } = ctx.get("connection");
 			const t = ctx.locale.bind(NS);
 			ctx.effect(() => ctx.locale.register(NS, {
 				zh,
@@ -1234,10 +1714,23 @@ window.__ModuleLoader__.load({
 			}), "ui-settings-plugins: section dictionaries");
 			const bash = new BashCardController(ctx.settingsScope.bind({ namespace: SHELL_NS }));
 			const agentLoop = new AgentLoopCardController(ctx.settingsScope.bind({ namespace: AGENT_LOOP_NS }));
-			const webSearch = new WebSearchCardController(ctx.settingsScope.bind({ namespace: WEB_SEARCH_NS }), api);
+			const webSearch = new WebSearchCardController(ctx.settingsScope.bind({ namespace: WEB_SEARCH_NS }), ctx);
+			const subagentModelSelection = new SubagentModelSelectionCardController(ctx.settingsScope.bind({ namespace: SUBAGENT_MODEL_SELECTION_NS }), ctx);
 			ctx.effect(() => ctx.remote.$on("credentials/reference-updated", (ref) => {
 				webSearch.refreshCredential(ref);
 			}), "ui-settings-plugins: credential invalidations");
+			ctx.effect(() => ctx.remote.$on("llm/adapters-updated", () => {
+				subagentModelSelection.refreshCatalog();
+			}), "ui-settings-plugins: subagent adapter invalidations");
+			ctx.effect(() => ctx.remote.$on("settings/document-updated", () => {
+				subagentModelSelection.refreshCatalog();
+			}), "ui-settings-plugins: subagent settings invalidations");
+			ctx.effect(() => ctx.on("connection/reset", () => {
+				subagentModelSelection.resetConnection();
+			}), "ui-settings-plugins: subagent connection generation");
+			ctx.effect(() => () => {
+				subagentModelSelection.dispose();
+			}, "ui-settings-plugins: subagent preference");
 			const configurable = new ConfigurablePluginsTabController(ctx.settingsScope.describe(), () => ctx.slots.entries("settings.plugin.item"));
 			ctx.effect(() => () => {
 				configurable.dispose();
@@ -1310,6 +1803,12 @@ window.__ModuleLoader__.load({
 					locale: NS,
 					inject: () => agentLoop.inject()
 				}, AgentLoopCard);
+				yield ctx.slots.register({
+					name: "settings.plugin.item",
+					key: SUBAGENT_MODEL_SELECTION_NS,
+					locale: NS,
+					inject: () => subagentModelSelection.inject()
+				}, SubagentModelSelectionCard);
 				yield ctx.slots.register({
 					name: "settings.plugin.item",
 					key: WEB_SEARCH_NS,