@sparkelf/dsh-plugin-subagent-settings 0.1.0-rc.10

package/lib/client.js

@@ -0,0 +1,835 @@
+window.__ModuleLoader__.load({
+	id: "@sparkelf/dsh-plugin-subagent-settings",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		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_store = require("@deepseek-ai/dsh-client-store");
+		//#region \0dsh-css:/home/runner/work/deepseek-harness-plus/deepseek-harness-plus/packages/plus/subagent-settings/src/client/SubagentCard.module.css.mjs
+		const css = ".KB3fBa_section{box-sizing:border-box;width:min(100%,680px);padding:0 24px 28px 0}.KB3fBa_heading{color:var(--dsw-alias-label-primary);margin:0;font-size:20px;font-weight:600;line-height:28px}.KB3fBa_intro{color:var(--dsw-alias-label-secondary);margin:6px 0 18px;font-size:14px;line-height:22px}.KB3fBa_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:8px;overflow:hidden}.KB3fBa_modeTabs{border-bottom:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.KB3fBa_modeTab{min-width:0;min-height:38px;color:var(--dsw-alias-label-secondary);cursor:pointer;font:inherit;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:14px;font-weight:500;line-height:22px;display:inline-flex;position:relative}.KB3fBa_modeTab:hover{background:var(--dsw-alias-interactive-bg-hover)}.KB3fBa_modeTab[data-active=true]{background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary)}.KB3fBa_modeTab:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.KB3fBa_unsavedDot{background:var(--dsw-alias-brand-primary);border-radius:50%;flex:none;width:6px;height:6px}.KB3fBa_panel{padding:18px}.KB3fBa_modeHeader{border-bottom:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:20px;padding-bottom:16px;display:flex}.KB3fBa_modeCopy{min-width:0}.KB3fBa_modeCopy h3{color:var(--dsw-alias-label-primary);margin:0;font-size:15px;font-weight:600;line-height:22px}.KB3fBa_modeCopy p{color:var(--dsw-alias-label-tertiary);margin:3px 0 0;font-size:13px;line-height:20px}.KB3fBa_switchLabel{color:var(--dsw-alias-label-primary);cursor:pointer;flex:none;align-items:center;gap:10px;font-size:13px;font-weight:500;line-height:20px;display:inline-flex;position:relative}.KB3fBa_switchInput{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.KB3fBa_switchInput:disabled{cursor:not-allowed}.KB3fBa_switchTrack{background:var(--dsw-alias-border-l1);border-radius:10px;width:36px;height:20px;transition:background-color .12s;position:relative}.KB3fBa_switchTrack>span{background:var(--dsw-alias-bg-layer-1);width:16px;height:16px;box-shadow:var(--dsw-shadow-lv1);border-radius:50%;transition:transform .12s;position:absolute;top:2px;left:2px}.KB3fBa_switchInput:checked+.KB3fBa_switchTrack{background:var(--dsw-alias-brand-primary)}.KB3fBa_switchInput:checked+.KB3fBa_switchTrack>span{transform:translate(16px)}.KB3fBa_switchInput:focus-visible+.KB3fBa_switchTrack{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.KB3fBa_switchInput:disabled+.KB3fBa_switchTrack{opacity:.48}.KB3fBa_switchLabel:has(.KB3fBa_switchInput:disabled){cursor:not-allowed;color:var(--dsw-alias-label-tertiary)}.KB3fBa_readOnly,.KB3fBa_failed{margin:12px 0 0;font-size:13px;line-height:20px}.KB3fBa_readOnly{color:var(--dsw-alias-label-tertiary)}.KB3fBa_failed{color:var(--dsw-alias-label-error);flex:1}.KB3fBa_editor{gap:18px;padding-top:18px;display:grid}.KB3fBa_group{gap:8px;display:grid}.KB3fBa_group h3{color:var(--dsw-alias-label-primary);margin:0;font-size:14px;font-weight:500;line-height:22px}.KB3fBa_radioRow{min-height:24px;color:var(--dsw-alias-label-secondary);align-items:center;gap:8px;font-size:14px;line-height:22px;display:flex}.KB3fBa_radioRow input{accent-color:var(--dsw-alias-brand-primary);flex:none;margin:0}.KB3fBa_field{color:var(--dsw-alias-label-secondary);gap:6px;font-size:13px;line-height:20px;display:grid}.KB3fBa_control{box-sizing:border-box;width:100%;display:flex!important}.KB3fBa_textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);width:100%;min-height:112px;color:var(--dsw-alias-label-primary);font:inherit;border-radius:8px;padding:8px 10px;font-size:14px;line-height:22px}.KB3fBa_textarea:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.KB3fBa_select{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);width:100%;min-height:36px;color:var(--dsw-alias-label-primary);cursor:pointer;font:inherit;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;padding:0 10px;font-size:14px;line-height:22px;display:flex}.KB3fBa_select:hover:not(:disabled){border-color:var(--dsw-alias-label-dimmed)}.KB3fBa_select:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.KB3fBa_select:disabled{cursor:not-allowed;opacity:.48}.KB3fBa_actions{justify-content:flex-start;padding-top:2px;display:flex}.KB3fBa_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:10px;min-height:44px;margin-top:18px;padding-top:14px;display:flex}.KB3fBa_discard,.KB3fBa_save{cursor:pointer;min-height:34px;font:inherit;border-radius:8px;padding:5px 14px;font-size:14px;line-height:22px}.KB3fBa_discard{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:0 0}.KB3fBa_save{background:var(--dsw-alias-brand-primary);color:var(--dsw-alias-bg-layer-3);border:1px solid #0000}.KB3fBa_discard:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.KB3fBa_save:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover)}.KB3fBa_discard:disabled,.KB3fBa_save:disabled{cursor:not-allowed;opacity:.42}";
+		const tagId = "@sparkelf/dsh-plugin-subagent-settings/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 = "@sparkelf/dsh-plugin-subagent-settings";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var SubagentCard_module_css_default = {
+			"actions": "KB3fBa_actions",
+			"card": "KB3fBa_card",
+			"control": "KB3fBa_control",
+			"discard": "KB3fBa_discard",
+			"editor": "KB3fBa_editor",
+			"failed": "KB3fBa_failed",
+			"field": "KB3fBa_field",
+			"footer": "KB3fBa_footer",
+			"group": "KB3fBa_group",
+			"heading": "KB3fBa_heading",
+			"intro": "KB3fBa_intro",
+			"modeCopy": "KB3fBa_modeCopy",
+			"modeHeader": "KB3fBa_modeHeader",
+			"modeTab": "KB3fBa_modeTab",
+			"modeTabs": "KB3fBa_modeTabs",
+			"panel": "KB3fBa_panel",
+			"radioRow": "KB3fBa_radioRow",
+			"readOnly": "KB3fBa_readOnly",
+			"save": "KB3fBa_save",
+			"section": "KB3fBa_section",
+			"select": "KB3fBa_select",
+			"switchInput": "KB3fBa_switchInput",
+			"switchLabel": "KB3fBa_switchLabel",
+			"switchTrack": "KB3fBa_switchTrack",
+			"textarea": "KB3fBa_textarea",
+			"unsavedDot": "KB3fBa_unsavedDot"
+		};
+		//#endregion
+		//#region lib/types/client/SubagentCard.js
+		/** Unified settings section for continuous and one-shot delegation modes. */
+		function without(value, key) {
+			const { [key]: _omitted, ...rest } = value;
+			return rest;
+		}
+		function namesOf(filter) {
+			return (filter?.allow ?? filter?.deny ?? []).join(", ");
+		}
+		function EntryEditor({ value: draft, writable, saving, t, onChange, onReset }) {
+			const [depthMenuOpen, setDepthMenuOpen] = (0, react.useState)(false);
+			const setDraft = (update) => {
+				onChange(update(draft));
+			};
+			const fixedModel = draft.agentOptions?.provider !== void 0 || draft.agentOptions?.model !== void 0;
+			const toolMode = draft.toolFilter?.allow !== void 0 ? "allow" : draft.toolFilter?.deny !== void 0 ? "deny" : "all";
+			const depthId = draft.maxDepth === "provider-managed" ? "provider-managed" : String(draft.maxDepth ?? 0);
+			const depthItems = (0, react.useMemo)(() => [
+				0,
+				1,
+				2,
+				3,
+				4,
+				5
+			].map((value) => ({
+				id: String(value),
+				label: String(value)
+			})).concat({
+				id: "provider-managed",
+				label: t("subagentProviderManaged")
+			}), [t]);
+			const setOptions = (change) => {
+				setDraft((current) => ({
+					...current,
+					agentOptions: {
+						...current.agentOptions,
+						...change
+					}
+				}));
+			};
+			const followParent = () => {
+				setDraft((current) => {
+					const maxTokens = current.agentOptions?.maxTokens;
+					if (maxTokens === void 0) return without(current, "agentOptions");
+					return {
+						...current,
+						agentOptions: { maxTokens }
+					};
+				});
+			};
+			const clearMaxTokens = () => {
+				setDraft((current) => {
+					const provider = current.agentOptions?.provider;
+					const model = current.agentOptions?.model;
+					if (provider === void 0 && model === void 0) return without(current, "agentOptions");
+					return {
+						...current,
+						agentOptions: {
+							...provider === void 0 ? {} : { provider },
+							...model === void 0 ? {} : { model }
+						}
+					};
+				});
+			};
+			const setToolMode = (mode) => {
+				setDraft((current) => {
+					if (mode === "all") return without(current, "toolFilter");
+					return mode === "allow" ? {
+						...current,
+						toolFilter: { allow: [] }
+					} : {
+						...current,
+						toolFilter: { deny: [] }
+					};
+				});
+			};
+			const setToolNames = (text) => {
+				const names = text.split(",").map((name) => name.trim()).filter(Boolean);
+				setDraft((current) => {
+					if (toolMode === "allow") return {
+						...current,
+						toolFilter: { allow: names }
+					};
+					if (toolMode === "deny") return {
+						...current,
+						toolFilter: { deny: names }
+					};
+					return current;
+				});
+			};
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: SubagentCard_module_css_default.editor,
+				children: [
+					(0, react_jsx_runtime.jsxs)("section", {
+						className: SubagentCard_module_css_default.group,
+						children: [
+							(0, react_jsx_runtime.jsx)("h3", { children: t("subagentModel") }),
+							(0, react_jsx_runtime.jsxs)("label", {
+								className: SubagentCard_module_css_default.radioRow,
+								children: [(0, react_jsx_runtime.jsx)("input", {
+									type: "radio",
+									checked: !fixedModel,
+									disabled: !writable || saving,
+									onChange: followParent
+								}), t("subagentFollowParent")]
+							}),
+							(0, react_jsx_runtime.jsxs)("label", {
+								className: SubagentCard_module_css_default.radioRow,
+								children: [(0, react_jsx_runtime.jsx)("input", {
+									type: "radio",
+									checked: fixedModel,
+									disabled: !writable || saving,
+									onChange: () => {
+										setOptions({
+											provider: draft.agentOptions?.provider ?? "",
+											model: draft.agentOptions?.model ?? ""
+										});
+									}
+								}), t("subagentFixedModel")]
+							}),
+							fixedModel && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)("label", {
+								className: SubagentCard_module_css_default.field,
+								children: [t("subagentProvider"), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+									className: SubagentCard_module_css_default.control,
+									value: draft.agentOptions?.provider ?? "",
+									disabled: !writable || saving,
+									onChange: (event) => {
+										setOptions({ provider: event.target.value });
+									}
+								})]
+							}), (0, react_jsx_runtime.jsxs)("label", {
+								className: SubagentCard_module_css_default.field,
+								children: [t("subagentModelId"), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+									className: SubagentCard_module_css_default.control,
+									value: draft.agentOptions?.model ?? "",
+									disabled: !writable || saving,
+									onChange: (event) => {
+										setOptions({ model: event.target.value });
+									}
+								})]
+							})] }),
+							(0, react_jsx_runtime.jsxs)("label", {
+								className: SubagentCard_module_css_default.field,
+								children: [t("subagentMaxTokens"), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+									className: SubagentCard_module_css_default.control,
+									type: "number",
+									min: "1",
+									step: "1",
+									value: draft.agentOptions?.maxTokens ?? "",
+									disabled: !writable || saving,
+									onChange: (event) => {
+										if (event.target.value === "") clearMaxTokens();
+										else setOptions({ maxTokens: Number(event.target.value) });
+									}
+								})]
+							})
+						]
+					}),
+					(0, react_jsx_runtime.jsxs)("section", {
+						className: SubagentCard_module_css_default.group,
+						children: [
+							(0, react_jsx_runtime.jsx)("h3", { children: t("subagentPersona") }),
+							(0, react_jsx_runtime.jsxs)("label", {
+								className: SubagentCard_module_css_default.radioRow,
+								children: [(0, react_jsx_runtime.jsx)("input", {
+									type: "radio",
+									checked: draft.persona === void 0,
+									disabled: !writable || saving,
+									onChange: () => {
+										setDraft((current) => without(current, "persona"));
+									}
+								}), t("subagentInheritPersona")]
+							}),
+							(0, react_jsx_runtime.jsxs)("label", {
+								className: SubagentCard_module_css_default.radioRow,
+								children: [(0, react_jsx_runtime.jsx)("input", {
+									type: "radio",
+									checked: draft.persona !== void 0,
+									disabled: !writable || saving,
+									onChange: () => {
+										setDraft((current) => ({
+											...current,
+											persona: current.persona ?? ""
+										}));
+									}
+								}), t("subagentOverridePersona")]
+							}),
+							draft.persona !== void 0 && (0, react_jsx_runtime.jsx)("textarea", {
+								"aria-label": t("subagentPersona"),
+								className: SubagentCard_module_css_default.textarea,
+								value: draft.persona,
+								disabled: !writable || saving,
+								placeholder: t("subagentPersonaPlaceholder"),
+								onChange: (event) => {
+									setDraft((current) => ({
+										...current,
+										persona: event.target.value
+									}));
+								}
+							})
+						]
+					}),
+					(0, react_jsx_runtime.jsxs)("section", {
+						className: SubagentCard_module_css_default.group,
+						children: [
+							(0, react_jsx_runtime.jsx)("h3", { children: t("subagentTools") }),
+							(0, react_jsx_runtime.jsxs)("label", {
+								className: SubagentCard_module_css_default.radioRow,
+								children: [(0, react_jsx_runtime.jsx)("input", {
+									type: "radio",
+									checked: toolMode === "all",
+									disabled: !writable || saving,
+									onChange: () => {
+										setToolMode("all");
+									}
+								}), t("subagentAllTools")]
+							}),
+							(0, react_jsx_runtime.jsxs)("label", {
+								className: SubagentCard_module_css_default.radioRow,
+								children: [(0, react_jsx_runtime.jsx)("input", {
+									type: "radio",
+									checked: toolMode === "allow",
+									disabled: !writable || saving,
+									onChange: () => {
+										setToolMode("allow");
+									}
+								}), t("subagentAllowTools")]
+							}),
+							(0, react_jsx_runtime.jsxs)("label", {
+								className: SubagentCard_module_css_default.radioRow,
+								children: [(0, react_jsx_runtime.jsx)("input", {
+									type: "radio",
+									checked: toolMode === "deny",
+									disabled: !writable || saving,
+									onChange: () => {
+										setToolMode("deny");
+									}
+								}), t("subagentDenyTools")]
+							}),
+							toolMode !== "all" && (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+								className: SubagentCard_module_css_default.control,
+								"aria-label": t("subagentTools"),
+								value: namesOf(draft.toolFilter),
+								disabled: !writable || saving,
+								placeholder: t("subagentToolNamesPlaceholder"),
+								onChange: (event) => {
+									setToolNames(event.target.value);
+								}
+							})
+						]
+					}),
+					(0, react_jsx_runtime.jsx)("section", {
+						className: SubagentCard_module_css_default.group,
+						children: (0, react_jsx_runtime.jsxs)("label", {
+							className: SubagentCard_module_css_default.field,
+							children: [t("subagentDepth"), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+								open: depthMenuOpen,
+								anchor: (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: SubagentCard_module_css_default.select,
+									"aria-label": t("subagentDepth"),
+									"aria-haspopup": "menu",
+									"aria-expanded": depthMenuOpen,
+									disabled: !writable || saving,
+									onClick: () => {
+										setDepthMenuOpen((current) => !current);
+									},
+									children: [depthItems.find((item) => item.id === depthId)?.label ?? depthId, (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, {})]
+								}),
+								items: depthItems,
+								selectedId: depthId,
+								onSelect: (id) => {
+									setDepthMenuOpen(false);
+									setDraft((current) => ({
+										...current,
+										maxDepth: id === "provider-managed" ? "provider-managed" : Number(id)
+									}));
+								},
+								onClose: () => {
+									setDepthMenuOpen(false);
+								},
+								dense: true
+							})]
+						})
+					}),
+					(0, react_jsx_runtime.jsx)("div", {
+						className: SubagentCard_module_css_default.actions,
+						children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "outline",
+							size: "sm",
+							disabled: !writable || saving,
+							onClick: onReset,
+							children: t("reset")
+						})
+					})
+				]
+			});
+		}
+		function descriptionKey(namespace) {
+			return namespace === "subagent" ? "subagentContinuousDescription" : "subagentOneShotDescription";
+		}
+		function enabledKey(namespace) {
+			return namespace === "subagent" ? "subagentEnableContinuous" : "subagentEnableOneShot";
+		}
+		/** Render one card whose mode tabs preserve independent settings namespaces. */
+		function SubagentSettingsSection(props) {
+			const { useSubagentSettings, t, ensure } = props;
+			const state = useSubagentSettings((snapshot) => snapshot);
+			const [requestedNamespace, setRequestedNamespace] = (0, react.useState)("subagent");
+			const tabsId = (0, react.useId)();
+			const tabRefs = (0, react.useRef)([]);
+			(0, react.useEffect)(() => {
+				ensure();
+			}, [ensure]);
+			const entry = state.entries.find((candidate) => candidate.ns === requestedNamespace) ?? state.entries[0];
+			if (entry === void 0) return null;
+			const draft = state.drafts[entry.ns] ?? entry.value;
+			const dirty = state.drafts[entry.ns] !== void 0;
+			const failed = state.saveErrors[entry.ns] !== void 0;
+			const blocked = !dirty || state.saving;
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: SubagentCard_module_css_default.section,
+				children: [
+					(0, react_jsx_runtime.jsx)("h2", {
+						className: SubagentCard_module_css_default.heading,
+						children: t("subagentTitle")
+					}),
+					(0, react_jsx_runtime.jsx)("p", {
+						className: SubagentCard_module_css_default.intro,
+						children: t("subagentIntro")
+					}),
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: SubagentCard_module_css_default.card,
+						children: [(0, react_jsx_runtime.jsx)("div", {
+							className: SubagentCard_module_css_default.modeTabs,
+							role: "tablist",
+							"aria-label": t("subagentModes"),
+							children: state.entries.map((candidate, index) => {
+								const selected = candidate.ns === entry.ns;
+								return (0, react_jsx_runtime.jsxs)("button", {
+									ref: (element) => {
+										tabRefs.current[index] = element;
+									},
+									id: `${tabsId}-tab-${candidate.ns}`,
+									type: "button",
+									role: "tab",
+									className: SubagentCard_module_css_default.modeTab,
+									"aria-selected": selected,
+									"aria-controls": `${tabsId}-panel`,
+									tabIndex: selected ? 0 : -1,
+									"data-active": selected ? "true" : void 0,
+									onClick: () => {
+										setRequestedNamespace(candidate.ns);
+									},
+									onKeyDown: (event) => {
+										let nextIndex;
+										switch (event.key) {
+											case "ArrowRight":
+												nextIndex = (index + 1) % state.entries.length;
+												break;
+											case "ArrowLeft":
+												nextIndex = (index - 1 + state.entries.length) % state.entries.length;
+												break;
+											case "Home":
+												nextIndex = 0;
+												break;
+											case "End":
+												nextIndex = state.entries.length - 1;
+												break;
+											default: return;
+										}
+										event.preventDefault();
+										const next = state.entries[nextIndex];
+										setRequestedNamespace(next.ns);
+										tabRefs.current[nextIndex].focus();
+									},
+									children: [(0, react_jsx_runtime.jsx)("span", { children: t(candidate.label) }), state.drafts[candidate.ns] !== void 0 ? (0, react_jsx_runtime.jsx)("span", {
+										className: SubagentCard_module_css_default.unsavedDot,
+										title: t("unsaved"),
+										"aria-hidden": "true"
+									}) : null]
+								}, candidate.ns);
+							})
+						}), (0, react_jsx_runtime.jsxs)("div", {
+							id: `${tabsId}-panel`,
+							className: SubagentCard_module_css_default.panel,
+							role: "tabpanel",
+							"aria-labelledby": `${tabsId}-tab-${entry.ns}`,
+							children: [
+								(0, react_jsx_runtime.jsxs)("div", {
+									className: SubagentCard_module_css_default.modeHeader,
+									children: [(0, react_jsx_runtime.jsxs)("div", {
+										className: SubagentCard_module_css_default.modeCopy,
+										children: [(0, react_jsx_runtime.jsx)("h3", { children: t(entry.label) }), (0, react_jsx_runtime.jsx)("p", { children: t(descriptionKey(entry.ns)) })]
+									}), (0, react_jsx_runtime.jsxs)("label", {
+										className: SubagentCard_module_css_default.switchLabel,
+										children: [
+											(0, react_jsx_runtime.jsx)("span", { children: t(enabledKey(entry.ns)) }),
+											(0, react_jsx_runtime.jsx)("input", {
+												className: SubagentCard_module_css_default.switchInput,
+												type: "checkbox",
+												role: "switch",
+												checked: draft.enabled ?? false,
+												disabled: !state.writable || state.saving,
+												onChange: (event) => {
+													props.stage(entry, {
+														...draft,
+														enabled: event.target.checked
+													});
+												}
+											}),
+											(0, react_jsx_runtime.jsx)("span", {
+												className: SubagentCard_module_css_default.switchTrack,
+												"aria-hidden": "true",
+												children: (0, react_jsx_runtime.jsx)("span", {})
+											})
+										]
+									})]
+								}),
+								!state.writable ? (0, react_jsx_runtime.jsx)("p", {
+									className: SubagentCard_module_css_default.readOnly,
+									role: "status",
+									children: t("readOnly")
+								}) : null,
+								(0, react_jsx_runtime.jsx)(EntryEditor, {
+									entry,
+									value: draft,
+									writable: state.writable,
+									saving: state.saving,
+									t,
+									onChange: (value) => {
+										props.stage(entry, value);
+									},
+									onReset: () => {
+										props.reset(entry);
+									}
+								}, entry.ns),
+								(0, react_jsx_runtime.jsxs)("div", {
+									className: SubagentCard_module_css_default.footer,
+									children: [
+										failed ? (0, react_jsx_runtime.jsx)("p", {
+											className: SubagentCard_module_css_default.failed,
+											role: "status",
+											children: t("saveFailed")
+										}) : null,
+										(0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: SubagentCard_module_css_default.discard,
+											disabled: !dirty || state.saving,
+											onClick: () => {
+												props.discard(entry);
+											},
+											children: t("discard")
+										}),
+										(0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: SubagentCard_module_css_default.save,
+											disabled: blocked,
+											onClick: () => {
+												props.save(entry);
+											},
+											children: t(state.saving ? "saving" : "save")
+										})
+									]
+								})
+							]
+						})]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/subagent-store.js
+		/** Shared Settings-scope state for the unified subagent settings section. */
+		const SUBAGENT_NAMESPACES = ["subagent", "subagent-fork"];
+		const ENTRY_META = {
+			subagent: {
+				kind: "spawn",
+				label: "subagentContinuous",
+				context: "fresh",
+				background: "continuable"
+			},
+			"subagent-fork": {
+				kind: "fork",
+				label: "subagentOneShot",
+				context: "forked",
+				background: "one-shot"
+			}
+		};
+		function replacementOperations(value) {
+			const agentOptions = {};
+			if (value.agentOptions?.provider !== void 0) agentOptions.provider = value.agentOptions.provider;
+			if (value.agentOptions?.model !== void 0) agentOptions.model = value.agentOptions.model;
+			if (value.agentOptions?.maxTokens !== void 0) agentOptions.maxTokens = value.agentOptions.maxTokens;
+			const toolFilter = {};
+			if (value.toolFilter?.allow !== void 0) toolFilter.allow = value.toolFilter.allow;
+			if (value.toolFilter?.deny !== void 0) toolFilter.deny = value.toolFilter.deny;
+			return [
+				value.enabled === void 0 ? {
+					op: "unset",
+					path: ["enabled"]
+				} : {
+					op: "set",
+					path: ["enabled"],
+					value: value.enabled
+				},
+				value.agentOptions === void 0 ? {
+					op: "unset",
+					path: ["agentOptions"]
+				} : {
+					op: "set",
+					path: ["agentOptions"],
+					value: agentOptions
+				},
+				value.persona === void 0 ? {
+					op: "unset",
+					path: ["persona"]
+				} : {
+					op: "set",
+					path: ["persona"],
+					value: value.persona
+				},
+				value.toolFilter === void 0 ? {
+					op: "unset",
+					path: ["toolFilter"]
+				} : {
+					op: "set",
+					path: ["toolFilter"],
+					value: toolFilter
+				},
+				value.maxDepth === void 0 ? {
+					op: "unset",
+					path: ["maxDepth"]
+				} : {
+					op: "set",
+					path: ["maxDepth"],
+					value: value.maxDepth
+				}
+			];
+		}
+		function withoutNamespace(record, namespace) {
+			const { [namespace]: _removed, ...remaining } = record;
+			return remaining;
+		}
+		/** Settings controller shared by both mode panels. */
+		var SubagentSettingsStore = class {
+			scopes;
+			/** Reactive state shared by both mode panels. */
+			store = (0, _deepseek_ai_dsh_client_store.createSnapshotStore)({
+				writable: false,
+				entries: [],
+				drafts: {},
+				saving: false,
+				saveErrors: {}
+			});
+			unsubscribers = [];
+			started = false;
+			/**
+			* @param scopes - namespace scopes derived from the browser's shared Settings mirror.
+			*/
+			constructor(scopes) {
+				this.scopes = scopes;
+			}
+			/** Start following both scopes and load model choices once. */
+			ensure() {
+				if (this.started) return;
+				this.started = true;
+				for (const ns of SUBAGENT_NAMESPACES) this.unsubscribers.push(this.scopes[ns].subscribe(() => {
+					this.derive();
+				}));
+				this.derive();
+			}
+			/** Stop following the two Settings scopes. */
+			dispose() {
+				this.started = false;
+				for (const unsubscribe of this.unsubscribers.splice(0)) unsubscribe();
+			}
+			/** Stage one entry until its plugin card is saved.
+			* @param entry - entry being edited.
+			* @param value - complete staged user section.
+			*/
+			stage(entry, value) {
+				this.store.update((state) => {
+					state.drafts = {
+						...state.drafts,
+						[entry.ns]: value
+					};
+				});
+			}
+			/** Persist one staged entry through its Settings scope.
+			* @param entry - entry whose card initiated the save.
+			*/
+			async save(entry) {
+				const value = this.store.getSnapshot().drafts[entry.ns];
+				if (value === void 0) return;
+				this.store.update((state) => {
+					state.saving = true;
+					state.saveErrors = withoutNamespace(state.saveErrors, entry.ns);
+				});
+				try {
+					await this.scopes[entry.ns].mutate(replacementOperations(value));
+					this.store.update((state) => {
+						state.drafts = withoutNamespace(state.drafts, entry.ns);
+					});
+				} catch (_settingsWriteFailure) {
+					this.store.update((state) => {
+						state.saveErrors = {
+							...state.saveErrors,
+							[entry.ns]: true
+						};
+					});
+				} finally {
+					this.store.update((state) => {
+						state.saving = false;
+					});
+				}
+			}
+			/** Stage one entry back to its deployment defaults.
+			* @param entry - entry being reset.
+			*/
+			reset(entry) {
+				this.stage(entry, {});
+			}
+			/** Discard one card's staged edit without writing it.
+			* @param entry - entry whose draft is discarded.
+			*/
+			discard(entry) {
+				this.store.update((state) => {
+					state.drafts = withoutNamespace(state.drafts, entry.ns);
+					state.saveErrors = withoutNamespace(state.saveErrors, entry.ns);
+				});
+			}
+			derive() {
+				const entries = SUBAGENT_NAMESPACES.flatMap((ns) => {
+					const snapshot = this.scopes[ns].getSnapshot();
+					if (snapshot.status !== "ready") return [];
+					return [{
+						ns,
+						...ENTRY_META[ns],
+						value: snapshot.value
+					}];
+				});
+				const writable = entries.length > 0 && entries.every((entry) => this.scopes[entry.ns].getSnapshot().writable);
+				this.store.update((state) => {
+					state.entries = entries;
+					state.writable = writable;
+				});
+			}
+		};
+		//#endregion
+		//#region lib/types/client/locales.js
+		/** Typed dictionaries owned by the Subagent settings capability. */
+		/** English product copy. */
+		const en = {
+			nav: "Subagents",
+			reset: "Reset to default",
+			readOnly: "This deployment stores settings read-only.",
+			save: "Save",
+			saving: "Saving...",
+			discard: "Discard",
+			unsaved: "Unsaved",
+			saveFailed: "The deployment did not accept these values; they were left for you to correct.",
+			subagentTitle: "Subagents",
+			subagentIntro: "Choose which delegation modes agents may use and configure each mode's child defaults.",
+			subagentModes: "Subagent modes",
+			subagentContinuous: "Continuous subagent",
+			subagentOneShot: "One-shot subagent",
+			subagentContinuousDescription: "Starts a fresh child conversation that can receive follow-up messages.",
+			subagentOneShotDescription: "Forks completed context for one task and returns its result.",
+			subagentEnableContinuous: "Enable continuous mode",
+			subagentEnableOneShot: "Enable one-shot mode",
+			subagentModel: "Model",
+			subagentFollowParent: "Follow the current agent",
+			subagentFixedModel: "Use a fixed model",
+			subagentProvider: "Provider",
+			subagentModelId: "Model ID",
+			subagentMaxTokens: "Maximum output tokens",
+			subagentPersona: "Role prompt",
+			subagentInheritPersona: "Use the parent role",
+			subagentOverridePersona: "Override the role for every child",
+			subagentPersonaPlaceholder: "Describe the child agent's role and output requirements.",
+			subagentTools: "Tool visibility",
+			subagentAllTools: "Use the parent tool set",
+			subagentAllowTools: "Allow only these tools",
+			subagentDenyTools: "Hide these tools",
+			subagentToolNamesPlaceholder: "Tool names separated by commas",
+			subagentDepth: "Maximum child depth",
+			subagentProviderManaged: "Provider managed"
+		};
+		/** Simplified Chinese product copy. */
+		const zh = {
+			nav: "子代理",
+			reset: "恢复默认",
+			readOnly: "本部署的设置为只读。",
+			save: "保存",
+			saving: "保存中...",
+			discard: "放弃修改",
+			unsaved: "未保存",
+			saveFailed: "本部署没有接受这些值，已保留供你修改。",
+			subagentTitle: "子代理",
+			subagentIntro: "选择智能体可使用的委派方式，并分别配置子代理默认值。",
+			subagentModes: "子代理模式",
+			subagentContinuous: "连续子代理",
+			subagentOneShot: "一次性子代理",
+			subagentContinuousDescription: "创建全新子会话，之后可以继续发送消息。",
+			subagentOneShotDescription: "继承已完成的对话内容，执行一次任务后返回结果。",
+			subagentEnableContinuous: "启用连续模式",
+			subagentEnableOneShot: "启用一次性模式",
+			subagentModel: "模型",
+			subagentFollowParent: "跟随当前智能体",
+			subagentFixedModel: "固定模型",
+			subagentProvider: "提供方",
+			subagentModelId: "模型 ID",
+			subagentMaxTokens: "最大输出 token",
+			subagentPersona: "角色提示词",
+			subagentInheritPersona: "沿用父智能体角色",
+			subagentOverridePersona: "为每个子代理覆盖角色",
+			subagentPersonaPlaceholder: "描述子代理的角色和输出要求。",
+			subagentTools: "工具可见范围",
+			subagentAllTools: "沿用父智能体工具集",
+			subagentAllowTools: "仅允许这些工具",
+			subagentDenyTools: "隐藏这些工具",
+			subagentToolNamesPlaceholder: "用逗号分隔工具名称",
+			subagentDepth: "最大子代理嵌套层数",
+			subagentProviderManaged: "由提供方管理"
+		};
+		//#endregion
+		//#region lib/types/client/index.js
+		/** Browser Settings section for the two shipped settings-backed delegation entries. */
+		const NS = "settings.subagents";
+		/** Required browser services. */
+		const inject = [
+			"slots",
+			"locale",
+			"settingsScope"
+		];
+		/**
+		* Mount the dedicated Subagents Settings section.
+		* @param ctx - Browser plugin context.
+		*/
+		function apply(ctx) {
+			const t = ctx.locale.bind(NS);
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "plus-subagent-settings: dictionaries");
+			const settings = new SubagentSettingsStore({
+				subagent: ctx.settingsScope.bind({ namespace: "subagent" }),
+				"subagent-fork": ctx.settingsScope.bind({ namespace: "subagent-fork" })
+			});
+			const injected = () => ({
+				hooks: { subagentSettings: settings.store },
+				ensure: () => {
+					settings.ensure();
+				},
+				stage: (entry, value) => {
+					settings.stage(entry, value);
+				},
+				save: (entry) => settings.save(entry),
+				reset: (entry) => {
+					settings.reset(entry);
+				},
+				discard: (entry) => {
+					settings.discard(entry);
+				}
+			});
+			ctx.effect(() => () => {
+				settings.dispose();
+			}, "plus-subagent-settings: settings scopes");
+			ctx.slots.inject("settings.section", () => ctx.slots.register({
+				name: "settings.section",
+				id: "subagents",
+				order: 15,
+				label: () => t("nav"),
+				locale: NS,
+				inject: injected
+			}, SubagentSettingsSection));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map