@ran-sh/dsh-crew 0.3.6 → 0.3.8

package/lib/client.js

@@ -1,12 +1,78 @@
 window.__ModuleLoader__.load({ id: "@ran-sh/dsh-crew", factory: (require) => {
 var module = { exports: {} }; var exports = module.exports;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
 let react = require("react");
+react = __toESM(react, 1);
 let react_dom = require("react-dom");
 let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/client/collapsible-sections.mjs
+const SETTINGS_SECTION_STORAGE_KEY = "dsh-crew.settings-sections.v1";
+const SETTINGS_SECTION_IDS = Object.freeze([
+	"integrations",
+	"workflow",
+	"flash",
+	"pro",
+	"dispatch",
+	"runtime",
+	"multimodal",
+	"providers",
+	"jobs"
+]);
+function createDefaultSectionState() {
+	return Object.fromEntries(SETTINGS_SECTION_IDS.map((id) => [id, id === "workflow"]));
+}
+function readSectionState(storage, key = SETTINGS_SECTION_STORAGE_KEY) {
+	const defaults = createDefaultSectionState();
+	if (!storage?.getItem) return defaults;
+	try {
+		const parsed = JSON.parse(storage.getItem(key) ?? "null");
+		if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) return defaults;
+		for (const id of SETTINGS_SECTION_IDS) if (typeof parsed[id] === "boolean") defaults[id] = parsed[id];
+	} catch {
+		return defaults;
+	}
+	return defaults;
+}
+function writeSectionState(storage, state, key = SETTINGS_SECTION_STORAGE_KEY) {
+	if (!storage?.setItem) return;
+	try {
+		storage.setItem(key, JSON.stringify(Object.fromEntries(SETTINGS_SECTION_IDS.map((id) => [id, state[id] === true]))));
+	} catch {}
+}
+function setEverySection(expanded) {
+	return Object.fromEntries(SETTINGS_SECTION_IDS.map((id) => [id, expanded === true]));
+}
+function openSections(state, ids) {
+	const next = { ...state };
+	for (const id of ids) if (SETTINGS_SECTION_IDS.includes(id)) next[id] = true;
+	return next;
+}
+//#endregion
 //#region src/client/index.tsx
-const inject = ["slots", "locale"];
-const API = "/_dsh/dsh-crew";
+const inject$1 = ["slots", "locale"];
+const API$1 = "/_dsh/dsh-crew";
 const COPY = {
 	zh: {
 		label: "DSH Crew",
@@ -21,6 +87,23 @@ const COPY = {
 		restore: "还原",
 		confirmRestore: (name) => `确定从 ${name} 移除 dsh-crew 集成？（settings 会先备份）`,
 		globalConfig: "全局配置",
+		expandAll: "全部展开",
+		collapseAll: "全部折叠",
+		modelCount: (count) => `${count} 个模型`,
+		providerCount: (count) => `${count} 个 Provider`,
+		jobCount: (count) => `${count} 个任务`,
+		runningCount: (count) => `${count} 个运行中`,
+		sectionNames: {
+			integrations: "宿主集成",
+			workflow: "工作流",
+			flash: "Flash",
+			pro: "Pro",
+			dispatch: "派发策略",
+			runtime: "运行连接",
+			multimodal: "视觉与生图",
+			providers: "自定义 Provider",
+			jobs: "Worker 任务"
+		},
 		globalHint: "修改即时保存到 ~/.config/dsh-crew/config.json；CC / Codex 的新会话自动读取为默认值（会话内可用 /dsh-crew:config 临时覆盖）。",
 		orchestration: "Agent 编排",
 		enableSubagents: "启用子 Agent",
@@ -238,6 +321,23 @@ const COPY = {
 		restore: "Restore",
 		confirmRestore: (name) => `Remove the dsh-crew integration from ${name}? (settings are backed up first)`,
 		globalConfig: "Global configuration",
+		expandAll: "Expand all",
+		collapseAll: "Collapse all",
+		modelCount: (count) => `${count} models`,
+		providerCount: (count) => `${count} providers`,
+		jobCount: (count) => `${count} jobs`,
+		runningCount: (count) => `${count} running`,
+		sectionNames: {
+			integrations: "Host integrations",
+			workflow: "Workflow",
+			flash: "Flash",
+			pro: "Pro",
+			dispatch: "Dispatch policy",
+			runtime: "Runtime connection",
+			multimodal: "Vision & image generation",
+			providers: "Custom providers",
+			jobs: "Worker jobs"
+		},
 		globalHint: "Changes save instantly to ~/.config/dsh-crew/config.json; new CC / Codex sessions pick them up as defaults (override per session with /dsh-crew:config).",
 		orchestration: "Agent orchestration",
 		enableSubagents: "Enable Subagents",
@@ -506,6 +606,31 @@ const S = {
 		cursor: "pointer",
 		fontSize: 12.5
 	},
+	sectionShell: {
+		border: "1px solid rgba(128,128,128,0.24)",
+		borderRadius: 11,
+		overflow: "hidden",
+		background: "rgba(128,128,128,0.025)"
+	},
+	sectionButton: {
+		width: "100%",
+		padding: "10px 13px",
+		border: 0,
+		background: "transparent",
+		color: "inherit",
+		cursor: "pointer",
+		display: "flex",
+		alignItems: "center",
+		gap: 9,
+		textAlign: "left",
+		font: "inherit"
+	},
+	sectionBody: {
+		padding: "2px 11px 12px",
+		display: "flex",
+		flexDirection: "column",
+		gap: 8
+	},
 	chip: (on) => ({
 		fontSize: 11.5,
 		padding: "1px 8px",
@@ -672,6 +797,69 @@ function CustomSelect({ value, options, onChange, minWidth }) {
 		}, o.value))
 	}), document.body)] });
 }
