@songtonyli/dsh-cli 0.1.12 → 0.1.13

package/node_modules/@deepseek-ai/dsh-client-ui-settings-plugins/lib/client.js

@@ -6,28 +6,30 @@ window.__ModuleLoader__.load({
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		let _deepseek_ai_dsh_client_ui_slots = require("@deepseek-ai/dsh-client-ui-slots");
 		let react_jsx_runtime = require("react/jsx-runtime");
-		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let _deepseek_ai_dsh_client_store = require("@deepseek-ai/dsh-client-store");
 		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-settings-plugins/src/client/fields.module.css.mjs
-		const css$3 = ".ZRCKMG_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.ZRCKMG_field+.ZRCKMG_field{border-top:.5px solid var(--dsw-alias-border-l2)}.ZRCKMG_head{align-items:center;gap:8px;display:flex}.ZRCKMG_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.ZRCKMG_badges{align-items:center;gap:8px;display:inline-flex}.ZRCKMG_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}.ZRCKMG_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.ZRCKMG_reset:disabled{cursor:default}.ZRCKMG_input{border:.5px solid var(--dsw-alias-border-l4);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}.ZRCKMG_input:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.ZRCKMG_input:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.ZRCKMG_inputInvalid{border-color:var(--dsw-alias-label-error);}.ZRCKMG_invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.ZRCKMG_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 css$5 = ".ZRCKMG_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.ZRCKMG_field+.ZRCKMG_field{border-top:.5px solid var(--dsw-alias-border-l2)}.ZRCKMG_head{align-items:center;gap:8px;display:flex}.ZRCKMG_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.ZRCKMG_labelGroup{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.ZRCKMG_labelGroup>.ZRCKMG_label{flex:0 auto}.ZRCKMG_helpButton{width:24px;height:24px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.ZRCKMG_helpButton:hover,.ZRCKMG_helpButton[aria-expanded=true]{background:var(--dsw-alias-bg-layer-4);color:var(--dsw-alias-label-secondary)}.ZRCKMG_helpButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.ZRCKMG_help{color:var(--dsw-alias-label-secondary);padding:10px 0 0;font-size:12px;line-height:1.6}.ZRCKMG_help>p{margin:0}.ZRCKMG_help>p+p{margin-top:8px}.ZRCKMG_badges{align-items:center;gap:8px;display:inline-flex}.ZRCKMG_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}.ZRCKMG_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.ZRCKMG_reset:disabled{cursor:default}.ZRCKMG_input{border:.5px solid var(--dsw-alias-border-l4);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}.ZRCKMG_input:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.ZRCKMG_input:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.ZRCKMG_input[aria-invalid=true]{border-color:var(--dsw-alias-state-error-primary)}.ZRCKMG_invalid{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px;line-height:1.5}.ZRCKMG_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}";
+		const tagId$5 = "@deepseek-ai/dsh-client-ui-settings-plugins/fields.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$5) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-settings-plugins";
-			tag.dataset.pluginCss = tagId$3;
-			tag.textContent = css$3;
+			tag.dataset.pluginCss = tagId$5;
+			tag.textContent = css$5;
 			document.head.appendChild(tag);
 		}
 		var fields_module_css_default = {
 			"badges": "ZRCKMG_badges",
 			"field": "ZRCKMG_field",
 			"head": "ZRCKMG_head",
+			"help": "ZRCKMG_help",
+			"helpButton": "ZRCKMG_helpButton",
 			"hint": "ZRCKMG_hint",
 			"input": "ZRCKMG_input",
-			"inputInvalid": "ZRCKMG_inputInvalid",
 			"invalid": "ZRCKMG_invalid",
 			"label": "ZRCKMG_label",
+			"labelGroup": "ZRCKMG_labelGroup",
 			"reset": "ZRCKMG_reset"
 		};
 		//#endregion
@@ -47,15 +49,33 @@ window.__ModuleLoader__.load({
 		* @returns the labelled control.
 		*/
 		function ValueField(props) {
+			const [helpOpen, setHelpOpen] = (0, react.useState)(false);
+			const helpId = `${props.id}-help`;
+			const messageId = `${props.id}-message`;
+			const hasMessage = props.invalid || Boolean(props.hint);
+			const description = [hasMessage ? messageId : "", helpOpen ? helpId : ""].filter(Boolean).join(" ");
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: fields_module_css_default.field,
 				children: [
 					(0, react_jsx_runtime.jsxs)("div", {
 						className: fields_module_css_default.head,
-						children: [(0, react_jsx_runtime.jsx)("label", {
-							className: fields_module_css_default.label,
-							htmlFor: props.id,
-							children: props.label
+						children: [(0, react_jsx_runtime.jsxs)("div", {
+							className: fields_module_css_default.labelGroup,
+							children: [(0, react_jsx_runtime.jsx)("label", {
+								className: fields_module_css_default.label,
+								htmlFor: props.id,
+								children: props.label
+							}), props.help !== void 0 ? (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: fields_module_css_default.helpButton,
+								"aria-label": props.help.label,
+								"aria-expanded": helpOpen,
+								"aria-controls": helpId,
+								onClick: () => {
+									setHelpOpen(!helpOpen);
+								},
+								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconInfoOutline14, { size: 12 })
+							}) : null]
 						}), props.overridden ? (0, react_jsx_runtime.jsxs)("span", {
 							className: fields_module_css_default.badges,
 							children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
@@ -72,10 +92,11 @@ window.__ModuleLoader__.load({
 					}),
 					(0, react_jsx_runtime.jsx)("input", {
 						id: props.id,
-						className: props.invalid ? fields_module_css_default.inputInvalid : fields_module_css_default.input,
+						className: fields_module_css_default.input,
 						type: "text",
 						...props.numeric === true ? { inputMode: "numeric" } : {},
 						...props.invalid ? { "aria-invalid": true } : {},
+						"aria-describedby": description || void 0,
 						value: props.text,
 						placeholder: props.placeholder ?? "",
 						disabled: props.disabled,
@@ -83,10 +104,18 @@ window.__ModuleLoader__.load({
 							props.onEdit(event.target.value);
 						}
 					}),
-					(0, react_jsx_runtime.jsx)("p", {
+					hasMessage ? (0, react_jsx_runtime.jsx)("p", {
+						id: messageId,
 						className: props.invalid ? fields_module_css_default.invalid : fields_module_css_default.hint,
 						children: props.invalid ? props.invalidLabel : props.hint
-					})
+					}) : null,
+					props.help !== void 0 && helpOpen ? (0, react_jsx_runtime.jsx)("div", {
+						id: helpId,
+						className: fields_module_css_default.help,
+						role: "region",
+						"aria-label": props.help.label,
+						children: props.help.content
+					}) : null
 				]
 			});
 		}
@@ -134,169 +163,94 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region ../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
-		function r(e) {
-			var t, f, n = "";
-			if ("string" == typeof e || "number" == typeof e) n += e;
-			else if ("object" == typeof e) if (Array.isArray(e)) {
-				var o = e.length;
-				for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-			} else for (f in e) e[f] && (n && (n += " "), n += f);
-			return n;
-		}
-		function clsx() {
-			for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-			return n;
-		}
-		//#endregion
-		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-settings-plugins/src/client/PluginCard.module.css.mjs
-		const css$2 = ".uQCtxG_card{border:.5px solid var(--dsw-alias-border-l4);background:var(--dsw-alias-bg-layer-3);border-radius:16px;list-style:none;transition:border-color .16s,background .16s}.uQCtxG_card:hover{border-color:var(--dsw-alias-label-dimmed)}.uQCtxG_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.uQCtxG_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}.uQCtxG_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.uQCtxG_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.uQCtxG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.uQCtxG_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.uQCtxG_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.uQCtxG_chevronOpen{transform:rotate(180deg)}.uQCtxG_body{border-top:.5px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.uQCtxG_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.uQCtxG_pending{flex:none}.uQCtxG_footer{border-top:.5px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.uQCtxG_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.uQCtxG_discard,.uQCtxG_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.uQCtxG_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.uQCtxG_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.uQCtxG_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.uQCtxG_discard:disabled,.uQCtxG_save:disabled{opacity:.4;cursor:default}.uQCtxG_discard:focus-visible,.uQCtxG_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) {
+		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-settings-plugins/src/client/PluginConfigForm.module.css.mjs
+		const css$4 = ".fCMl4q_form{flex-direction:column;display:flex}.fCMl4q_readOnly,.fCMl4q_unavailable{color:var(--dsw-alias-label-tertiary);margin:0 0 12px;font-size:12px;line-height:1.5}.fCMl4q_footer{align-items:center;gap:8px;padding-top:16px;display:flex}.fCMl4q_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.fCMl4q_save{appearance:none;font:inherit;cursor:pointer;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3);border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.fCMl4q_save:disabled{opacity:.4;cursor:default}.fCMl4q_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}";
+		const tagId$4 = "@deepseek-ai/dsh-client-ui-settings-plugins/PluginConfigForm.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === 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$4;
+			tag.textContent = css$4;
 			document.head.appendChild(tag);
 		}
-		var PluginCard_module_css_default = {
-			"body": "uQCtxG_body",
-			"card": "uQCtxG_card",
-			"cardOpen": "uQCtxG_cardOpen",
-			"chevron": "uQCtxG_chevron",
-			"chevronOpen": "uQCtxG_chevronOpen",
-			"description": "uQCtxG_description",
-			"discard": "uQCtxG_discard",
-			"failed": "uQCtxG_failed",
-			"footer": "uQCtxG_footer",
-			"headText": "uQCtxG_headText",
-			"header": "uQCtxG_header",
-			"name": "uQCtxG_name",
-			"pending": "uQCtxG_pending",
-			"readOnly": "uQCtxG_readOnly",
-			"save": "uQCtxG_save"
+		var PluginConfigForm_module_css_default = {
+			"failed": "fCMl4q_failed",
+			"footer": "fCMl4q_footer",
+			"form": "fCMl4q_form",
+			"readOnly": "fCMl4q_readOnly",
+			"save": "fCMl4q_save",
+			"unavailable": "fCMl4q_unavailable"
 		};
 		//#endregion
-		//#region lib/types/client/PluginCard.js
+		//#region lib/types/client/PluginConfigForm.js
 		/**
-		* One plugin's card: a header naming the plugin and what its settings govern,
-		* disclosing that plugin's controls in place, with the save that writes them.
-		*
-		* The header is its own button rather than a shared disclosure row because a
-		* card stacks its name over its description, while that row lays the two side
-		* by side — the layout, not the behavior, is what differs. Disclosure is
-		* card-local state: which card a user has open is a reading gesture, not
-		* something the Host or the section has any stake in. Staged edits outlive
-		* collapsing, so the header marks a card holding unsaved edits.
+		* One plugin's configuration form as its page on the Plugins page shows it:
+		* the read-only notice when the deployment stores settings read-only, the
+		* plugin's controls, and the save that writes every staged edit. The page
+		* draws the plugin's title and one-liner itself.
 		*
-		* A card renders nothing while its namespace is unavailable: a deployment that
-		* does not compose the owning plugin should show no trace of it, rather than a
-		* disabled card the user cannot act on.
+		* Only a save writes. Leaving the page drops every staged edit, so the form
+		* discards on unmount and offers no discard control. A form whose namespace
+		* the Host stopped serving says so in place of its controls rather than
+		* showing fields nothing would accept.
 		*/
 		/**
-		* Render one plugin card.
-		* @param props - the plugin's copy keys, its form state, and its controls.
-		* @returns the card, or nothing when the namespace is unavailable.
+		* Render one plugin's configuration form.
+		* @param props - the form state, its controls, and the save and discard actions.
+		* @returns the form, or the unavailable line while the namespace is not served.
 		*/
-		function PluginCard(props) {
-			const [open, setOpen] = (0, react.useState)(false);
-			const saveStarted = (0, react.useRef)(false);
+		function PluginConfigForm(props) {
 			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 discard = (0, react.useRef)(props.onDiscard);
+			discard.current = props.onDiscard;
+			(0, react.useEffect)(() => () => {
+				discard.current();
+			}, []);
+			if (!state.available) return (0, react_jsx_runtime.jsx)("p", {
+				className: PluginConfigForm_module_css_default.unavailable,
+				role: "status",
+				children: props.t("unavailable")
+			});
 			const blocked = !state.dirty || state.invalid || state.saving;
-			return (0, react_jsx_runtime.jsxs)("li", {
-				className: clsx(PluginCard_module_css_default.card, open && PluginCard_module_css_default.cardOpen),
-				children: [(0, react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					className: PluginCard_module_css_default.header,
-					"aria-expanded": open,
-					"aria-label": `${props.t(open ? "collapse" : "expand")}: ${title}`,
-					onClick: () => {
-						setOpen(!open);
-					},
-					children: [
-						(0, react_jsx_runtime.jsxs)("span", {
-							className: PluginCard_module_css_default.headText,
-							children: [(0, react_jsx_runtime.jsx)("span", {
-								className: PluginCard_module_css_default.name,
-								children: title
-							}), (0, react_jsx_runtime.jsx)("span", {
-								className: PluginCard_module_css_default.description,
-								children: props.t(props.descriptionKey)
-							})]
-						}),
-						state.dirty ? (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
-							tone: "neutral",
-							className: PluginCard_module_css_default.pending,
-							children: props.t("unsaved")
-						}) : null,
-						(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: clsx(PluginCard_module_css_default.chevron, open && PluginCard_module_css_default.chevronOpen) })
-					]
-				}), open ? (0, react_jsx_runtime.jsxs)("div", {
-					className: PluginCard_module_css_default.body,
-					children: [
-						!state.writable ? (0, react_jsx_runtime.jsx)("p", {
-							className: PluginCard_module_css_default.readOnly,
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: PluginConfigForm_module_css_default.form,
+				children: [
+					!state.writable ? (0, react_jsx_runtime.jsx)("p", {
+						className: PluginConfigForm_module_css_default.readOnly,
+						role: "status",
+						children: props.t("readOnly")
+					}) : null,
+					props.children,
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: PluginConfigForm_module_css_default.footer,
+						children: [state.failed ? (0, react_jsx_runtime.jsx)("p", {
+							className: PluginConfigForm_module_css_default.failed,
 							role: "status",
-							children: props.t("readOnly")
-						}) : null,
-						props.children,
-						(0, react_jsx_runtime.jsxs)("div", {
-							className: PluginCard_module_css_default.footer,
-							children: [
-								state.failed ? (0, react_jsx_runtime.jsx)("p", {
-									className: PluginCard_module_css_default.failed,
-									role: "status",
-									children: props.t("saveFailed")
-								}) : null,
-								(0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: PluginCard_module_css_default.discard,
-									disabled: !state.dirty || state.saving,
-									onClick: props.onDiscard,
-									children: props.t("discard")
-								}),
-								(0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: PluginCard_module_css_default.save,
-									disabled: blocked,
-									onClick: props.onSave,
-									children: props.t(state.saving ? "saving" : "save")
-								})
-							]
-						})
-					]
-				}) : null]
+							children: props.t("saveFailed")
+						}) : null, (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: PluginConfigForm_module_css_default.save,
+							disabled: blocked,
+							onClick: props.onSave,
+							children: props.t(state.saving ? "saving" : "save")
+						})]
+					})
+				]
 			});
 		}
 		//#endregion
 		//#region lib/types/client/AgentLoopCard.js
 		/**
-		* Render the agent-loop card.
-		* @param props - locale copy, the card snapshot, and its form actions.
-		* @returns the card.
+		* Render the agent loop's one-liner or its configuration form, as the Plugins page asks.
+		* @param props - the view asked for, locale copy, the form snapshot, and its actions.
+		* @returns the one-liner, or the form.
 		*/
 		function AgentLoopCard(props) {
 			const { t } = props;
 			const state = props.useAgentLoopCard((snapshot) => snapshot);
-			return (0, react_jsx_runtime.jsx)(PluginCard, {
+			if (props.view === "summary") return t("agentLoopDescription");
+			return (0, react_jsx_runtime.jsx)(PluginConfigForm, {
 				t,
-				titleKey: "agentLoopTitle",
-				descriptionKey: "agentLoopDescription",
 				state,
 				onSave: props.save,
 				onDiscard: props.discard,
@@ -322,18 +276,17 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/types/client/BashCard.js
 		/**
-		* Render the shell card.
-		* @param props - locale copy, the card snapshot, and its form actions.
-		* @returns the card.
+		* Render the shell plugin's one-liner or its configuration form, as the Plugins page asks.
+		* @param props - the view asked for, locale copy, the form snapshot, and its actions.
+		* @returns the one-liner, or the form.
 		*/
 		function BashCard(props) {
 			const { t } = props;
 			const state = props.useBashCard((snapshot) => snapshot);
+			if (props.view === "summary") return t("bashDescription");
 			const disabled = !state.writable;
-			return (0, react_jsx_runtime.jsxs)(PluginCard, {
+			return (0, react_jsx_runtime.jsxs)(PluginConfigForm, {
 				t,
-				titleKey: "bashTitle",
-				descriptionKey: "bashDescription",
 				state,
 				onSave: props.save,
 				onDiscard: props.discard,
@@ -374,56 +327,32 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-settings-plugins/src/client/PluginsSettingsSection.module.css.mjs
-		const css$1 = "._0AKUKG_section{max-width:760px;color:var(--dsw-alias-label-primary);flex-direction:column;gap:12px;display:flex}._0AKUKG_heading{margin:0;font-size:18px;font-weight:600}._0AKUKG_intro{color:var(--dsw-alias-label-tertiary);margin:0;font-size:13px}._0AKUKG_tabs{border-bottom:.5px solid var(--dsw-alias-border-l2);align-items:flex-end;gap:22px;margin-top:2px;display:flex}._0AKUKG_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}._0AKUKG_tab:hover,._0AKUKG_tab[data-active=true]{color:var(--dsw-alias-label-primary)}._0AKUKG_tab[data-active=true]:after,._0AKUKG_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}._0AKUKG_tab:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px;color:var(--dsw-alias-label-primary);border-radius:2px}._0AKUKG_panel{min-width:0;padding-top:2px}._0AKUKG_cards{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}._0AKUKG_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 css$3 = "._0AKUKG_section{max-width:760px;color:var(--dsw-alias-label-primary);flex-direction:column;gap:12px;display:flex}._0AKUKG_heading{margin:0;font-size:18px;font-weight:600}._0AKUKG_intro{color:var(--dsw-alias-label-tertiary);margin:0;font-size:13px}._0AKUKG_tabs{border-bottom:.5px solid var(--dsw-alias-border-l2);align-items:flex-end;gap:22px;margin-top:2px;display:flex}._0AKUKG_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}._0AKUKG_tab:hover,._0AKUKG_tab[data-active=true]{color:var(--dsw-alias-label-primary)}._0AKUKG_tab[data-active=true]:after,._0AKUKG_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}._0AKUKG_tab:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px;color:var(--dsw-alias-label-primary);border-radius:2px}._0AKUKG_panel{min-width:0;padding-top:2px}._0AKUKG_cards{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}._0AKUKG_empty{color:var(--dsw-alias-label-tertiary);margin:0;font-size:13px}._0AKUKG_configurable{flex-direction:column;gap:10px;display:flex}._0AKUKG_presetSettings{flex-direction:column;gap:8px;display:flex}._0AKUKG_presetSettingsTitle{margin:0;font-size:15px;font-weight:600;line-height:22px}";
+		const tagId$3 = "@deepseek-ai/dsh-client-ui-settings-plugins/PluginsSettingsSection.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$1;
-			tag.textContent = css$1;
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
 			document.head.appendChild(tag);
 		}
 		var PluginsSettingsSection_module_css_default = {
 			"cards": "_0AKUKG_cards",
+			"configurable": "_0AKUKG_configurable",
 			"empty": "_0AKUKG_empty",
 			"heading": "_0AKUKG_heading",
 			"intro": "_0AKUKG_intro",
 			"panel": "_0AKUKG_panel",
+			"presetSettings": "_0AKUKG_presetSettings",
+			"presetSettingsTitle": "_0AKUKG_presetSettingsTitle",
 			"section": "_0AKUKG_section",
 			"tab": "_0AKUKG_tab",
 			"tabs": "_0AKUKG_tabs"
 		};
 		//#endregion
-		//#region lib/types/client/ConfigurablePluginsTab.js
-		/**
-		* Configurable Host plugins contributed to the shared Plugins section.
-		*
-		* The tab enumerates settings namespaces but never interprets one — a card
-		* arrives through `settings.plugin.item` keyed by the namespace it edits, so a
-		* plugin that ships a browser half owns its own card and this tab only decides
-		* which keys to dispatch.
-		*/
-		/**
-		* Render cards registered by plugins that expose editable settings.
-		* @param props - locale copy, slot rendering, and the namespaces to dispatch.
-		* @returns the card list, or the empty line once the Host has answered.
-		*/
-		function ConfigurablePluginsTab(props) {
-			const { t, renderSlot } = props;
-			const { loaded, namespaces } = props.useConfigurablePlugins((snapshot) => snapshot);
-			if (namespaces.length > 0) return (0, react_jsx_runtime.jsx)("ul", {
-				className: PluginsSettingsSection_module_css_default.cards,
-				children: namespaces.map((ns) => (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderSlot("settings.plugin.item", {}, { entryKey: ns }) }, ns))
-			});
-			return loaded ? (0, react_jsx_runtime.jsx)("p", {
-				className: PluginsSettingsSection_module_css_default.empty,
-				children: t("empty")
-			}) : null;
-		}
-		//#endregion
 		//#region lib/types/client/PluginsSettingsSection.js
 		/** Plugins settings section: localized tabs around feature-owned pages. */
-		/** Render one Plugins page whose contents arrive from feature-owned tabs. */
+		/** Render one Plugins page whose contents arrive from feature-owned tabs; one contribution shows as the page itself. */
 		function PluginsSettingsSection({ t, renderSlot, useTabs }) {
 			const tabsId = (0, react.useId)();
 			const tabRefs = (0, react.useRef)([]);
@@ -431,6 +360,7 @@ window.__ModuleLoader__.load({
 			const [activeId, setActiveId] = (0, react.useState)();
 			const [visitedIds, setVisitedIds] = (0, react.useState)(() => /* @__PURE__ */ new Set());
 			const active = rows.find((row) => row.id === activeId)?.id ?? rows[0]?.id;
+			const single = rows.length === 1 ? rows[0] : void 0;
 			(0, react.useEffect)(() => {
 				if (active === void 0) return;
 				setVisitedIds((previous) => {
@@ -452,6 +382,9 @@ window.__ModuleLoader__.load({
 					rows.length === 0 ? (0, react_jsx_runtime.jsx)("p", {
 						className: PluginsSettingsSection_module_css_default.empty,
 						children: t("empty")
+					}) : single !== void 0 ? (0, react_jsx_runtime.jsx)("div", {
+						className: PluginsSettingsSection_module_css_default.panel,
+						children: renderSlot("settings.plugins.tab", {}, { only: single.id })
 					}) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("div", {
 						className: PluginsSettingsSection_module_css_default.tabs,
 						role: "tablist",
@@ -514,45 +447,132 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-settings-plugins/src/client/SubagentModelSelectionCard.module.css.mjs
-		const css = ".bYSyvq_permission{gap:6px;padding:12px 0;display:grid}.bYSyvq_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}.bYSyvq_toggleLabel{flex:1;min-width:0}.bYSyvq_selection{gap:10px;display:grid}.bYSyvq_hint,.bYSyvq_notice,.bYSyvq_invalid,.bYSyvq_conflict{margin:0;font-size:12px;line-height:1.5}.bYSyvq_hint,.bYSyvq_notice{color:var(--dsw-alias-label-tertiary)}.bYSyvq_invalid,.bYSyvq_conflict{color:var(--dsw-alias-label-error)}.bYSyvq_catalogError{color:var(--dsw-alias-label-error);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.bYSyvq_catalogError button{color:var(--dsw-alias-brand-primary);cursor:pointer;background:0 0;border:0;padding:0}.bYSyvq_models{border:.5px solid var(--dsw-alias-border-l4);border-radius:8px;gap:6px;min-width:0;max-height:280px;margin:0;padding:10px;display:grid;overflow:auto}.bYSyvq_models legend{color:var(--dsw-alias-label-secondary);padding:0 4px;font-size:12px}.bYSyvq_modelGroup{gap:6px;display:grid}.bYSyvq_modelGroup+.bYSyvq_modelGroup{border-top:.5px solid var(--dsw-alias-border-l3);margin-top:4px;padding-top:10px}.bYSyvq_providerName{color:var(--dsw-alias-label-tertiary);padding:0 6px;font-size:11px;font-weight:500}.bYSyvq_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}.bYSyvq_model:hover{background:var(--dsw-alias-bg-layer-4)}.bYSyvq_modelName,.bYSyvq_route{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bYSyvq_modelName{color:var(--dsw-alias-label-primary);font-size:13px}.bYSyvq_route{color:var(--dsw-alias-label-tertiary);margin-top:2px;font-size:11px}.bYSyvq_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) {
+		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-settings-plugins/src/client/SubagentLimitsFields.module.css.mjs
+		const css$2 = ".ANqgLq_limits{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;display:grid}.ANqgLq_limit{min-width:0}.ANqgLq_limit input{font-variant-numeric:tabular-nums;min-width:0}.ANqgLq_depthTable{border-collapse:collapse;border-block:.5px solid var(--dsw-alias-border-l2);width:100%;font:inherit;text-align:left;margin:8px 0}.ANqgLq_depthTable th,.ANqgLq_depthTable td{vertical-align:top;padding:6px 0}.ANqgLq_depthTable th{font-variant-numeric:tabular-nums;width:24px;color:var(--dsw-alias-label-primary);padding-right:8px;font-weight:500}.ANqgLq_depthTable tr+tr{border-top:.5px solid var(--dsw-alias-border-l2)}";
+		const tagId$2 = "@deepseek-ai/dsh-client-ui-settings-plugins/SubagentLimitsFields.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;
-			tag.textContent = css;
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
+			document.head.appendChild(tag);
+		}
+		var SubagentLimitsFields_module_css_default = {
+			"depthTable": "ANqgLq_depthTable",
+			"limit": "ANqgLq_limit",
+			"limits": "ANqgLq_limits"
+		};
+		//#endregion
+		//#region lib/types/client/SubagentLimitsFields.js
+		/**
+		* Render the depth and capacity fields with their original validation and reset behavior.
+		* @param props - Locale, staged fields, and edit callbacks.
+		* @returns Two responsive fields and their application rules.
+		*/
+		function SubagentLimitsFields(props) {
+			const { t, state } = props;
+			return (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (0, react_jsx_runtime.jsxs)("div", {
+				className: SubagentLimitsFields_module_css_default.limits,
+				children: [(0, react_jsx_runtime.jsx)("div", {
+					className: SubagentLimitsFields_module_css_default.limit,
+					children: (0, react_jsx_runtime.jsx)(ValueField, {
+						id: "plugin-config-subagent-depth",
+						label: t("subagentMaxDepth"),
+						help: {
+							label: t("subagentDepthHelpLabel"),
+							content: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								(0, react_jsx_runtime.jsx)("p", { children: t("subagentDepthHelp") }),
+								(0, react_jsx_runtime.jsx)("table", {
+									className: SubagentLimitsFields_module_css_default.depthTable,
+									"aria-label": t("subagentDepthHelpLabel"),
+									children: (0, react_jsx_runtime.jsxs)("tbody", { children: [(0, react_jsx_runtime.jsxs)("tr", { children: [(0, react_jsx_runtime.jsx)("th", {
+										scope: "row",
+										children: 0
+									}), (0, react_jsx_runtime.jsx)("td", { children: t("subagentDepthZero") })] }), (0, react_jsx_runtime.jsxs)("tr", { children: [(0, react_jsx_runtime.jsx)("th", {
+										scope: "row",
+										children: 1
+									}), (0, react_jsx_runtime.jsx)("td", { children: t("subagentDepthOne") })] })] })
+								}),
+								(0, react_jsx_runtime.jsx)("p", { children: t("subagentDepthOverride") })
+							] })
+						},
+						overriddenLabel: t("overridden"),
+						resetLabel: t("reset"),
+						invalidLabel: t("subagentDepthInvalid"),
+						numeric: true,
+						disabled: !state.writable || state.saving,
+						...state.maxDepth,
+						onEdit: (text) => {
+							props.edit("maxDepth", text);
+						},
+						onReset: () => {
+							props.resetField("maxDepth");
+						}
+					})
+				}), (0, react_jsx_runtime.jsx)("div", {
+					className: SubagentLimitsFields_module_css_default.limit,
+					children: (0, react_jsx_runtime.jsx)(ValueField, {
+						id: "plugin-config-subagent-capacity",
+						label: t("subagentMaxActive"),
+						help: {
+							label: t("subagentCapacityHelpLabel"),
+							content: (0, react_jsx_runtime.jsx)("p", { children: t("subagentCapacityHelp") })
+						},
+						overriddenLabel: t("overridden"),
+						resetLabel: t("reset"),
+						invalidLabel: t("subagentCapacityInvalid"),
+						numeric: true,
+						disabled: !state.writable || state.saving,
+						...state.maxActiveSubagents,
+						onEdit: (text) => {
+							props.edit("maxActiveSubagents", text);
+						},
+						onReset: () => {
+							props.resetField("maxActiveSubagents");
+						}
+					})
+				})]
+			}) });
+		}
+		//#endregion
+		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-settings-plugins/src/client/SubagentModelSelectionFields.module.css.mjs
+		const css$1 = ".PvAFrW_permission{gap:6px;padding:12px 0;display:grid}.PvAFrW_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}.PvAFrW_toggleLabel{flex:1;min-width:0}.PvAFrW_selection{gap:10px;display:grid}.PvAFrW_hint,.PvAFrW_notice,.PvAFrW_invalid,.PvAFrW_conflict{margin:0;font-size:12px;line-height:1.5}.PvAFrW_hint,.PvAFrW_notice{color:var(--dsw-alias-label-tertiary)}.PvAFrW_invalid,.PvAFrW_conflict{color:var(--dsw-alias-state-error-primary)}.PvAFrW_catalogError{color:var(--dsw-alias-state-error-primary);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.PvAFrW_catalogError button{color:var(--dsw-alias-brand-primary);cursor:pointer;background:0 0;border:0;padding:0}.PvAFrW_models{border:.5px solid var(--dsw-alias-border-l4);border-radius:8px;gap:6px;min-width:0;max-height:280px;margin:0;padding:10px;display:grid;overflow:auto}.PvAFrW_models legend{color:var(--dsw-alias-label-secondary);padding:0 4px;font-size:12px}.PvAFrW_modelGroup{gap:6px;display:grid}.PvAFrW_modelGroup+.PvAFrW_modelGroup{border-top:.5px solid var(--dsw-alias-border-l3);margin-top:4px;padding-top:10px}.PvAFrW_providerName{color:var(--dsw-alias-label-tertiary);padding:0 6px;font-size:11px;font-weight:500}.PvAFrW_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}.PvAFrW_model:hover{background:var(--dsw-alias-bg-layer-4)}.PvAFrW_modelName,.PvAFrW_route{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.PvAFrW_modelName{color:var(--dsw-alias-label-primary);font-size:13px}.PvAFrW_route{color:var(--dsw-alias-label-tertiary);margin-top:2px;font-size:11px}.PvAFrW_unavailable{color:var(--dsw-alias-label-tertiary);font-size:11px}";
+		const tagId$1 = "@deepseek-ai/dsh-client-ui-settings-plugins/SubagentModelSelectionFields.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$1;
+			tag.textContent = css$1;
 			document.head.appendChild(tag);
 		}
-		var SubagentModelSelectionCard_module_css_default = {
-			"catalogError": "bYSyvq_catalogError",
-			"conflict": "bYSyvq_conflict",
-			"hint": "bYSyvq_hint",
-			"invalid": "bYSyvq_invalid",
-			"model": "bYSyvq_model",
-			"modelGroup": "bYSyvq_modelGroup",
-			"modelName": "bYSyvq_modelName",
-			"models": "bYSyvq_models",
-			"notice": "bYSyvq_notice",
-			"permission": "bYSyvq_permission",
-			"providerName": "bYSyvq_providerName",
-			"route": "bYSyvq_route",
-			"selection": "bYSyvq_selection",
-			"toggleLabel": "bYSyvq_toggleLabel",
-			"toggleRow": "bYSyvq_toggleRow",
-			"unavailable": "bYSyvq_unavailable"
+		var SubagentModelSelectionFields_module_css_default = {
+			"catalogError": "PvAFrW_catalogError",
+			"conflict": "PvAFrW_conflict",
+			"hint": "PvAFrW_hint",
+			"invalid": "PvAFrW_invalid",
+			"model": "PvAFrW_model",
+			"modelGroup": "PvAFrW_modelGroup",
+			"modelName": "PvAFrW_modelName",
+			"models": "PvAFrW_models",
+			"notice": "PvAFrW_notice",
+			"permission": "PvAFrW_permission",
+			"providerName": "PvAFrW_providerName",
+			"route": "PvAFrW_route",
+			"selection": "PvAFrW_selection",
+			"toggleLabel": "PvAFrW_toggleLabel",
+			"toggleRow": "PvAFrW_toggleRow",
+			"unavailable": "PvAFrW_unavailable"
 		};
 		//#endregion
-		//#region lib/types/client/SubagentModelSelectionCard.js
+		//#region lib/types/client/SubagentModelSelectionFields.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.
+		* @returns the model permission and route choices inside the shared card.
 		*/
-		function SubagentModelSelectionCard(props) {
-			const { t } = props;
-			const state = props.useSubagentModelSelectionCard((snapshot) => snapshot);
+		function SubagentModelSelectionFields(props) {
+			const { t, state } = props;
 			const availableGroups = /* @__PURE__ */ new Map();
 			const unavailable = [];
 			for (const candidate of state.candidates) {
@@ -568,7 +588,7 @@ window.__ModuleLoader__.load({
 				else group.candidates.push(candidate);
 			}
 			const renderCandidate = (candidate) => (0, react_jsx_runtime.jsxs)("label", {
-				className: SubagentModelSelectionCard_module_css_default.model,
+				className: SubagentModelSelectionFields_module_css_default.model,
 				children: [
 					(0, react_jsx_runtime.jsx)("input", {
 						type: "checkbox",
@@ -579,168 +599,216 @@ window.__ModuleLoader__.load({
 						}
 					}),
 					(0, react_jsx_runtime.jsxs)("span", { children: [(0, react_jsx_runtime.jsx)("span", {
-						className: SubagentModelSelectionCard_module_css_default.modelName,
+						className: SubagentModelSelectionFields_module_css_default.modelName,
 						children: candidate.modelName
 					}), (0, react_jsx_runtime.jsx)("span", {
-						className: SubagentModelSelectionCard_module_css_default.route,
+						className: SubagentModelSelectionFields_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,
+						className: SubagentModelSelectionFields_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)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
-								checked: state.enabled,
-								label: t("subagentModelSelectionToggle"),
-								disabled: !state.writable || state.saving,
-								onChange: props.toggleEnabled
-							})]
-						}), (0, react_jsx_runtime.jsx)("p", {
-							className: SubagentModelSelectionCard_module_css_default.hint,
-							children: t(state.enabled ? "subagentModelSelectionChoose" : "subagentModelSelectionOff")
+			return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				(0, react_jsx_runtime.jsxs)("div", {
+					className: SubagentModelSelectionFields_module_css_default.permission,
+					children: [(0, react_jsx_runtime.jsxs)("div", {
+						className: SubagentModelSelectionFields_module_css_default.toggleRow,
+						children: [(0, react_jsx_runtime.jsx)("span", {
+							className: SubagentModelSelectionFields_module_css_default.toggleLabel,
+							children: t("subagentModelSelectionToggle")
+						}), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
+							checked: state.enabled,
+							label: t("subagentModelSelectionToggle"),
+							disabled: !state.writable || state.saving,
+							onChange: props.toggleEnabled
 						})]
-					}),
-					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
-				]
-			});
+					}), (0, react_jsx_runtime.jsx)("p", {
+						className: SubagentModelSelectionFields_module_css_default.hint,
+						children: t(state.enabled ? "subagentModelSelectionChoose" : "subagentModelSelectionOff")
+					})]
+				}),
+				state.enabled ? (0, react_jsx_runtime.jsxs)("div", {
+					className: SubagentModelSelectionFields_module_css_default.selection,
+					children: [
+						state.catalogStatus === "loading" ? (0, react_jsx_runtime.jsx)("p", {
+							className: SubagentModelSelectionFields_module_css_default.notice,
+							role: "status",
+							children: t("subagentModelSelectionLoading")
+						}) : null,
+						state.catalogStatus === "error" ? (0, react_jsx_runtime.jsxs)("div", {
+							className: SubagentModelSelectionFields_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: SubagentModelSelectionFields_module_css_default.notice,
+							children: t("subagentModelSelectionPartial")
+						}) : null,
+						state.candidates.length > 0 ? (0, react_jsx_runtime.jsxs)("fieldset", {
+							className: SubagentModelSelectionFields_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: SubagentModelSelectionFields_module_css_default.modelGroup,
+									children: [(0, react_jsx_runtime.jsx)("div", {
+										className: SubagentModelSelectionFields_module_css_default.providerName,
+										children: group.providerName
+									}), group.candidates.map(renderCandidate)]
+								}, provider)),
+								unavailable.length > 0 ? (0, react_jsx_runtime.jsxs)("div", {
+									className: SubagentModelSelectionFields_module_css_default.modelGroup,
+									children: [(0, react_jsx_runtime.jsx)("div", {
+										className: SubagentModelSelectionFields_module_css_default.providerName,
+										children: t("subagentModelSelectionUnavailableGroup")
+									}), unavailable.map(renderCandidate)]
+								}) : null
+							]
+						}) : state.catalogStatus === "ready" ? (0, react_jsx_runtime.jsx)("p", {
+							className: SubagentModelSelectionFields_module_css_default.notice,
+							children: t("subagentModelSelectionEmpty")
+						}) : null,
+						state.invalid ? (0, react_jsx_runtime.jsx)("p", {
+							className: SubagentModelSelectionFields_module_css_default.invalid,
+							children: t("subagentModelSelectionRequired")
+						}) : null
+					]
+				}) : null,
+				state.conflicted ? (0, react_jsx_runtime.jsx)("p", {
+					className: SubagentModelSelectionFields_module_css_default.conflict,
+					role: "status",
+					children: t("subagentModelSelectionConflict")
+				}) : null
+			] });
 		}
 		//#endregion
-		//#region lib/types/client/WebSearchCard.js
+		//#region lib/types/client/subagent-card-controller.js
+		/** Shared presentation and actions for the two Host-owned Subagent settings sections. */
 		/**
-		* Render the web-search card.
-		* @param props - locale copy, the card snapshot, and its form actions.
-		* @returns the card.
+		* Derive the shared card state without duplicating either form's subscriptions.
+		* @param limits - Current delegation-limit form.
+		* @param models - Current model-authorization form.
+		* @returns Availability and settlement across the sections this Host serves.
 		*/
-		function WebSearchCard(props) {
+		function subagentCardShell(limits, models) {
+			const sections = [limits, models].filter((section) => section.available);
+			return {
+				available: sections.length > 0,
+				writable: sections.every((section) => section.writable),
+				dirty: sections.some((section) => section.dirty),
+				invalid: sections.some((section) => section.invalid) || models.available && models.dirty && models.conflicted,
+				saving: sections.some((section) => section.saving),
+				failed: sections.some((section) => section.failed)
+			};
+		}
+		/**
+		* Compose one card from the existing forms; each write retains its namespace revision fence.
+		* @param limits - Limit form source and actions.
+		* @param models - Model form source and actions.
+		* @returns Framework-bound sources and shared save/discard actions.
+		*/
+		function subagentCardFace(limits, models) {
+			return {
+				hooks: {
+					...limits.hooks,
+					...models.hooks
+				},
+				editLimit: limits.edit,
+				resetLimit: limits.resetField,
+				toggleEnabled: models.toggleEnabled,
+				toggleModel: models.toggleModel,
+				retryCatalog: models.retryCatalog,
+				save: () => {
+					const limitState = limits.hooks.subagentLimitsCard.getSnapshot();
+					const modelState = models.hooks.subagentModelSelectionCard.getSnapshot();
+					const state = subagentCardShell(limitState, modelState);
+					if (!state.available || !state.writable || !state.dirty || state.invalid || state.saving) return;
+					if (modelState.available && modelState.dirty) models.save();
+					if (limitState.available && limitState.dirty) limits.save();
+				},
+				discard: () => {
+					if (subagentCardShell(limits.hooks.subagentLimitsCard.getSnapshot(), models.hooks.subagentModelSelectionCard.getSnapshot()).saving) return;
+					limits.discard();
+					models.discard();
+				}
+			};
+		}
+		//#endregion
+		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-settings-plugins/src/client/SubagentCard.module.css.mjs
+		const css = ".spmTVq_section{min-width:0;padding:16px 0}.spmTVq_heading{color:var(--dsw-alias-label-primary);margin:0;font-size:13px;font-weight:600;line-height:1.5}";
+		const tagId = "@deepseek-ai/dsh-client-ui-settings-plugins/SubagentCard.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 SubagentCard_module_css_default = {
+			"heading": "spmTVq_heading",
+			"section": "spmTVq_section"
+		};
+		//#endregion
+		//#region lib/types/client/SubagentCard.js
+		/** One settings card for Subagent delegation limits and model authorization. */
+		/**
+		* Render the available Subagent settings with one configuration page and save footer.
+		* @param props - Locale, both form snapshots, and their shared actions.
+		* @returns The summary or the available settings form.
+		*/
+		function SubagentCard(props) {
 			const { t } = props;
-			const state = props.useWebSearchCard((snapshot) => snapshot);
-			const disabled = !state.writable;
-			return (0, react_jsx_runtime.jsxs)(PluginCard, {
+			const limits = props.useSubagentLimitsCard((snapshot) => snapshot);
+			const models = props.useSubagentModelSelectionCard((snapshot) => snapshot);
+			const headingId = (0, react.useId)();
+			if (props.view === "summary") return t("subagentDescription");
+			const state = subagentCardShell(limits, models);
+			return (0, react_jsx_runtime.jsxs)(PluginConfigForm, {
 				t,
-				titleKey: "webSearchTitle",
-				descriptionKey: "webSearchDescription",
 				state,
 				onSave: props.save,
 				onDiscard: props.discard,
-				children: [
-					(0, react_jsx_runtime.jsx)(SecretField, {
-						id: "plugin-config-web-search-key",
-						label: t("webSearchApiKey"),
-						hint: t("webSearchApiKeyHint"),
-						disabled: !state.apiKeyWritable,
-						text: state.apiKey.text,
-						configured: state.apiKeyConfigured,
-						stateLabel: state.apiKeyConfigured ? t("webSearchApiKeySet") : t("webSearchApiKeyUnset"),
-						onEdit: (text) => {
-							props.edit("apiKey", text);
-						}
-					}),
-					(0, react_jsx_runtime.jsx)(ValueField, {
-						id: "plugin-config-web-search-endpoint",
-						label: t("webSearchBaseUrl"),
-						hint: t("webSearchBaseUrlHint"),
-						overriddenLabel: t("overridden"),
-						resetLabel: t("reset"),
-						invalidLabel: t("invalidNumber"),
-						disabled,
-						...state.baseURL,
-						onEdit: (text) => {
-							props.edit("baseURL", text);
+				children: [limits.available ? (0, react_jsx_runtime.jsxs)("section", {
+					className: SubagentCard_module_css_default.section,
+					"aria-labelledby": `${headingId}-limits`,
+					children: [(0, react_jsx_runtime.jsx)("h3", {
+						className: SubagentCard_module_css_default.heading,
+						id: `${headingId}-limits`,
+						children: t("subagentLimitsTitle")
+					}), (0, react_jsx_runtime.jsx)(SubagentLimitsFields, {
+						t,
+						state: {
+							...limits,
+							saving: state.saving
 						},
-						onReset: () => {
-							props.resetField("baseURL");
-						}
-					}),
-					(0, react_jsx_runtime.jsx)(ValueField, {
-						id: "plugin-config-web-search-max-uses",
-						label: t("webSearchMaxUses"),
-						hint: t("webSearchMaxUsesHint"),
-						overriddenLabel: t("overridden"),
-						resetLabel: t("reset"),
-						invalidLabel: t("invalidNumber"),
-						numeric: true,
-						disabled,
-						...state.maxUses,
-						onEdit: (text) => {
-							props.edit("maxUses", text);
+						edit: props.editLimit,
+						resetField: props.resetLimit
+					})]
+				}) : null, models.available ? (0, react_jsx_runtime.jsxs)("section", {
+					className: SubagentCard_module_css_default.section,
+					"aria-labelledby": `${headingId}-models`,
+					children: [(0, react_jsx_runtime.jsx)("h3", {
+						className: SubagentCard_module_css_default.heading,
+						id: `${headingId}-models`,
+						children: t("subagentModelSelectionTitle")
+					}), (0, react_jsx_runtime.jsx)(SubagentModelSelectionFields, {
+						t,
+						state: {
+							...models,
+							saving: state.saving
 						},
-						onReset: () => {
-							props.resetField("maxUses");
-						}
-					})
-				]
+						toggleEnabled: props.toggleEnabled,
+						toggleModel: props.toggleModel,
+						retryCatalog: props.retryCatalog
+					})]
+				}) : null]
 			});
 		}
 		//#endregion
@@ -1014,6 +1082,111 @@ window.__ModuleLoader__.load({
 			}
 		};
 		//#endregion
+		//#region lib/types/client/subagent-limits-card-controller.js
+		/** Staged delegation limits backed by the Host's subagent settings section. */
+		function limitField(field, minimum) {
+			const numeric = numberField(field);
+			return {
+				...numeric,
+				parse: (text) => {
+					const write = numeric.parse(text);
+					if (write?.kind !== "set") return write;
+					const value = write.value;
+					return Number.isSafeInteger(value) && value >= minimum && !Object.is(value, -0) ? write : void 0;
+				}
+			};
+		}
+		/** Bind two independently resettable limits to one staged settings form. */
+		var SubagentLimitsCardController = class {
+			form;
+			store;
+			/** @param scope - The Host's `subagent` settings section. */
+			constructor(scope) {
+				this.form = new CardForm(scope, [limitField("maxDepth", 0), limitField("maxActiveSubagents", 1)]);
+				this.store = this.form.bind(() => ({
+					...this.form.shell(),
+					maxDepth: this.form.field("maxDepth"),
+					maxActiveSubagents: this.form.field("maxActiveSubagents")
+				}));
+			}
+			/**
+			* Bind the limits editor to the slot renderer.
+			* @returns The limits snapshot and staged write actions.
+			*/
+			inject() {
+				return {
+					hooks: { subagentLimitsCard: this.store },
+					...this.form.actions()
+				};
+			}
+		};
+		//#endregion
+		//#region lib/types/client/WebSearchCard.js
+		/**
+		* Render the web-search provider's one-liner or its configuration form, as the Plugins page asks.
+		* @param props - the view asked for, locale copy, the form snapshot, and its actions.
+		* @returns the one-liner, or the form.
+		*/
+		function WebSearchCard(props) {
+			const { t } = props;
+			const state = props.useWebSearchCard((snapshot) => snapshot);
+			if (props.view === "summary") return t("webSearchDescription");
+			const disabled = !state.writable;
+			return (0, react_jsx_runtime.jsxs)(PluginConfigForm, {
+				t,
+				state,
+				onSave: props.save,
+				onDiscard: props.discard,
+				children: [
+					(0, react_jsx_runtime.jsx)(SecretField, {
+						id: "plugin-config-web-search-key",
+						label: t("webSearchApiKey"),
+						hint: t("webSearchApiKeyHint"),
+						disabled: !state.apiKeyWritable,
+						text: state.apiKey.text,
+						configured: state.apiKeyConfigured,
+						stateLabel: state.apiKeyConfigured ? t("webSearchApiKeySet") : t("webSearchApiKeyUnset"),
+						onEdit: (text) => {
+							props.edit("apiKey", text);
+						}
+					}),
+					(0, react_jsx_runtime.jsx)(ValueField, {
+						id: "plugin-config-web-search-endpoint",
+						label: t("webSearchBaseUrl"),
+						hint: t("webSearchBaseUrlHint"),
+						overriddenLabel: t("overridden"),
+						resetLabel: t("reset"),
+						invalidLabel: t("invalidNumber"),
+						disabled,
+						...state.baseURL,
+						onEdit: (text) => {
+							props.edit("baseURL", text);
+						},
+						onReset: () => {
+							props.resetField("baseURL");
+						}
+					}),
+					(0, react_jsx_runtime.jsx)(ValueField, {
+						id: "plugin-config-web-search-max-uses",
+						label: t("webSearchMaxUses"),
+						hint: t("webSearchMaxUsesHint"),
+						overriddenLabel: t("overridden"),
+						resetLabel: t("reset"),
+						invalidLabel: t("invalidNumber"),
+						numeric: true,
+						disabled,
+						...state.maxUses,
+						onEdit: (text) => {
+							props.edit("maxUses", text);
+						},
+						onReset: () => {
+							props.resetField("maxUses");
+						}
+					})
+				]
+			});
+		}
+		//#endregion
 		//#region lib/types/client/agent-loop-card-controller.js
 		/** The agent-loop card's staged form over the `agent-loop` settings namespace. */
 		/**
@@ -1084,74 +1257,6 @@ window.__ModuleLoader__.load({
 			}
 		};
 		//#endregion
-		//#region lib/types/client/tab-store.js
-		/**
-		* The configurable-plugins tab's card list.
-		*
-		* The tab dispatches its slot by settings namespace, so what it renders is
-		* the intersection of two ledgers: the namespaces the Host serves and the
-		* cards registered into `settings.plugin.item`. A served namespace no card
-		* claims renders nothing — another surface owns it, or this deployment ships
-		* no browser half for it — and a card whose namespace the Host does not serve
-		* is never dispatched, so a plugin this deployment did not compose leaves no
-		* trace and does not count toward the empty line.
-		*/
-		/** Derives the served namespaces from the shared describe mirror and pairs them with the cards that claim them. */
-		var ConfigurablePluginsTabController = class {
-			describeFace;
-			entries;
-			store = (0, _deepseek_ai_dsh_client_store.createSnapshotStore)({
-				loaded: false,
-				namespaces: []
-			});
-			disposed = false;
-			unsubscribe;
-			/**
-			* @param describeFace - the shared mirror's describe face; its refreshes
-			* (document commits, reconnects) are what keep the served set current.
-			* @param entries - reads the cards currently registered into the section's slot.
-			*/
-			constructor(describeFace, entries) {
-				this.describeFace = describeFace;
-				this.entries = entries;
-				this.unsubscribe = describeFace.subscribe(() => {
-					this.publish();
-				});
-				describeFace.ensure();
-				this.publish();
-			}
-			/** Republish after the slot ledger changed; a card registered late joins here. */
-			refresh() {
-				if (this.disposed) return;
-				this.publish();
-			}
-			/** Stop publishing and stop following the mirror. */
-			dispose() {
-				this.disposed = true;
-				this.unsubscribe();
-			}
-			/**
-			* Build the face the tab's slot registration injects.
-			* @returns the tab's snapshot source.
-			*/
-			inject() {
-				return { hooks: { configurablePlugins: this.store } };
-			}
-			publish() {
-				if (this.disposed) return;
-				const mirrored = this.describeFace.getSnapshot();
-				const loaded = mirrored.view !== void 0;
-				const served = new Set(mirrored.view?.namespaces.map((view) => view.ns) ?? []);
-				const namespaces = this.entries().flatMap((entry) => entry.options.key !== void 0 && served.has(entry.options.key) ? [entry.options.key] : []);
-				const previous = this.store.getSnapshot();
-				if (previous.loaded === loaded && previous.namespaces.length === namespaces.length && previous.namespaces.every((ns, index) => ns === namespaces[index])) return;
-				this.store.set({
-					loaded,
-					namespaces
-				});
-			}
-		};
-		//#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. */
@@ -1560,24 +1665,20 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region lib/types/client/locales.js
-		/** Locale bundles for the plugin configuration section and its plugin cards. */
+		/** Locale bundles for the built-in plugins settings section and the plugin configuration pages. */
 		/** English copy. */
 		const en = {
-			nav: "Plugins",
-			title: "Plugins",
-			intro: "Configure and inspect the plugins installed in this deployment.",
+			nav: "Built-in plugins",
+			title: "Built-in plugins",
+			intro: "Inspect the plugins this deployment ships.",
 			tabs: "Plugin views",
-			configurableTab: "Plugin configuration",
-			empty: "This deployment exposes no plugin settings.",
+			empty: "This deployment exposes no plugin views.",
 			overridden: "Overridden",
 			reset: "Reset to default",
 			readOnly: "This deployment stores settings read-only.",
-			expand: "Show settings",
-			collapse: "Hide settings",
+			unavailable: "This plugin is not loaded, so it cannot be configured right now.",
 			save: "Save",
 			saving: "Saving…",
-			discard: "Discard",
-			unsaved: "Unsaved",
 			saveFailed: "The deployment did not accept these values; they were left for you to correct.",
 			invalidNumber: "Enter a number, or leave blank to use the default.",
 			bashTitle: "Shell",
@@ -1600,10 +1701,23 @@ window.__ModuleLoader__.load({
 			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.",
-			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.",
+			subagentTitle: "Subagent",
+			subagentDescription: "Set Subagent recursion depth, count, and models.",
+			subagentLimitsTitle: "Limits",
+			subagentMaxDepth: "Maximum recursion depth",
+			subagentDepthHelpLabel: "About maximum recursion depth",
+			subagentDepthHelp: "Limits how many levels of Subagents an Agent can create.",
+			subagentDepthZero: "Disable Subagents",
+			subagentDepthOne: "Only the main Agent can create Subagents",
+			subagentDepthOverride: "If a tool defines its own maximum recursion depth, that setting takes precedence.",
+			subagentMaxActive: "Subagent parallelism limit",
+			subagentCapacityHelpLabel: "About the Subagent parallelism limit",
+			subagentCapacityHelp: "Total live Subagents under the same main Agent, across all recursion levels. The main Agent is excluded. New start requests are rejected when the limit is reached.",
+			subagentDepthInvalid: "Enter a whole number of 0 or more.",
+			subagentCapacityInvalid: "Enter a whole number of 1 or more.",
+			subagentModelSelectionTitle: "Model selection",
+			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.",
@@ -1618,21 +1732,17 @@ window.__ModuleLoader__.load({
 		};
 		/** Simplified Chinese copy. */
 		const zh = {
-			nav: "插件",
-			title: "插件",
-			intro: "配置和查看本部署已安装的插件。",
+			nav: "内置插件",
+			title: "内置插件",
+			intro: "查看内置部署的插件列表",
 			tabs: "插件视图",
-			configurableTab: "插件配置",
-			empty: "本部署没有开放任何插件设置。",
+			empty: "本部署没有开放任何插件视图。",
 			overridden: "已覆盖",
 			reset: "恢复默认",
 			readOnly: "本部署的设置为只读。",
-			expand: "展开设置",
-			collapse: "收起设置",
+			unavailable: "该插件当前未加载，暂时无法配置。",
 			save: "保存",
 			saving: "保存中…",
-			discard: "放弃修改",
-			unsaved: "未保存",
 			saveFailed: "本部署没有接受这些值，已保留供你修改。",
 			invalidNumber: "请填数字；留空表示使用默认值。",
 			bashTitle: "终端",
@@ -1655,8 +1765,21 @@ window.__ModuleLoader__.load({
 			webSearchBaseUrlHint: "留空则使用提供方默认地址。",
 			webSearchMaxUses: "单次请求最多搜索次数",
 			webSearchMaxUsesHint: "一次请求在必须作答前最多可以搜索多少次。",
-			subagentModelSelectionTitle: "Subagent",
-			subagentModelSelectionDescription: "控制 Agent 为 Subagent 选择模型的权限。",
+			subagentTitle: "Subagent",
+			subagentDescription: "设置 Subagent 的递归层级、数量和模型。",
+			subagentLimitsTitle: "运行限制",
+			subagentMaxDepth: "最大递归深度",
+			subagentDepthHelpLabel: "最大递归深度说明",
+			subagentDepthHelp: "限制 Agent 创建 Subagent 的递归层级。",
+			subagentDepthZero: "禁用 Subagent",
+			subagentDepthOne: "仅允许主 Agent 创建 Subagent",
+			subagentDepthOverride: "如果某个工具单独设置了最大递归深度，以该工具的设置为准。",
+			subagentMaxActive: "Subagent 并行数量上限",
+			subagentCapacityHelpLabel: "Subagent 并行数量上限说明",
+			subagentCapacityHelp: "同一主 Agent 下，所有递归层级同时存活的 Subagent 总数，主 Agent 不计入。达到上限时，新的启动请求会被拒绝。",
+			subagentDepthInvalid: "请输入不小于 0 的整数。",
+			subagentCapacityInvalid: "请输入不小于 1 的整数。",
+			subagentModelSelectionTitle: "模型选择",
 			subagentModelSelectionToggle: "允许 Agent 为 Subagent 选择模型",
 			subagentModelSelectionChoose: "开启后，Agent 可以从下方授权模型中，为每个 Subagent 选择提供方、模型和推理强度。仅影响新会话。",
 			subagentModelSelectionAllowed: "Agent 可选择的模型",
@@ -1674,14 +1797,14 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/types/client/index.js
 		/**
-		* Plugins settings surface, browser half — one section whose feature-owned
-		* tabs include configurable Host plugin cards and read-only inventory.
-		*
-		* The section declares `settings.plugins.tab`; its own `configurable` tab then
-		* declares `settings.plugin.item` and renders whatever cards were registered
-		* 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.
+		* Built-in plugins settings surface and the official plugin configuration
+		* pages, browser half. The Settings section is the shell around the
+		* feature-owned tabs registered into `settings.plugins.tab` (the read-only
+		* inventory ships one); the configuration pages this package ships register
+		* into the Plugins page's `plugins.item` slot, for the host-plane namespaces
+		* the deployment exposes, and appear in the page's Official group. Each form
+		* binds its namespace through the client settings scope, which keeps the
+		* pages unaware of one another and of the section.
 		*/
 		/** Dictionary namespace owned by this plugin. */
 		const NS = "settings.plugins";
@@ -1695,7 +1818,7 @@ window.__ModuleLoader__.load({
 			"settingsScope"
 		];
 		/**
-		* Mount the plugin configuration section and the cards this package ships.
+		* Mount the built-in plugins section and the configuration pages this package ships.
 		* @param ctx - the browser plugin context.
 		*/
 		function apply(ctx) {
@@ -1707,7 +1830,10 @@ window.__ModuleLoader__.load({
 			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 }), ctx);
+			const subagentLimits = new SubagentLimitsCardController(ctx.settingsScope.bind({ namespace: "subagent" }));
 			const subagentModelSelection = new SubagentModelSelectionCardController(ctx.settingsScope.bind({ namespace: SUBAGENT_MODEL_SELECTION_NS }), ctx);
+			const subagentLimitsFace = subagentLimits.inject();
+			const subagentModelsFace = subagentModelSelection.inject();
 			ctx.effect(() => ctx.remote.$on("credentials/reference-updated", (ref) => {
 				webSearch.refreshCredential(ref);
 			}), "ui-settings-plugins: credential invalidations");
@@ -1723,13 +1849,65 @@ window.__ModuleLoader__.load({
 			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();
-			}, "ui-settings-plugins: tab directory");
-			ctx.effect(() => ctx.slots.subscribe("settings.plugin.item", () => {
-				configurable.refresh();
-			}), "ui-settings-plugins: card ledger");
+			const pages = [
+				[[SHELL_NS], () => ctx.slots.inject("plugins.item", () => ctx.slots.register({
+					name: "plugins.item",
+					id: "bash",
+					order: 10,
+					label: () => t("bashTitle"),
+					locale: NS,
+					inject: () => bash.inject()
+				}, BashCard))],
+				[[AGENT_LOOP_NS], () => ctx.slots.inject("plugins.item", () => ctx.slots.register({
+					name: "plugins.item",
+					id: "agent-loop",
+					order: 20,
+					label: () => t("agentLoopTitle"),
+					locale: NS,
+					inject: () => agentLoop.inject()
+				}, AgentLoopCard))],
+				[["subagent", SUBAGENT_MODEL_SELECTION_NS], () => ctx.slots.inject("plugins.item", () => ctx.slots.register({
+					name: "plugins.item",
+					id: "subagent",
+					order: 30,
+					label: () => t("subagentTitle"),
+					locale: NS,
+					inject: () => subagentCardFace(subagentLimitsFace, subagentModelsFace)
+				}, SubagentCard))],
+				[[WEB_SEARCH_NS], () => ctx.slots.inject("plugins.item", () => ctx.slots.register({
+					name: "plugins.item",
+					id: "web-search",
+					order: 40,
+					label: () => t("webSearchTitle"),
+					locale: NS,
+					inject: () => webSearch.inject()
+				}, WebSearchCard))]
+			];
+			const describeFace = ctx.settingsScope.describe();
+			ctx.effect(() => {
+				const registered = /* @__PURE__ */ new Map();
+				const sync = () => {
+					const served = new Set(describeFace.getSnapshot().view?.namespaces.map((view) => view.ns) ?? []);
+					for (const [namespaces, register] of pages) {
+						const namespace = namespaces[0];
+						const available = namespaces.some((namespace) => served.has(namespace));
+						const off = registered.get(namespace);
+						if (available && off === void 0) registered.set(namespace, register());
+						else if (!available && off !== void 0) {
+							off();
+							registered.delete(namespace);
+						}
+					}
+				};
+				const unsubscribe = describeFace.subscribe(sync);
+				describeFace.ensure();
+				sync();
+				return () => {
+					unsubscribe();
+					for (const off of registered.values()) off();
+					registered.clear();
+				};
+			}, "ui-settings-plugins: configuration pages");
 			let tabsVersion = -1;
 			let tabsRevision = -1;
 			let tabs = [];
@@ -1770,44 +1948,6 @@ window.__ModuleLoader__.load({
 					scope: "root"
 				} }
 			}, PluginsSettingsSection));
-			ctx.slots.inject("settings.plugins.tab", () => ctx.slots.register({
-				name: "settings.plugins.tab",
-				id: "configurable",
-				order: 0,
-				label: () => t("configurableTab"),
-				locale: NS,
-				inject: () => configurable.inject(),
-				children: { "settings.plugin.item": {
-					kind: "keyed",
-					scope: "root"
-				} }
-			}, ConfigurablePluginsTab));
-			ctx.slots.inject("settings.plugin.item", function* () {
-				yield ctx.slots.register({
-					name: "settings.plugin.item",
-					key: SHELL_NS,
-					locale: NS,
-					inject: () => bash.inject()
-				}, BashCard);
-				yield ctx.slots.register({
-					name: "settings.plugin.item",
-					key: AGENT_LOOP_NS,
-					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,
-					locale: NS,
-					inject: () => webSearch.inject()
-				}, WebSearchCard);
-			});
 		}
 		//#endregion
 		exports.apply = apply;