@eddyskywalker/dsh-chatgpt-subscription 0.1.18 → 0.1.20

package/lib/client.js

@@ -313,7 +313,6 @@ window.__ModuleLoader__.load({
 			const apiRef = (0, react.useRef)(new SubscriptionApi());
 			const eventSourceRef = (0, react.useRef)(null);
 			const [status, setStatus] = (0, react.useState)(null);
-			const [modelCatalog, setModelCatalog] = (0, react.useState)(null);
 			const [busy, setBusy] = (0, react.useState)(null);
 			const [error, setError] = (0, react.useState)(null);
 			const [authUrl, setAuthUrl] = (0, react.useState)(null);
@@ -323,12 +322,11 @@ window.__ModuleLoader__.load({
 			const load = (0, react.useCallback)(async (quiet = false) => {
 				if (!quiet) setError(null);
 				try {
-					const [next, models] = await Promise.all([apiRef.current.status(), apiRef.current.models()]);
+					const next = await apiRef.current.status();
 					setStatus(next);
-					setModelCatalog(models);
 					if (next.error !== void 0) setError(next.error.message);
 				} catch (cause) {
-					if (!quiet) setError(messageOf(cause));
+					if (!quiet) setError(messageOf$1(cause));
 				}
 			}, []);
 			(0, react.useEffect)(() => {
@@ -388,7 +386,7 @@ window.__ModuleLoader__.load({
 				} catch (cause) {
 					popup?.close();
 					setBusy(null);
-					setError(messageOf(cause));
+					setError(messageOf$1(cause));
 				}
 			};
 			const cancelLogin = async () => {
@@ -402,7 +400,7 @@ window.__ModuleLoader__.load({
 					setAuthUrl(null);
 					await load();
 				} catch (cause) {
-					setError(messageOf(cause));
+					setError(messageOf$1(cause));
 				} finally {
 					setBusy(null);
 				}
@@ -433,7 +431,7 @@ window.__ModuleLoader__.load({
 			});
 			const updateContextWindow = async (model) => {
 				const current = status?.preferences.contextWindowOverrides[model] ?? resolveCodexCatalogEntry(model).contextWindow;
-				const parsed = parseCapacity(contextDrafts[model] ?? String(current));
+				const parsed = parseCapacity$1(contextDrafts[model] ?? String(current));
 				if (parsed === null) {
 					setError(t("contextWindowInvalid"));
 					return;
@@ -458,7 +456,7 @@ window.__ModuleLoader__.load({
 				try {
 					await task();
 				} catch (cause) {
-					setError(messageOf(cause));
+					setError(messageOf$1(cause));
 				} finally {
 					setBusy(null);
 				}
@@ -614,147 +612,6 @@ window.__ModuleLoader__.load({
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("searchProviderCodex") })] })]
 									})]
 								}),
-								(() => {
-									const selectedProvider = modelCatalog?.providers.find((provider) => provider.id === status?.preferences.subagentProvider) ?? modelCatalog?.providers[0];
-									const selectedModel = selectedProvider?.models.find((model) => model.id === status?.preferences.subagentModel) ?? selectedProvider?.models[0];
-									const reasoning = selectedModel?.reasoning;
-									const selectedEffort = status?.preferences.subagentReasoningEffort ?? reasoning?.defaultEffort ?? reasoning?.efforts[0]?.id ?? "";
-									const savedContext = status?.preferences.subagentContextWindow ?? selectedModel?.contextWindow;
-									const contextDraft = contextDrafts.subagent;
-									const parsedContextValue = contextDraft === void 0 ? savedContext ?? null : parsePositiveCapacity(contextDraft);
-									const parsedContext = parsedContextValue !== null && (selectedModel?.maxContextWindow === void 0 || parsedContextValue <= selectedModel.maxContextWindow) ? parsedContextValue : null;
-									const contextDirty = contextDraft !== void 0 && parsedContext !== savedContext;
-									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsh-codex-pref-row",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("subagentProvider") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-												className: "dsh-codex-muted",
-												children: t("subagentProviderHint")
-											})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
-												className: "dsh-codex-select",
-												"aria-label": t("subagentProvider"),
-												value: selectedProvider?.id ?? "",
-												disabled: busy !== null || selectedProvider === void 0,
-												onChange: (event) => {
-													const provider = modelCatalog?.providers.find((entry) => entry.id === event.currentTarget.value);
-													const model = provider?.models[0];
-													if (provider === void 0 || model === void 0) return;
-													const effort = model.reasoning?.defaultEffort ?? model.reasoning?.efforts[0]?.id ?? null;
-													updatePreferences({
-														subagentProvider: provider.id,
-														subagentModel: model.id,
-														subagentReasoningEffort: effort,
-														subagentContextWindow: model.contextWindow ?? 1
-													});
-													setContextDrafts((drafts) => ({
-														...drafts,
-														subagent: formatCapacity(model.contextWindow ?? 1)
-													}));
-												},
-												children: modelCatalog?.providers.map((provider) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-													value: provider.id,
-													children: provider.name
-												}, provider.id))
-											})]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsh-codex-pref-row",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("subagentModel") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-												className: "dsh-codex-muted",
-												children: t("subagentModelHint")
-											})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
-												className: "dsh-codex-select",
-												"aria-label": t("subagentModel"),
-												value: selectedModel?.id ?? "",
-												disabled: busy !== null || selectedModel === void 0,
-												onChange: (event) => {
-													const model = selectedProvider?.models.find((entry) => entry.id === event.currentTarget.value);
-													if (selectedProvider === void 0 || model === void 0) return;
-													const effort = model.reasoning?.defaultEffort ?? model.reasoning?.efforts[0]?.id ?? null;
-													updatePreferences({
-														subagentProvider: selectedProvider.id,
-														subagentModel: model.id,
-														subagentReasoningEffort: effort,
-														subagentContextWindow: model.contextWindow ?? 1
-													});
-													setContextDrafts((drafts) => ({
-														...drafts,
-														subagent: formatCapacity(model.contextWindow ?? 1)
-													}));
-												},
-												children: selectedProvider?.models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-													value: model.id,
-													children: model.name
-												}, model.id))
-											})]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsh-codex-pref-row",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("subagentReasoningEffort") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-												className: "dsh-codex-muted",
-												children: t("subagentReasoningEffortHint")
-											})] }), reasoning !== void 0 && reasoning.efforts.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
-												className: "dsh-codex-select",
-												"aria-label": t("subagentReasoningEffort"),
-												value: selectedEffort,
-												disabled: busy !== null,
-												onChange: (event) => void updatePreferences({ subagentReasoningEffort: event.currentTarget.value }),
-												children: reasoning.efforts.map((effort) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-													value: effort.id,
-													children: effort.name
-												}, effort.id))
-											}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsh-codex-muted",
-												children: t("providerDefault")
-											})]
-										}),
-										selectedModel?.contextWindow !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsh-codex-context-settings",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("strong", { children: [
-												selectedModel.name,
-												" · ",
-												t("contextWindow")
-											] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-												className: "dsh-codex-muted",
-												children: t("selectedModelContextHint")
-											})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: "dsh-codex-context-row",
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-													htmlFor: "dsh-subagent-context",
-													children: t("effectiveContextWindow")
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-													className: "dsh-codex-capacity-control",
-													children: [
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-															id: "dsh-subagent-context",
-															type: "text",
-															inputMode: "numeric",
-															value: contextDraft ?? formatCapacity(savedContext ?? selectedModel.contextWindow),
-															disabled: busy !== null,
-															onChange: (event) => {
-																const value = event.currentTarget.value;
-																setContextDrafts((drafts) => ({
-																	...drafts,
-																	subagent: value
-																}));
-															}
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("tokens") }),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-															className: "dsh-codex-context-save",
-															type: "button",
-															disabled: busy !== null || !contextDirty || parsedContext === null,
-															onClick: () => {
-																if (parsedContext !== null) updatePreferences({ subagentContextWindow: parsedContext });
-															},
-															children: t("save")
-														})
-													]
-												})]
-											})]
-										}) : null
-									] });
-								})(),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "dsh-codex-context-settings",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("contextWindows") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -764,7 +621,7 @@ window.__ModuleLoader__.load({
 										const entry = resolveCodexCatalogEntry(model);
 										const fallback = status?.preferences.contextWindowOverrides[model] ?? entry.contextWindow;
 										const draft = contextDrafts[model];
-										const parsedDraft = draft === void 0 ? fallback : parseCapacity(draft);
+										const parsedDraft = draft === void 0 ? fallback : parseCapacity$1(draft);
 										const dirty = draft !== void 0 && parsedDraft !== fallback;
 										const inputId = `dsh-codex-context-${model}`;
 										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -779,7 +636,7 @@ window.__ModuleLoader__.load({
 														id: inputId,
 														type: "text",
 														inputMode: "numeric",
-														value: draft ?? formatCapacity(fallback),
+														value: draft ?? formatCapacity$1(fallback),
 														disabled: busy !== null,
 														"aria-label": entry.name + " " + t("contextWindow"),
 														onChange: (event) => {
@@ -1008,11 +865,11 @@ window.__ModuleLoader__.load({
 			const parsed = Number(matched[1]) * multiplier;
 			return Number.isSafeInteger(parsed) && parsed >= 1 ? parsed : null;
 		}
-		function parseCapacity(value) {
+		function parseCapacity$1(value) {
 			const parsed = parsePositiveCapacity(value);
 			return parsed !== null && parsed <= 1e6 ? parsed : null;
 		}
-		function formatCapacity(value) {
+		function formatCapacity$1(value) {
 			if (value % 1e3 === 0) return `${value / 1e3}K`;
 			return String(value);
 		}
@@ -1042,10 +899,320 @@ window.__ModuleLoader__.load({
 			const [amount, unit] = abs >= 864e5 ? [Math.round(diff / 864e5), "day"] : abs >= 36e5 ? [Math.round(diff / 36e5), "hour"] : [Math.round(diff / 6e4), "minute"];
 			return `${absolute} (${new Intl.RelativeTimeFormat(void 0, { numeric: "auto" }).format(amount, unit)})`;
 		}
-		function messageOf(error) {
+		function messageOf$1(error) {
 			return error instanceof Error ? error.message : String(error);
 		}
 		//#endregion
+		//#region src/client/SubagentSettingsSection.tsx
+		function SubagentSettingsSection({ t }) {
+			const apiRef = (0, react.useRef)(new SubscriptionApi());
+			const [preferences, setPreferences] = (0, react.useState)(null);
+			const [catalog, setCatalog] = (0, react.useState)(null);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(null);
+			const [contextDraft, setContextDraft] = (0, react.useState)(null);
+			const [depthDraft, setDepthDraft] = (0, react.useState)(null);
+			const [agentsDraft, setAgentsDraft] = (0, react.useState)(null);
+			const load = (0, react.useCallback)(async () => {
+				setError(null);
+				try {
+					const [status, models] = await Promise.all([apiRef.current.status(), apiRef.current.models()]);
+					setPreferences(status.preferences);
+					setCatalog(models);
+				} catch (cause) {
+					setError(messageOf(cause));
+				}
+			}, []);
+			(0, react.useEffect)(() => {
+				load();
+			}, [load]);
+			const update = async (patch) => {
+				setBusy(true);
+				setError(null);
+				try {
+					setPreferences(await apiRef.current.updatePreferences(patch));
+				} catch (cause) {
+					setError(messageOf(cause));
+				} finally {
+					setBusy(false);
+				}
+			};
+			const selectedProvider = catalog?.providers.find((provider) => provider.id === preferences?.subagentProvider) ?? catalog?.providers[0];
+			const selectedModel = selectedProvider?.models.find((model) => model.id === preferences?.subagentModel) ?? selectedProvider?.models[0];
+			const reasoning = selectedModel?.reasoning;
+			const selectedEffort = preferences?.subagentReasoningEffort ?? reasoning?.defaultEffort ?? reasoning?.efforts[0]?.id ?? "";
+			const savedContext = preferences?.subagentContextWindow ?? selectedModel?.contextWindow ?? 1;
+			const parsedContext = parseCapacity(contextDraft ?? String(savedContext));
+			const contextValid = parsedContext !== null && (selectedModel?.maxContextWindow === void 0 || parsedContext <= selectedModel.maxContextWindow);
+			const parsedDepthValue = parseNonNegativeInteger(depthDraft ?? String(preferences?.subagentMaxDepth ?? 0));
+			const parsedDepth = parsedDepthValue !== null && parsedDepthValue <= 3 ? parsedDepthValue : null;
+			const parsedAgents = parsePositiveInteger(agentsDraft ?? String(preferences?.subagentMaxAgents ?? 1));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dsh-codex-page",
+				"aria-labelledby": "dsh-subagent-title",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+						id: "dsh-subagent-title",
+						className: "dsh-codex-title",
+						children: t("subagentSettingsTitle")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsh-codex-intro",
+						children: t("subagentSettingsIntro")
+					})] }),
+					error !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-codex-errorbar",
+						role: "alert",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: error }), preferences === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							className: "dsh-codex-button",
+							type: "button",
+							onClick: () => void load(),
+							children: t("retry")
+						}) : null]
+					}) : null,
+					preferences === null || catalog === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-codex-skeleton",
+						role: "status",
+						"aria-label": t("loading"),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {})]
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "dsh-codex-group",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsh-codex-grouphead",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("subagentModelGroup") })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-codex-pref-row",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("subagentProvider") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsh-codex-muted",
+									children: t("subagentProviderHint")
+								})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+									className: "dsh-codex-select",
+									"aria-label": t("subagentProvider"),
+									value: selectedProvider?.id ?? "",
+									disabled: busy || selectedProvider === void 0,
+									onChange: (event) => {
+										const provider = catalog.providers.find((entry) => entry.id === event.currentTarget.value);
+										const model = provider?.models[0];
+										if (provider === void 0 || model === void 0) return;
+										const effort = model.reasoning?.defaultEffort ?? model.reasoning?.efforts[0]?.id ?? null;
+										setContextDraft(null);
+										update({
+											subagentProvider: provider.id,
+											subagentModel: model.id,
+											subagentReasoningEffort: effort,
+											subagentContextWindow: model.contextWindow ?? 1
+										});
+									},
+									children: catalog.providers.map((provider) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: provider.id,
+										children: provider.name
+									}, provider.id))
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-codex-pref-row",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("subagentModel") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsh-codex-muted",
+									children: t("subagentModelHint")
+								})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+									className: "dsh-codex-select",
+									"aria-label": t("subagentModel"),
+									value: selectedModel?.id ?? "",
+									disabled: busy || selectedModel === void 0,
+									onChange: (event) => {
+										const model = selectedProvider?.models.find((entry) => entry.id === event.currentTarget.value);
+										if (selectedProvider === void 0 || model === void 0) return;
+										const effort = model.reasoning?.defaultEffort ?? model.reasoning?.efforts[0]?.id ?? null;
+										setContextDraft(null);
+										update({
+											subagentProvider: selectedProvider.id,
+											subagentModel: model.id,
+											subagentReasoningEffort: effort,
+											subagentContextWindow: model.contextWindow ?? 1
+										});
+									},
+									children: selectedProvider?.models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: model.id,
+										children: model.name
+									}, model.id))
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-codex-pref-row",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("subagentReasoningEffort") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsh-codex-muted",
+									children: t("subagentReasoningEffortHint")
+								})] }), reasoning !== void 0 && reasoning.efforts.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+									className: "dsh-codex-select",
+									"aria-label": t("subagentReasoningEffort"),
+									value: selectedEffort,
+									disabled: busy,
+									onChange: (event) => void update({ subagentReasoningEffort: event.currentTarget.value }),
+									children: reasoning.efforts.map((effort) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: effort.id,
+										children: effort.name
+									}, effort.id))
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-codex-muted",
+									children: t("providerDefault")
+								})]
+							}),
+							selectedModel?.contextWindow !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-codex-context-settings",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("effectiveContextWindow") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsh-codex-muted",
+									children: t("selectedModelContextHint")
+								})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-codex-context-row",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+										htmlFor: "dsh-subagent-context",
+										children: selectedModel.name
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "dsh-codex-capacity-control",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												id: "dsh-subagent-context",
+												type: "text",
+												inputMode: "numeric",
+												value: contextDraft ?? formatCapacity(savedContext),
+												disabled: busy,
+												onChange: (event) => setContextDraft(event.currentTarget.value)
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("tokens") }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												className: "dsh-codex-context-save",
+												type: "button",
+												disabled: busy || contextDraft === null || !contextValid || parsedContext === savedContext,
+												onClick: () => {
+													if (parsedContext === null) return;
+													update({ subagentContextWindow: parsedContext }).then(() => setContextDraft(null));
+												},
+												children: t("save")
+											})
+										]
+									})]
+								})]
+							}) : null
+						]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "dsh-codex-group",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsh-codex-grouphead",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("subagentLimitsGroup") })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-codex-context-settings",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("subagentMaxDepth") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsh-codex-muted",
+									children: t("subagentMaxDepthHint")
+								})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-codex-context-row",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+										htmlFor: "dsh-subagent-depth",
+										children: t("subagentMaxDepth")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "dsh-codex-capacity-control",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												id: "dsh-subagent-depth",
+												type: "number",
+												min: "0",
+												max: 3,
+												step: "1",
+												inputMode: "numeric",
+												value: depthDraft ?? String(preferences.subagentMaxDepth),
+												disabled: busy,
+												onChange: (event) => setDepthDraft(event.currentTarget.value)
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("levels") }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												className: "dsh-codex-context-save",
+												type: "button",
+												disabled: busy || depthDraft === null || parsedDepth === null || parsedDepth === preferences.subagentMaxDepth,
+												onClick: () => {
+													if (parsedDepth === null) return;
+													update({ subagentMaxDepth: parsedDepth }).then(() => setDepthDraft(null));
+												},
+												children: t("save")
+											})
+										]
+									})]
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-codex-context-settings",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("subagentMaxAgents") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsh-codex-muted",
+									children: t("subagentMaxAgentsHint")
+								})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-codex-context-row",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+										htmlFor: "dsh-subagent-agents",
+										children: t("subagentMaxAgents")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "dsh-codex-capacity-control",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												id: "dsh-subagent-agents",
+												type: "number",
+												min: "1",
+												step: "1",
+												inputMode: "numeric",
+												value: agentsDraft ?? String(preferences.subagentMaxAgents),
+												disabled: busy,
+												onChange: (event) => setAgentsDraft(event.currentTarget.value)
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("agents") }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												className: "dsh-codex-context-save",
+												type: "button",
+												disabled: busy || agentsDraft === null || parsedAgents === null || parsedAgents === preferences.subagentMaxAgents,
+												onClick: () => {
+													if (parsedAgents === null) return;
+													update({ subagentMaxAgents: parsedAgents }).then(() => setAgentsDraft(null));
+												},
+												children: t("save")
+											})
+										]
+									})]
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsh-codex-notice",
+								children: t("subagentLimitsNotice")
+							})
+						]
+					})] })
+				]
+			});
+		}
+		function parseNonNegativeInteger(value) {
+			if (!/^\d+$/.test(value.trim())) return null;
+			const parsed = Number(value.trim());
+			return Number.isSafeInteger(parsed) && parsed >= 0 ? parsed : null;
+		}
+		function parsePositiveInteger(value) {
+			const parsed = parseNonNegativeInteger(value);
+			return parsed !== null && parsed >= 1 ? parsed : null;
+		}
+		function parseCapacity(value) {
+			const matched = value.trim().toLowerCase().replace(/[,_\s]/g, "").match(/^(\d+(?:\.\d+)?)(k|m)?$/);
+			if (matched === null) return null;
+			const multiplier = matched[2] === "m" ? 1e6 : matched[2] === "k" ? 1e3 : 1;
+			const parsed = Number(matched[1]) * multiplier;
+			return Number.isSafeInteger(parsed) && parsed >= 1 ? parsed : null;
+		}
+		function formatCapacity(value) {
+			if (value % 1e6 === 0) return `${value / 1e6}M`;
+			if (value % 1e3 === 0) return `${value / 1e3}K`;
+			return String(value);
+		}
+		function messageOf(cause) {
+			return cause instanceof Error ? cause.message : String(cause);
+		}
+		//#endregion
 		//#region src/client/locales.ts
 		const NS = "dsh-chatgpt-subscription";
 		const dictionaries = {
@@ -1088,6 +1255,18 @@ window.__ModuleLoader__.load({
 				latency: "最近延迟",
 				models: "可用模型",
 				enhancements: "增强功能",
+				subagentSettingsNav: "子代理",
+				subagentSettingsTitle: "子代理设置",
+				subagentSettingsIntro: "全局配置 DSH 内置子代理。模型、思考深度、上下文预算和运行限制适用于所有父 Agent，不受父 Agent 当前 Provider 或模型影响。",
+				subagentModelGroup: "模型与上下文",
+				subagentLimitsGroup: "运行限制",
+				subagentMaxDepth: "最大嵌套深度",
+				subagentMaxDepthHint: "限制从顶层 Agent 开始的子代理层级（0–3）；0 禁止创建子代理，1 仅允许直接子代理。",
+				subagentMaxAgents: "子代理数量上限",
+				subagentMaxAgentsHint: "限制每个父 Agent 子树中同时处于活动或启动中的子代理总数。",
+				subagentLimitsNotice: "限制会立即应用于新的委派，不会中断已经运行的子代理。数量上限统计当前父 Agent 的全部活动后代。",
+				levels: "层",
+				agents: "个",
 				searchProvider: "搜索来源",
 				searchProviderHint: "选择 DSH Web 搜索工具使用默认来源，或改用当前 ChatGPT 订阅的 Codex 搜索来源。",
 				searchProviderDsh: "DSH 默认",
@@ -1095,7 +1274,7 @@ window.__ModuleLoader__.load({
 				subagentProvider: "子代理 Provider",
 				subagentProviderHint: "选择 DSH 当前已接入且可用的模型提供方。",
 				subagentModel: "子代理模型",
-				subagentModelHint: "仅当父 Agent 使用 Codex 订阅模型时生效；模型可来自任意已接入 Provider。",
+				subagentModelHint: "全局应用于所有 DSH 内置子代理；模型可来自任意已接入 Provider。",
 				subagentReasoningEffort: "子代理思考深度",
 				subagentReasoningEffortHint: "选项来自所选模型实际公开的 reasoning effort 能力。",
 				providerDefault: "使用 Provider 默认值",
@@ -1193,6 +1372,18 @@ window.__ModuleLoader__.load({
 				latency: "Last latency",
 				models: "Available models",
 				enhancements: "Enhancements",
+				subagentSettingsNav: "Subagents",
+				subagentSettingsTitle: "Subagent settings",
+				subagentSettingsIntro: "Configure DSH built-in subagents globally. Model, reasoning effort, context budget, and runtime limits apply to every parent Agent regardless of its current provider or model.",
+				subagentModelGroup: "Model and context",
+				subagentLimitsGroup: "Runtime limits",
+				subagentMaxDepth: "Maximum nesting depth",
+				subagentMaxDepthHint: "Limit child levels below a top-level Agent (0–3). Zero disables subagents; one allows direct children only.",
+				subagentMaxAgents: "Maximum subagents",
+				subagentMaxAgentsHint: "Limit the total number of active or starting subagents in each parent Agent tree.",
+				subagentLimitsNotice: "Limits apply immediately to new delegations and do not interrupt subagents already running. The count covers all active descendants of the current parent Agent.",
+				levels: "levels",
+				agents: "agents",
 				searchProvider: "Search provider",
 				searchProviderHint: "Choose whether DSH web search uses its default provider or the Codex search source from this ChatGPT subscription.",
 				searchProviderDsh: "DSH default",
@@ -1200,7 +1391,7 @@ window.__ModuleLoader__.load({
 				subagentProvider: "Subagent provider",
 				subagentProviderHint: "Choose from providers currently connected and available in DSH.",
 				subagentModel: "Subagent model",
-				subagentModelHint: "Applies only when the parent uses Codex; the selected child model may come from any connected provider.",
+				subagentModelHint: "Applies globally to all built-in DSH subagents; the selected child model may come from any connected provider.",
 				subagentReasoningEffort: "Subagent reasoning effort",
 				subagentReasoningEffortHint: "Options come from the reasoning-effort capabilities exposed by the selected model.",
 				providerDefault: "Use provider default",
@@ -1304,6 +1495,7 @@ window.__ModuleLoader__.load({
 .dsh-codex-context-row{align-items:center;display:flex;font-size:12px;gap:14px;justify-content:space-between}
 .dsh-codex-capacity-control{align-items:center;display:flex;gap:7px}
 .dsh-codex-capacity-control input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-align:right;width:90px}
+.dsh-codex-capacity-control input[type=number]{width:110px}
 .dsh-codex-capacity-control small{color:var(--dsw-alias-label-tertiary);font-size:11px;width:42px}
 .dsh-codex-context-save{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:7px;color:var(--dsw-alias-label-primary);cursor:pointer;font:inherit;font-size:12px;line-height:1;padding:8px 10px;white-space:nowrap}
 .dsh-codex-context-save:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}
@@ -1370,11 +1562,19 @@ window.__ModuleLoader__.load({
 		function apply(ctx) {
 			ctx.effect(() => ctx.locale.register(NS, dictionaries), "dsh-chatgpt-subscription: dictionaries");
 			ctx.effect(() => installStyles(), "dsh-chatgpt-subscription: styles");
+			const t = ctx.locale.bind(NS);
+			ctx.slots.inject("settings.section", () => ctx.slots.register({
+				name: "settings.section",
+				id: "subagents",
+				order: 30,
+				label: () => t("subagentSettingsNav"),
+				locale: NS
+			}, SubagentSettingsSection));
 			ctx.slots.inject("settings.section", () => ctx.slots.register({
 				name: "settings.section",
 				id: "codex-subscription",
 				order: 45,
-				label: "Codex 订阅",
+				label: () => t("title"),
 				locale: NS
 			}, CodexSubscriptionSection));
 			ctx.slots.inject("conversation.input.right", () => ctx.slots.register({