+function sectionSummary(...parts) {
+	return parts.filter((part) => part !== false && part !== null && part !== void 0 && part !== "").join(" · ");
+}
+function sectionStorage() {
+	if (typeof window === "undefined") return null;
+	try {
+		return window.localStorage;
+	} catch {
+		return null;
+	}
+}
+function CollapsibleSection({ sectionId, title, summary, expanded, onToggle, children }) {
+	const bodyId = `dsh-crew-section-${sectionId}`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		style: S.sectionShell,
+		"data-section-id": sectionId,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			style: S.sectionButton,
+			"aria-expanded": expanded,
+			"aria-controls": bodyId,
+			onClick: onToggle,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					"aria-hidden": "true",
+					style: {
+						width: 14,
+						opacity: .62,
+						transform: expanded ? "rotate(90deg)" : "rotate(0deg)",
+						transition: "transform 140ms ease"
+					},
+					children: "›"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					style: {
+						fontWeight: 650,
+						fontSize: 13,
+						minWidth: 92
+					},
+					children: title
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					title: summary,
+					style: {
+						flex: 1,
+						minWidth: 0,
+						fontSize: 11.5,
+						opacity: .58,
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						whiteSpace: "nowrap"
+					},
+					children: summary
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			id: bodyId,
+			hidden: !expanded,
+			style: expanded ? S.sectionBody : void 0,
+			children
+		})]
+	});
+}
 function sourceLabel(source) {
 	if (source === "claude-code") return "CC";
 	if (source === "codex") return "Codex";
@@ -704,6 +892,30 @@ function WorkersPanel({ ctx }) {
 	const [modelPickerTier, setModelPickerTier] = (0, react.useState)(null);
 	const [modelQuery, setModelQuery] = (0, react.useState)("");
 	const [testResult, setTestResult] = (0, react.useState)(null);
+	const [expandedSections, setExpandedSections] = (0, react.useState)(() => readSectionState(sectionStorage()));
+	const toggleSection = (sectionId) => {
+		setExpandedSections((current) => ({
+			...current,
+			[sectionId]: !current[sectionId]
+		}));
+	};
+	const toggleAllSections = (expanded) => setExpandedSections(setEverySection(expanded));
+	(0, react.useEffect)(() => {
+		writeSectionState(sectionStorage(), expandedSections);
+	}, [expandedSections]);
+	(0, react.useEffect)(() => {
+		if (modelCatalogError) setExpandedSections((current) => openSections(current, [
+			"workflow",
+			"flash",
+			"pro"
+		]));
+	}, [modelCatalogError]);
+	(0, react.useEffect)(() => {
+		if (testResult && !testResult.busy && testResult.ok === false) setExpandedSections((current) => openSections(current, ["providers"]));
+	}, [testResult]);
+	(0, react.useEffect)(() => {
+		if (jobs.some((job) => job.status === "running")) setExpandedSections((current) => openSections(current, ["jobs"]));
+	}, [jobs]);
 	/**
 	* The panel is served from disk on every load, but the hub's routes are
 	* registered at instance boot — after an upgrade the new UI can call a route
@@ -721,7 +933,7 @@ function WorkersPanel({ ctx }) {
 	}, [copy]);
 	/** Every request carries the active locale: the panel is the authority on it
 	* (DSH's setting may be unset), and the hub localizes its own strings from it. */
-	const withLang = (0, react.useCallback)((path) => `${API}${path}${path.includes("?") ? "&" : "?"}lang=${locale === "zh" ? "zh" : "en"}`, [locale]);
+	const withLang = (0, react.useCallback)((path) => `${API$1}${path}${path.includes("?") ? "&" : "?"}lang=${locale === "zh" ? "zh" : "en"}`, [locale]);
 	const get = (0, react.useCallback)(async (path) => readJson(await fetch(withLang(path), { cache: "no-store" }), path), [readJson, withLang]);
 	const post = (0, react.useCallback)(async (path, body) => readJson(await fetch(withLang(path), {
 		method: "POST",
@@ -1130,24 +1342,59 @@ function WorkersPanel({ ctx }) {
 				style: { opacity: .75 },
 				children: copy.intro
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				style: S.section,
-				children: copy.integrations
-			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				style: {
 					display: "flex",
-					flexDirection: "column",
-					gap: 8
+					alignItems: "center",
+					gap: 7,
+					marginTop: 5
 				},
-				children: [integrationRow("Claude Code", !!status?.claude?.installed, status?.claude?.installed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					style: S.chip(!!status?.claude?.hud),
-					children: copy.hud
-				}) : null, "claude", "claude-uninstall", copy.tips.claude), integrationRow("Codex", !!status?.codex?.installed, null, "codex", "codex-uninstall", copy.tips.codex)]
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: {
+							...S.section,
+							margin: 0,
+							flex: 1
+						},
+						children: copy.globalConfig
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style: {
+							...S.btn,
+							padding: "3px 9px"
+						},
+						onClick: () => toggleAllSections(true),
+						children: copy.expandAll
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style: {
+							...S.btn,
+							padding: "3px 9px"
+						},
+						onClick: () => toggleAllSections(false),
+						children: copy.collapseAll
+					})
+				]
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				style: S.section,
-				children: copy.globalConfig
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleSection, {
+				sectionId: "integrations",
+				title: copy.sectionNames.integrations,
+				summary: sectionSummary(status?.claude?.installed ? "Claude ✓" : "Claude ○", status?.codex?.installed ? "Codex ✓" : "Codex ○"),
+				expanded: !!expandedSections.integrations,
+				onToggle: () => toggleSection("integrations"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 8
+					},
+					children: [integrationRow("Claude Code", !!status?.claude?.installed, status?.claude?.installed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: S.chip(!!status?.claude?.hud),
+						children: copy.hud
+					}) : null, "claude", "claude-uninstall", copy.tips.claude), integrationRow("Codex", !!status?.codex?.installed, null, "codex", "codex-uninstall", copy.tips.codex)]
+				})
 			}),
 			config && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 				(() => {
@@ -1573,798 +1820,887 @@ function WorkersPanel({ ctx }) {
 						]
 					});
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: S.group,
-							children: copy.groupWorkflow
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CollapsibleSection, {
+							sectionId: "workflow",
+							title: copy.sectionNames.workflow,
+							summary: sectionSummary(config.worker_state ?? "auto", config.review_state ?? "auto", mode, config.isolation ?? "worktree", `×${config.max_parallel ?? 3}`),
+							expanded: !!expandedSections.workflow,
+							onToggle: () => toggleSection("workflow"),
+							children: [
+								block({
+									t: copy.roleWorker,
+									d: copy.roleStateHint
+								}, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									style: S.field,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: S.fieldLabel,
+										children: copy.workerStateLabel
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
+										value: config.worker_state ?? "auto",
+										onChange: (v) => field("worker_state", v),
+										options: [
+											"auto",
+											"manual",
+											"disabled"
+										].map((s) => ({
+											value: s,
+											label: copy.tierStateDesc[s]
+										}))
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									style: S.field,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: S.fieldLabel,
+										children: copy.reviewStateLabel
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
+										value: config.review_state ?? "auto",
+										onChange: (v) => field("review_state", v),
+										options: [
+											"auto",
+											"manual",
+											"disabled"
+										].map((s) => ({
+											value: s,
+											label: copy.tierStateDesc[s]
+										}))
+									})]
+								})] })),
+								block({
+									t: copy.autoReview,
+									d: copy.autoReviewHint
+								}, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									style: {
+										...S.field,
+										flexDirection: "row",
+										alignItems: "center",
+										gap: 6
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: config.auto_review ?? !!config.pro_reviews_flash,
+										onChange: (e) => field("auto_review", e.target.checked)
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: { fontSize: 12.5 },
+										children: copy.autoReview
+									})]
+								}), false),
+								block({
+									t: copy.isolation,
+									d: copy.isolationHint
+								}, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									style: S.field,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: S.fieldLabel,
+										children: copy.isolation
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
+										value: config.isolation ?? "worktree",
+										onChange: (v) => field("isolation", v),
+										options: ["worktree", "shared"].map((s) => ({
+											value: s,
+											label: copy.isolationDesc[s]
+										}))
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									style: S.field,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: S.fieldLabel,
+										children: copy.maxParallel
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "number",
+										min: 1,
+										max: 16,
+										value: config.max_parallel ?? 3,
+										onChange: (e) => fieldLocal("max_parallel", clampNum(e.target.value)),
+										onBlur: () => field("max_parallel", clampNum(config.max_parallel)),
+										style: S.input
+									})]
+								})] })),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										fontSize: 11,
+										opacity: .6,
+										marginTop: 3
+									},
+									children: copy.legacyCompatibility
+								}),
+								block({
+									t: copy.orchestration,
+									d: copy.enableSubagentsHint
+								}, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									style: {
+										...S.field,
+										flexDirection: "row",
+										alignItems: "center",
+										gap: 6
+									},
+									title: copy.enableSubagentsHint,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: !!config.subagents_enabled,
+										onChange: (e) => field("subagents_enabled", e.target.checked)
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: { fontSize: 12.5 },
+										children: config.subagents_enabled === false ? copy.subagentsKept : copy.enableSubagents
+									})]
+								}), false),
+								block({
+									t: copy.mainAgentMode,
+									d: copy.mainAgentModeHint
+								}, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										style: S.field,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: S.fieldLabel,
+											children: copy.mainAgentMode
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
+											value: config.main_agent_mode ?? "direct-allowed",
+											onChange: (v) => field("main_agent_mode", v),
+											options: [
+												"direct-allowed",
+												"coordinator-first",
+												"dispatcher-only"
+											].map((m) => ({
+												value: m,
+												label: copy.mainAgentModeDesc[m]
+											}))
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										style: S.field,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: S.fieldLabel,
+											children: copy.collaborationMode
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
+											value: mode,
+											onChange: (v) => field("collaboration_mode", v),
+											options: [
+												"flash-only",
+												"pro-only",
+												"balanced",
+												"review-pipeline",
+												"custom"
+											].map((m) => ({
+												value: m,
+												label: copy.collaborationModeDesc[m]
+											}))
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										style: S.field,
+										title: copy.workerProviderHint,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: S.fieldLabel,
+											children: copy.workerProvider
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
+											value: config.worker_provider_mode ?? "follow-dsh",
+											onChange: (v) => field("worker_provider_mode", v),
+											options: ["follow-dsh", "deepseek-official"].map((m) => ({
+												value: m,
+												label: copy.workerProviderDesc[m]
+											}))
+										})]
+									})
+								] })),
+								block({
+									t: copy.workerModels,
+									d: modelCatalog ? copy.modelPoolSummary(modelCatalog.provider_count ?? 0, modelCatalog.model_count ?? 0) : copy.catalogFailed
+								}, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										style: S.btn,
+										disabled: modelCatalogBusy,
+										onClick: () => {
+											refreshHarnessModels();
+										},
+										children: modelCatalogBusy ? copy.refreshingModels : copy.refreshHarnessModels
+									}),
+									modelCatalog?.partial && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: {
+											fontSize: 11.5,
+											color: "#c98735"
+										},
+										children: copy.partialCatalog
+									}),
+									modelCatalogError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: {
+											fontSize: 11.5,
+											color: "#c55"
+										},
+										children: modelCatalogError
+									})
+								] }), false),
+								block({
+									t: copy.routing,
+									d: ""
+								}, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									style: {
+										...S.field,
+										flexDirection: "row",
+										alignItems: "center",
+										gap: 6,
+										paddingBottom: 5
+									},
+									title: copy.escalateHint,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: !!config.escalate_on_failure,
+										onChange: (e) => field("escalate_on_failure", e.target.checked)
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: { fontSize: 12 },
+										children: copy.escalate
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									style: {
+										...S.field,
+										flexDirection: "row",
+										alignItems: "center",
+										gap: 6,
+										paddingBottom: 5
+									},
+									title: mode === "review-pipeline" ? copy.proReviewsLocked : copy.proReviewsFlashHint,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										disabled: mode === "review-pipeline",
+										checked: mode === "review-pipeline" ? true : !!config.pro_reviews_flash,
+										onChange: (e) => field("pro_reviews_flash", e.target.checked)
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										style: { fontSize: 12 },
+										children: [copy.proReviewsFlash, mode === "review-pipeline" ? `（${copy.proReviewsLocked}）` : ""]
+									})]
+								})] }))
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleSection, {
+							sectionId: "flash",
+							title: copy.sectionNames.flash,
+							summary: sectionSummary(effState("flash"), copy.modelCount(priorityFor("flash").length), priorityFor("flash")[0]?.model ?? copy.harnessDefault),
+							expanded: !!expandedSections.flash,
+							onToggle: () => toggleSection("flash"),
+							children: tierCard("flash", {
+								t: copy.tierCardFlash,
+								d: "implementation · direct validation · Delivery Report"
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleSection, {
+							sectionId: "pro",
+							title: copy.sectionNames.pro,
+							summary: sectionSummary(effState("pro"), copy.modelCount(priorityFor("pro").length), priorityFor("pro")[0]?.model ?? copy.harnessDefault),
+							expanded: !!expandedSections.pro,
+							onToggle: () => toggleSection("pro"),
+							children: tierCard("pro", {
+								t: copy.tierCardPro,
+								d: "manual advanced work · review pipeline"
+							})
+						})
+					] });
+				})(),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleSection, {
+					sectionId: "dispatch",
+					title: copy.sectionNames.dispatch,
+					summary: sectionSummary(config.default_tier, config.default_effort, config.tier_policy, config.escalate_on_failure && copy.escalate),
+					expanded: !!expandedSections.dispatch,
+					onToggle: () => toggleSection("dispatch"),
+					children: block(copy.cardDispatch, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							style: S.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: S.fieldLabel,
+								children: copy.tier
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
+								value: config.default_tier,
+								onChange: (v) => field("default_tier", v),
+								options: [{ value: "flash" }, { value: "pro" }]
+							})]
 						}),
