@ran-sh/dsh-crew 0.3.7 → 0.3.8

package/official-web-bridge/lib/client.js

@@ -0,0 +1,3446 @@
+window.__ModuleLoader__.load({ id: "@ran-sh/dsh-crew-web-bridge", 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$1 = ["slots", "locale"];
+const API$1 = "/_dsh/dsh-crew";
+const COPY = {
+	zh: {
+		label: "DSH Crew",
+		title: "DSH Crew",
+		intro: "把 Claude Code / Codex 的子任务派给本实例的 DSH agent，在宿主里显示为原生子代理、进度可见。配置派发默认值、执行方式，以及接入视觉与生图能力，一键装进宿主。",
+		integrations: "集成",
+		installed: "已安装",
+		notInstalled: "未安装",
+		hud: "HUD 段",
+		install: "安装",
+		update: "更新",
+		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",
+		enableSubagentsHint: "总开关。关闭后 dsh_run_worker / dsh_spawn_worker 在工具层拒绝派发（配置保留，重新开启即恢复）。",
+		subagentsKept: "配置已保留",
+		mainAgentMode: "主 Agent 模式",
+		mainAgentModeDesc: {
+			"direct-allowed": "直接允许 · 可自己做，也可委派",
+			"coordinator-first": "协调优先 · 先规划、拆分、委派，再检查验证",
+			"dispatcher-only": "仅派发 · 尽量只做规划、派发、审查与整合"
+		},
+		mainAgentModeHint: "这是宿主路由指引，不是对宿主自身工具的硬限制。",
+		collaborationMode: "协作模式",
+		collaborationModeDesc: {
+			"flash-only": "Flash Only · 只用 Flash",
+			"pro-only": "Pro Only · 只用 Pro",
+			balanced: "Balanced · 双 Auto",
+			"review-pipeline": "Review Pipeline · Flash 实现 + Pro 复审",
+			custom: "Custom · 完全手动"
+		},
+		tierCardFlash: "Flash",
+		tierCardPro: "Pro",
+		tierState: "状态",
+		tierStateDesc: {
+			disabled: "禁用",
+			manual: "手动（仅用户点名时可用）",
+			auto: "自动（orchestrator 可自动委派）"
+		},
+		stateManagedByPreset: "由协作模式管理",
+		statePresetHint: "切到 Custom 可单独配置各档状态。",
+		workerProvider: "Worker Provider",
+		workerProviderDesc: {
+			"follow-dsh": "跟随 Harness · 使用各档独立的模型优先级",
+			"deepseek-official": "DeepSeek Official · 使用旧版固定模型路由"
+		},
+		workerProviderHint: "仅作用于 Hub 模式；Standalone 始终用 deepseek-official + DEEPSEEK_API_KEY。",
+		workerModels: "Worker 模型",
+		refreshHarnessModels: "刷新 Harness 模型",
+		refreshingModels: "刷新中…",
+		modelPriority: "模型优先级",
+		addPriorityModel: "＋ 添加优先模型",
+		modelSearch: "搜索 Provider 或 Model…",
+		harnessDefault: "Harness 默认模型",
+		providerUnavailable: "Provider 不可用",
+		notAdvertised: "当前未列出",
+		noPriority: "未配置优先项",
+		modelPoolSummary: (p, m) => `Providers: ${p} · Models: ${m}`,
+		partialCatalog: "部分 Provider 读取失败",
+		catalogFailed: "无法读取 Harness 模型目录",
+		removePriority: "移除",
+		moveUp: "上移",
+		moveDown: "下移",
+		needsModelSelection: "多个 Provider 提供默认偏好模型，且 Harness Default 无法消歧；当前将回退到 Harness Default，请手动选择。",
+		responsibilities: "职责",
+		responsibilitiesHint: "路由指引，仅用于描述分工；只剩一个 Auto 档时它承担全部可委派工作。",
+		roleLabels: {
+			implementation: "代码实现",
+			simple_fix: "简单修复",
+			tests: "测试",
+			search_inspection: "搜索 / 检查",
+			architecture: "架构",
+			complex_debugging: "复杂调试",
+			refactor: "重构",
+			code_review: "代码审查"
+		},
+		routing: "路由",
+		proReviewsFlash: "Pro 复审 Flash 改动",
+		proReviewsFlashHint: "Flash 成功后自动追加一次 Pro 复审（仅 blocking 派发）",
+		proReviewsLocked: "Review Pipeline 模式固定开启",
+		enableCrewVision: "启用 Crew 视觉",
+		enableCrewVisionHint: "关闭后不注册 Crew 的 describe_image 与视觉 route（可与你的 dsh-vision 等共存）。",
+		enableImagegen: "启用生图",
+		enableImagegenHint: "关闭后不注册 Crew 的 generate_image。",
+		capRestartHint: "该开关改变工具注册，需重启 DSH 生效",
+		capDisabledNote: "Crew 工具/route 已禁用（重启 DSH 后生效）",
+		tier: "默认档位",
+		effort: "默认推理",
+		mode: "执行模式",
+		timeout: "默认超时(秒)",
+		hubUrl: "Hub 地址",
+		tierPolicy: "档位策略",
+		escalate: "失败升档",
+		tierPolicyDesc: {
+			auto: "auto · orchestrator 自选",
+			"flash-only": "只用 flash",
+			"pro-only": "只用 pro"
+		},
+		escalateHint: "flash 失败自动用 pro 重试一次",
+		presetFlash: "flash 模式",
+		presetPro: "pro 模式",
+		multimodal: "多模态",
+		visionProvider: "视觉 provider",
+		visionModel: "视觉模型",
+		imagegenProvider: "生图 provider",
+		customProviders: "自定义 Provider",
+		addProvider: "＋ 添加 Provider",
+		noCustomProviders: "暂无。添加后会出现在上方的视觉 / 生图 provider 选择里。",
+		providerName: "名称",
+		modelsField: "模型列表（逗号分隔）",
+		providerType: "接入方式",
+		typeApi: "API · 兼容 OpenAI 接口",
+		typeCli: "CLI · 本地命令",
+		baseUrl: "Base URL",
+		apiKey: "API Key",
+		imagegenModel: "生图模型（留空=不提供生图）",
+		visionCmd: "视觉命令（可选）",
+		imagegenCmd: "生图命令（可选）",
+		apiFormHint: "走 OpenAI 兼容接口：视觉调 {base}/chat/completions（图片以 base64 内联），生图调 {base}/images/generations。Key 保存在本机 ~/.config/dsh-crew/config.json，不会外发到第三方。",
+		cliFormHint: "命令经 bash 执行，占位符会被安全引用后代入。视觉: {image} {question} {model}，stdout 即答案；生图: {prompt} {output} {size}，命令须把图片写到 {output}。两条命令至少填一条。",
+		saveProvider: "保存",
+		cancel: "取消",
+		edit: "编辑",
+		del: "删除",
+		testProvider: "连通测试",
+		testing: "测试中…",
+		testTip: "按当前填写的内容实测：API 会检查可达性与鉴权并真发一次视觉请求；CLI 会检查可执行文件并真跑一次视觉命令。生图只校验配置，不实际出图。",
+		testPass: "连通正常",
+		testFail: "连通失败",
+		staleHub: "本 DSH 实例还在跑旧版插件，缺少该接口 —— 重启 DSH 后再试",
+		emptyResponse: (path, status) => `${path} → HTTP ${status}，响应为空`,
+		badJson: (path, body) => `${path} → 非 JSON 响应: ${body}`,
+		refreshModels: "重新从 CLI 获取模型列表",
+		presetDefault: (id) => `default · 跟随 DSH${id ? ` (${id})` : ""}`,
+		progressTip: (t, turn, step, calls) => `耗时 ${t} · 第${turn}轮第${step}步 · ${calls} 次工具调用`,
+		confirmDeleteProvider: (n) => `删除自定义 provider「${n}」？`,
+		needName: "⚠ 名称必填",
+		needCmd: "⚠ 视觉/生图命令至少填一条",
+		needBaseUrl: "⚠ Base URL 必填",
+		needModels: "⚠ 模型列表至少填一个",
+		keySet: "已配置",
+		keyPlaceholder: "sk-…（留空则不发送 Authorization）",
+		addModelTip: "添加模型到列表",
+		removeModelTip: "从列表移除当前模型",
+		modelPlaceholder: "模型 id，回车确认",
+		capVision: "视觉",
+		capImagegen: "生图",
+		groupDispatch: "派发",
+		groupRuntime: "运行",
+		groupMultimodal: "多模态",
+		groupWorkflow: "工作流 / 执行（v0.2）",
+		roleWorker: "Worker 角色（执行）",
+		roleReviewer: "Reviewer 角色（独立审查）",
+		workerStateLabel: "Worker 状态",
+		reviewStateLabel: "Reviewer 状态",
+		roleStateHint: "auto：orchestrator 可自动派发；manual：仅显式点名；disabled：禁用。未显式设置时由协作模式推导。",
+		autoReview: "自动复审",
+		autoReviewHint: "worker 成功后自动运行一次 reviewer（独立模型策略，只读）",
+		isolation: "工作区隔离",
+		isolationHint: "worktree 为默认；非 Git 仓库时需显式 shared，否则任务以 NOT_GIT_REPOSITORY 失败。",
+		isolationDesc: {
+			worktree: "worktree · 每个 coding worker 独立临时 git worktree（主工作区不动）",
+			shared: "shared · 旧版就地执行"
+		},
+		maxParallel: "最大并行",
+		maxParallelHint: "同时运行的工作流上限（1–16）；超出进入队列。",
+		legacyCompatibility: "↓ 以下为兼容配置（legacy，Flash/Pro 仍可编辑）",
+		cardDispatch: {
+			t: "派发策略",
+			d: "orchestrator 未指定时的档位与推理强度，以及档位约束、失败升档与两档各自挂载的 Agent 预设。"
+		},
+		cardRuntime: {
+			t: "执行与连接",
+			d: "worker 会话跑在本实例内还是独立进程，单个任务的超时上限，以及 CC / Codex 探测本实例的地址。"
+		},
+		cardMM: {
+			t: "视觉与生图",
+			d: "给纯文本的 DSH 模型借来眼睛和画笔：describe_image、会话贴图转写与 generate_image 都用这里的设置。"
+		},
+		cardCustomProv: {
+			t: "自定义 Provider",
+			d: "接入自己的 API 或本地命令；保存后会出现在上面的视觉 / 生图 provider 选择里。"
+		},
+		modeDesc: {
+			auto: "auto · 优先 hub",
+			hub: "hub · 必须 hub",
+			standalone: "standalone · 独立进程"
+		},
+		save: "保存",
+		saved: "已保存",
+		jobs: "Worker 任务",
+		empty: "当前没有 worker 任务。",
+		col: {
+			id: "任务",
+			source: "来源",
+			tier: "档位",
+			status: "状态",
+			progress: "进度",
+			tokens: "tokens ⇅",
+			task: "内容"
+		},
+		working: "处理中…",
+		tips: {
+			claude: {
+				install: "一键装进 Claude Code：注册本地 marketplace、claude plugin install、写入工具权限白名单、接线 claude-hud worker 段；修改 settings.json 前自动备份",
+				update: "重跑安装流程：刷新注册与权限、迁移旧格式配置、更新 HUD 接线；幂等，可放心点",
+				restore: "从 Claude Code 移除集成：清除 marketplace 注册、插件启用项与权限规则（settings 先备份）；不删除插件源码与已跑任务"
+			},
+			codex: {
+				install: "把 ds-flash / ds-pro 角色和 /dsh-config、/dsh-status 命令复制到 ~/.codex/（MCP 路径按本机自动渲染，含 approve 审批与超时配置）",
+				update: "重新渲染并覆盖角色文件与命令（插件路径或配置变更后用）；原文件先备份",
+				restore: "删除 ~/.codex/ 下的 ds-flash / ds-pro 角色与 dsh 命令文件（角色文件先备份）"
+			}
+		}
+	},
+	en: {
+		label: "DSH Crew",
+		title: "DSH Crew",
+		intro: "Dispatch Claude Code / Codex subtasks to DSH agents within this instance, displayed as native subagents in the host with live progress. Configure dispatch defaults, execution mode, and vision/image generation (via subscription CLI or your own OpenAI API), then one-click install into the host.",
+		integrations: "Integrations",
+		installed: "installed",
+		notInstalled: "not installed",
+		hud: "HUD segment",
+		install: "Install",
+		update: "Update",
+		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",
+		enableSubagentsHint: "Master switch. When off, dsh_run_worker / dsh_spawn_worker refuse dispatch at the tool layer (the configuration is kept; re-enable to restore).",
+		subagentsKept: "Configuration kept",
+		mainAgentMode: "Main Agent Mode",
+		mainAgentModeDesc: {
+			"direct-allowed": "Direct Allowed · implement directly or delegate",
+			"coordinator-first": "Coordinator First · plan, decompose, delegate, verify",
+			"dispatcher-only": "Dispatcher Only · plan, dispatch, review, integrate"
+		},
+		mainAgentModeHint: "Host routing guidance — not a hard restriction on the host's own tools.",
+		collaborationMode: "Collaboration Mode",
+		collaborationModeDesc: {
+			"flash-only": "Flash Only",
+			"pro-only": "Pro Only",
+			balanced: "Balanced",
+			"review-pipeline": "Review Pipeline · implement + review",
+			custom: "Custom"
+		},
+		tierCardFlash: "Flash",
+		tierCardPro: "Pro",
+		tierState: "State",
+		tierStateDesc: {
+			disabled: "Disabled",
+			manual: "Manual (only when the user names this tier)",
+			auto: "Auto (the orchestrator may delegate to it)"
+		},
+		stateManagedByPreset: "managed by the collaboration mode",
+		statePresetHint: "Switch to Custom to configure each tier state separately.",
+		workerProvider: "Worker Provider",
+		workerProviderDesc: {
+			"follow-dsh": "Follow Harness · use each tier's ordered model priority",
+			"deepseek-official": "DeepSeek Official · use legacy fixed model routing"
+		},
+		workerProviderHint: "Applies to Hub workers only; Standalone always uses deepseek-official + DEEPSEEK_API_KEY.",
+		workerModels: "Worker Models",
+		refreshHarnessModels: "Refresh Harness Models",
+		refreshingModels: "Refreshing…",
+		modelPriority: "Model Priority",
+		addPriorityModel: "＋ Add Priority Model",
+		modelSearch: "Search Provider or Model…",
+		harnessDefault: "Harness Default",
+		providerUnavailable: "Provider unavailable",
+		notAdvertised: "Currently not advertised",
+		noPriority: "No priority models configured",
+		modelPoolSummary: (p, m) => `Providers: ${p} · Models: ${m}`,
+		partialCatalog: "Some providers failed to load",
+		catalogFailed: "Unable to read Harness model catalog",
+		removePriority: "Remove",
+		moveUp: "Move up",
+		moveDown: "Move down",
+		needsModelSelection: "Multiple providers advertise the preferred model and Harness Default cannot disambiguate them. Falling back to Harness Default; choose a priority model explicitly.",
+		responsibilities: "Responsibilities",
+		responsibilitiesHint: "Routing guidance describing the split of work; with a single Auto tier left, that tier carries all delegatable coding work.",
+		roleLabels: {
+			implementation: "Code implementation",
+			simple_fix: "Simple fixes",
+			tests: "Tests",
+			search_inspection: "Search / inspection",
+			architecture: "Architecture",
+			complex_debugging: "Complex debugging",
+			refactor: "Refactoring",
+			code_review: "Code review"
+		},
+		routing: "Routing",
+		proReviewsFlash: "Pro reviews Flash changes",
+		proReviewsFlashHint: "Automatically follow a successful Flash run with one Pro review (blocking dispatch only)",
+		proReviewsLocked: "always on in Review Pipeline mode",
+		enableCrewVision: "Enable Crew Vision",
+		enableCrewVisionHint: "When off, the Crew describe_image tool and vision route are not registered (coexist with your own dsh-vision or other plugins).",
+		enableImagegen: "Enable Image Generation",
+		enableImagegenHint: "When off, the Crew generate_image tool is not registered.",
+		capRestartHint: "This switch changes tool registration and takes effect after a DSH restart",
+		capDisabledNote: "Crew tool/route disabled (effective after DSH restart)",
+		tier: "Default tier",
+		effort: "Default effort",
+		mode: "Mode",
+		timeout: "Timeout (s)",
+		hubUrl: "Hub URL",
+		tierPolicy: "Tier policy",
+		escalate: "Escalate on failure",
+		tierPolicyDesc: {
+			auto: "auto · orchestrator picks",
+			"flash-only": "flash only",
+			"pro-only": "pro only"
+		},
+		escalateHint: "retry a failed flash run once on pro",
+		presetFlash: "flash preset",
+		presetPro: "pro preset",
+		multimodal: "Multimodal",
+		visionProvider: "Vision provider",
+		visionModel: "Vision model",
+		imagegenProvider: "Image-gen provider",
+		customProviders: "Custom providers",
+		addProvider: "＋ Add provider",
+		noCustomProviders: "None yet. Added providers appear in the vision / image-gen selects above.",
+		providerName: "Name",
+		modelsField: "Models (comma-separated)",
+		providerType: "Connection",
+		typeApi: "API · OpenAI-compatible",
+		typeCli: "CLI · local command",
+		baseUrl: "Base URL",
+		apiKey: "API key",
+		imagegenModel: "Image-gen model (empty = no image generation)",
+		visionCmd: "Vision command (optional)",
+		imagegenCmd: "Image-gen command (optional)",
+		apiFormHint: "OpenAI-compatible: vision calls {base}/chat/completions (image inlined as base64), image-gen calls {base}/images/generations. The key is stored locally in ~/.config/dsh-crew/config.json and never sent to third parties.",
+		cliFormHint: "Commands run via bash with shell-quoted placeholders. Vision: {image} {question} {model}, stdout is the answer; image-gen: {prompt} {output} {size}, the command must write the image to {output}. Fill in at least one command.",
+		saveProvider: "Save",
+		cancel: "Cancel",
+		edit: "Edit",
+		del: "Delete",
+		testProvider: "Test",
+		testing: "Testing…",
+		testTip: "Probes what is currently filled in: API checks reachability and auth then makes one real vision call; CLI checks the executable then runs the vision command once. Image generation is only validated, never actually run.",
+		testPass: "Connection OK",
+		testFail: "Connection failed",
+		staleHub: "This DSH instance is still running an older build of the plugin and lacks this route — restart DSH and retry",
+		emptyResponse: (path, status) => `${path} → HTTP ${status}, empty response`,
+		badJson: (path, body) => `${path} → non-JSON response: ${body}`,
+		refreshModels: "Re-fetch the model list from the CLI",
+		presetDefault: (id) => `default · follow DSH${id ? ` (${id})` : ""}`,
+		progressTip: (t, turn, step, calls) => `${t} elapsed · turn ${turn}, step ${step} · ${calls} tool calls`,
+		confirmDeleteProvider: (n) => `Delete custom provider "${n}"?`,
+		needName: "⚠ Name is required",
+		needCmd: "⚠ Fill in at least one command",
+		needBaseUrl: "⚠ Base URL is required",
+		needModels: "⚠ Add at least one model",
+		keySet: "set",
+		keyPlaceholder: "sk-… (leave empty to send no Authorization header)",
+		addModelTip: "Add a model to the list",
+		removeModelTip: "Remove the current model from the list",
+		modelPlaceholder: "model id, Enter to confirm",
+		capVision: "vision",
+		capImagegen: "image-gen",
+		groupDispatch: "Dispatch",
+		groupRuntime: "Runtime",
+		groupMultimodal: "Multimodal",
+		groupWorkflow: "Workflow / Execution (v0.2)",
+		roleWorker: "Worker role (execution)",
+		roleReviewer: "Reviewer role (independent review)",
+		workerStateLabel: "Worker state",
+		reviewStateLabel: "Reviewer state",
+		roleStateHint: "auto = the orchestrator may dispatch automatically; manual = only when explicitly named; disabled = off. When unset, derived from the collaboration mode.",
+		autoReview: "Automatic review",
+		autoReviewHint: "Run one reviewer pass (independent model policy, read-only) after a successful worker run",
+		isolation: "Workspace isolation",
+		isolationHint: "worktree is the default; non-git workspaces require explicit shared, otherwise jobs fail with NOT_GIT_REPOSITORY.",
+		isolationDesc: {
+			worktree: "worktree · each coding worker runs in its own temporary git worktree (primary untouched)",
+			shared: "shared · legacy in-place execution"
+		},
+		maxParallel: "Max parallel",
+		maxParallelHint: "Upper bound of concurrently running workflows (1–16); extra ones queue.",
+		legacyCompatibility: "↓ Legacy compatibility controls below (Flash/Pro still editable)",
+		cardDispatch: {
+			t: "Dispatch policy",
+			d: "Tier and effort used when the orchestrator names none, plus tier clamping, failure escalation and the Agent preset mounted per tier."
+		},
+		cardRuntime: {
+			t: "Execution & connection",
+			d: "Whether worker sessions run inside this instance or a separate process, the per-job timeout, and the address CC / Codex probes."
+		},
+		cardMM: {
+			t: "Vision & image generation",
+			d: "Lends the harness's text-only models eyes and a brush: describe_image, pasted-image transcription and generate_image all use these settings."
+		},
+		cardCustomProv: {
+			t: "Custom providers",
+			d: "Bring your own API or local command; saved providers appear in the vision / image-gen selects above."
+		},
+		modeDesc: {
+			auto: "auto · prefer hub",
+			hub: "hub · require hub",
+			standalone: "standalone"
+		},
+		save: "Save",
+		saved: "Saved",
+		jobs: "Worker jobs",
+		empty: "No worker jobs yet.",
+		col: {
+			id: "job",
+			source: "source",
+			tier: "tier",
+			status: "status",
+			progress: "progress",
+			tokens: "tokens ⇅",
+			task: "task"
+		},
+		working: "Working…",
+		tips: {
+			claude: {
+				install: "One-click install into Claude Code: register local marketplace, claude plugin install, permission allowlist, claude-hud segment wiring; settings.json backed up first",
+				update: "Re-run the installer: refresh registration & permissions, migrate legacy config, update HUD wiring; idempotent",
+				restore: "Remove the integration from Claude Code: marketplace registration, plugin enablement and permission rules (settings backed up); plugin source and past jobs untouched"
+			},
+			codex: {
+				install: "Copy ds-flash / ds-pro roles and /dsh-config, /dsh-status prompts into ~/.codex/ (MCP paths rendered for this machine, approve mode + timeout included)",
+				update: "Re-render and overwrite role files and prompts (after path/config changes); originals backed up",
+				restore: "Delete ds-flash / ds-pro roles and dsh prompts from ~/.codex/ (roles backed up first)"
+			}
+		}
+	}
+};
+const S = {
+	section: {
+		margin: "8px 0 -2px",
+		fontSize: 13,
+		fontWeight: 600,
+		opacity: .9
+	},
+	group: {
+		margin: "4px 0 -3px",
+		fontSize: 12,
+		opacity: .55
+	},
+	block: {
+		border: "1px solid rgba(128,128,128,0.22)",
+		borderRadius: 10,
+		padding: "11px 14px 13px",
+		display: "flex",
+		flexDirection: "column",
+		gap: 10
+	},
+	blockGrid: {
+		display: "grid",
+		gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+		gap: "12px 14px",
+		alignItems: "end"
+	},
+	settingTitle: {
+		fontWeight: 600,
+		fontSize: 13
+	},
+	settingDesc: {
+		fontSize: 11.5,
+		opacity: .6,
+		marginTop: 2,
+		lineHeight: 1.5
+	},
+	card: {
+		border: "1px solid rgba(128,128,128,0.22)",
+		borderRadius: 8,
+		padding: "10px 14px",
+		display: "flex",
+		alignItems: "center",
+		gap: 10,
+		flexWrap: "wrap"
+	},
+	grid: {
+		border: "1px solid rgba(128,128,128,0.22)",
+		borderRadius: 8,
+		padding: "12px 14px",
+		display: "grid",
+		gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+		gap: "12px 14px",
+		alignItems: "end"
+	},
+	btn: {
+		padding: "4px 12px",
+		borderRadius: 6,
+		border: "1px solid rgba(128,128,128,0.35)",
+		background: "transparent",
+		color: "inherit",
+		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",
+		borderRadius: 99,
+		border: "1px solid",
+		borderColor: on ? "rgba(63,185,80,0.5)" : "rgba(128,128,128,0.35)",
+		color: on ? "#3fb950" : "inherit",
+		opacity: on ? 1 : .55
+	}),
+	field: {
+		display: "flex",
+		flexDirection: "column",
+		gap: 3
+	},
+	fieldLabel: {
+		fontSize: 11,
+		opacity: .6
+	},
+	input: {
+		padding: "3px 8px",
+		borderRadius: 5,
+		border: "1px solid rgba(128,128,128,0.35)",
+		background: "transparent",
+		color: "inherit",
+		fontSize: 12.5
+	},
+	cell: {
+		padding: "5px 10px 5px 0",
+		borderBottom: "1px solid rgba(128,128,128,0.16)",
+		textAlign: "left",
+		verticalAlign: "top"
+	},
+	tight: {
+		padding: "5px 8px 5px 0",
+		borderBottom: "1px solid rgba(128,128,128,0.16)",
+		textAlign: "left",
+		verticalAlign: "top",
+		whiteSpace: "nowrap",
+		overflow: "hidden",
+		textOverflow: "ellipsis"
+	},
+	mono: {
+		fontFamily: "ui-monospace, Menlo, monospace",
+		fontSize: 12,
+		fontVariantNumeric: "tabular-nums"
+	}
+};
+const VISION_MODELS = {
+	"claude-code": [
+		"haiku",
+		"sonnet",
+		"opus"
+	],
+	codex: [
+		"default",
+		"gpt-5.4-mini",
+		"gpt-5.6"
+	],
+	grok: ["default"],
+	agy: ["default"]
+};
+function CustomSelect({ value, options, onChange, minWidth }) {
+	const [open, setOpen] = (0, react.useState)(null);
+	(0, react.useEffect)(() => {
+		if (!open) return;
+		const close = () => setOpen(null);
+		const onKey = (e) => {
+			if (e.key === "Escape") close();
+		};
+		const t = setTimeout(() => document.addEventListener("mousedown", close), 0);
+		document.addEventListener("keydown", onKey);
+		return () => {
+			clearTimeout(t);
+			document.removeEventListener("mousedown", close);
+			document.removeEventListener("keydown", onKey);
+		};
+	}, [open]);
+	const current = options.find((o) => o.value === value);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		type: "button",
+		style: {
+			...S.input,
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			cursor: "pointer",
+			minWidth: minWidth ?? 92,
+			width: "100%",
+			boxSizing: "border-box",
+			justifyContent: "space-between"
+		},
+		onClick: (e) => {
+			const r = e.currentTarget.getBoundingClientRect();
+			const up = window.innerHeight - r.bottom < 240;
+			setOpen({
+				left: r.left,
+				top: r.bottom + 4,
+				bottom: window.innerHeight - r.top + 4,
+				width: Math.max(r.width, 130),
+				up
+			});
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			style: {
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			},
+			children: current?.label ?? value
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			style: {
+				opacity: .5,
+				fontSize: 10
+			},
+			children: "▾"
+		})]
+	}), open && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		style: {
+			position: "fixed",
+			left: open.left,
+			...open.up ? { bottom: open.bottom } : { top: open.top },
+			minWidth: open.width,
+			zIndex: 9999,
+			background: "Canvas",
+			color: "CanvasText",
+			border: "1px solid rgba(128,128,128,0.3)",
+			borderRadius: 8,
+			boxShadow: "0 8px 28px rgba(0,0,0,0.22)",
+			padding: 4,
+			maxHeight: 240,
+			overflowY: "auto"
+		},
+		onMouseDown: (e) => e.stopPropagation(),
+		children: options.map((o) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			onClick: () => {
+				onChange(o.value);
+				setOpen(null);
+			},
+			style: {
+				padding: "5px 10px",
+				borderRadius: 5,
+				cursor: "pointer",
+				fontSize: 12.5,
+				whiteSpace: "nowrap",
+				background: o.value === value ? "rgba(128,128,128,0.16)" : "transparent",
+				display: "flex",
+				justifyContent: "space-between",
+				gap: 12,
+				alignItems: "center"
+			},
+			onMouseEnter: (e) => {
+				e.currentTarget.style.background = "rgba(128,128,128,0.24)";
+			},
+			onMouseLeave: (e) => {
+				e.currentTarget.style.background = o.value === value ? "rgba(128,128,128,0.16)" : "transparent";
+			},
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: o.label ?? o.value }), o.value === value && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				style: {
+					opacity: .6,
+					fontSize: 11
+				},
+				children: "✓"
+			})]
+		}, 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";
+	if (source === "api" || source === void 0) return "API";
+	return source;
+}
+function elapsed(startedAt, endedAt) {
+	const s = Math.max(0, Math.round(((endedAt ? +new Date(endedAt) : Date.now()) - +new Date(startedAt)) / 1e3));
+	return s >= 60 ? `${Math.floor(s / 60)}m${s % 60}s` : `${s}s`;
+}
+function ktok(n) {
+	return n >= 1e3 ? `${Math.round(n / 100) / 10}k` : `${n}`;
+}
+function WorkersPanel({ ctx }) {
+	const locale = (0, react.useSyncExternalStore)((notify) => ctx.on("locale/change", notify), () => ctx.locale.getLocale().active, () => ctx.locale.getLocale().active);
+	const copy = COPY[locale === "zh" ? "zh" : "en"];
+	const [jobs, setJobs] = (0, react.useState)([]);
+	const [hoverTask, setHoverTask] = (0, react.useState)(null);
+	const [status, setStatus] = (0, react.useState)(null);
+	const [config, setConfig] = (0, react.useState)(null);
+	const [dynModels, setDynModels] = (0, react.useState)({});
+	const [presetOptions, setPresetOptions] = (0, react.useState)([{ value: "default" }]);
+	const [notice, setNotice] = (0, react.useState)("");
+	const [busy, setBusy] = (0, react.useState)(false);
+	const [provForm, setProvForm] = (0, react.useState)(null);
+	const [modelAdd, setModelAdd] = (0, react.useState)(null);
+	const [modelCatalog, setModelCatalog] = (0, react.useState)(null);
+	const [modelCatalogError, setModelCatalogError] = (0, react.useState)("");
+	const [modelCatalogBusy, setModelCatalogBusy] = (0, react.useState)(false);
+	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
+	* the running instance does not have yet, which answers 404/405 with an empty
+	* body. Report that as "restart DSH" instead of a JSON parse error.
+	*/
+	const readJson = (0, react.useCallback)(async (res, path) => {
+		const text = await res.text();
+		if (text === "") throw new Error(res.status === 404 || res.status === 405 ? `${copy.staleHub}（${path} → HTTP ${res.status}）` : copy.emptyResponse(path, res.status));
+		try {
+			return JSON.parse(text);
+		} catch {
+			throw new Error(copy.badJson(path, text.slice(0, 160)));
+		}
+	}, [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$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",
+		headers: { "content-type": "application/json" },
+		body: JSON.stringify({
+			...body,
+			lang: locale === "zh" ? "zh" : "en"
+		})
+	}), path), [
+		readJson,
+		withLang,
+		locale
+	]);
+	const refreshAll = (0, react.useCallback)(async () => {
+		try {
+			const [j, s, c, pr] = await Promise.all([
+				get("/jobs"),
+				get("/install/status"),
+				get("/config"),
+				get("/presets")
+			]);
+			if (j.ok) setJobs(j.jobs ?? []);
+			if (s.ok) setStatus(s.status);
+			if (c.ok) setConfig((prev) => prev ?? c.config);
+			if (pr.ok) setPresetOptions([{
+				value: "default",
+				label: copy.presetDefault(pr.defaultId)
+			}, ...(pr.presets ?? []).map((x) => ({
+				value: x.id,
+				label: x.name ?? x.id
+			}))]);
+		} catch {}
+	}, [get]);
+	(0, react.useEffect)(() => {
+		refreshAll();
+		const timer = setInterval(() => {
+			get("/jobs").then((j) => {
+				if (j.ok) setJobs(j.jobs ?? []);
+			}).catch(() => {});
+		}, 3e3);
+		return () => clearInterval(timer);
+	}, [refreshAll, get]);
+	const refreshHarnessModels = (0, react.useCallback)(async () => {
+		setModelCatalogBusy(true);
+		setModelCatalogError("");
+		try {
+			const result = await get("/models");
+			if (!result.ok) throw new Error(result.error ?? copy.catalogFailed);
+			setModelCatalog(result);
+		} catch (error) {
+			setModelCatalogError(error?.message ?? copy.catalogFailed);
+		} finally {
+			setModelCatalogBusy(false);
+		}
+	}, [get, copy]);
+	(0, react.useEffect)(() => {
+		refreshHarnessModels();
+	}, [refreshHarnessModels]);
+	const act = (0, react.useCallback)(async (target, confirmName) => {
+		if (confirmName && !window.confirm(copy.confirmRestore(confirmName))) return;
+		setBusy(true);
+		setNotice(copy.working);
+		try {
+			const r = await post("/install", { target });
+			if (r.ok === false) throw new Error(r.error);
+			setNotice((r.actions ?? []).join("；"));
+			const s = await get("/install/status");
+			if (s.ok) setStatus(s.status);
+		} catch (e) {
+			setNotice(String(e?.message ?? e));
+		} finally {
+			setBusy(false);
+		}
+	}, [
+		post,
+		get,
+		copy
+	]);
+	const applyPatch = (0, react.useCallback)((patch) => {
+		post("/config", patch).then((r) => {
+			if (r.ok) {
+				setConfig(r.config);
+				setNotice(copy.saved);
+				setTimeout(() => setNotice(""), 1500);
+			}
+		}).catch(() => {});
+	}, [post, copy]);
+	/** Selects & checkboxes: apply immediately. */
+	const field = (key, value) => {
+		setConfig((c) => ({
+			...c,
+			[key]: value
+		}));
+		applyPatch({ [key]: value });
+	};
+	/** Text/number inputs: track locally, apply on blur. */
+	const fieldLocal = (key, value) => setConfig((c) => ({
+		...c,
+		[key]: value
+	}));
+	const customProviders = config?.custom_providers ?? [];
+	const extraModels = config?.extra_models ?? {};
+	const RESERVED_IDS = [
+		"claude-code",
+		"codex",
+		"grok",
+		"agy",
+		"off",
+		"custom",
+		"default"
+	];
+	const provType = (p) => p.type ?? (p.vision_command || p.imagegen_command ? "cli" : "api");
+	const canSee = (p) => provType(p) === "cli" ? !!p.vision_command : !!p.base_url && (p.models?.length ?? 0) > 0;
+	const canDraw = (p) => provType(p) === "cli" ? !!p.imagegen_command : !!p.base_url && !!String(p.imagegen_model ?? "").trim();
+	const visionProviderOptions = [
+		{ value: "claude-code" },
+		{ value: "codex" },
+		{ value: "grok" },
+		{ value: "agy" },
+		...customProviders.filter(canSee).map((p) => ({
+			value: p.id,
+			label: p.name || p.id
+		})),
+		{ value: "off" }
+	];
+	const imagegenProviderOptions = [
+		{ value: "codex" },
+		{
+			value: "agy",
+			label: "agy (nano banana)"
+		},
+		{
+			value: "grok",
+			label: "grok (imagine)"
+		},
+		...customProviders.filter(canDraw).map((p) => ({
+			value: p.id,
+			label: p.name || p.id
+		})),
+		{ value: "off" }
+	];
+	const visionModelOptions = (() => {
+		if (!config) return [];
+		const p = config.vision_provider;
+		const custom = customProviders.find((c) => c.id === p);
+		const base = custom ? [{ value: "default" }, ...(custom.models ?? []).map((m) => ({ value: m }))] : dynModels[p] ?? (VISION_MODELS[p] ?? ["default"]).map((m) => ({ value: m }));
+		const extras = (extraModels[p] ?? []).filter((m) => !base.some((o) => o.value === m)).map((m) => ({ value: m }));
+		return [...base, ...extras];
+	})();
+	const commitModelAdd = () => {
+		const m = (modelAdd ?? "").trim();
+		setModelAdd(null);
+		if (m === "" || !config) return;
+		const p = config.vision_provider;
+		const cur = extraModels[p] ?? [];
+		const nextExtra = {
+			...extraModels,
+			[p]: cur.includes(m) ? cur : [...cur, m]
+		};
+		setConfig((c) => ({
+			...c,
+			extra_models: nextExtra,
+			vision_model: m
+		}));
+		applyPatch({
+			extra_models: nextExtra,
+			vision_model: m
+		});
+	};
+	const removeCurrentModel = () => {
+		if (!config) return;
+		const p = config.vision_provider;
+		const m = config.vision_model;
+		const nextExtra = {
+			...extraModels,
+			[p]: (extraModels[p] ?? []).filter((x) => x !== m)
+		};
+		const fallback = visionModelOptions.find((o) => o.value !== m)?.value ?? "default";
+		setConfig((c) => ({
+			...c,
+			extra_models: nextExtra,
+			vision_model: fallback
+		}));
+		applyPatch({
+			extra_models: nextExtra,
+			vision_model: fallback
+		});
+	};
+	const saveProviderForm = () => {
+		if (!provForm || !config) return;
+		const name = provForm.name.trim();
+		if (name === "") {
+			setNotice(copy.needName);
+			return;
+		}
+		const models = provForm.models.split(/[,，\n]+/).map((s) => s.trim()).filter(Boolean);
+		const vision_command = provForm.vision_command.trim();
+		const imagegen_command = provForm.imagegen_command.trim();
+		if (provForm.type === "cli") {
+			if (vision_command === "" && imagegen_command === "") {
+				setNotice(copy.needCmd);
+				return;
+			}
+		} else {
+			if (provForm.base_url.trim() === "") {
+				setNotice(copy.needBaseUrl);
+				return;
+			}
+			if (models.length === 0) {
+				setNotice(copy.needModels);
+				return;
+			}
+		}
+		let id = provForm.originalId;
+		if (!id) {
+			const base = name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "provider";
+			id = base;
+			let n = 2;
+			while (RESERVED_IDS.includes(id) || customProviders.some((p) => p.id === id)) id = `${base}-${n++}`;
+		}
+		const entry = provForm.type === "api" ? {
+			id,
+			name,
+			type: "api",
+			models,
+			base_url: provForm.base_url.trim(),
+			api_key: provForm.api_key,
+			imagegen_model: provForm.imagegen_model.trim()
+		} : {
+			id,
+			name,
+			type: "cli",
+			models,
+			vision_command,
+			imagegen_command
+		};
+		const next = provForm.originalId ? customProviders.map((p) => p.id === provForm.originalId ? entry : p) : [...customProviders, entry];
+		field("custom_providers", next);
+		setProvForm(null);
+	};
+	const runProviderTest = (key, entry) => {
+		setTestResult({
+			key,
+			busy: true
+		});
+		post("/provider-test", entry).then((r) => setTestResult(r.ok ? {
+			key,
+			busy: false,
+			ok: r.result.ok,
+			steps: r.result.steps
+		} : {
+			key,
+			busy: false,
+			ok: false,
+			error: r.error
+		})).catch((e) => setTestResult({
+			key,
+			busy: false,
+			ok: false,
+			error: String(e?.message ?? e)
+		}));
+	};
+	/** Shared renderer for a test outcome under the button that triggered it. */
+	const testReport = (key) => {
+		if (!testResult || testResult.key !== key) return null;
+		if (testResult.busy) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			style: {
+				fontSize: 11.5,
+				opacity: .6
+			},
+			children: copy.testing
+		});
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			style: {
+				fontSize: 11.5,
+				display: "flex",
+				flexDirection: "column",
+				gap: 2
+			},
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					style: { color: testResult.ok ? "#3fb950" : "#f85149" },
+					children: testResult.ok ? `✓ ${copy.testPass}` : `✗ ${copy.testFail}`
+				}),
+				testResult.error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					style: {
+						opacity: .7,
+						wordBreak: "break-all"
+					},
+					children: testResult.error
+				}),
+				(testResult.steps ?? []).map((st, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					style: {
+						opacity: .7,
+						wordBreak: "break-all"
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: { color: st.ok ? "#3fb950" : "#f85149" },
+							children: st.ok ? "✓" : "✗"
+						}),
+						" ",
+						st.name,
+						": ",
+						st.detail
+					]
+				}, i))
+			]
+		});
+	};
+	const deleteProvider = (id) => {
+		if (!config) return;
+		const patch = { custom_providers: customProviders.filter((p) => p.id !== id) };
+		if (config.vision_provider === id) {
+			patch.vision_provider = "claude-code";
+			patch.vision_model = "haiku";
+		}
+		if (config.imagegen_provider === id) patch.imagegen_provider = "codex";
+		setConfig((c) => ({
+			...c,
+			...patch
+		}));
+		applyPatch(patch);
+	};
+	/** Card: title + one-line description header, then its fields. */
+	const block = (text, fields, gridded = true) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		style: S.block,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			style: S.settingTitle,
+			children: text.t
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			style: S.settingDesc,
+			children: text.d
+		})] }), gridded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			style: S.blockGrid,
+			children: fields
+		}) : fields]
+	});
+	const integrationRow = (name, installed, extra, installTarget, uninstallTarget, tips) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		style: S.card,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				style: {
+					fontWeight: 600,
+					fontSize: 13,
+					minWidth: 92
+				},
+				children: name
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				style: S.chip(installed),
+				children: installed ? `● ${copy.installed}` : `○ ${copy.notInstalled}`
+			}),
+			extra,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: { flex: 1 } }),
+			!installed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				style: S.btn,
+				title: tips.install,
+				disabled: busy,
+				onClick: () => {
+					act(installTarget);
+				},
+				children: copy.install
+			}),
+			installed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				style: S.btn,
+				title: tips.update,
+				disabled: busy,
+				onClick: () => {
+					act(installTarget);
+				},
+				children: copy.update
+			}),
+			installed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				style: {
+					...S.btn,
+					opacity: .75
+				},
+				title: tips.restore,
+				disabled: busy,
+				onClick: () => {
+					act(uninstallTarget, name);
+				},
+				children: copy.restore
+			})
+		]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 8,
+			fontSize: 13,
+			lineHeight: 1.55
+		},
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					fontSize: 19,
+					fontWeight: 600,
+					marginBottom: -2
+				},
+				children: copy.title
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: { opacity: .75 },
+				children: copy.intro
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 7,
+					marginTop: 5
+				},
+				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)(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: [
+				(() => {
+					const clampNum = (v) => {
+						const n = Number(v);
+						if (Number.isNaN(n)) return 3;
+						return Math.max(1, Math.min(16, n));
+					};
+					const mode = config.collaboration_mode ?? "flash-only";
+					const nonCustom = mode !== "custom";
+					const states = nonCustom ? {
+						"flash-only": {
+							flash: "auto",
+							pro: "disabled"
+						},
+						"pro-only": {
+							flash: "disabled",
+							pro: "auto"
+						},
+						balanced: {
+							flash: "auto",
+							pro: "auto"
+						},
+						"review-pipeline": {
+							flash: "auto",
+							pro: "auto"
+						},
+						custom: null
+					}[mode] : null;
+					const effState = (tier) => states ? states[tier] : (tier === "flash" ? config.flash_state : config.pro_state) ?? "auto";
+					const roleOptions = [
+						"implementation",
+						"simple_fix",
+						"tests",
+						"search_inspection",
+						"architecture",
+						"complex_debugging",
+						"refactor",
+						"code_review"
+					];
+					const roleKeys = (tier) => {
+						const arr = tier === "flash" ? config.flash_roles ?? [] : config.pro_roles ?? [];
+						const set = new Set(arr);
+						return {
+							arr: roleOptions.filter((r) => set.has(r)),
+							set,
+							save: (list) => field(tier === "flash" ? "flash_roles" : "pro_roles", list)
+						};
+					};
+					const catalogProviders = modelCatalog?.providers ?? [];
+					const refKey = (ref) => `${ref?.provider ?? ""}\0${ref?.model ?? ""}`;
+					const priorityFor = (tier) => Array.isArray(config[`${tier}_model_priority`]) ? config[`${tier}_model_priority`] : [];
+					const savePriority = (tier, list) => {
+						const key = `${tier}_model_priority`;
+						setConfig((current) => ({
+							...current,
+							[key]: list,
+							[`${tier}_model_priority_configured`]: true
+						}));
+						applyPatch({ [key]: list });
+					};
+					const modelMeta = (ref) => {
+						const provider = catalogProviders.find((item) => item.id === ref.provider);
+						return {
+							provider,
+							model: provider?.models?.find((item) => item.id === ref.model)
+						};
+					};
+					const filteredProviders = catalogProviders.map((provider) => ({
+						...provider,
+						models: (provider.models ?? []).filter((model) => {
+							const query = modelQuery.trim().toLowerCase();
+							return !query || [
+								provider.id,
+								provider.name,
+								model.id,
+								model.name
+							].some((value) => String(value ?? "").toLowerCase().includes(query));
+						})
+					})).filter((provider) => provider.models.length > 0);
+					const modelPriorityPanel = (tier) => {
+						const priority = priorityFor(tier);
+						const selected = new Set(priority.map(refKey));
+						const preferredId = tier === "flash" ? "deepseek-v4-flash" : "deepseek-v4-pro";
+						const preferredProviders = catalogProviders.filter((provider) => (provider.models ?? []).some((model) => model.id === preferredId));
+						const ambiguousPreferred = priority.length === 0 && config[`${tier}_model_priority_configured`] !== true && preferredProviders.length > 1 && !preferredProviders.some((provider) => provider.id === modelCatalog?.harness_default?.provider);
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								gridColumn: "1 / -1",
+								borderTop: "1px solid rgba(128,128,128,0.18)",
+								paddingTop: 9
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										...S.fieldLabel,
+										marginBottom: 5
+									},
+									children: copy.modelPriority
+								}),
+								priority.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										fontSize: 12,
+										opacity: .55,
+										marginBottom: 6
+									},
+									children: copy.noPriority
+								}),
+								ambiguousPreferred && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										fontSize: 11.5,
+										color: "#c98735",
+										marginBottom: 6
+									},
+									children: copy.needsModelSelection
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										display: "flex",
+										flexDirection: "column",
+										gap: 5
+									},
+									children: priority.map((ref, index) => {
+										const meta = modelMeta(ref);
+										const warning = !meta.provider ? copy.providerUnavailable : !meta.model ? copy.notAdvertised : "";
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											style: {
+												display: "flex",
+												gap: 7,
+												alignItems: "center",
+												padding: "6px 8px",
+												border: "1px solid rgba(128,128,128,0.2)",
+												borderRadius: 6
+											},
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													style: {
+														opacity: .55,
+														width: 18
+													},
+													children: [index + 1, "."]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													style: {
+														flex: 1,
+														minWidth: 0
+													},
+													children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															style: {
+																display: "block",
+																fontSize: 12.5
+															},
+															children: meta.model?.name ?? ref.model
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+															style: {
+																display: "block",
+																fontSize: 10.5,
+																opacity: .58,
+																fontFamily: "monospace"
+															},
+															children: [
+																ref.provider,
+																" / ",
+																ref.model
+															]
+														}),
+														warning && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															style: {
+																display: "block",
+																fontSize: 10.5,
+																color: "#c98735"
+															},
+															children: warning
+														})
+													]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													style: {
+														...S.btn,
+														padding: "2px 7px"
+													},
+													title: copy.moveUp,
+													disabled: index === 0,
+													onClick: () => {
+														const next = [...priority];
+														[next[index - 1], next[index]] = [next[index], next[index - 1]];
+														savePriority(tier, next);
+													},
+													children: "↑"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													style: {
+														...S.btn,
+														padding: "2px 7px"
+													},
+													title: copy.moveDown,
+													disabled: index === priority.length - 1,
+													onClick: () => {
+														const next = [...priority];
+														[next[index], next[index + 1]] = [next[index + 1], next[index]];
+														savePriority(tier, next);
+													},
+													children: "↓"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													style: {
+														...S.btn,
+														padding: "2px 7px"
+													},
+													title: copy.removePriority,
+													onClick: () => savePriority(tier, priority.filter((_, itemIndex) => itemIndex !== index)),
+													children: "×"
+												})
+											]
+										}, refKey(ref));
+									})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										display: "flex",
+										gap: 8,
+										alignItems: "center",
+										marginTop: 7
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										style: S.btn,
+										disabled: !modelCatalog || modelCatalogBusy,
+										onClick: () => {
+											setModelPickerTier(modelPickerTier === tier ? null : tier);
+											setModelQuery("");
+										},
+										children: copy.addPriorityModel
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										style: {
+											fontSize: 11,
+											opacity: .58
+										},
+										children: [
+											copy.harnessDefault,
+											": ",
+											modelCatalog?.harness_default ? `${modelCatalog.harness_default.provider} / ${modelCatalog.harness_default.model}` : "—"
+										]
+									})]
+								}),
+								modelPickerTier === tier && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										marginTop: 8,
+										border: "1px solid rgba(128,128,128,0.22)",
+										borderRadius: 7,
+										padding: 8,
+										maxHeight: 260,
+										overflow: "auto"
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										autoFocus: true,
+										value: modelQuery,
+										placeholder: copy.modelSearch,
+										onChange: (event) => setModelQuery(event.target.value),
+										style: {
+											...S.input,
+											width: "100%",
+											boxSizing: "border-box",
+											marginBottom: 7
+										}
+									}), filteredProviders.map((provider) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										style: { marginBottom: 8 },
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											style: {
+												fontSize: 11.5,
+												fontWeight: 600,
+												marginBottom: 3
+											},
+											children: [
+												provider.name,
+												" ",
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													style: {
+														opacity: .5,
+														fontFamily: "monospace"
+													},
+													children: provider.id
+												})
+											]
+										}), (provider.models ?? []).map((model) => {
+											const ref = {
+												provider: provider.id,
+												model: model.id
+											};
+											const duplicate = selected.has(refKey(ref));
+											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												disabled: duplicate,
+												style: {
+													...S.btn,
+													display: "block",
+													width: "100%",
+													textAlign: "left",
+													marginBottom: 3,
+													opacity: duplicate ? .45 : 1
+												},
+												onClick: () => {
+													savePriority(tier, [...priority, ref]);
+													setModelPickerTier(null);
+												},
+												children: [
+													model.name,
+													" ",
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														style: {
+															opacity: .55,
+															fontFamily: "monospace"
+														},
+														children: model.id
+													})
+												]
+											}, model.id);
+										})]
+									}, provider.id))]
+								})
+							]
+						});
+					};
+					const tierCard = (tier, card) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: S.block,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								style: S.settingTitle,
+								children: card.t
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								style: S.settingDesc,
+								children: card.d
+							})] }),
+							/* @__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.tierState
+									}), nonCustom ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										style: {
+											fontSize: 12.5,
+											padding: "3px 8px",
+											borderRadius: 5,
+											border: "1px solid rgba(128,128,128,0.35)",
+											opacity: .8
+										},
+										children: [
+											effState(tier) === "auto" ? copy.tierStateDesc.auto : copy.tierStateDesc.disabled,
+											"（",
+											copy.stateManagedByPreset,
+											"）"
+										]
+									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
+										value: tier === "flash" ? config.flash_state ?? "auto" : config.pro_state ?? "auto",
+										onChange: (v) => field(tier === "flash" ? "flash_state" : "pro_state", v),
+										options: [
+											"disabled",
+											"manual",
+											"auto"
+										].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: tier === "flash" ? copy.presetFlash : copy.presetPro
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
+										value: tier === "flash" ? config.preset_flash ?? "default" : config.preset_pro ?? "default",
+										onChange: (v) => field(tier === "flash" ? "preset_flash" : "preset_pro", v),
+										options: presetOptions
+									})]
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									fontSize: 11,
+									opacity: .6,
+									marginTop: 2
+								},
+								children: [
+									copy.statePresetHint,
+									" ",
+									copy.responsibilitiesHint
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								style: {
+									display: "grid",
+									gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+									gap: "3px 14px"
+								},
+								children: roleOptions.map((r) => {
+									const k = roleKeys(tier);
+									const on = k.set.has(r);
+									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										style: {
+											display: "flex",
+											alignItems: "center",
+											gap: 6,
+											fontSize: 12
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											type: "checkbox",
+											checked: on,
+											onChange: () => {
+												k.save(on ? k.arr.filter((x) => x !== r) : [...k.arr, r]);
+											}
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: copy.roleLabels[r] })]
+									}, r);
+								})
+							}),
+							modelPriorityPanel(tier)
+						]
+					});
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						/* @__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" }]
+							})]
+						}),
+						/* @__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" }
+								]
+							})]
+						}),
+						/* @__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)(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.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", {
+								style: {
+									...S.input,
+									width: "100%",
+									boxSizing: "border-box"
+								},
+								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)(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,
+								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(() => {});
+								},
+								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.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
+							})]
+						})
+					] }))
+				}),
+				/* @__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
+							},
+							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]
+								}),
+								/* @__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", {
+											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.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
+										}),
+										/* @__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: {
+					fontSize: 11.5,
+					opacity: .55,
+					marginTop: 2
+				},
+				children: copy.globalHint
+			}),
+			notice !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					fontSize: 12,
+					opacity: .8,
+					whiteSpace: "pre-wrap"
+				},
+				children: notice
+			}),
+			/* @__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: {
+											...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", {
+											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: {
+											...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", {
+											style: {
+												whiteSpace: "nowrap",
+												overflow: "hidden",
+												textOverflow: "ellipsis",
+												lineHeight: 1.45,
+												fontSize: 12.5
+											},
+											children: job.task
+										})
+									})
+								] }, job.id);
+							}) })
+						]
+					})
+				})
+			}),
+			hoverTask && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					position: "fixed",
+					right: hoverTask.right,
+					zIndex: 9999,
+					...hoverTask.flip ? { top: hoverTask.top } : { bottom: hoverTask.bottom },
+					minWidth: 260,
+					maxWidth: 420,
+					maxHeight: 180,
+					overflowY: "auto",
+					padding: "8px 12px",
+					borderRadius: 8,
+					border: "1px solid rgba(128,128,128,0.35)",
+					background: "Canvas",
+					color: "CanvasText",
+					boxShadow: "0 8px 28px rgba(0,0,0,0.22)",
+					whiteSpace: "pre-wrap",
+					fontSize: 12,
+					lineHeight: 1.5
+				},
+				children: hoverTask.text
+			}), document.body)
+		]
+	});
+}
+function apply$1(ctx) {
+	let runningCount = 0;
+	ctx.slots.inject("settings.section", () => {
+		let dispose = register();
+		function register() {
+			return ctx.slots.register({
+				name: "settings.section",
+				id: "dsh-crew",
+				order: 65,
+				label: () => {
+					const base = COPY[ctx.locale.getLocale().active === "zh" ? "zh" : "en"].label;
+					if (runningCount <= 0) return base;
+					return `${base} ${[
+						"❶",
+						"❷",
+						"❸",
+						"❹",
+						"❺",
+						"❻",
+						"❼",
+						"❽",
+						"❾",
+						"❿"
+					][runningCount - 1] ?? `(${runningCount})`}`;
+				}
+			}, () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WorkersPanel, { ctx }));
+		}
+		const poll = async () => {
+			if (document.visibilityState !== "visible") return;
+			try {
+				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;
+					dispose();
+					dispose = register();
+				}
+			} catch {}
+		};
+		poll();
+		const timer = setInterval(() => {
+			poll();
+		}, 1e4);
+		return () => {
+			clearInterval(timer);
+			dispose();
+		};
+	});
+}
+//#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;
+
+return module.exports; } });