-						block({
-							t: copy.roleWorker,
-							d: copy.roleStateHint
-						}, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 							style: S.field,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								style: S.fieldLabel,
-								children: copy.workerStateLabel
+								children: copy.effort
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
-								value: config.worker_state ?? "auto",
-								onChange: (v) => field("worker_state", v),
+								value: config.default_effort,
+								onChange: (v) => field("default_effort", v),
 								options: [
-									"auto",
-									"manual",
-									"disabled"
-								].map((s) => ({
-									value: s,
-									label: copy.tierStateDesc[s]
-								}))
+									{ value: "off" },
+									{ value: "high" },
+									{ value: "max" }
+								]
 							})]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 							style: S.field,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								style: S.fieldLabel,
-								children: copy.reviewStateLabel
+								children: copy.tierPolicy
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
-								value: config.review_state ?? "auto",
-								onChange: (v) => field("review_state", v),
+								value: config.tier_policy,
+								onChange: (v) => field("tier_policy", v),
 								options: [
 									"auto",
-									"manual",
-									"disabled"
-								].map((s) => ({
-									value: s,
-									label: copy.tierStateDesc[s]
+									"flash-only",
+									"pro-only"
+								].map((p) => ({
+									value: p,
+									label: copy.tierPolicyDesc[p]
 								}))
 							})]
-						})] })),
-						block({
-							t: copy.autoReview,
-							d: copy.autoReviewHint
-						}, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 							style: {
 								...S.field,
 								flexDirection: "row",
 								alignItems: "center",
-								gap: 6
+								gap: 6,
+								paddingBottom: 5
 							},
+							title: copy.escalateHint,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 								type: "checkbox",
-								checked: config.auto_review ?? !!config.pro_reviews_flash,
-								onChange: (e) => field("auto_review", e.target.checked)
+								checked: !!config.escalate_on_failure,
+								onChange: (e) => field("escalate_on_failure", e.target.checked)
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: { fontSize: 12.5 },
-								children: copy.autoReview
+								style: { fontSize: 12 },
+								children: copy.escalate
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							style: S.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: S.fieldLabel,
+								children: copy.presetFlash
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
+								value: config.preset_flash ?? "default",
+								onChange: (v) => field("preset_flash", v),
+								options: presetOptions
 							})]
-						}) }), false),
-						block({
-							t: copy.isolation,
-							d: copy.isolationHint
-						}, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							style: S.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: S.fieldLabel,
+								children: copy.presetPro
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
+								value: config.preset_pro ?? "default",
+								onChange: (v) => field("preset_pro", v),
+								options: presetOptions
+							})]
+						})
+					] }))
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleSection, {
+					sectionId: "runtime",
+					title: copy.sectionNames.runtime,
+					summary: sectionSummary(config.mode, `${config.default_timeout_seconds}s`, config.hub_url),
+					expanded: !!expandedSections.runtime,
+					onToggle: () => toggleSection("runtime"),
+					children: block(copy.cardRuntime, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 							style: S.field,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								style: S.fieldLabel,
-								children: copy.isolation
+								children: copy.mode
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
-								value: config.isolation ?? "worktree",
-								onChange: (v) => field("isolation", v),
-								options: ["worktree", "shared"].map((s) => ({
-									value: s,
-									label: copy.isolationDesc[s]
+								value: config.mode,
+								onChange: (v) => field("mode", v),
+								options: [
+									"auto",
+									"hub",
+									"standalone"
+								].map((m) => ({
+									value: m,
+									label: copy.modeDesc[m]
 								}))
 							})]
-						}) })),
-						block({
-							t: copy.maxParallel,
-							d: copy.maxParallelHint
-						}, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 							style: S.field,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								style: S.fieldLabel,
-								children: copy.maxParallel
+								children: copy.timeout
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								style: {
+									...S.input,
+									width: "100%",
+									boxSizing: "border-box"
+								},
 								type: "number",
-								min: 1,
-								max: 16,
-								value: config.max_parallel ?? 3,
-								onChange: (e) => fieldLocal("max_parallel", clampNum(e.target.value)),
-								onBlur: () => field("max_parallel", clampNum(config.max_parallel)),
-								style: S.input
+								min: 60,
+								max: 7200,
+								value: config.default_timeout_seconds,
+								onChange: (e) => fieldLocal("default_timeout_seconds", Number(e.target.value)),
+								onBlur: () => applyPatch({ default_timeout_seconds: config.default_timeout_seconds })
 							})]
-						}) })),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: {
-								fontSize: 11,
-								opacity: .6,
-								marginTop: 8,
-								marginBottom: 2
-							},
-							children: copy.legacyCompatibility
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: S.group,
-							children: copy.orchestration
 						}),
-						block({
-							t: copy.orchestration,
-							d: copy.enableSubagentsHint
-						}, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-							style: {
-								...S.field,
-								flexDirection: "row",
-								alignItems: "center",
-								gap: 6
-							},
-							title: copy.enableSubagentsHint,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-								type: "checkbox",
-								checked: !!config.subagents_enabled,
-								onChange: (e) => field("subagents_enabled", e.target.checked)
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: { fontSize: 12.5 },
-								children: config.subagents_enabled === false ? copy.subagentsKept : copy.enableSubagents
-							})]
-						}) }), false),
-						block({
-							t: copy.mainAgentMode,
-							d: copy.mainAgentModeHint
-						}, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-								style: S.field,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									style: S.fieldLabel,
-									children: copy.mainAgentMode
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
-									value: config.main_agent_mode ?? "direct-allowed",
-									onChange: (v) => field("main_agent_mode", v),
-									options: [
-										"direct-allowed",
-										"coordinator-first",
-										"dispatcher-only"
-									].map((m) => ({
-										value: m,
-										label: copy.mainAgentModeDesc[m]
-									}))
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-								style: S.field,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									style: S.fieldLabel,
-									children: copy.collaborationMode
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
-									value: mode,
-									onChange: (v) => field("collaboration_mode", v),
-									options: [
-										"flash-only",
-										"pro-only",
-										"balanced",
-										"review-pipeline",
-										"custom"
-									].map((m) => ({
-										value: m,
-										label: copy.collaborationModeDesc[m]
-									}))
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-								style: S.field,
-								title: copy.workerProviderHint,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									style: S.fieldLabel,
-									children: copy.workerProvider
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
-									value: config.worker_provider_mode ?? "follow-dsh",
-									onChange: (v) => field("worker_provider_mode", v),
-									options: ["follow-dsh", "deepseek-official"].map((m) => ({
-										value: m,
-										label: copy.workerProviderDesc[m]
-									}))
-								})]
-							})
-						] })),
-						block({
-							t: copy.workerModels,
-							d: modelCatalog ? copy.modelPoolSummary(modelCatalog.provider_count ?? 0, modelCatalog.model_count ?? 0) : copy.catalogFailed
-						}, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								style: S.btn,
-								disabled: modelCatalogBusy,
-								onClick: () => {
-									refreshHarnessModels();
-								},
-								children: modelCatalogBusy ? copy.refreshingModels : copy.refreshHarnessModels
-							}),
-							modelCatalog?.partial && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: {
-									fontSize: 11.5,
-									color: "#c98735"
-								},
-								children: copy.partialCatalog
-							}),
-							modelCatalogError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							style: S.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: S.fieldLabel,
+								children: copy.hubUrl
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 								style: {
-									fontSize: 11.5,
-									color: "#c55"
+									...S.input,
+									width: "100%",
+									boxSizing: "border-box"
 								},
-								children: modelCatalogError
-							})
-						] }), false),
-						tierCard("flash", {
-							t: copy.tierCardFlash,
-							d: "implementation · direct validation · Delivery Report"
-						}),
-						tierCard("pro", {
-							t: copy.tierCardPro,
-							d: "manual advanced work · review pipeline"
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: S.group,
-							children: copy.routing
-						}),
-						block({
-							t: copy.routing,
-							d: ""
-						}, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-							style: {
-								...S.field,
-								flexDirection: "row",
-								alignItems: "center",
-								gap: 6,
-								paddingBottom: 5
-							},
-							title: copy.escalateHint,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-								type: "checkbox",
-								checked: !!config.escalate_on_failure,
-								onChange: (e) => field("escalate_on_failure", e.target.checked)
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: { fontSize: 12 },
-								children: copy.escalate
+								value: config.hub_url,
+								onChange: (e) => fieldLocal("hub_url", e.target.value),
+								onBlur: () => applyPatch({ hub_url: config.hub_url }),
+								onKeyDown: (e) => {
+									if (e.key === "Enter") e.currentTarget.blur();
+								}
 							})]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						})
+					] }))
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleSection, {
+					sectionId: "multimodal",
+					title: copy.sectionNames.multimodal,
+					summary: sectionSummary(config.vision_enabled ? `${copy.capVision}: ${config.vision_provider}` : `${copy.capVision}: off`, config.imagegen_enabled ? `${copy.capImagegen}: ${config.imagegen_provider}` : `${copy.capImagegen}: off`),
+					expanded: !!expandedSections.multimodal,
+					onToggle: () => toggleSection("multimodal"),
+					children: block(copy.cardMM, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 							style: {
 								...S.field,
 								flexDirection: "row",
 								alignItems: "center",
 								gap: 6,
-								paddingBottom: 5
+								gridColumn: "1 / -1"
 							},
-							title: mode === "review-pipeline" ? copy.proReviewsLocked : copy.proReviewsFlashHint,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-								type: "checkbox",
-								disabled: mode === "review-pipeline",
-								checked: mode === "review-pipeline" ? true : !!config.pro_reviews_flash,
-								onChange: (e) => field("pro_reviews_flash", e.target.checked)
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								style: { fontSize: 12 },
-								children: [copy.proReviewsFlash, mode === "review-pipeline" ? `（${copy.proReviewsLocked}）` : ""]
-							})]
-						})] }))
-					] });
-				})(),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					style: S.group,
-					children: copy.groupDispatch
-				}),
-				block(copy.cardDispatch, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						style: S.field,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: S.fieldLabel,
-							children: copy.tier
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
-							value: config.default_tier,
-							onChange: (v) => field("default_tier", v),
-							options: [{ value: "flash" }, { value: "pro" }]
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						style: S.field,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: S.fieldLabel,
-							children: copy.effort
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
-							value: config.default_effort,
-							onChange: (v) => field("default_effort", v),
-							options: [
-								{ value: "off" },
-								{ value: "high" },
-								{ value: "max" }
+							title: copy.capRestartHint,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: !!config.vision_enabled,
+									onChange: (e) => field("vision_enabled", e.target.checked)
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: { fontSize: 12.5 },
+									children: copy.enableCrewVision
+								}),
+								config.vision_enabled === false && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: {
+										fontSize: 11,
+										opacity: .55
+									},
+									children: copy.capDisabledNote
+								})
 							]
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						style: S.field,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: S.fieldLabel,
-							children: copy.tierPolicy
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
-							value: config.tier_policy,
-							onChange: (v) => field("tier_policy", v),
-							options: [
-								"auto",
-								"flash-only",
-								"pro-only"
-							].map((p) => ({
-								value: p,
-								label: copy.tierPolicyDesc[p]
-							}))
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						style: {
-							...S.field,
-							flexDirection: "row",
-							alignItems: "center",
-							gap: 6,
-							paddingBottom: 5
-						},
-						title: copy.escalateHint,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-							type: "checkbox",
-							checked: !!config.escalate_on_failure,
-							onChange: (e) => field("escalate_on_failure", e.target.checked)
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: { fontSize: 12 },
-							children: copy.escalate
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						style: S.field,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: S.fieldLabel,
-							children: copy.presetFlash
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
-							value: config.preset_flash ?? "default",
-							onChange: (v) => field("preset_flash", v),
-							options: presetOptions
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						style: S.field,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: S.fieldLabel,
-							children: copy.presetPro
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
-							value: config.preset_pro ?? "default",
-							onChange: (v) => field("preset_pro", v),
-							options: presetOptions
-						})]
-					})
-				] })),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					style: S.group,
-					children: copy.groupRuntime
-				}),
-				block(copy.cardRuntime, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						style: S.field,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: S.fieldLabel,
-							children: copy.mode
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
-							value: config.mode,
-							onChange: (v) => field("mode", v),
-							options: [
-								"auto",
-								"hub",
-								"standalone"
-							].map((m) => ({
-								value: m,
-								label: copy.modeDesc[m]
-							}))
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						style: S.field,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: S.fieldLabel,
-							children: copy.timeout
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-							style: {
-								...S.input,
-								width: "100%",
-								boxSizing: "border-box"
-							},
-							type: "number",
-							min: 60,
-							max: 7200,
-							value: config.default_timeout_seconds,
-							onChange: (e) => fieldLocal("default_timeout_seconds", Number(e.target.value)),
-							onBlur: () => applyPatch({ default_timeout_seconds: config.default_timeout_seconds })
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						style: S.field,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: S.fieldLabel,
-							children: copy.hubUrl
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							style: S.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: S.fieldLabel,
+								children: copy.visionProvider
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
+								value: config.vision_provider,
+								onChange: (p) => {
+									const custom = customProviders.find((c) => c.id === p);
+									const m = custom ? custom.models?.[0] ?? "default" : (VISION_MODELS[p] ?? ["default"])[0];
+									setModelAdd(null);
+									setConfig((c) => ({
+										...c,
+										vision_provider: p,
+										vision_model: m
+									}));
+									applyPatch({
+										vision_provider: p,
+										vision_model: m
+									});
+									if ((p === "grok" || p === "agy") && !dynModels[p]) get(`/vision-models?provider=${p}`).then((r) => {
+										if (r.ok) setDynModels((d) => ({
+											...d,
+											[p]: r.models
+										}));
+									}).catch(() => {});
+								},
+								options: visionProviderOptions
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							style: S.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: S.fieldLabel,
+								children: copy.visionModel
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									display: "flex",
+									gap: 6,
+									alignItems: "center"
+								},
+								children: [
+									modelAdd === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
+										value: config.vision_model,
+										onChange: (v) => field("vision_model", v),
+										options: visionModelOptions
+									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										autoFocus: true,
+										style: {
+											...S.input,
+											width: "100%",
+											boxSizing: "border-box",
+											...S.mono
+										},
+										value: modelAdd,
+										placeholder: copy.modelPlaceholder,
+										onChange: (e) => setModelAdd(e.target.value),
+										onBlur: commitModelAdd,
+										onKeyDown: (e) => {
+											if (e.key === "Enter") e.currentTarget.blur();
+											if (e.key === "Escape") setModelAdd(null);
+										}
+									}),
+									modelAdd === null && (config.vision_provider === "grok" || config.vision_provider === "agy") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										title: copy.refreshModels,
+										disabled: busy,
+										style: {
+											...S.btn,
+											padding: "3px 8px",
+											flexShrink: 0
+										},
+										onClick: () => {
+											const p = config.vision_provider;
+											setBusy(true);
+											get(`/vision-models?provider=${p}&refresh=1`).then((r) => {
+												if (r.ok) setDynModels((d) => ({
+													...d,
+													[p]: r.models
+												}));
+											}).catch(() => {}).finally(() => setBusy(false));
+										},
+										children: "↻"
+									}),
+									modelAdd === null && config.vision_provider !== "off" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										title: copy.addModelTip,
+										style: {
+											...S.btn,
+											padding: "3px 8px",
+											flexShrink: 0
+										},
+										onClick: () => setModelAdd(""),
+										children: "＋"
+									}),
+									modelAdd === null && (extraModels[config.vision_provider] ?? []).includes(config.vision_model) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										title: copy.removeModelTip,
+										style: {
+											...S.btn,
+											padding: "3px 8px",
+											flexShrink: 0
+										},
+										onClick: removeCurrentModel,
+										children: "−"
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 							style: {
-								...S.input,
-								width: "100%",
-								boxSizing: "border-box"
+								...S.field,
+								flexDirection: "row",
+								alignItems: "center",
+								gap: 6,
+								gridColumn: "1 / -1"
 							},
-							value: config.hub_url,
-							onChange: (e) => fieldLocal("hub_url", e.target.value),
-							onBlur: () => applyPatch({ hub_url: config.hub_url }),
-							onKeyDown: (e) => {
-								if (e.key === "Enter") e.currentTarget.blur();
-							}
-						})]
-					})
-				] })),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					style: S.group,
-					children: copy.groupMultimodal
+							title: copy.capRestartHint,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: !!config.imagegen_enabled,
+									onChange: (e) => field("imagegen_enabled", e.target.checked)
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: { fontSize: 12.5 },
+									children: copy.enableImagegen
+								}),
+								config.imagegen_enabled === false && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: {
+										fontSize: 11,
+										opacity: .55
+									},
+									children: copy.capDisabledNote
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							style: S.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: S.fieldLabel,
+								children: copy.imagegenProvider
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
+								value: config.imagegen_provider,
+								onChange: (v) => field("imagegen_provider", v),
+								options: imagegenProviderOptions
+							})]
+						})
+					] }))
 				}),
-				block(copy.cardMM, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						style: {
-							...S.field,
-							flexDirection: "row",
-							alignItems: "center",
-							gap: 6,
-							gridColumn: "1 / -1"
-						},
-						title: copy.capRestartHint,
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-								type: "checkbox",
-								checked: !!config.vision_enabled,
-								onChange: (e) => field("vision_enabled", e.target.checked)
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: { fontSize: 12.5 },
-								children: copy.enableCrewVision
-							}),
-							config.vision_enabled === false && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: {
-									fontSize: 11,
-									opacity: .55
-								},
-								children: copy.capDisabledNote
-							})
-						]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						style: S.field,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: S.fieldLabel,
-							children: copy.visionProvider
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
-							value: config.vision_provider,
-							onChange: (p) => {
-								const custom = customProviders.find((c) => c.id === p);
-								const m = custom ? custom.models?.[0] ?? "default" : (VISION_MODELS[p] ?? ["default"])[0];
-								setModelAdd(null);
-								setConfig((c) => ({
-									...c,
-									vision_provider: p,
-									vision_model: m
-								}));
-								applyPatch({
-									vision_provider: p,
-									vision_model: m
-								});
-								if ((p === "grok" || p === "agy") && !dynModels[p]) get(`/vision-models?provider=${p}`).then((r) => {
-									if (r.ok) setDynModels((d) => ({
-										...d,
-										[p]: r.models
-									}));
-								}).catch(() => {});
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleSection, {
+					sectionId: "providers",
+					title: copy.sectionNames.providers,
+					summary: sectionSummary(copy.providerCount(customProviders.length), testResult?.ok === false && copy.testFail),
+					expanded: !!expandedSections.providers,
+					onToggle: () => toggleSection("providers"),
+					children: block(copy.cardCustomProv, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						customProviders.length === 0 && provForm === null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								fontSize: 12,
+								opacity: .5
 							},
-							options: visionProviderOptions
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						style: S.field,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: S.fieldLabel,
-							children: copy.visionModel
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							children: copy.noCustomProviders
+						}),
+						customProviders.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							style: {
 								display: "flex",
-								gap: 6,
-								alignItems: "center"
+								alignItems: "center",
+								gap: 8,
+								fontSize: 12.5
 							},
 							children: [
-								modelAdd === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
-									value: config.vision_model,
-									onChange: (v) => field("vision_model", v),
-									options: visionModelOptions
-								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-									autoFocus: true,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: { fontWeight: 500 },
+									children: p.name || p.id
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									style: {
-										...S.input,
-										width: "100%",
-										boxSizing: "border-box",
-										...S.mono
+										...S.chip(false),
+										opacity: .7
 									},
-									value: modelAdd,
-									placeholder: copy.modelPlaceholder,
-									onChange: (e) => setModelAdd(e.target.value),
-									onBlur: commitModelAdd,
-									onKeyDown: (e) => {
-										if (e.key === "Enter") e.currentTarget.blur();
-										if (e.key === "Escape") setModelAdd(null);
-									}
+									children: provType(p) === "api" ? "API" : "CLI"
+								}),
+								canSee(p) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: S.chip(true),
+									children: copy.capVision
 								}),
-								modelAdd === null && (config.vision_provider === "grok" || config.vision_provider === "agy") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									title: copy.refreshModels,
-									disabled: busy,
+								canDraw(p) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: S.chip(true),
+									children: copy.capImagegen
+								}),
+								provType(p) === "api" && !!p.api_key && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 									style: {
-										...S.btn,
-										padding: "3px 8px",
-										flexShrink: 0
+										fontSize: 11.5,
+										opacity: .5
 									},
-									onClick: () => {
-										const p = config.vision_provider;
-										setBusy(true);
-										get(`/vision-models?provider=${p}&refresh=1`).then((r) => {
-											if (r.ok) setDynModels((d) => ({
-												...d,
-												[p]: r.models
-											}));
-										}).catch(() => {}).finally(() => setBusy(false));
+									children: ["key ", copy.keySet]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: { flex: 1 } }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									style: {
+										...S.btn,
+										padding: "2px 8px"
 									},
-									children: "↻"
+									title: copy.testTip,
+									disabled: !!testResult?.busy,
+									onClick: () => runProviderTest(`row:${p.id}`, p),
+									children: testResult?.key === `row:${p.id}` && testResult.busy ? copy.testing : copy.testProvider
 								}),
-								modelAdd === null && config.vision_provider !== "off" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									title: copy.addModelTip,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									style: {
 										...S.btn,
-										padding: "3px 8px",
-										flexShrink: 0
+										padding: "2px 8px"
 									},
-									onClick: () => setModelAdd(""),
-									children: "＋"
+									onClick: () => setProvForm({
+										originalId: p.id,
+										name: p.name ?? p.id,
+										type: provType(p),
+										models: (p.models ?? []).join(", "),
+										base_url: p.base_url ?? "",
+										api_key: p.api_key ?? "",
+										imagegen_model: p.imagegen_model ?? "",
+										vision_command: p.vision_command ?? "",
+										imagegen_command: p.imagegen_command ?? ""
+									}),
+									children: copy.edit
 								}),
-								modelAdd === null && (extraModels[config.vision_provider] ?? []).includes(config.vision_model) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									title: copy.removeModelTip,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									style: {
 										...S.btn,
-										padding: "3px 8px",
-										flexShrink: 0
+										padding: "2px 8px",
+										opacity: .75
+									},
+									onClick: () => {
+										if (confirm(copy.confirmDeleteProvider(p.name || p.id))) deleteProvider(p.id);
 									},
-									onClick: removeCurrentModel,
-									children: "−"
+									children: copy.del
 								})
 							]
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						style: {
-							...S.field,
-							flexDirection: "row",
-							alignItems: "center",
-							gap: 6,
-							gridColumn: "1 / -1"
-						},
-						title: copy.capRestartHint,
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-								type: "checkbox",
-								checked: !!config.imagegen_enabled,
-								onChange: (e) => field("imagegen_enabled", e.target.checked)
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: { fontSize: 12.5 },
-								children: copy.enableImagegen
-							}),
-							config.imagegen_enabled === false && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: {
-									fontSize: 11,
-									opacity: .55
-								},
-								children: copy.capDisabledNote
-							})
-						]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						style: S.field,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: S.fieldLabel,
-							children: copy.imagegenProvider
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
-							value: config.imagegen_provider,
-							onChange: (v) => field("imagegen_provider", v),
-							options: imagegenProviderOptions
-						})]
-					})
-				] })),
-				block(copy.cardCustomProv, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-					customProviders.length === 0 && provForm === null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						style: {
-							fontSize: 12,
-							opacity: .5
-						},
-						children: copy.noCustomProviders
-					}),
-					customProviders.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: {
-							display: "flex",
-							alignItems: "center",
-							gap: 8,
-							fontSize: 12.5
-						},
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: { fontWeight: 500 },
-								children: p.name || p.id
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: {
-									...S.chip(false),
-									opacity: .7
-								},
-								children: provType(p) === "api" ? "API" : "CLI"
-							}),
-							canSee(p) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: S.chip(true),
-								children: copy.capVision
-							}),
-							canDraw(p) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: S.chip(true),
-								children: copy.capImagegen
-							}),
-							provType(p) === "api" && !!p.api_key && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								style: {
-									fontSize: 11.5,
-									opacity: .5
-								},
-								children: ["key ", copy.keySet]
+						}, p.id)),
+						customProviders.some((p) => testResult?.key === `row:${p.id}`) && testReport(testResult.key),
+						provForm === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							style: S.btn,
+							onClick: () => setProvForm({
+								name: "",
+								type: "api",
+								models: "",
+								base_url: "",
+								api_key: "",
+								imagegen_model: "",
+								vision_command: "",
+								imagegen_command: ""
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: { flex: 1 } }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								style: {
-									...S.btn,
-									padding: "2px 8px"
-								},
-								title: copy.testTip,
-								disabled: !!testResult?.busy,
-								onClick: () => runProviderTest(`row:${p.id}`, p),
-								children: testResult?.key === `row:${p.id}` && testResult.busy ? copy.testing : copy.testProvider
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								style: {
-									...S.btn,
-									padding: "2px 8px"
-								},
-								onClick: () => setProvForm({
-									originalId: p.id,
-									name: p.name ?? p.id,
-									type: provType(p),
-									models: (p.models ?? []).join(", "),
-									base_url: p.base_url ?? "",
-									api_key: p.api_key ?? "",
-									imagegen_model: p.imagegen_model ?? "",
-									vision_command: p.vision_command ?? "",
-									imagegen_command: p.imagegen_command ?? ""
-								}),
-								children: copy.edit
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								style: {
-									...S.btn,
-									padding: "2px 8px",
-									opacity: .75
-								},
-								onClick: () => {
-									if (confirm(copy.confirmDeleteProvider(p.name || p.id))) deleteProvider(p.id);
-								},
-								children: copy.del
-							})
-						]
-					}, p.id)),
-					customProviders.some((p) => testResult?.key === `row:${p.id}`) && testReport(testResult.key),
-					provForm === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						style: S.btn,
-						onClick: () => setProvForm({
-							name: "",
-							type: "api",
-							models: "",
-							base_url: "",
-							api_key: "",
-							imagegen_model: "",
-							vision_command: "",
-							imagegen_command: ""
-						}),
-						children: copy.addProvider
-					}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: {
-							borderTop: "1px solid rgba(128,128,128,0.16)",
-							paddingTop: 10,
-							display: "flex",
-							flexDirection: "column",
-							gap: 10
-						},
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: S.blockGrid,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									style: S.field,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										style: S.fieldLabel,
-										children: copy.providerName
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										autoFocus: true,
-										style: {
-											...S.input,
-											width: "100%",
-											boxSizing: "border-box"
-										},
-										value: provForm.name,
-										onChange: (e) => setProvForm({
-											...provForm,
-											name: e.target.value
-										})
-									})]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									style: S.field,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										style: S.fieldLabel,
-										children: copy.providerType
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
-										value: provForm.type,
-										onChange: (v) => setProvForm({
-											...provForm,
-											type: v
-										}),
-										options: [{
-											value: "api",
-											label: copy.typeApi
-										}, {
-											value: "cli",
-											label: copy.typeCli
-										}]
-									})]
-								})]
-							}),
-							provForm.type === "api" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: S.blockGrid,
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							children: copy.addProvider
+						}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								borderTop: "1px solid rgba(128,128,128,0.16)",
+								paddingTop: 10,
+								display: "flex",
+								flexDirection: "column",
+								gap: 10
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: S.blockGrid,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 										style: S.field,
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 											style: S.fieldLabel,
-											children: copy.baseUrl
+											children: copy.providerName
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											autoFocus: true,
 											style: {
 												...S.input,
 												width: "100%",
-												boxSizing: "border-box",
-												...S.mono
+												boxSizing: "border-box"
 											},
-											value: provForm.base_url,
-											placeholder: "https://api.example.com/v1",
+											value: provForm.name,
 											onChange: (e) => setProvForm({
 												...provForm,
-												base_url: e.target.value
+												name: e.target.value
 											})
 										})]
-									}),
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										style: S.field,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: S.fieldLabel,
+											children: copy.providerType
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
+											value: provForm.type,
+											onChange: (v) => setProvForm({
+												...provForm,
+												type: v
+											}),
+											options: [{
+												value: "api",
+												label: copy.typeApi
+											}, {
+												value: "cli",
+												label: copy.typeCli
+											}]
+										})]
+									})]
+								}),
+								provForm.type === "api" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: S.blockGrid,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											style: S.field,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												style: S.fieldLabel,
+												children: copy.baseUrl
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												style: {
+													...S.input,
+													width: "100%",
+													boxSizing: "border-box",
+													...S.mono
+												},
+												value: provForm.base_url,
+												placeholder: "https://api.example.com/v1",
+												onChange: (e) => setProvForm({
+													...provForm,
+													base_url: e.target.value
+												})
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											style: S.field,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												style: S.fieldLabel,
+												children: copy.apiKey
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												type: "password",
+												autoComplete: "off",
+												style: {
+													...S.input,
+													width: "100%",
+													boxSizing: "border-box",
+													...S.mono
+												},
+												value: provForm.api_key,
+												placeholder: copy.keyPlaceholder,
+												onChange: (e) => setProvForm({
+													...provForm,
+													api_key: e.target.value
+												})
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											style: S.field,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												style: S.fieldLabel,
+												children: copy.modelsField
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												style: {
+													...S.input,
+													width: "100%",
+													boxSizing: "border-box",
+													...S.mono
+												},
+												value: provForm.models,
+												placeholder: "gpt-4o-mini, qwen-vl-max",
+												onChange: (e) => setProvForm({
+													...provForm,
+													models: e.target.value
+												})
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											style: S.field,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												style: S.fieldLabel,
+												children: copy.imagegenModel
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												style: {
+													...S.input,
+													width: "100%",
+													boxSizing: "border-box",
+													...S.mono
+												},
+												value: provForm.imagegen_model,
+												placeholder: "dall-e-3",
+												onChange: (e) => setProvForm({
+													...provForm,
+													imagegen_model: e.target.value
+												})
+											})]
+										})
+									]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										fontSize: 11.5,
+										opacity: .55
+									},
+									children: copy.apiFormHint
+								})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 										style: S.field,
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 											style: S.fieldLabel,
-											children: copy.apiKey
+											children: copy.visionCmd
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-											type: "password",
-											autoComplete: "off",
 											style: {
 												...S.input,
 												width: "100%",
 												boxSizing: "border-box",
 												...S.mono
 											},
-											value: provForm.api_key,
-											placeholder: copy.keyPlaceholder,
+											value: provForm.vision_command,
+											placeholder: "mycli see {image} --ask {question} --model {model}",
 											onChange: (e) => setProvForm({
 												...provForm,
-												api_key: e.target.value
+												vision_command: e.target.value
 											})
 										})]
 									}),
@@ -2372,7 +2708,7 @@ function WorkersPanel({ ctx }) {
 										style: S.field,
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 											style: S.fieldLabel,
-											children: copy.modelsField
+											children: copy.imagegenCmd
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 											style: {
 												...S.input,
@@ -2380,11 +2716,11 @@ function WorkersPanel({ ctx }) {
 												boxSizing: "border-box",
 												...S.mono
 											},
-											value: provForm.models,
-											placeholder: "gpt-4o-mini, qwen-vl-max",
+											value: provForm.imagegen_command,
+											placeholder: "mycli gen {prompt} -o {output}",
 											onChange: (e) => setProvForm({
 												...provForm,
-												models: e.target.value
+												imagegen_command: e.target.value
 											})
 										})]
 									}),
@@ -2392,7 +2728,7 @@ function WorkersPanel({ ctx }) {
 										style: S.field,
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 											style: S.fieldLabel,
-											children: copy.imagegenModel
+											children: copy.modelsField
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 											style: {
 												...S.input,
@@ -2400,133 +2736,66 @@ function WorkersPanel({ ctx }) {
 												boxSizing: "border-box",
 												...S.mono
 											},
-											value: provForm.imagegen_model,
-											placeholder: "dall-e-3",
-											onChange: (e) => setProvForm({
-												...provForm,
-												imagegen_model: e.target.value
-											})
-										})]
-									})
-								]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								style: {
-									fontSize: 11.5,
-									opacity: .55
-								},
-								children: copy.apiFormHint
-							})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									style: S.field,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										style: S.fieldLabel,
-										children: copy.visionCmd
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										style: {
-											...S.input,
-											width: "100%",
-											boxSizing: "border-box",
-											...S.mono
-										},
-										value: provForm.vision_command,
-										placeholder: "mycli see {image} --ask {question} --model {model}",
-										onChange: (e) => setProvForm({
-											...provForm,
-											vision_command: e.target.value
-										})
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									style: S.field,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										style: S.fieldLabel,
-										children: copy.imagegenCmd
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										style: {
-											...S.input,
-											width: "100%",
-											boxSizing: "border-box",
-											...S.mono
-										},
-										value: provForm.imagegen_command,
-										placeholder: "mycli gen {prompt} -o {output}",
-										onChange: (e) => setProvForm({
-											...provForm,
-											imagegen_command: e.target.value
-										})
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									style: S.field,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										style: S.fieldLabel,
-										children: copy.modelsField
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										style: {
-											...S.input,
-											width: "100%",
-											boxSizing: "border-box",
-											...S.mono
-										},
-										value: provForm.models,
-										placeholder: "model-a, model-b",
-										onChange: (e) => setProvForm({
-											...provForm,
-											models: e.target.value
-										})
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									style: {
-										fontSize: 11.5,
-										opacity: .55
-									},
-									children: copy.cliFormHint
-								})
-							] }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: {
-									display: "flex",
-									gap: 8,
-									alignItems: "center"
-								},
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										style: S.btn,
-										onClick: saveProviderForm,
-										children: copy.saveProvider
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										style: S.btn,
-										title: copy.testTip,
-										disabled: !!testResult?.busy,
-										onClick: () => runProviderTest("form", {
-											id: provForm.originalId ?? "draft",
-											name: provForm.name || "draft",
-											type: provForm.type,
-											models: provForm.models.split(/[,，\n]+/).map((x) => x.trim()).filter(Boolean),
-											base_url: provForm.base_url.trim(),
-											api_key: provForm.api_key,
-											imagegen_model: provForm.imagegen_model.trim(),
-											vision_command: provForm.vision_command.trim(),
-											imagegen_command: provForm.imagegen_command.trim()
-										}),
-										children: testResult?.key === "form" && testResult.busy ? copy.testing : copy.testProvider
+											value: provForm.models,
+											placeholder: "model-a, model-b",
+											onChange: (e) => setProvForm({
+												...provForm,
+												models: e.target.value
+											})
+										})]
 									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										style: {
-											...S.btn,
-											opacity: .75
+											fontSize: 11.5,
+											opacity: .55
 										},
-										onClick: () => setProvForm(null),
-										children: copy.cancel
+										children: copy.cliFormHint
 									})
-								]
-							}),
-							testReport("form")
-						]
-					})
-				] }), false)
+								] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										display: "flex",
+										gap: 8,
+										alignItems: "center"
+									},
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											style: S.btn,
+											onClick: saveProviderForm,
+											children: copy.saveProvider
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											style: S.btn,
+											title: copy.testTip,
+											disabled: !!testResult?.busy,
+											onClick: () => runProviderTest("form", {
+												id: provForm.originalId ?? "draft",
+												name: provForm.name || "draft",
+												type: provForm.type,
+												models: provForm.models.split(/[,，\n]+/).map((x) => x.trim()).filter(Boolean),
+												base_url: provForm.base_url.trim(),
+												api_key: provForm.api_key,
+												imagegen_model: provForm.imagegen_model.trim(),
+												vision_command: provForm.vision_command.trim(),
+												imagegen_command: provForm.imagegen_command.trim()
+											}),
+											children: testResult?.key === "form" && testResult.busy ? copy.testing : copy.testProvider
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											style: {
+												...S.btn,
+												opacity: .75
+											},
+											onClick: () => setProvForm(null),
+											children: copy.cancel
+										})
+									]
+								}),
+								testReport("form")
+							]
+						})
+					] }), false)
+				})
 			] }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				style: {
@@ -2544,144 +2813,147 @@ function WorkersPanel({ ctx }) {
 				},
 				children: notice
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				style: S.section,
-				children: copy.jobs
-			}),
-			jobs.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				style: { opacity: .55 },
-				children: copy.empty
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				style: { overflowX: "auto" },
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
-					style: {
-						borderCollapse: "collapse",
-						width: "100%",
-						tableLayout: "fixed",
-						minWidth: 760
-					},
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("colgroup", { children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { style: { width: 64 } }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { style: { width: 58 } }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { style: { width: 72 } }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { style: { width: 40 } }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { style: { width: 100 } }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { style: { width: 84 } }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { style: { width: 340 } })
-						] }),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: [
-							copy.col.id,
-							copy.col.source,
-							copy.col.tier,
-							copy.col.status,
-							copy.col.progress,
-							copy.col.tokens,
-							copy.col.task
-						].map((h) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-							style: {
-								...S.tight,
-								fontSize: 11,
-								opacity: .55,
-								fontWeight: 500
-							},
-							children: h
-						}, h)) }) }),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: jobs.map((job) => {
-							const color = job.status === "running" ? "#4a9eff" : job.status === "done" ? "#3fb950" : "#f85149";
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-									style: {
-										...S.tight,
-										...S.mono
-									},
-									title: job.id,
-									children: String(job.id).replace(/-[a-z0-9]+$/, "")
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-									style: S.tight,
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										style: S.chip(job.source === "claude-code" || job.source === "codex"),
-										children: sourceLabel(job.source)
-									})
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", {
-									style: S.tight,
-									children: [
-										job.tier,
-										"/",
-										job.effort
-									]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-									style: {
-										...S.tight,
-										textAlign: "center"
-									},
-									title: `${job.status}${job.currentTool ? ` · ${job.currentTool}` : ""}`,
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleSection, {
+				sectionId: "jobs",
+				title: copy.sectionNames.jobs,
+				summary: sectionSummary(copy.jobCount(jobs.length), jobs.some((job) => job.status === "running") && copy.runningCount(jobs.filter((job) => job.status === "running").length)),
+				expanded: !!expandedSections.jobs,
+				onToggle: () => toggleSection("jobs"),
+				children: jobs.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					style: { opacity: .55 },
+					children: copy.empty
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					style: { overflowX: "auto" },
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+						style: {
+							borderCollapse: "collapse",
+							width: "100%",
+							tableLayout: "fixed",
+							minWidth: 760
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("colgroup", { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { style: { width: 64 } }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { style: { width: 58 } }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { style: { width: 72 } }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { style: { width: 40 } }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { style: { width: 100 } }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { style: { width: 84 } }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { style: { width: 340 } })
+							] }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: [
+								copy.col.id,
+								copy.col.source,
+								copy.col.tier,
+								copy.col.status,
+								copy.col.progress,
+								copy.col.tokens,
+								copy.col.task
+							].map((h) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+								style: {
+									...S.tight,
+									fontSize: 11,
+									opacity: .55,
+									fontWeight: 500
+								},
+								children: h
+							}, h)) }) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: jobs.map((job) => {
+								const color = job.status === "running" ? "#4a9eff" : job.status === "done" ? "#3fb950" : "#f85149";
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
 										style: {
-											color,
-											cursor: "default"
+											...S.tight,
+											...S.mono
 										},
-										children: "●"
-									})
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", {
-									style: {
-										...S.tight,
-										...S.mono
-									},
-									title: copy.progressTip(elapsed(job.startedAt, job.endedAt), job.turn, job.step, job.toolCalls ?? "-"),
-									children: [
-										elapsed(job.startedAt, job.endedAt),
-										" ",
-										job.turn,
-										".",
-										job.step,
-										" ",
-										job.toolCalls ?? "-",
-										"t"
-									]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-									style: {
-										...S.tight,
-										...S.mono
-									},
-									children: job.tokens ? `${ktok(job.tokens.input)}/${ktok(job.tokens.output)}` : "-"
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-									style: {
-										...S.cell,
-										position: "relative"
-									},
-									onMouseEnter: (e) => {
-										const rect = e.currentTarget.getBoundingClientRect();
-										setHoverTask({
-											id: job.id,
-											text: job.task,
-											right: Math.max(8, window.innerWidth - rect.right),
-											top: rect.bottom + 4,
-											bottom: window.innerHeight - rect.top + 4,
-											flip: rect.top < 240
-										});
-									},
-									onMouseLeave: () => setHoverTask(null),
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										title: job.id,
+										children: String(job.id).replace(/-[a-z0-9]+$/, "")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+										style: S.tight,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: S.chip(job.source === "claude-code" || job.source === "codex"),
+											children: sourceLabel(job.source)
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", {
+										style: S.tight,
+										children: [
+											job.tier,
+											"/",
+											job.effort
+										]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+										style: {
+											...S.tight,
+											textAlign: "center"
+										},
+										title: `${job.status}${job.currentTool ? ` · ${job.currentTool}` : ""}`,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: {
+												color,
+												cursor: "default"
+											},
+											children: "●"
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", {
+										style: {
+											...S.tight,
+											...S.mono
+										},
+										title: copy.progressTip(elapsed(job.startedAt, job.endedAt), job.turn, job.step, job.toolCalls ?? "-"),
+										children: [
+											elapsed(job.startedAt, job.endedAt),
+											" ",
+											job.turn,
+											".",
+											job.step,
+											" ",
+											job.toolCalls ?? "-",
+											"t"
+										]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+										style: {
+											...S.tight,
+											...S.mono
+										},
+										children: job.tokens ? `${ktok(job.tokens.input)}/${ktok(job.tokens.output)}` : "-"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
 										style: {
-											whiteSpace: "nowrap",
-											overflow: "hidden",
-											textOverflow: "ellipsis",
-											lineHeight: 1.45,
-											fontSize: 12.5
+											...S.cell,
+											position: "relative"
 										},
-										children: job.task
+										onMouseEnter: (e) => {
+											const rect = e.currentTarget.getBoundingClientRect();
+											setHoverTask({
+												id: job.id,
+												text: job.task,
+												right: Math.max(8, window.innerWidth - rect.right),
+												top: rect.bottom + 4,
+												bottom: window.innerHeight - rect.top + 4,
+												flip: rect.top < 240
+											});
+										},
+										onMouseLeave: () => setHoverTask(null),
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											style: {
+												whiteSpace: "nowrap",
+												overflow: "hidden",
+												textOverflow: "ellipsis",
+												lineHeight: 1.45,
+												fontSize: 12.5
+											},
+											children: job.task
+										})
 									})
-								})
-							] }, job.id);
-						}) })
-					]
+								] }, job.id);
+							}) })
+						]
+					})
 				})
 			}),
 			hoverTask && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -2709,7 +2981,7 @@ function WorkersPanel({ ctx }) {
 		]
 	});
 }
-function apply(ctx) {
+function apply$1(ctx) {
 	let runningCount = 0;
 	ctx.slots.inject("settings.section", () => {
 		let dispose = register();
@@ -2739,7 +3011,7 @@ function apply(ctx) {
 		const poll = async () => {
 			if (document.visibilityState !== "visible") return;
 			try {
-				const r = await (await fetch(`${API}/jobs`, { cache: "no-store" })).json();
+				const r = await (await fetch(`${API$1}/jobs`, { cache: "no-store" })).json();
 				const n = r.ok ? (r.jobs ?? []).filter((j) => j.status === "running").length : 0;
 				if (n !== runningCount) {
 					runningCount = n;
@@ -2759,6 +3031,415 @@ function apply(ctx) {
 	});
 }
 //#endregion
+//#region src/client/activation-summary.tsx
+const ORDER = [
+	"live",
+	"next-workflow",
+	"next-session",
+	"restart-required"
+];
+const LABELS = {
+	zh: {
+		title: "配置生效边界",
+		hint: "这里显示全局 Settings 保存后的实际生效时机；会话内 dsh_worker_config 覆盖可能更早生效。",
+		boundary: {
+			live: "Live · 当前运行时",
+			"next-workflow": "Next workflow · 下一个任务",
+			"next-session": "Next session · 新 CC / Codex 会话",
+			"restart-required": "Restart required · 重启 DSH / MCP"
+		}
+	},
+	en: {
+		title: "Configuration activation boundaries",
+		hint: "Shows when persisted Settings changes actually take effect. Session-level dsh_worker_config overrides may activate earlier.",
+		boundary: {
+			live: "Live · current runtime",
+			"next-workflow": "Next workflow",
+			"next-session": "Next session · new CC / Codex session",
+			"restart-required": "Restart required · restart DSH / MCP"
+		}
+	}
+};
+function groupActivationBoundaries(activation = {}) {
+	const grouped = Object.fromEntries(ORDER.map((boundary) => [boundary, []]));
+	for (const [key, entry] of Object.entries(activation)) if (entry?.global && grouped[entry.global]) grouped[entry.global].push(key);
+	for (const boundary of ORDER) grouped[boundary].sort();
+	return grouped;
+}
+function ActivationSummary({ activation, locale }) {
+	if (!activation || Object.keys(activation).length === 0) return null;
+	const copy = LABELS[locale === "zh" ? "zh" : "en"];
+	const grouped = groupActivationBoundaries(activation);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		style: {
+			border: "1px solid rgba(128,128,128,0.22)",
+			borderRadius: 8,
+			padding: "9px 12px",
+			display: "flex",
+			flexDirection: "column",
+			gap: 5
+		},
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					fontWeight: 600,
+					fontSize: 12.5
+				},
+				children: copy.title
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					fontSize: 11,
+					opacity: .6
+				},
+				children: copy.hint
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					display: "grid",
+					gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+					gap: "5px 12px"
+				},
+				children: ORDER.map((boundary) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: { minWidth: 0 },
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: {
+							fontSize: 10.5,
+							opacity: .7,
+							fontWeight: 600
+						},
+						children: copy.boundary[boundary]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: {
+							fontSize: 10.5,
+							opacity: .55,
+							wordBreak: "break-word"
+						},
+						children: grouped[boundary].length ? grouped[boundary].join(" · ") : "—"
+					})]
+				}, boundary))
+			})
+		]
+	});
+}
+//#endregion
+//#region src/client/entry.tsx
+const inject = inject$1;
+const API = "/_dsh/dsh-crew";
+const DEFAULT_ADAPTIVE = {
+	enabled: false,
+	window_size: 8,
+	min_samples: 2
+};
+function clampInt(value, fallback, min, max) {
+	const parsed = Number(value);
+	if (!Number.isInteger(parsed)) return fallback;
+	return Math.max(min, Math.min(max, parsed));
+}
+function normalizeAdaptive(value) {
+	const windowSize = clampInt(value?.window_size, DEFAULT_ADAPTIVE.window_size, 1, 32);
+	return {
+		enabled: value?.enabled === true,
+		window_size: windowSize,
+		min_samples: clampInt(value?.min_samples, DEFAULT_ADAPTIVE.min_samples, 1, windowSize)
+	};
+}
+function useLocale(ctx) {
+	return (0, react.useSyncExternalStore)((notify) => ctx.on("locale/change", notify), () => ctx.locale.getLocale().active, () => ctx.locale.getLocale().active);
+}
+function AdaptiveRoutingPanel({ ctx }) {
+	const zh = useLocale(ctx) === "zh";
+	const [adaptive, setAdaptive] = (0, react.useState)(DEFAULT_ADAPTIVE);
+	const [loaded, setLoaded] = (0, react.useState)(false);
+	const [saving, setSaving] = (0, react.useState)(false);
+	const [message, setMessage] = (0, react.useState)("");
+	const copy = zh ? {
+		title: "自适应模型路由（实验）",
+		hint: "默认关闭。仅对系统自动产生的候选做健康排序；显式 Provider / Model 优先级永远保持原序。信号只来自本进程内 Crew 已观察到的成功、失败、超时与粗粒度延迟，不读取额度、价格或凭据。重启 Hub 会清空健康历史。",
+		enabled: "启用自适应路由",
+		window: "健康窗口",
+		minSamples: "最少样本",
+		windowHint: "每个 role/provider/model 最多参考最近 1–32 次结果。",
+		minHint: "达到该样本数后才允许健康分数影响自动候选顺序。",
+		boundary: "生效边界：下一工作流",
+		saved: "已保存",
+		loading: "加载中…"
+	} : {
+		title: "Adaptive Model Routing (experimental)",
+		hint: "Off by default. Health ordering applies only to automatically derived candidates; explicit Provider / Model priorities always keep their order. Signals are limited to Crew-observed success, failure, timeout, and coarse latency in this process—never quota, pricing, or credentials. Restarting the Hub clears the history.",
+		enabled: "Enable adaptive routing",
+		window: "Health window",
+		minSamples: "Minimum samples",
+		windowHint: "Use at most the most recent 1–32 outcomes per role/provider/model.",
+		minHint: "Health may affect automatic candidate order only after this many samples.",
+		boundary: "Activation boundary: next workflow",
+		saved: "Saved",
+		loading: "Loading…"
+	};
+	(0, react.useEffect)(() => {
+		let cancelled = false;
+		const load = async () => {
+			try {
+				const res = await fetch(`${API}/config?lang=${zh ? "zh" : "en"}`, { cache: "no-store" });
+				const body = await res.json();
+				if (!res.ok || body?.ok === false) throw new Error(body?.error ?? `HTTP ${res.status}`);
+				if (!cancelled) {
+					setAdaptive(normalizeAdaptive(body?.config?.worker?.model_policy?.adaptive));
+					setMessage("");
+					setLoaded(true);
+				}
+			} catch (err) {
+				if (!cancelled) {
+					setMessage(err?.message ?? String(err));
+					setLoaded(true);
+				}
+			}
+		};
+		load();
+		return () => {
+			cancelled = true;
+		};
+	}, [zh]);
+	const save = async (candidate) => {
+		const next = normalizeAdaptive(candidate);
+		setAdaptive(next);
+		setSaving(true);
+		try {
+			const res = await fetch(`${API}/config?lang=${zh ? "zh" : "en"}`, {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ worker: { model_policy: { adaptive: next } } })
+			});
+			const body = await res.json();
+			if (!res.ok || body?.ok === false) throw new Error(body?.error ?? `HTTP ${res.status}`);
+			setAdaptive(normalizeAdaptive(body?.config?.worker?.model_policy?.adaptive));
+			setMessage(copy.saved);
+			setTimeout(() => setMessage(""), 1500);
+		} catch (err) {
+			setMessage(err?.message ?? String(err));
+		} finally {
+			setSaving(false);
+		}
+	};
+	if (!loaded) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		style: {
+			fontSize: 12,
+			opacity: .6
+		},
+		children: copy.loading
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 10,
+			fontSize: 13,
+			lineHeight: 1.55
+		},
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					fontWeight: 600,
+					fontSize: 14
+				},
+				children: copy.title
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					opacity: .68,
+					fontSize: 12,
+					marginTop: 2
+				},
+				children: copy.hint
+			})] }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 7
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "checkbox",
+					checked: adaptive.enabled,
+					disabled: saving,
+					onChange: (event) => {
+						save({
+							...adaptive,
+							enabled: event.target.checked
+						});
+					}
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: copy.enabled })]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					display: "grid",
+					gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+					gap: 10
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 4
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: {
+								fontSize: 12,
+								fontWeight: 500
+							},
+							children: copy.window
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "number",
+							min: 1,
+							max: 32,
+							value: adaptive.window_size,
+							disabled: saving,
+							onChange: (event) => {
+								const windowSize = clampInt(event.target.value, adaptive.window_size, 1, 32);
+								setAdaptive((current) => ({
+									...current,
+									window_size: windowSize,
+									min_samples: Math.min(current.min_samples, windowSize)
+								}));
+							},
+							onBlur: () => {
+								save(adaptive);
+							},
+							style: {
+								padding: "5px 7px",
+								borderRadius: 5,
+								border: "1px solid rgba(128,128,128,0.35)",
+								background: "transparent",
+								color: "inherit"
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: {
+								fontSize: 10.5,
+								opacity: .55
+							},
+							children: copy.windowHint
+						})
+					]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 4
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: {
+								fontSize: 12,
+								fontWeight: 500
+							},
+							children: copy.minSamples
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "number",
+							min: 1,
+							max: adaptive.window_size,
+							value: adaptive.min_samples,
+							disabled: saving,
+							onChange: (event) => setAdaptive((current) => ({
+								...current,
+								min_samples: clampInt(event.target.value, current.min_samples, 1, current.window_size)
+							})),
+							onBlur: () => {
+								save(adaptive);
+							},
+							style: {
+								padding: "5px 7px",
+								borderRadius: 5,
+								border: "1px solid rgba(128,128,128,0.35)",
+								background: "transparent",
+								color: "inherit"
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: {
+								fontSize: 10.5,
+								opacity: .55
+							},
+							children: copy.minHint
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					display: "flex",
+					gap: 8,
+					alignItems: "center",
+					fontSize: 11.5,
+					opacity: .62
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: copy.boundary }), message && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["· ", message] })]
+			})
+		]
+	});
+}
+function ActivationBoundaryPanel({ ctx }) {
+	const locale = useLocale(ctx);
+	const [activation, setActivation] = (0, react.useState)(null);
+	const [error, setError] = (0, react.useState)("");
+	(0, react.useEffect)(() => {
+		let cancelled = false;
+		const load = async () => {
+			try {
+				const res = await fetch(`${API}/config?lang=${locale === "zh" ? "zh" : "en"}`, { cache: "no-store" });
+				const body = await res.json();
+				if (!cancelled) {
+					if (!res.ok || body?.ok === false) throw new Error(body?.error ?? `HTTP ${res.status}`);
+					setActivation(body?.config?.config_activation ?? null);
+					setError("");
+				}
+			} catch (err) {
+				if (!cancelled) setError(err?.message ?? String(err));
+			}
+		};
+		load();
+		return () => {
+			cancelled = true;
+		};
+	}, [locale]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 8,
+			fontSize: 13,
+			lineHeight: 1.55
+		},
+		children: [error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			style: {
+				fontSize: 11.5,
+				opacity: .6
+			},
+			children: error
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivationSummary, {
+			activation: activation ?? void 0,
+			locale
+		})]
+	});
+}
+function apply(ctx) {
+	apply$1(ctx);
+	ctx.slots.inject("settings.section", () => ctx.slots.register({
+		name: "settings.section",
+		id: "dsh-crew-adaptive-routing",
+		order: 65,
+		label: () => ctx.locale.getLocale().active === "zh" ? "DSH Crew · 自适应路由" : "DSH Crew · Adaptive Routing"
+	}, () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AdaptiveRoutingPanel, { ctx })));
+	ctx.slots.inject("settings.section", () => ctx.slots.register({
+		name: "settings.section",
+		id: "dsh-crew-runtime-controls",
+		order: 66,
+		label: () => ctx.locale.getLocale().active === "zh" ? "DSH Crew · 生效边界" : "DSH Crew · Activation"
+	}, () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivationBoundaryPanel, { ctx })));
+}
+//#endregion
 exports.apply = apply;
 exports.inject = inject;