dsh-pstack 0.3.0-beta.1 → 0.3.1

package/dist/client.js

@@ -0,0 +1,4072 @@
+window.__ModuleLoader__.load({
+	id: "dsh-pstack",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let react_dom = require("react-dom");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		// src/role-manifest.ts
+		/**
+		* The pstack role manifest.
+		*
+		* Role keys are matched exactly after whitespace and comma normalization. Commas
+		* belong to some keys (`feature, refactoring`), so the key is never split on a
+		* comma. Role behavior comes from `pstack/skills/setup-pstack/SKILL.md`.
+		*/
+		/** Whether a role holds one route or a comma-separated list of routes. */
+		const ROLE_SHAPES = ["single", "list"];
+		/** Values that resolve to "send no route override and inherit the parent route". */
+		const INHERIT_ALIASES = ["inherit-parent", "auto"];
+		/** The 17 roles, in the order `setup-pstack` documents them. */
+		const ROLE_MANIFEST = [
+			{
+				key: "feature, refactoring",
+				shape: "single",
+				autoPanel: false
+			},
+			{
+				key: "bug-fix",
+				shape: "single",
+				autoPanel: false
+			},
+			{
+				key: "perf-issue",
+				shape: "single",
+				autoPanel: false
+			},
+			{
+				key: "hillclimb",
+				shape: "single",
+				autoPanel: false
+			},
+			{
+				key: "judgment and prose",
+				shape: "single",
+				autoPanel: false
+			},
+			{
+				key: "hardest tasks",
+				shape: "single",
+				autoPanel: false
+			},
+			{
+				key: "how explorer",
+				shape: "single",
+				autoPanel: false
+			},
+			{
+				key: "how explainer",
+				shape: "single",
+				autoPanel: false
+			},
+			{
+				key: "why investigators",
+				shape: "single",
+				autoPanel: false
+			},
+			{
+				key: "why synthesizer",
+				shape: "single",
+				autoPanel: false
+			},
+			{
+				key: "reflect tooling",
+				shape: "single",
+				autoPanel: false
+			},
+			{
+				key: "reflect judgment, divergent, synthesizer",
+				shape: "single",
+				autoPanel: false
+			},
+			{
+				key: "arena runners",
+				shape: "list",
+				autoPanel: true
+			},
+			{
+				key: "arena cross-judge pool",
+				shape: "list",
+				autoPanel: false
+			},
+			{
+				key: "swarm workers",
+				shape: "list",
+				autoPanel: false
+			},
+			{
+				key: "architect runners",
+				shape: "list",
+				autoPanel: true
+			},
+			{
+				key: "interrogate reviewers",
+				shape: "list",
+				autoPanel: true
+			}
+		];
+		/** Normalize spacing and comma formatting without splitting the key. */
+		function normalizeRoleName(raw) {
+			return raw.normalize("NFC").trim().toLowerCase().replace(/\s+/g, " ").replace(/\s*,\s*/g, ", ").replace(/:+$/, "").trim();
+		}
+		/** Look up one role by its exact normalized key. */
+		function findRole(raw) {
+			const key = normalizeRoleName(raw);
+			return ROLE_MANIFEST.find((role) => role.key === key);
+		}
+		/** Whether a string is one of the manifest keys. */
+		function isRoleKey(raw) {
+			return findRole(raw) !== void 0;
+		}
+		// src/route.ts
+		/** Validate route parts shared by the text and wire parsers. */
+		function validateRouteParts(provider, model, effort) {
+			if (provider === "" || model === "" || /\s/.test(provider) || /\s/.test(model)) return "is not a route; provider and model cannot contain spaces";
+			if (effort !== void 0 && effort === "") return "has empty brackets; drop them or name an effort";
+			if (effort !== void 0 && /\s/.test(effort)) return "has a multi-word effort; an effort is one token";
+		}
+		/** Render one role value in the file grammar. */
+		function renderRouteValue(routes) {
+			return routes.map((route) => route.kind === "inherit" ? route.alias : route.effort === void 0 ? `${route.provider}/${route.model}` : `${route.provider}/${route.model} [${route.effort}]`).join(", ");
+		}
+		// src/wire-error.ts
+		/** Error raised when a wire value fails its strict decoder. */
+		var WireTypeError = class extends TypeError {
+			constructor(path, expected) {
+				super(`${path}: expected ${expected}`);
+				this.name = "WireTypeError";
+			}
+		};
+		// src/budget.ts
+		const BUDGET_TIERS = [
+			"unlimited",
+			"large",
+			"medium",
+			"small"
+		];
+		const BUDGET_TARGETS = {
+			unlimited: "max",
+			large: "xhigh",
+			medium: "high",
+			small: "medium"
+		};
+		const EFFORT_LADDER = [
+			"off",
+			"low",
+			"medium",
+			"high",
+			"xhigh",
+			"max"
+		];
+		var BudgetPlanError = class extends Error {
+			code;
+			detail;
+			constructor(code, detail) {
+				super(detail === void 0 ? code : `${code}: ${detail}`);
+				this.code = code;
+				this.detail = detail;
+				this.name = "BudgetPlanError";
+			}
+		};
+		/** Read a tier from the existing `# budget: <tier> (<target>)` line. */
+		function budgetTierFromLabel(raw) {
+			if (raw === void 0) return void 0;
+			return /^\s*(unlimited|large|medium|small)\b/i.exec(raw)?.[1]?.toLowerCase();
+		}
+		/** Render the persisted budget value that follows `# budget:`. */
+		function budgetValueFor(tier) {
+			return `${tier} (${BUDGET_TARGETS[tier]})`;
+		}
+		function budgetLineFor(tier) {
+			return `# budget: ${budgetValueFor(tier)}`;
+		}
+		/** Parse and validate a budget apply request at the wire boundary. */
+		function parseBudgetApplyRequest(value) {
+			if (typeof value !== "object" || value === null || Array.isArray(value)) throw new WireTypeError("request", "an object");
+			const record = value;
+			if (typeof record["tier"] !== "string" || !BUDGET_TIERS.includes(record["tier"])) throw new WireTypeError("request.tier", `one of ${BUDGET_TIERS.join(", ")}`);
+			if (record["scope"] !== "concrete" && record["scope"] !== "unconfigured") throw new WireTypeError("request.scope", "\"concrete\" or \"unconfigured\"");
+			const rawModel = record["defaultModel"];
+			let defaultModel;
+			if (rawModel !== void 0) {
+				if (typeof rawModel !== "object" || rawModel === null || Array.isArray(rawModel)) throw new WireTypeError("request.defaultModel", "an object when present");
+				const model = rawModel;
+				if (typeof model["provider"] !== "string" || model["provider"].trim() === "") throw new WireTypeError("request.defaultModel.provider", "a non-empty string");
+				if (typeof model["model"] !== "string" || model["model"].trim() === "") throw new WireTypeError("request.defaultModel.model", "a non-empty string");
+				defaultModel = {
+					provider: model["provider"].trim(),
+					model: model["model"].trim()
+				};
+			}
+			if (record["scope"] === "unconfigured" && defaultModel === void 0) throw new WireTypeError("request.defaultModel", "required for the unconfigured scope");
+			return {
+				tier: record["tier"],
+				scope: record["scope"],
+				...defaultModel === void 0 ? {} : { defaultModel }
+			};
+		}
+		/** Whether a plan row must be fixed before a budget can be applied. */
+		function isBudgetRowBlocked(row) {
+			return row.status === "needs-choice" || row.detail?.kind === "missing-model";
+		}
+		/** Plan every role change without touching the filesystem. */
+		function planBudget(roles, catalogue, request) {
+			const defaultModel = request.scope === "unconfigured" ? resolveDefaultModel(catalogue, request.defaultModel) : void 0;
+			const warnings = [];
+			const rows = roles.map((role) => planRole(role, request, defaultModel, catalogue, warnings));
+			return {
+				tier: request.tier,
+				scope: request.scope,
+				budgetLine: budgetLineFor(request.tier),
+				rows,
+				warnings
+			};
+		}
+		function planRole(role, request, defaultModel, catalogue, warnings) {
+			const previous = role.routes;
+			if (role.hasIssues === true) return {
+				key: role.key,
+				status: "skipped",
+				previous,
+				routes: previous
+			};
+			if (!role.configured) {
+				if (request.scope !== "unconfigured" || defaultModel === void 0) return {
+					key: role.key,
+					status: "skipped",
+					previous,
+					routes: previous
+				};
+				const effort = effortFor(defaultModel, request.tier);
+				if (role.autoPanel) warnings.push({
+					kind: "auto-panel",
+					role: role.key
+				});
+				return {
+					key: role.key,
+					status: statusForNew(effort),
+					previous,
+					routes: [routeFor(defaultModel, effort.effort)],
+					...effort.detail === void 0 ? {} : { detail: effort.detail }
+				};
+			}
+			if (request.scope !== "concrete") return {
+				key: role.key,
+				status: "skipped",
+				previous,
+				routes: previous
+			};
+			if (previous.every((route) => route.kind === "inherit")) return {
+				key: role.key,
+				status: "skipped",
+				previous,
+				routes: previous
+			};
+			let aggregate = "unchanged";
+			let detail;
+			const routes = previous.map((route) => {
+				if (route.kind === "inherit") return route;
+				const model = findCatalogueModel(catalogue, route.provider, route.model);
+				if (model === void 0) {
+					aggregate = mergeStatus(aggregate, "custom");
+					detail = preferDetail(detail, {
+						kind: "missing-model",
+						provider: route.provider,
+						model: route.model
+					});
+					return route;
+				}
+				const effort = effortFor(model, request.tier);
+				aggregate = mergeStatus(aggregate, statusForExisting(effort, route));
+				detail = preferDetail(detail, effort.detail);
+				if (effort.effort === void 0) return route;
+				return {
+					...route,
+					effort: effort.effort
+				};
+			});
+			return {
+				key: role.key,
+				status: aggregate,
+				previous,
+				routes,
+				...detail === void 0 ? {} : { detail }
+			};
+		}
+		function statusForNew(effort) {
+			if (effort.status === "exact") return "changed";
+			if (effort.status === "fallback") return "fallback";
+			return effort.status;
+		}
+		function statusForExisting(effort, route) {
+			if (effort.status === "exact" && route.effort === effort.effort) return "unchanged";
+			if (effort.status === "exact") return "changed";
+			if (effort.status === "fallback") return "fallback";
+			return effort.status;
+		}
+		function mergeStatus(left, right) {
+			const order = {
+				unchanged: 0,
+				changed: 1,
+				fallback: 2,
+				unsupported: 3,
+				custom: 4,
+				"needs-choice": 5,
+				skipped: 6
+			};
+			return order[right] > order[left] ? right : left;
+		}
+		function preferDetail(current, next) {
+			if (next === void 0) return current;
+			if (current === void 0) return next;
+			const order = {
+				fallback: 0,
+				custom: 1,
+				unsupported: 2,
+				"needs-choice": 3,
+				"missing-model": 4
+			};
+			return order[next.kind] > order[current.kind] ? next : current;
+		}
+		function effortFor(model, tier) {
+			if (model.efforts.length === 0) return {
+				status: "unsupported",
+				detail: { kind: "unsupported" }
+			};
+			const target = BUDGET_TARGETS[tier];
+			if (model.efforts.includes(target)) return {
+				status: "exact",
+				effort: target
+			};
+			const targetIndex = EFFORT_LADDER.indexOf(target);
+			const known = model.efforts.map((effort) => ({
+				effort,
+				index: EFFORT_LADDER.indexOf(effort)
+			})).filter((entry) => entry.index >= 0);
+			if (known.length === 0) return {
+				status: "custom",
+				detail: { kind: "custom" }
+			};
+			const lower = known.filter((entry) => entry.index <= targetIndex).sort((left, right) => right.index - left.index);
+			if (lower[0] !== void 0) return {
+				status: "fallback",
+				effort: lower[0].effort,
+				detail: {
+					kind: "fallback",
+					effort: lower[0].effort
+				}
+			};
+			return {
+				status: "needs-choice",
+				detail: { kind: "needs-choice" }
+			};
+		}
+		function resolveDefaultModel(catalogue, choice) {
+			if (choice === void 0) throw new BudgetPlanError("no-default-model");
+			const provider = catalogue.providers.find((entry) => entry.provider === choice.provider);
+			if (provider === void 0) throw new BudgetPlanError("provider-not-found", choice.provider);
+			if (provider.error !== void 0) throw new BudgetPlanError("provider-discovery", choice.provider);
+			const model = provider.models.find((entry) => entry.id === choice.model);
+			if (model === void 0) throw new BudgetPlanError("model-not-found", `${choice.provider}/${choice.model}`);
+			if (model.error !== void 0) throw new BudgetPlanError("model-discovery", `${choice.provider}/${choice.model}`);
+			return model;
+		}
+		function findCatalogueModel(catalogue, providerId, modelId) {
+			const provider = catalogue.providers.find((entry) => entry.provider === providerId);
+			if (provider === void 0 || provider.error !== void 0) return void 0;
+			const model = provider.models.find((entry) => entry.id === modelId);
+			if (model === void 0 || model.error !== void 0) return void 0;
+			return model;
+		}
+		function routeFor(model, effort) {
+			return {
+				kind: "route",
+				provider: splitRoute(model.route).provider,
+				model: model.id,
+				...effort === void 0 ? {} : { effort }
+			};
+		}
+		function splitRoute(route) {
+			const slash = route.indexOf("/");
+			if (slash <= 0) throw new Error(`invalid model route "${route}"`);
+			return {
+				provider: route.slice(0, slash),
+				model: route.slice(slash + 1)
+			};
+		}
+		// src/catalogue.ts
+		function parseRecord$1(value, path) {
+			if (typeof value !== "object" || value === null || Array.isArray(value)) throw new WireTypeError(path, "an object");
+			return value;
+		}
+		function optionalString$1(record, key, path) {
+			const value = record[key];
+			if (value !== void 0 && typeof value !== "string") throw new WireTypeError(`${path}.${key}`, "a string when present");
+			return value;
+		}
+		function optionalInteger(record, key, path) {
+			const value = record[key];
+			if (value !== void 0 && !Number.isSafeInteger(value)) throw new WireTypeError(`${path}.${key}`, "an integer when present");
+			return value;
+		}
+		/** Parse the live model catalogue returned by the Host. */
+		function parseCatalogueResult(value) {
+			const record = parseRecord$1(value, "catalogue");
+			if (!Array.isArray(record["providers"])) throw new WireTypeError("catalogue.providers", "an array");
+			if (typeof record["truncated"] !== "boolean") throw new WireTypeError("catalogue.truncated", "a boolean");
+			const providerFilter = optionalString$1(record, "providerFilter", "catalogue");
+			return {
+				providers: record["providers"].map((provider, index) => {
+					const path = `catalogue.providers[${index}]`;
+					const entry = parseRecord$1(provider, path);
+					if (typeof entry["provider"] !== "string" || typeof entry["name"] !== "string") throw new WireTypeError(path, "provider and name strings");
+					if (!Array.isArray(entry["models"])) throw new WireTypeError(`${path}.models`, "an array");
+					const providerError = optionalString$1(entry, "error", path);
+					return {
+						provider: entry["provider"],
+						name: entry["name"],
+						...providerError === void 0 ? {} : { error: providerError },
+						models: entry["models"].map((model, modelIndex) => {
+							const modelPath = `${path}.models[${modelIndex}]`;
+							const item = parseRecord$1(model, modelPath);
+							if (typeof item["route"] !== "string" || typeof item["id"] !== "string" || typeof item["name"] !== "string") throw new WireTypeError(modelPath, "route, id, and name strings");
+							const efforts = item["efforts"];
+							if (!Array.isArray(efforts) || efforts.some((effort) => typeof effort !== "string")) throw new WireTypeError(`${modelPath}.efforts`, "an array of strings");
+							const description = optionalString$1(item, "description", modelPath);
+							const contextWindow = optionalInteger(item, "contextWindow", modelPath);
+							const maxTokens = optionalInteger(item, "maxTokens", modelPath);
+							const defaultEffort = optionalString$1(item, "defaultEffort", modelPath);
+							const modelError = optionalString$1(item, "error", modelPath);
+							return {
+								route: item["route"],
+								id: item["id"],
+								name: item["name"],
+								...description === void 0 ? {} : { description },
+								...contextWindow === void 0 ? {} : { contextWindow },
+								...maxTokens === void 0 ? {} : { maxTokens },
+								efforts,
+								...defaultEffort === void 0 ? {} : { defaultEffort },
+								...modelError === void 0 ? {} : { error: modelError }
+							};
+						})
+					};
+				}),
+				truncated: record["truncated"],
+				...typeof providerFilter === "string" ? { providerFilter } : {}
+			};
+		}
+		// src/role-wire.ts
+		/** Wire shapes shared by the role settings Host service and Client page. */
+		function parseRecord(value, path) {
+			if (typeof value !== "object" || value === null || Array.isArray(value)) throw new WireTypeError(path, "an object");
+			return value;
+		}
+		function optionalString(record, key, path) {
+			const value = record[key];
+			if (value !== void 0 && typeof value !== "string") throw new WireTypeError(`${path}.${key}`, "a string when present");
+			return value;
+		}
+		function parseRouteView(value, path) {
+			const record = parseRecord(value, path);
+			if (record["kind"] === "inherit") {
+				const alias = record["alias"] ?? "inherit-parent";
+				if (typeof alias !== "string" || !INHERIT_ALIASES.includes(alias)) throw new WireTypeError(`${path}.alias`, "\"inherit-parent\" or \"auto\"");
+				return {
+					kind: "inherit",
+					alias
+				};
+			}
+			if (record["kind"] !== "route") throw new WireTypeError(`${path}.kind`, "\"route\" or \"inherit\"");
+			const provider = record["provider"];
+			const model = record["model"];
+			const effort = record["effort"];
+			if (typeof provider !== "string" || provider.trim() === "") throw new WireTypeError(`${path}.provider`, "a non-empty string");
+			if (typeof model !== "string" || model.trim() === "") throw new WireTypeError(`${path}.model`, "a non-empty string");
+			if (effort !== void 0 && (typeof effort !== "string" || effort.trim() === "")) throw new WireTypeError(`${path}.effort`, "a non-empty string when present");
+			const providerValue = provider.trim();
+			const modelValue = model.trim();
+			const effortValue = typeof effort === "string" ? effort.trim() : void 0;
+			const issue = validateRouteParts(providerValue, modelValue, effortValue);
+			if (issue !== void 0) throw new WireTypeError(path, issue);
+			return {
+				kind: "route",
+				provider: providerValue,
+				model: modelValue,
+				...effortValue === void 0 ? {} : { effort: effortValue }
+			};
+		}
+		/** Parse one save request. An empty route list removes the role line. */
+		function parseSaveRoleRequest(value) {
+			const record = parseRecord(value, "request");
+			if (typeof record["key"] !== "string" || record["key"].trim() === "") throw new WireTypeError("request.key", "a non-empty string");
+			if (!Array.isArray(record["routes"])) throw new WireTypeError("request.routes", "an array");
+			return {
+				key: record["key"],
+				routes: record["routes"].map((route, index) => parseRouteView(route, `request.routes[${index}]`))
+			};
+		}
+		function parseRoleFileIssue(value, path) {
+			const record = parseRecord(value, path);
+			if (typeof record["message"] !== "string") throw new WireTypeError(`${path}.message`, "a string");
+			const line = record["line"];
+			if (line !== void 0 && typeof line !== "number") throw new WireTypeError(`${path}.line`, "a number when present");
+			return {
+				...typeof line === "number" ? { line } : {},
+				message: record["message"]
+			};
+		}
+		function parseRoleView(value, index) {
+			const path = `snapshot.roles[${index}]`;
+			const record = parseRecord(value, path);
+			if (typeof record["key"] !== "string" || !isRoleKey(record["key"])) throw new WireTypeError(`${path}.key`, "a role in the manifest");
+			if (typeof record["shape"] !== "string" || !ROLE_SHAPES.includes(record["shape"])) throw new WireTypeError(`${path}.shape`, "\"single\" or \"list\"");
+			if (typeof record["configured"] !== "boolean") throw new WireTypeError(`${path}.configured`, "a boolean");
+			if (!Array.isArray(record["routes"]) || !Array.isArray(record["issues"])) throw new WireTypeError(path, "routes and issues arrays");
+			const line = record["line"];
+			if (line !== void 0 && typeof line !== "number") throw new WireTypeError(`${path}.line`, "a number when present");
+			return {
+				key: record["key"],
+				shape: record["shape"],
+				configured: record["configured"],
+				...typeof line === "number" ? { line } : {},
+				routes: record["routes"].map((route, routeIndex) => parseRouteView(route, `${path}.routes[${routeIndex}]`)),
+				issues: record["issues"].map((issue, issueIndex) => {
+					if (typeof issue !== "string") throw new WireTypeError(`${path}.issues[${issueIndex}]`, "a string");
+					return issue;
+				})
+			};
+		}
+		/** Parse one role-file snapshot returned by the Host. */
+		function parseRoleFileSnapshot(value) {
+			const record = parseRecord(value, "snapshot");
+			const status = record["status"];
+			if (status !== "missing" && status !== "loaded" && status !== "unreadable") throw new WireTypeError("snapshot.status", "\"missing\", \"loaded\", or \"unreadable\"");
+			if (typeof record["path"] !== "string") throw new WireTypeError("snapshot.path", "a string");
+			if (typeof record["canSave"] !== "boolean") throw new WireTypeError("snapshot.canSave", "a boolean");
+			if (!Array.isArray(record["roles"]) || !Array.isArray(record["issues"])) throw new WireTypeError("snapshot", "roles and issues arrays");
+			const reason = optionalString(record, "reason", "snapshot");
+			const budget = optionalString(record, "budget", "snapshot");
+			return {
+				path: record["path"],
+				status,
+				...typeof reason === "string" ? { reason } : {},
+				...typeof budget === "string" ? { budget } : {},
+				roles: record["roles"].map((role, index) => parseRoleView(role, index)),
+				issues: record["issues"].map((issue, index) => parseRoleFileIssue(issue, `snapshot.issues[${index}]`)),
+				canSave: record["canSave"]
+			};
+		}
+		function parseSnapshotResult(value) {
+			const record = parseRecord(value, "result");
+			if (record["ok"] === true) return {
+				ok: true,
+				snapshot: parseRoleFileSnapshot(record["snapshot"])
+			};
+			if (record["ok"] === false && typeof record["reason"] === "string") return {
+				ok: false,
+				reason: record["reason"]
+			};
+			throw new WireTypeError("result", "a successful snapshot or a refusal reason");
+		}
+		/** Parse one role-save result returned by the Host. */
+		function parseSaveRoleResult(value) {
+			return parseSnapshotResult(value);
+		}
+		/** Parse one budget-apply result returned by the Host. */
+		function parseBudgetApplyResult(value) {
+			return parseSnapshotResult(value);
+		}
+		// src/role-remote.ts
+		/** npm package owning these methods. */
+		const REMOTE_PACKAGE = "dsh-pstack";
+		/** Cordis service key and wire namespace. */
+		const ROLES_SERVICE = "pstackRoles";
+		function codec(typeSymbol, parse) {
+			return {
+				mode: "strict",
+				typeSymbol,
+				create: () => ({ parse }),
+				decode: parse
+			};
+		}
+		function parameter(name, typeSymbol, parse) {
+			return {
+				name,
+				wire: name,
+				source: "json",
+				codec: codec(typeSymbol, parse)
+			};
+		}
+		function directMethod(options) {
+			return {
+				id: `${REMOTE_PACKAGE}#${ROLES_SERVICE}/${options.method}`,
+				service: ROLES_SERVICE,
+				namespace: ROLES_SERVICE,
+				method: options.method,
+				invocation: { kind: "direct" },
+				parameters: options.parameters,
+				result: options.result,
+				...options.cancellation === true ? { cancellation: { parameter: "signal" } } : {},
+				input() {
+					return { create: () => ({ parse(value) {
+						if (typeof value !== "object" || value === null || Array.isArray(value)) throw new TypeError("the method input must be an object");
+						const record = value;
+						const parsed = {};
+						for (const item of options.parameters) {
+							if (item.codec.mode !== "strict") throw new TypeError("expected a strict codec");
+							parsed[item.wire] = item.codec.create().parse(record[item.wire]);
+						}
+						return parsed;
+					} }) };
+				},
+				invoke(remote, input, signal) {
+					const namespace = Reflect.get(remote, ROLES_SERVICE);
+					const values = options.parameters.map((item) => input[item.wire]);
+					if (options.cancellation === true) values.push(signal);
+					return namespace[options.method](...values);
+				}
+			};
+		}
+		const statusMethod = directMethod({
+			method: "status",
+			parameters: [],
+			result: codec("PstackRoleFileSnapshot", parseRoleFileSnapshot)
+		});
+		const catalogueMethod = directMethod({
+			method: "catalogue",
+			parameters: [],
+			result: codec("PstackRoleCatalogue", parseCatalogueResult),
+			cancellation: true
+		});
+		const saveMethod = directMethod({
+			method: "save",
+			parameters: [parameter("request", "PstackSaveRoleRequest", parseSaveRoleRequest)],
+			result: codec("PstackSaveRoleResult", parseSaveRoleResult),
+			cancellation: true
+		});
+		const budgetMethod = directMethod({
+			method: "budget",
+			parameters: [parameter("request", "PstackBudgetApplyRequest", parseBudgetApplyRequest)],
+			result: codec("PstackBudgetApplyResult", parseBudgetApplyResult),
+			cancellation: true
+		});
+		/** Mountable contribution shared by Host registration and Client `$mount`. */
+		const pstackRolesRemote = {
+			package: REMOTE_PACKAGE,
+			descriptors: [
+				statusMethod,
+				catalogueMethod,
+				saveMethod,
+				budgetMethod
+			],
+			methods: {
+				[`${ROLES_SERVICE}/status`]: statusMethod,
+				[`${ROLES_SERVICE}/catalogue`]: catalogueMethod,
+				[`${ROLES_SERVICE}/save`]: saveMethod,
+				[`${ROLES_SERVICE}/budget`]: budgetMethod
+			}
+		};
+		pstackRolesRemote.descriptors;
+		// src/client/icons.tsx
+		function icon(paths) {
+			return function PstackIcon({ size = 16, ...rest }) {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+					width: size,
+					height: size,
+					viewBox: "0 0 16 16",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: 1.5,
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					"aria-hidden": "true",
+					focusable: "false",
+					...rest,
+					children: paths
+				});
+			};
+		}
+		const IconSettings = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M6.8 1.8h2.4l.5 1.6 1.4.8 1.6-.5 1.2 2.1-1.2 1.2v1.6l1.2 1.2-1.2 2.1-1.6-.5-1.4.8-.5 1.6H6.8l-.5-1.6-1.4-.8-1.6.5-1.2-2.1 1.2-1.2V6.9L2.1 5.7l1.2-2.1 1.6.5 1.4-.8z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			cx: "8",
+			cy: "8",
+			r: "1.9"
+		})] }));
+		const IconClose = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4 4l8 8M12 4l-8 8" }));
+		const IconRefresh = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M13 8a5 5 0 1 1-1.5-3.6" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M13 2.8v3.1H9.9" })] }));
+		const IconCheck = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2.8 8.4l3.4 3.4 7-7.4" }));
+		const IconCheckCircle = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M5.2 8.2l1.9 1.9 3.8-4" })] }));
+		const IconPlus = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 3.2v9.6M3.2 8h9.6" }));
+		const IconTrash = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2.8 4.2h10.4M6.4 4.2V2.8h3.2v1.4M4.2 4.2l.6 9h6.4l.6-9" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M6.7 6.8v3.8M9.3 6.8v3.8" })] }));
+		const IconRoute = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+				cx: "3.4",
+				cy: "3.4",
+				r: "1.7"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+				cx: "12.6",
+				cy: "12.6",
+				r: "1.7"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3.4 5.1v3.3a2.2 2.2 0 0 0 2.2 2.2h3.6a2.2 2.2 0 0 1 2.2 2.2" })
+		] }));
+		const IconSearch = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			cx: "7",
+			cy: "7",
+			r: "4.4"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10.2 10.2L14 14" })] }));
+		const IconTerminal = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+			x: "1.8",
+			y: "2.8",
+			width: "12.4",
+			height: "10.4",
+			rx: "1.8"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4.4 6.2l2.1 1.8-2.1 1.8M8.4 10.2h3.2" })] }));
+		const IconGitBranch = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+				cx: "4",
+				cy: "3.4",
+				r: "1.6"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+				cx: "4",
+				cy: "12.6",
+				r: "1.6"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+				cx: "12",
+				cy: "5.6",
+				r: "1.6"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4 5v6M5.6 5.6h3.2a3.2 3.2 0 0 1 3.2 3.2v1.6" })
+		] }));
+		const IconRepeat = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 6.2A3.2 3.2 0 0 1 6.2 3H13" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10.8 1.6L13.2 3l-2.4 1.4" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M13 9.8A3.2 3.2 0 0 1 9.8 13H3" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M5.2 14.4L2.8 13l2.4-1.4" })
+		] }));
+		const IconInfo = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 7.2v4M8 4.9v.2" })] }));
+		const IconAlert = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 2.2L14 13H2z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 6.2v3M8 11.4v.2" })] }));
+		const IconSave = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 2.8h8.2L13.2 5v8.2H2.8V2.8z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M5 2.8v3.6h5.2V2.8M5.2 13.2V9.4h5.6v3.8" })] }));
+		const IconUndo = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 8a5 5 0 1 0 1.5-3.6" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 2.8v3.1h3.1" })] }));
+		const IconBrowser = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+				x: "1.8",
+				y: "2.8",
+				width: "12.4",
+				height: "10.4",
+				rx: "1.8"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M1.8 6h12.4" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+				cx: "8",
+				cy: "9.6",
+				r: "2.1"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M5.9 9.6h4.2M8 7.5v4.2" })
+		] }));
+		const IconMonitor = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+			x: "1.8",
+			y: "2.8",
+			width: "12.4",
+			height: "8.4",
+			rx: "1.6"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M5.2 14h5.6M8 11.2V14" })] }));
+		const IconPlug = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M6 2.8v3M10 2.8v3" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4.4 5.8h7.2v2.4a3.6 3.6 0 0 1-3.6 3.6 3.6 3.6 0 0 1-3.6-3.6z" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 11.8v1.6" })
+		] }));
+		const IconUsers = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+				cx: "6",
+				cy: "5.2",
+				r: "2"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2.4 13v-1.1a3.6 3.6 0 0 1 3.6-3.6h0a3.6 3.6 0 0 1 3.6 3.6V13" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10.4 3.5a2 2 0 0 1 0 3.7M11.4 8.6a3.2 3.2 0 0 1 2.2 3V13" })
+		] }));
+		const IconEraser = icon(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3.1 10.6l5.2-5.2a1.7 1.7 0 0 1 2.4 0l1 1a1.7 1.7 0 0 1 0 2.4l-4.4 4.4H5.1z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M6.6 6.1l3.3 3.3M3.1 10.6h6.3" })] }));
+		// src/client/focus-trap.ts
+		/** Shared modal focus trap and Escape handling for the pstack dialogs. */
+		/** Selector for the elements a modal may focus with Tab. */
+		const FOCUSABLE_SELECTOR = [
+			"button:not([disabled])",
+			"[href]",
+			"input:not([disabled])",
+			"select:not([disabled])",
+			"textarea:not([disabled])",
+			"[tabindex]:not([tabindex=\"-1\"])"
+		].join(",");
+		/** Trap Tab focus inside `ref`, and handle Escape through `onEscape`, while `active`. */
+		function useFocusTrap(ref, onEscape, active, options = {}) {
+			const { suspended, lockScroll, stopEscapePropagation, skipHidden, capture } = options;
+			(0, react.useEffect)(() => {
+				if (!active) return;
+				const onKeyDown = (event) => {
+					if (event.key === "Escape") {
+						event.preventDefault();
+						if (stopEscapePropagation === true) event.stopPropagation();
+						onEscape();
+						return;
+					}
+					if (event.key !== "Tab") return;
+					if (suspended?.() === true) return;
+					const panel = ref.current;
+					if (panel === null) return;
+					const candidates = Array.from(panel.querySelectorAll(FOCUSABLE_SELECTOR));
+					const focusables = skipHidden === true ? candidates.filter((element) => element.closest("[hidden]") === null) : candidates;
+					if (focusables.length === 0) {
+						event.preventDefault();
+						panel.focus();
+						return;
+					}
+					const first = focusables[0];
+					const last = focusables[focusables.length - 1];
+					const current = document.activeElement;
+					const outside = current === null || !panel.contains(current);
+					if (event.shiftKey) {
+						if (current === first || outside) {
+							event.preventDefault();
+							last.focus();
+						}
+						return;
+					}
+					if (current === last || outside) {
+						event.preventDefault();
+						first.focus();
+					}
+				};
+				const previousOverflow = document.body.style.overflow;
+				if (lockScroll === true) document.body.style.overflow = "hidden";
+				document.addEventListener("keydown", onKeyDown, capture === true);
+				return () => {
+					if (lockScroll === true) document.body.style.overflow = previousOverflow;
+					document.removeEventListener("keydown", onKeyDown, capture === true);
+				};
+			}, [
+				ref,
+				active,
+				onEscape,
+				suspended,
+				lockScroll,
+				stopEscapePropagation,
+				skipHidden,
+				capture
+			]);
+		}
+		// src/client/styles.ts
+		/** Stylesheet for the pstack client dialog and its pages. */
+		const CSS = `
+.pstack-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.pstack-mask {
+  position: absolute;
+  inset: var(--dsh-frame-chrome-top, 0px) 0 0;
+  border: 0;
+  background: var(--dsw-alias-bg-mask-1);
+  backdrop-filter: var(--dsw-mask-blur);
+  cursor: default;
+}
+.pstack-panel {
+  position: relative;
+  z-index: 1;
+  display: grid;
+  grid-template-rows: auto auto minmax(0, 1fr);
+  width: 800px;
+  max-width: calc(100vw - 48px);
+  height: min(800px, calc(100vh - 2 * max(24px, var(--dsh-frame-overlay-top, 24px))));
+  border-radius: var(--dsw-radius-panel);
+  overflow: hidden;
+  background: var(--dsw-alias-bg-layer-2);
+  color: var(--dsw-alias-label-primary);
+  box-shadow: var(--dsw-elevation-prominent);
+}
+.pstack-panel:focus {
+  outline: none;
+}
+.pstack-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 22px 16px 8px 24px;
+}
+.pstack-title {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 24px;
+}
+.pstack-tabs-row {
+  padding: 6px 24px 0;
+}
+.pstack-segmented {
+  position: relative;
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-columns: 1fr;
+  gap: 2px;
+  padding: 4px;
+  border-radius: var(--dsw-radius-md);
+  background: var(--dsw-alias-interactive-bg-hover);
+}
+.pstack-segmented-indicator {
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  width: calc(
+    (100% - 8px - 2px * (var(--pstack-segment-count) - 1)) / var(--pstack-segment-count)
+  );
+  height: calc(100% - 8px);
+  border-radius: var(--dsw-radius-sm);
+  background: var(--dsw-alias-bg-layer-1);
+  box-shadow: var(--dsw-elevation-soft);
+  transform: translate(calc(var(--pstack-segment-index) * (100% + 2px)));
+  transition: transform 0.16s ease;
+  pointer-events: none;
+}
+.pstack-segment {
+  position: relative;
+  z-index: 1;
+  box-sizing: border-box;
+  height: 30px;
+  padding: 0 16px;
+  border: 0;
+  border-radius: var(--dsw-radius-sm);
+  background: transparent;
+  color: var(--dsw-alias-label-secondary);
+  font: inherit;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 20px;
+  white-space: nowrap;
+  cursor: pointer;
+  transition: color 0.12s ease;
+}
+.pstack-segment[aria-selected="true"] {
+  color: var(--dsw-alias-label-primary);
+  text-decoration: underline;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 6px;
+}
+.pstack-segment:hover:not(:disabled) {
+  color: var(--dsw-alias-label-primary);
+}
+.pstack-segment:focus-visible {
+  outline: none;
+  text-decoration: underline;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 4px;
+}
+.pstack-body {
+  min-height: 0;
+  overflow-y: auto;
+  padding: 16px 24px 24px;
+  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);
+  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2);
+}
+.pstack-section-head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16px;
+  margin-bottom: 14px;
+}
+.pstack-section-head > div:first-child {
+  flex: 1;
+  min-width: 0;
+}
+.pstack-section-desc {
+  margin: 4px 0 0;
+  color: var(--dsw-alias-label-tertiary);
+  font-size: 13px;
+  line-height: 20px;
+}
+.pstack-section-actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  gap: 8px;
+  flex: none;
+}
+.pstack-btn {
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  height: 32px;
+  padding: 0 12px;
+  border: 0;
+  border-radius: var(--dsw-radius-md);
+  background: transparent;
+  color: var(--dsw-alias-label-primary);
+  font: inherit;
+  font-size: 13px;
+  line-height: 20px;
+  white-space: nowrap;
+  cursor: pointer;
+  transition: background-color 0.12s ease;
+}
+.pstack-btn:disabled {
+  cursor: not-allowed;
+  opacity: 0.4;
+}
+.pstack-btn-primary {
+  background: var(--dsw-alias-button-primary-fill);
+  color: var(--dsw-alias-label-primary-foreground);
+}
+.pstack-btn-primary:hover:not(:disabled) {
+  background: var(--dsw-alias-button-primary-hover);
+}
+.pstack-btn-outline {
+  border: 0.5px solid var(--dsw-alias-border-l3);
+  background: transparent;
+}
+.pstack-btn-outline:hover:not(:disabled) {
+  background: var(--dsw-alias-interactive-bg-hover);
+}
+.pstack-btn-ghost {
+  color: var(--dsw-alias-label-secondary);
+}
+.pstack-btn-ghost:hover:not(:disabled) {
+  background: var(--dsw-alias-interactive-bg-hover);
+  color: var(--dsw-alias-label-primary);
+}
+.pstack-btn-sm {
+  height: 28px;
+  gap: 4px;
+  padding: 0 10px;
+  border-radius: var(--dsw-radius-sm);
+  font-size: 12px;
+  line-height: 18px;
+}
+.pstack-icon-btn {
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: none;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: 0.5px solid var(--dsw-alias-border-l3);
+  border-radius: var(--dsw-radius-md);
+  background: transparent;
+  color: var(--dsw-alias-label-secondary);
+  cursor: pointer;
+}
+.pstack-icon-btn-plain {
+  border-color: transparent;
+}
+.pstack-icon-btn:hover:not(:disabled) {
+  background: var(--dsw-alias-interactive-bg-hover);
+  color: var(--dsw-alias-label-primary);
+}
+.pstack-icon-btn:disabled {
+  cursor: default;
+  opacity: 0.4;
+}
+.pstack-icon-btn-danger {
+  border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 45%, transparent);
+  color: var(--dsw-alias-state-error-primary);
+}
+.pstack-icon-btn-danger:hover:not(:disabled) {
+  background: var(--dsw-alias-interactive-bg-hover-danger);
+  color: var(--dsw-alias-state-error-primary);
+}
+.pstack-icon-btn:focus-visible,
+.pstack-btn:focus-visible,
+.pstack-switch:focus-visible {
+  outline: var(--dsw-focus-ring-width) solid
+    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));
+  outline-offset: 2px;
+}
+.pstack-status {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--dsw-alias-label-tertiary);
+  font-size: 12px;
+  line-height: 18px;
+  white-space: nowrap;
+}
+.pstack-status-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: currentColor;
+  flex: none;
+}
+.pstack-status[data-tone="success"] {
+  color: var(--dsw-alias-state-success-primary);
+}
+.pstack-status[data-tone="error"] {
+  color: var(--dsw-alias-state-error-primary);
+}
+.pstack-status[data-tone="warn"] {
+  color: var(--dsw-alias-state-warn-primary);
+}
+.pstack-status[data-tone="brand"] {
+  color: var(--dsw-alias-state-business-primary);
+}
+.pstack-status[data-tone="neutral"] {
+  color: var(--dsw-alias-label-tertiary);
+}
+.pstack-switch {
+  box-sizing: border-box;
+  position: relative;
+  flex: none;
+  width: 36px;
+  height: 20px;
+  padding: 2px;
+  border: 0;
+  border-radius: 999px;
+  background: var(--dsw-alias-border-l3);
+  cursor: pointer;
+}
+.pstack-switch[aria-checked="true"] {
+  background: var(--dsw-alias-brand-primary);
+}
+.pstack-switch:disabled {
+  cursor: default;
+  opacity: 0.5;
+}
+.pstack-switch-thumb {
+  display: block;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: var(--dsw-alias-label-primary-foreground);
+  transition: transform 0.12s ease;
+}
+.pstack-switch[aria-checked="true"] .pstack-switch-thumb {
+  transform: translate(16px);
+}
+.pstack-switch[aria-checked="false"] .pstack-switch-thumb {
+  background: var(--dsw-alias-switch-thumb);
+}
+.pstack-plugin-groups {
+  display: flex;
+  flex-direction: column;
+  gap: 22px;
+}
+.pstack-plugin-group {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.pstack-plugin-group-head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 0 2px;
+}
+.pstack-plugin-group-title {
+  margin: 0;
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 20px;
+}
+.pstack-plugin-group-desc {
+  margin: 2px 0 0;
+  color: var(--dsw-alias-label-tertiary);
+  font-size: 12px;
+  line-height: 18px;
+}
+.pstack-plugin-list,
+.pstack-role-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.pstack-plugin-card {
+  display: flex;
+  align-items: flex-start;
+  gap: 14px;
+  padding: 14px 16px;
+  border: 0.5px solid var(--dsw-alias-settings-card-stroke);
+  border-radius: var(--dsw-radius-xl);
+  background: var(--dsw-alias-settings-card-fill);
+}
+.pstack-plugin-card[data-conflict="true"] {
+  border-color: color-mix(
+    in srgb,
+    var(--dsw-alias-state-error-primary) 35%,
+    var(--dsw-alias-settings-card-stroke)
+  );
+}
+.pstack-plugin-icon {
+  display: grid;
+  place-items: center;
+  flex: none;
+  width: 40px;
+  height: 40px;
+  border: 0.5px solid var(--dsw-alias-border-l3);
+  border-radius: var(--dsw-radius-md);
+  background: var(--dsw-alias-bg-layer-1);
+  color: var(--dsw-alias-label-secondary);
+}
+.pstack-plugin-main {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 3px;
+  min-width: 0;
+}
+.pstack-plugin-title-row {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.pstack-plugin-name {
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 22px;
+}
+.pstack-plugin-desc {
+  margin: 0;
+  color: var(--dsw-alias-label-secondary);
+  font-size: 13px;
+  line-height: 20px;
+}
+.pstack-plugin-id {
+  color: var(--dsw-alias-label-tertiary);
+  font-family: var(--ds-font-family-code);
+  font-size: 11px;
+  line-height: 16px;
+  overflow-wrap: anywhere;
+}
+.pstack-plugin-end {
+  display: flex;
+  align-items: center;
+  flex: none;
+  gap: 8px;
+  padding-top: 2px;
+}
+.pstack-role-card {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 14px 16px;
+  border: 0.5px solid var(--dsw-alias-settings-card-stroke);
+  border-radius: var(--dsw-radius-xl);
+  background: var(--dsw-alias-settings-card-fill);
+}
+.pstack-role-card[data-dirty="true"] {
+  border-color: color-mix(
+    in srgb,
+    var(--dsw-alias-state-warn-primary) 32%,
+    var(--dsw-alias-settings-card-stroke)
+  );
+}
+.pstack-budget-overlay {
+  z-index: 1004;
+}
+.pstack-budget-panel {
+  display: flex;
+  flex-direction: column;
+  width: 780px;
+  height: min(700px, calc(100vh - 2 * max(24px, var(--dsh-frame-overlay-top, 24px))));
+}
+.pstack-budget-body {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 12px;
+  min-height: 0;
+}
+.pstack-budget-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+  padding: 12px 24px 18px;
+  border-top: 0.5px solid var(--dsw-alias-border-l3);
+}
+.pstack-budget-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 12px;
+  padding: 10px 12px;
+  border: 0.5px solid var(--dsw-alias-settings-card-stroke);
+  border-radius: var(--dsw-radius-lg);
+  background: var(--dsw-alias-bg-module-platform);
+}
+.pstack-budget-status {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  color: var(--dsw-alias-label-secondary);
+  font-size: 12px;
+  line-height: 18px;
+}
+.pstack-effort-hint {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  margin: 0 0 12px;
+  padding: 10px 12px;
+  border: 0.5px solid
+    color-mix(in srgb, var(--dsw-alias-state-warn-primary) 35%, var(--dsw-alias-settings-card-stroke));
+  border-radius: var(--dsw-radius-lg);
+  background: color-mix(
+    in srgb,
+    var(--dsw-alias-state-warn-primary) 14%,
+    var(--dsw-alias-bg-layer-1)
+  );
+  color: var(--dsw-alias-label-secondary);
+  font-size: 12px;
+  line-height: 18px;
+}
+.pstack-effort-hint > svg {
+  flex: none;
+  margin-top: 1px;
+  color: var(--dsw-alias-state-warn-primary);
+}
+.pstack-budget-form {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px;
+}
+.pstack-budget-preview {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.pstack-budget-preview-title {
+  margin: 0;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 18px;
+}
+.pstack-budget-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.pstack-budget-card {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 10px 12px;
+  border: 0.5px solid var(--dsw-alias-settings-card-stroke);
+  border-radius: var(--dsw-radius-lg);
+  background: var(--dsw-alias-bg-layer-1);
+}
+.pstack-budget-card[data-status="needs-choice"],
+.pstack-budget-card[data-status="custom"] {
+  border-color: color-mix(
+    in srgb,
+    var(--dsw-alias-state-error-primary) 28%,
+    var(--dsw-alias-settings-card-stroke)
+  );
+}
+.pstack-budget-card-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  min-width: 0;
+}
+.pstack-budget-role {
+  overflow-wrap: anywhere;
+  color: var(--dsw-alias-label-primary);
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 20px;
+}
+.pstack-budget-route-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
+  gap: 12px;
+}
+.pstack-budget-route-block {
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  min-width: 0;
+}
+.pstack-budget-route-label {
+  color: var(--dsw-alias-label-tertiary);
+  font-size: 11px;
+  line-height: 16px;
+}
+.pstack-budget-route-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  min-width: 0;
+}
+.pstack-budget-route-chip {
+  display: inline-block;
+  max-width: 100%;
+  padding: 2px 6px;
+  border-radius: var(--dsw-radius-xs);
+  background: var(--dsw-alias-bg-module-platform);
+  color: var(--dsw-alias-label-secondary);
+  font-family: var(--ds-font-family-code);
+  font-size: 11px;
+  line-height: 16px;
+  overflow-wrap: anywhere;
+}
+.pstack-role-head {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+}
+.pstack-role-glyph {
+  display: grid;
+  place-items: center;
+  flex: none;
+  width: 32px;
+  height: 32px;
+  border-radius: var(--dsw-radius-md);
+  background: var(--dsw-alias-bg-module-platform);
+  color: var(--dsw-alias-label-secondary);
+}
+.pstack-role-title {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+.pstack-role-name-row {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.pstack-role-name {
+  margin: 0;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 22px;
+}
+.pstack-code-chip {
+  border: 0.5px solid var(--dsw-alias-border-l4);
+  border-radius: var(--dsw-radius-xs);
+  background: var(--dsw-alias-bg-module-platform);
+  color: var(--dsw-alias-label-tertiary);
+  font-family: var(--ds-font-family-code);
+  font-size: 11px;
+  line-height: 16px;
+  padding: 1px 6px;
+}
+.pstack-tag {
+  border: 0.5px solid var(--dsw-alias-border-l3);
+  border-radius: var(--dsw-radius-xs);
+  color: var(--dsw-alias-label-secondary);
+  font-size: 11px;
+  line-height: 16px;
+  padding: 1px 6px;
+}
+.pstack-role-desc {
+  margin: 0;
+  color: var(--dsw-alias-label-tertiary);
+  font-size: 12px;
+  line-height: 18px;
+}
+.pstack-role-status {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: none;
+  padding-top: 4px;
+}
+.pstack-role-line {
+  color: var(--dsw-alias-label-dimmed);
+  font-size: 11px;
+  line-height: 16px;
+  white-space: nowrap;
+}
+.pstack-route-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.pstack-route-row {
+  display: grid;
+  gap: 8px;
+  align-items: end;
+  padding: 10px 10px 10px 12px;
+  border-radius: var(--dsw-radius-lg);
+  background: var(--dsw-alias-bg-module-platform);
+}
+.pstack-route-actions {
+  display: flex;
+  align-items: center;
+  align-self: end;
+  gap: 6px;
+}
+.pstack-route-actions .pstack-icon-btn {
+  width: 32px;
+  height: 32px;
+}
+.pstack-field {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+}
+.pstack-field-label {
+  color: var(--dsw-alias-label-tertiary);
+  font-size: 11px;
+  line-height: 16px;
+}
+.pstack-select {
+  box-sizing: border-box;
+  width: 100%;
+  height: 32px;
+  padding: 0 30px 0 10px;
+  border: 0.5px solid var(--dsw-alias-border-l4);
+  border-radius: var(--dsw-radius-md);
+  appearance: none;
+  background-color: var(--dsw-alias-bg-layer-1);
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2381858C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+  background-position: right 10px center;
+  background-repeat: no-repeat;
+  background-size: 12px 12px;
+  color: var(--dsw-alias-label-primary);
+  font: inherit;
+  font-size: 13px;
+  line-height: 20px;
+  cursor: pointer;
+}
+.pstack-select:focus {
+  border-color: var(--dsw-alias-state-business-primary);
+  outline: none;
+}
+.pstack-select:disabled {
+  cursor: default;
+  opacity: 0.6;
+}
+.pstack-role-foot {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+.pstack-role-foot-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+.pstack-role-save {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-left: auto;
+}
+.pstack-toast {
+  position: fixed;
+  z-index: 1002;
+  top: max(24px, var(--dsh-frame-overlay-top, 24px));
+  left: 50%;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  max-width: calc(100vw - 48px);
+  padding: 8px 12px;
+  border-radius: var(--dsw-radius-md);
+  background: var(--dsw-alias-bg-layer-1);
+  color: var(--dsw-alias-label-primary);
+  box-shadow: var(--dsw-elevation-prominent);
+  font-size: 12px;
+  line-height: 18px;
+  transform: translateX(-50%);
+}
+.pstack-toast[data-tone="success"] {
+  color: var(--dsw-alias-state-success-primary);
+}
+.pstack-toast[data-tone="warn"] {
+  color: var(--dsw-alias-state-warn-primary);
+}
+.pstack-toast[data-tone="error"] {
+  color: var(--dsw-alias-state-error-primary);
+}
+.pstack-inline-message {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--dsw-alias-label-tertiary);
+  font-size: 12px;
+  line-height: 18px;
+}
+.pstack-inline-message[data-tone="success"] {
+  color: var(--dsw-alias-state-success-primary);
+}
+.pstack-inline-message[data-tone="warn"] {
+  color: var(--dsw-alias-state-warn-primary);
+}
+.pstack-inline-message[data-tone="error"] {
+  color: var(--dsw-alias-state-error-primary);
+}
+.pstack-file-meta {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  white-space: nowrap;
+  gap: 8px;
+  margin-top: 8px;
+  color: var(--dsw-alias-label-tertiary);
+  font-size: 12px;
+  line-height: 18px;
+}
+.pstack-file-path {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-family: var(--ds-font-family-code);
+}
+.pstack-file-meta > span:not(.pstack-status) {
+  flex: none;
+}
+.pstack-notice {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  margin: 0 0 12px;
+  padding: 10px 12px;
+  border-radius: var(--dsw-radius-md);
+  background: var(--dsw-alias-state-warn-tertiary);
+  color: var(--dsw-alias-label-secondary);
+  font-size: 12px;
+  line-height: 18px;
+}
+.pstack-notice > svg {
+  flex: none;
+  margin-top: 1px;
+  color: var(--dsw-alias-state-warn-primary);
+}
+.pstack-notice[data-tone="error"] {
+  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 8%, transparent);
+}
+.pstack-notice[data-tone="error"] > svg {
+  color: var(--dsw-alias-state-error-primary);
+}
+.pstack-notice-list {
+  margin: 0;
+  padding: 0 0 0 16px;
+}
+.pstack-loading {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  color: var(--dsw-alias-label-tertiary);
+  font-size: 13px;
+  line-height: 20px;
+}
+.pstack-spinner {
+  animation: pstack-spin 0.8s linear infinite;
+}
+@keyframes pstack-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .pstack-spinner,
+  .pstack-segmented-indicator,
+  .pstack-switch-thumb {
+    animation: none;
+    transition: none;
+  }
+}
+@media (width <= 600px) {
+  .pstack-panel {
+    width: 100%;
+    max-width: none;
+    height: 100%;
+    border-radius: 0;
+  }
+  .pstack-header {
+    padding: 16px 12px 8px 16px;
+  }
+  .pstack-tabs-row {
+    padding: 6px 16px 0;
+  }
+  .pstack-body {
+    padding: 14px 16px 20px;
+  }
+  .pstack-section-head,
+  .pstack-role-head {
+    flex-wrap: wrap;
+  }
+  .pstack-section-actions {
+    width: 100%;
+    justify-content: flex-end;
+  }
+  .pstack-plugin-card {
+    gap: 10px;
+    padding: 12px;
+  }
+  .pstack-plugin-icon {
+    display: none;
+  }
+  .pstack-route-row {
+    grid-template-columns: minmax(0, 1fr) !important;
+  }
+  .pstack-role-foot {
+    flex-wrap: wrap;
+  }
+  .pstack-role-save {
+    width: 100%;
+    justify-content: flex-end;
+  }
+  .pstack-budget-bar {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+  .pstack-budget-form {
+    grid-template-columns: minmax(0, 1fr);
+  }
+  .pstack-budget-route-grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+`;
+		let installed = false;
+		/** Insert the pstack stylesheet once per document. */
+		function ensurePstackStyles() {
+			if (installed || typeof document === "undefined") return;
+			installed = true;
+			if (document.querySelector("style[data-pstack-css]") !== null) return;
+			const tag = document.createElement("style");
+			tag.dataset.pstackCss = "";
+			tag.textContent = CSS;
+			document.head.appendChild(tag);
+		}
+		// src/client/message.ts
+		/** Convert an unknown rejection into a display string. */
+		function messageOf(reason) {
+			return reason instanceof Error ? reason.message : String(reason);
+		}
+		// src/client/toast.tsx
+		/** Temporary, top-level feedback shared by Client pages. */
+		ensurePstackStyles();
+		/** Portal-based feedback that expires without occupying space in the calling page. */
+		function Toast({ message, duration = 3e3 }) {
+			const [dismissed, setDismissed] = (0, react.useState)();
+			const current = message === dismissed ? void 0 : message;
+			(0, react.useEffect)(() => {
+				if (message === void 0 || message === dismissed) return;
+				const timer = setTimeout(() => setDismissed(message), duration);
+				return () => clearTimeout(timer);
+			}, [
+				message,
+				dismissed,
+				duration
+			]);
+			if (current === void 0 || typeof document === "undefined") return null;
+			return (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "pstack-toast",
+				"data-tone": current.tone,
+				role: current.tone === "error" || current.tone === "warn" ? "alert" : "status",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastIcon, { tone: current.tone }), current.text]
+			}), document.body);
+		}
+		function ToastIcon({ tone }) {
+			if (tone === "success") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCheck, { size: 12 });
+			if (tone === "error") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconAlert, { size: 12 });
+			if (tone === "warn") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconInfo, { size: 12 });
+			return null;
+		}
+		// src/client/ui.tsx
+		function Button(props) {
+			const { variant = "ghost", size = "md", icon, children, className, ...rest } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				...rest,
+				className: cx("pstack-btn", `pstack-btn-${variant}`, size === "sm" ? "pstack-btn-sm" : void 0, className),
+				children: [icon, children]
+			});
+		}
+		function IconButton(props) {
+			const { label, danger = false, children, className, ...rest } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				...rest,
+				"aria-label": label,
+				title: label,
+				className: cx("pstack-icon-btn", danger ? "pstack-icon-btn-danger" : void 0, className),
+				children
+			});
+		}
+		function Switch(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				role: "switch",
+				"aria-checked": props.checked,
+				"aria-label": props.label,
+				title: props.label,
+				disabled: props.disabled,
+				className: "pstack-switch",
+				onClick: () => props.onChange(!props.checked),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "pstack-switch-thumb" })
+			});
+		}
+		function Status(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "pstack-status",
+				"data-tone": props.tone,
+				title: props.title,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "pstack-status-dot",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: props.label })]
+			});
+		}
+		function Spinner({ size = 14 }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconRefresh, {
+				size,
+				className: "pstack-spinner"
+			});
+		}
+		function SegmentedTabs(props) {
+			const { items, value, onChange, label } = props;
+			const selected = Math.max(0, items.findIndex((item) => item.value === value));
+			const style = {
+				"--pstack-segment-count": items.length,
+				"--pstack-segment-index": selected
+			};
+			const focusTab = (event, index) => {
+				const next = (event.currentTarget.parentElement?.querySelectorAll("[role=\"tab\"]"))?.[index];
+				if (next === void 0) return;
+				onChange(items[index].value);
+				next.focus();
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				role: "tablist",
+				"aria-label": label,
+				className: "pstack-segmented",
+				style,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "pstack-segmented-indicator",
+					"aria-hidden": "true"
+				}), items.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					role: "tab",
+					id: item.id,
+					"aria-controls": item.panelId,
+					"aria-selected": item.value === value,
+					tabIndex: item.value === value ? 0 : -1,
+					className: "pstack-segment",
+					onClick: () => onChange(item.value),
+					onKeyDown: (event) => {
+						if (event.key === "ArrowRight") {
+							event.preventDefault();
+							focusTab(event, (index + 1) % items.length);
+						} else if (event.key === "ArrowLeft") {
+							event.preventDefault();
+							focusTab(event, (index - 1 + items.length) % items.length);
+						} else if (event.key === "Home") {
+							event.preventDefault();
+							focusTab(event, 0);
+						} else if (event.key === "End") {
+							event.preventDefault();
+							focusTab(event, items.length - 1);
+						}
+					},
+					children: item.label
+				}, item.value))]
+			});
+		}
+		function cx(...values) {
+			return values.filter((value) => typeof value === "string" && value !== "").join(" ");
+		}
+		/** Confirm a destructive action with the one browser dialog the plugin uses. */
+		function confirmDiscard(message) {
+			if (typeof window === "undefined") return true;
+			const confirm = window.confirm;
+			return typeof confirm !== "function" || confirm.call(window, message);
+		}
+		// src/client/RecommendedPluginsPage.tsx
+		/** Related official plugins for the pstack plugin configuration dialog. */
+		ensurePstackStyles();
+		const PLUGIN_GROUPS = [
+			{
+				id: "recommended",
+				titleKey: "groupRecommended",
+				descriptionKey: "groupRecommendedDescription",
+				plugins: [{
+					name: "@deepseek-ai/dsh-experimental-forge-bundle",
+					titleKey: "recommendedForgeTitle",
+					descriptionKey: "recommendedForgeDescription",
+					icon: IconGitBranch
+				}, {
+					name: "@deepseek-ai/dsh-experimental-session-search",
+					titleKey: "recommendedSessionSearchTitle",
+					descriptionKey: "recommendedSessionSearchDescription",
+					icon: IconSearch
+				}]
+			},
+			{
+				id: "normal",
+				titleKey: "groupNormal",
+				descriptionKey: "groupNormalDescription",
+				plugins: [
+					{
+						name: "@deepseek-ai/dsh-browser-use",
+						titleKey: "recommendedBrowserTitle",
+						descriptionKey: "recommendedBrowserDescription",
+						icon: IconBrowser
+					},
+					{
+						name: "@deepseek-ai/dsh-cua-bundle",
+						titleKey: "recommendedCuaTitle",
+						descriptionKey: "recommendedCuaDescription",
+						icon: IconMonitor
+					},
+					{
+						name: "@deepseek-ai/dsh-experimental-terminal-bundle",
+						titleKey: "recommendedTerminalTitle",
+						descriptionKey: "recommendedTerminalDescription",
+						icon: IconTerminal
+					},
+					{
+						name: "@deepseek-ai/dsh-mcp-client",
+						titleKey: "recommendedMcpTitle",
+						descriptionKey: "recommendedMcpDescription",
+						icon: IconPlug
+					},
+					{
+						name: "@deepseek-ai/dsh-experimental-ralph-bundle",
+						titleKey: "recommendedRalphTitle",
+						descriptionKey: "recommendedRalphDescription",
+						icon: IconRepeat
+					}
+				]
+			},
+			{
+				id: "conflict",
+				titleKey: "groupConflict",
+				descriptionKey: "groupConflictDescription",
+				plugins: [{
+					name: "@deepseek-ai/dsh-experimental-agent-team-profile",
+					titleKey: "recommendedAgentTeamTitle",
+					descriptionKey: "recommendedAgentTeamDescription",
+					icon: IconUsers
+				}]
+			}
+		];
+		const ALL = "__all__";
+		function RecommendedPluginsView(props) {
+			const [bundles, setBundles] = (0, react.useState)([]);
+			const [loading, setLoading] = (0, react.useState)(true);
+			const [error, setError] = (0, react.useState)();
+			const [busy, setBusy] = (0, react.useState)();
+			const [messages, setMessages] = (0, react.useState)({});
+			const [toast, setToast] = (0, react.useState)();
+			const { api, translations } = props;
+			const t = translations.plugins;
+			const common = translations.common;
+			const load = async () => {
+				if (api === void 0) {
+					setLoading(false);
+					setError(t("loadFailed", { message: t("managerUnavailable") }));
+					return;
+				}
+				setLoading(true);
+				setError(void 0);
+				try {
+					setBundles(await api.listBundles());
+				} catch (reason) {
+					setError(t("loadFailed", { message: pluginMessage(reason, t) }));
+				} finally {
+					setLoading(false);
+				}
+			};
+			(0, react.useEffect)(() => {
+				load();
+			}, [api, t]);
+			const byName = new Map(bundles.map((bundle) => [bundle.name, bundle]));
+			const available = (bundle) => bundle !== void 0 && bundle.availability !== "missing" && bundle.error === void 0 && bundle.readOnlyReason === void 0;
+			const switchable = (bundle, group) => available(bundle) && (group !== "conflict" || bundle?.enabled === true);
+			const recommended = PLUGIN_GROUPS.find((group) => group.id === "recommended");
+			const recommendedEnabled = recommended.plugins.filter((plugin) => byName.get(plugin.name)?.enabled === true).length;
+			const enableable = recommended.plugins.filter((plugin) => {
+				const bundle = byName.get(plugin.name);
+				return switchable(bundle, "recommended") && bundle?.enabled !== true;
+			}).length;
+			const toggle = async (bundle) => {
+				if (api === void 0) return;
+				setBusy(bundle.name);
+				setToast(void 0);
+				setMessages((current) => {
+					const next = { ...current };
+					delete next[bundle.name];
+					return next;
+				});
+				try {
+					const change = await api.setBundleEnabled(bundle.name, !bundle.enabled);
+					setMessages((current) => ({
+						...current,
+						[bundle.name]: changeNotice(t, bundle.name, change)
+					}));
+					await load();
+				} catch (reason) {
+					setMessages((current) => ({
+						...current,
+						[bundle.name]: {
+							tone: "error",
+							text: t("pluginChangeFailed", {
+								name: bundle.name,
+								reason: pluginMessage(reason, t)
+							})
+						}
+					}));
+				} finally {
+					setBusy(void 0);
+				}
+			};
+			const enableAll = async () => {
+				if (api === void 0) return;
+				const targets = recommended.plugins.map((plugin) => byName.get(plugin.name)).filter((bundle) => bundle !== void 0 && switchable(bundle, "recommended") && !bundle.enabled);
+				if (targets.length === 0) return;
+				setBusy(ALL);
+				setToast(void 0);
+				let settled = 0;
+				let restarts = 0;
+				let unsettled = 0;
+				for (const bundle of targets) try {
+					const change = await api.setBundleEnabled(bundle.name, true);
+					if (change.application === "restart-required") restarts += 1;
+					if (change.application === "applied") settled += 1;
+					else if (change.application !== "restart-required") unsettled += 1;
+				} catch {
+					unsettled += 1;
+				}
+				await load();
+				setBusy(void 0);
+				setToast(unsettled > 0 ? {
+					tone: "error",
+					text: t("enableAllPartial", {
+						settled,
+						restarts,
+						unsettled
+					})
+				} : restarts > 0 ? {
+					tone: "warn",
+					text: t("enableAllRestart", { count: restarts })
+				} : {
+					tone: "success",
+					text: t("enableAllDone", { count: settled })
+				});
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+					className: "pstack-section-head",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "pstack-section-desc",
+						children: t("pluginsSubtitle")
+					}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "pstack-section-actions",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Status, {
+								tone: recommendedEnabled === recommended.plugins.length ? "success" : recommendedEnabled === 0 ? "neutral" : "brand",
+								label: t("pluginsSummary", {
+									enabled: recommendedEnabled,
+									total: recommended.plugins.length
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+								variant: "outline",
+								size: "sm",
+								icon: busy === ALL ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, { size: 13 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCheckCircle, { size: 13 }),
+								disabled: loading || busy !== void 0 || enableable === 0,
+								onClick: () => void enableAll(),
+								children: busy === ALL ? t("enableAllBusy") : enableable > 0 ? t("enableAllCount", { count: enableable }) : recommendedEnabled === recommended.plugins.length ? t("enableAllComplete") : t("enableAll")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconButton, {
+								label: common("refresh"),
+								disabled: loading || busy !== void 0,
+								onClick: () => void load(),
+								children: loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, { size: 14 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconRefresh, { size: 14 })
+							})
+						]
+					})]
+				}),
+				error === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "pstack-notice",
+					"data-tone": "error",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconAlert, { size: 14 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: error })]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Toast, { message: toast }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "pstack-plugin-groups",
+					children: PLUGIN_GROUPS.map((group) => {
+						const enabledInGroup = group.plugins.filter((plugin) => byName.get(plugin.name)?.enabled === true).length;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: "pstack-plugin-group",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+								className: "pstack-plugin-group-head",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
+									className: "pstack-plugin-group-title",
+									children: t(group.titleKey)
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "pstack-plugin-group-desc",
+									children: t(group.descriptionKey)
+								})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Status, {
+									tone: group.id === "conflict" ? "error" : enabledInGroup > 0 ? "success" : "neutral",
+									label: `${enabledInGroup}/${group.plugins.length}`
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+								className: "pstack-plugin-list",
+								children: group.plugins.map((plugin) => {
+									const bundle = byName.get(plugin.name);
+									const status = bundleStatus(bundle, group.id, t);
+									const canSwitch = switchable(bundle, group.id);
+									const title = t(plugin.titleKey);
+									const action = bundle?.enabled === true ? t("disablePlugin") : t("enablePlugin");
+									const PluginIcon = plugin.icon;
+									const message = messages[plugin.name];
+									return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+										className: "pstack-plugin-card",
+										"data-conflict": group.id === "conflict" ? "true" : void 0,
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "pstack-plugin-icon",
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PluginIcon, { size: 18 })
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "pstack-plugin-main",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: "pstack-plugin-title-row",
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: "pstack-plugin-name",
+															children: title
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Status, {
+															tone: status.tone,
+															label: status.label,
+															title: bundle?.error?.diagnostic ?? bundle?.readOnlyReason
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+														className: "pstack-plugin-desc",
+														children: t(plugin.descriptionKey)
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+														className: "pstack-plugin-id",
+														children: plugin.name
+													}),
+													message === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: "pstack-inline-message",
+														"data-tone": message.tone,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NoticeIcon, { tone: message.tone }), message.text]
+													})
+												]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: "pstack-plugin-end",
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Switch, {
+													checked: bundle?.enabled === true,
+													disabled: !canSwitch || busy !== void 0,
+													label: `${action} ${title}`,
+													onChange: () => bundle === void 0 ? void 0 : void toggle(bundle)
+												})
+											})
+										]
+									}) }, plugin.name);
+								})
+							})]
+						}, group.id);
+					})
+				})
+			] });
+		}
+		function pluginMessage(reason, t) {
+			const message = messageOf(reason);
+			return message === "plugin manager is not available yet" ? t("managerUnavailable") : message;
+		}
+		function bundleStatus(bundle, group, t) {
+			if (bundle === void 0 || bundle.availability === "missing") return {
+				label: t("pluginMissing"),
+				tone: "warn"
+			};
+			if (bundle.error !== void 0) return {
+				label: t("pluginUnavailable"),
+				tone: "error"
+			};
+			if (bundle.readOnlyReason !== void 0) return {
+				label: t("pluginReadOnly"),
+				tone: "neutral"
+			};
+			if (group === "conflict") return {
+				label: t("pluginConflict"),
+				tone: "error"
+			};
+			return bundle.enabled ? {
+				label: t("pluginEnabled"),
+				tone: "success"
+			} : {
+				label: t("pluginDisabled"),
+				tone: "neutral"
+			};
+		}
+		function changeNotice(t, name, change) {
+			switch (change.application) {
+				case "applied": return {
+					tone: "success",
+					text: t("pluginChangeApplied", { name })
+				};
+				case "restart-required": return {
+					tone: "warn",
+					text: change.restartReason === void 0 ? t("pluginChangeRestart", { name }) : t("pluginChangeRestartReason", {
+						name,
+						reason: change.restartReason
+					})
+				};
+				case "overridden": return {
+					tone: "warn",
+					text: t("pluginChangeOverridden", { name })
+				};
+				case "cancelled": return {
+					tone: "neutral",
+					text: t("pluginChangeCancelled", { name })
+				};
+				case "failed": return {
+					tone: "error",
+					text: t("pluginChangeFailed", {
+						name,
+						reason: describeChangeError(t, change.error)
+					})
+				};
+			}
+		}
+		function describeChangeError(t, error) {
+			if (error === void 0) return t("pluginChangeUnknownReason");
+			const parts = [error.code, error.diagnostic].filter((part) => part !== void 0 && part.trim() !== "");
+			return parts.length === 0 ? t("pluginChangeUnknownReason") : parts.join(": ");
+		}
+		function NoticeIcon({ tone }) {
+			if (tone === "success") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCheck, { size: 12 });
+			if (tone === "neutral") return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconAlert, { size: 12 });
+		}
+		// src/client/role-copy.ts
+		/** Locale keys for the display name and scenario of every pstack role. */
+		const ROLE_COPY = {
+			"feature, refactoring": {
+				nameKey: "roleFeatureName",
+				descriptionKey: "roleFeatureDescription"
+			},
+			"bug-fix": {
+				nameKey: "roleBugFixName",
+				descriptionKey: "roleBugFixDescription"
+			},
+			"perf-issue": {
+				nameKey: "rolePerfName",
+				descriptionKey: "rolePerfDescription"
+			},
+			hillclimb: {
+				nameKey: "roleHillclimbName",
+				descriptionKey: "roleHillclimbDescription"
+			},
+			"judgment and prose": {
+				nameKey: "roleJudgmentName",
+				descriptionKey: "roleJudgmentDescription"
+			},
+			"hardest tasks": {
+				nameKey: "roleHardestName",
+				descriptionKey: "roleHardestDescription"
+			},
+			"how explorer": {
+				nameKey: "roleHowExplorerName",
+				descriptionKey: "roleHowExplorerDescription"
+			},
+			"how explainer": {
+				nameKey: "roleHowExplainerName",
+				descriptionKey: "roleHowExplainerDescription"
+			},
+			"why investigators": {
+				nameKey: "roleWhyInvestigatorsName",
+				descriptionKey: "roleWhyInvestigatorsDescription"
+			},
+			"why synthesizer": {
+				nameKey: "roleWhySynthesizerName",
+				descriptionKey: "roleWhySynthesizerDescription"
+			},
+			"reflect tooling": {
+				nameKey: "roleReflectToolingName",
+				descriptionKey: "roleReflectToolingDescription"
+			},
+			"reflect judgment, divergent, synthesizer": {
+				nameKey: "roleReflectJudgmentName",
+				descriptionKey: "roleReflectJudgmentDescription"
+			},
+			"arena runners": {
+				nameKey: "roleArenaRunnersName",
+				descriptionKey: "roleArenaRunnersDescription"
+			},
+			"arena cross-judge pool": {
+				nameKey: "roleArenaJudgesName",
+				descriptionKey: "roleArenaJudgesDescription"
+			},
+			"swarm workers": {
+				nameKey: "roleSwarmName",
+				descriptionKey: "roleSwarmDescription"
+			},
+			"architect runners": {
+				nameKey: "roleArchitectName",
+				descriptionKey: "roleArchitectDescription"
+			},
+			"interrogate reviewers": {
+				nameKey: "roleInterrogateName",
+				descriptionKey: "roleInterrogateDescription"
+			}
+		};
+		/** User-facing role name for a manifest key, falling back to the raw key. */
+		function roleLabel(key, t) {
+			return isRoleKey(key) ? t(ROLE_COPY[key].nameKey) : key;
+		}
+		// src/client/role-selectors.ts
+		function providerIssue(provider) {
+			if (provider.error !== void 0) return "unavailable";
+			if (!provider.models.some((model) => model.error === void 0)) return "noModels";
+		}
+		function providerIsUsable(provider) {
+			return providerIssue(provider) === void 0;
+		}
+		function modelChoices(catalogue, provider) {
+			return catalogue?.providers.find((entry) => entry.provider === provider)?.models ?? [];
+		}
+		function providerLabel(providers, providerId) {
+			const provider = providers.find((entry) => entry.provider === providerId);
+			if (provider === void 0) return providerId;
+			return providers.some((entry) => entry.provider !== providerId && entry.name === provider.name) ? `${provider.name} (${provider.provider})` : provider.name;
+		}
+		function effortChoices(catalogue, provider, model) {
+			return modelChoices(catalogue, provider).find((entry) => entry.id === model)?.efforts ?? [];
+		}
+		function routeIsIncomplete(route) {
+			return route.kind === "route" && (route.provider.trim() === "" || route.model.trim() === "");
+		}
+		function routeIsInvalid(route, catalogue) {
+			if (route.kind !== "route") return false;
+			const provider = catalogue?.providers.find((entry) => entry.provider === route.provider);
+			if (provider === void 0 || provider.error !== void 0) return true;
+			const model = provider.models.find((entry) => entry.id === route.model);
+			if (model === void 0 || model.error !== void 0) return true;
+			return route.effort !== void 0 && !model.efforts.includes(route.effort);
+		}
+		// src/client/BudgetDialog.tsx
+		/** Nested budget modal for the role settings page: preview a plan and apply it to the role file. */
+		const TIER_LABEL = {
+			unlimited: "budgetTierUnlimited",
+			large: "budgetTierLarge",
+			medium: "budgetTierMedium",
+			small: "budgetTierSmall"
+		};
+		function BudgetDialog(props) {
+			const { snapshot, catalogue, translations, onApply, onApplied, onClose, signal } = props;
+			const t = translations.roles;
+			const titleId = (0, react.useId)();
+			const panelRef = (0, react.useRef)(null);
+			const providers = catalogue.providers;
+			const usableProviders = providers.filter(providerIsUsable);
+			const initialProvider = usableProviders[0];
+			const [scope, setScope] = (0, react.useState)("concrete");
+			const [tier, setTier] = (0, react.useState)(() => budgetTierFromLabel(snapshot.budget) ?? "large");
+			const [providerId, setProviderId] = (0, react.useState)(initialProvider?.provider ?? "");
+			const activeProvider = usableProviders.find((provider) => provider.provider === providerId) ?? initialProvider;
+			const models = activeProvider?.models.filter((model) => model.error === void 0) ?? [];
+			const [modelId, setModelId] = (0, react.useState)(models[0]?.id ?? "");
+			const activeModel = models.find((model) => model.id === modelId) ?? models[0];
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)();
+			const requestClose = (0, react.useCallback)(() => {
+				if (!busy) onClose();
+			}, [busy, onClose]);
+			useFocusTrap(panelRef, requestClose, true, {
+				stopEscapePropagation: true,
+				capture: true
+			});
+			(0, react.useEffect)(() => {
+				return () => {
+					document.getElementById("pstack-budget-trigger")?.focus();
+				};
+			}, []);
+			const request = {
+				tier,
+				scope,
+				...scope === "unconfigured" && activeProvider !== void 0 && activeModel !== void 0 ? { defaultModel: {
+					provider: activeProvider.provider,
+					model: activeModel.id
+				} } : {}
+			};
+			const plan = (0, react.useMemo)(() => {
+				try {
+					return {
+						plan: planBudget(snapshot.roles.map((role) => ({
+							key: role.key,
+							shape: role.shape,
+							autoPanel: findRole(role.key)?.autoPanel ?? false,
+							configured: role.configured,
+							routes: role.routes,
+							hasIssues: role.issues.length > 0
+						})), catalogue, request),
+						error: void 0
+					};
+				} catch (reason) {
+					return {
+						plan: void 0,
+						error: budgetPlanErrorText(reason, t)
+					};
+				}
+			}, [
+				snapshot.roles,
+				catalogue,
+				request.tier,
+				request.scope,
+				request.defaultModel?.provider,
+				request.defaultModel?.model
+			]);
+			const visibleRows = plan.plan?.rows.filter((row) => row.status !== "skipped") ?? [];
+			const blocked = plan.plan?.rows.some(isBudgetRowBlocked) ?? false;
+			const routeChanged = plan.plan?.rows.some((row) => row.status !== "skipped" && renderRouteValue(row.routes) !== renderRouteValue(row.previous)) ?? false;
+			const budgetChanged = plan.plan !== void 0 && snapshot.budget !== budgetValueFor(plan.plan.tier);
+			const canApply = plan.error === void 0 && !blocked && (routeChanged || budgetChanged) && !busy;
+			const apply = async () => {
+				setBusy(true);
+				setError(void 0);
+				try {
+					const result = await onApply(request, signal);
+					if (result.ok) onApplied(result.snapshot);
+					else setError(t("budgetFailed", { reason: result.reason }));
+				} catch (reason) {
+					setError(t("budgetFailed", { reason: messageOf(reason) }));
+				} finally {
+					setBusy(false);
+				}
+			};
+			if (typeof document === "undefined") return null;
+			return (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "pstack-overlay pstack-budget-overlay",
+				role: "presentation",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "pstack-mask",
+					"aria-hidden": "true",
+					onClick: requestClose
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "pstack-panel pstack-budget-panel",
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-labelledby": titleId,
+					tabIndex: -1,
+					ref: panelRef,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+							className: "pstack-header",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+								className: "pstack-title",
+								id: titleId,
+								children: t("budgetTitle")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "pstack-section-desc",
+								children: t("budgetCurrent", { budget: budgetLabel(snapshot.budget, t) })
+							})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconButton, {
+								label: translations.common("close"),
+								className: "pstack-icon-btn-plain",
+								onClick: requestClose,
+								autoFocus: true,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconClose, { size: 14 })
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "pstack-body pstack-budget-body",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "pstack-budget-form",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											className: "pstack-field",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "pstack-field-label",
+												children: t("budgetScope")
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+												className: "pstack-select",
+												value: scope,
+												disabled: busy,
+												onChange: (event) => setScope(event.target.value),
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "concrete",
+													children: t("budgetScopeConcrete")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "unconfigured",
+													children: t("budgetScopeUnconfigured")
+												})]
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											className: "pstack-field",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "pstack-field-label",
+												children: t("budgetTier")
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+												className: "pstack-select",
+												value: tier,
+												disabled: busy,
+												onChange: (event) => setTier(event.target.value),
+												children: BUDGET_TIERS.map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value,
+													children: t(TIER_LABEL[value])
+												}, value))
+											})]
+										}),
+										scope === "unconfigured" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											className: "pstack-field",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "pstack-field-label",
+												children: t("budgetProvider")
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+												className: "pstack-select",
+												value: activeProvider?.provider ?? "",
+												disabled: busy || usableProviders.length === 0,
+												onChange: (event) => {
+													const next = usableProviders.find((provider) => provider.provider === event.target.value);
+													setProviderId(next?.provider ?? "");
+													setModelId(next?.models.find((model) => model.error === void 0)?.id ?? "");
+												},
+												children: [usableProviders.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "",
+													children: t("budgetNoProvider")
+												}) : null, providers.map((provider) => {
+													const issue = providerIssue(provider);
+													return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+														value: provider.provider,
+														disabled: issue !== void 0,
+														title: provider.error,
+														children: [providerLabel(providers, provider.provider), issue === void 0 ? null : ` (${t(issue === "unavailable" ? "providerUnavailable" : "noModels")})`]
+													}, provider.provider);
+												})]
+											})]
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											className: "pstack-field",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "pstack-field-label",
+												children: t("budgetModel")
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+												className: "pstack-select",
+												value: activeModel?.id ?? "",
+												disabled: busy || models.length === 0,
+												onChange: (event) => setModelId(event.target.value),
+												children: [models.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "",
+													children: t("noModels")
+												}) : null, models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: model.id,
+													children: model.id
+												}, model.id))]
+											})]
+										})] }) : null
+									]
+								}),
+								plan.error === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "pstack-notice",
+									"data-tone": "error",
+									children: plan.error
+								}),
+								plan.plan !== void 0 && plan.plan.warnings.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "pstack-notice",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("budgetWarnings") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+										className: "pstack-notice-list",
+										children: plan.plan.warnings.map((warning) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: t("budgetWarningAutoPanel", { role: roleLabel(warning.role, t) }) }, `${warning.kind}:${warning.role}`))
+									})]
+								}) : null,
+								visibleRows.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "pstack-budget-preview",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h5", {
+										className: "pstack-budget-preview-title",
+										children: t("budgetPreview")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "pstack-budget-list",
+										children: visibleRows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+											className: "pstack-budget-card",
+											"data-status": row.status,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+												className: "pstack-budget-card-head",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "pstack-budget-role",
+													children: roleLabel(row.key, t)
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Status, {
+													tone: statusTone(row.status),
+													label: statusText(row, t)
+												})]
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "pstack-budget-route-grid",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: "pstack-budget-route-block",
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "pstack-budget-route-label",
+														children: t("budgetCurrentRoute")
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: "pstack-budget-route-chips",
+														children: routeTokens(row.previous, t)
+													})]
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: "pstack-budget-route-block",
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "pstack-budget-route-label",
+														children: t("budgetTargetRoute")
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: "pstack-budget-route-chips",
+														children: routeTokens(row.routes, t)
+													})]
+												})]
+											})]
+										}, row.key))
+									})]
+								}),
+								error === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "pstack-notice",
+									"data-tone": "error",
+									children: error
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
+							className: "pstack-budget-footer",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "pstack-role-save",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+									variant: "outline",
+									size: "sm",
+									onClick: requestClose,
+									disabled: busy,
+									children: translations.common("close")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+									variant: "primary",
+									size: "sm",
+									icon: busy ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, { size: 13 }) : void 0,
+									disabled: !canApply,
+									onClick: () => void apply(),
+									children: busy ? t("budgetApplying") : t("budgetApply")
+								})]
+							})]
+						})
+					]
+				})]
+			}), document.body);
+		}
+		function budgetLabel(raw, t) {
+			const tier = budgetTierFromLabel(raw);
+			if (tier === void 0) return raw ?? t("budgetUnset");
+			switch (tier) {
+				case "unlimited": return t("budgetTierUnlimited");
+				case "large": return t("budgetTierLarge");
+				case "medium": return t("budgetTierMedium");
+				case "small": return t("budgetTierSmall");
+			}
+		}
+		function budgetPlanErrorText(reason, t) {
+			if (reason instanceof BudgetPlanError) switch (reason.code) {
+				case "no-default-model": return t("budgetNoProvider");
+				case "provider-not-found":
+				case "provider-discovery": return t("budgetErrorProvider", { provider: reason.detail ?? "" });
+				case "model-not-found":
+				case "model-discovery": return t("budgetErrorModel", { model: reason.detail ?? "" });
+			}
+			return messageOf(reason);
+		}
+		function routeTokens(routes, t) {
+			return (routes.length === 0 ? [{
+				kind: "inherit",
+				alias: "inherit-parent"
+			}] : routes).map((route, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+				className: "pstack-budget-route-chip",
+				children: route.kind === "inherit" ? route.alias === "auto" ? t("auto") : t("inheritParent") : renderRouteValue([route])
+			}, `${index}-${renderRouteValue([route])}`));
+		}
+		function statusTone(status) {
+			switch (status) {
+				case "changed": return "brand";
+				case "unchanged": return "success";
+				case "fallback":
+				case "unsupported": return "warn";
+				case "needs-choice":
+				case "custom": return "error";
+				case "skipped": return "neutral";
+			}
+		}
+		function statusText(row, t) {
+			switch (row.status) {
+				case "changed": return t("budgetStatusChanged");
+				case "unchanged": return t("budgetStatusUnchanged");
+				case "fallback": return t("budgetStatusFallback", { effort: row.detail?.kind === "fallback" ? row.detail.effort : "" });
+				case "needs-choice": return t("budgetStatusNeedsChoice");
+				case "custom": return row.detail?.kind === "missing-model" ? t("budgetStatusMissingModel", { model: `${row.detail.provider}/${row.detail.model}` }) : t("budgetStatusCustom");
+				case "unsupported": return t("budgetStatusUnsupported");
+				case "skipped": return t("budgetStatusSkipped");
+			}
+		}
+		// src/client/role-draft.ts
+		function inheritedRoutes() {
+			return [{
+				kind: "inherit",
+				alias: "inherit-parent"
+			}];
+		}
+		/** Routes a reset restores: the configured baseline, or the inherited row for an unconfigured role. */
+		function resetRoutes(draft) {
+			return draft.baseline.length === 0 ? inheritedRoutes() : draft.baseline.map((route) => ({ ...route }));
+		}
+		function draftOf(role) {
+			return {
+				routes: role.routes.length === 0 ? inheritedRoutes() : role.routes.map((route) => ({ ...route })),
+				baseline: role.routes,
+				busy: false,
+				cleared: false
+			};
+		}
+		function isDirty(draft, role) {
+			if (draft.cleared) return role.configured;
+			if (!role.configured && signature(draft.routes) === signature(inheritedRoutes())) return false;
+			return signature(draft.routes) !== signature(draft.baseline);
+		}
+		function signature(routes) {
+			return JSON.stringify(routes);
+		}
+		function isClearDraft(draft, role) {
+			return draft.cleared && role !== void 0 && role.configured && draft.routes.length === 1 && draft.routes[0]?.kind === "inherit";
+		}
+		// src/client/RoleCard.tsx
+		function RoleCard(props) {
+			const { role, draft, catalogue, translations, disabled, onRoutesChange, onClear, onSave, onReset } = props;
+			const t = translations.roles;
+			const common = translations.common;
+			const copy = isRoleKey(role.key) ? ROLE_COPY[role.key] : void 0;
+			const name = roleLabel(role.key, t);
+			const description = copy === void 0 ? "" : t(copy.descriptionKey);
+			const dirty = isDirty(draft, role);
+			const controlsDisabled = disabled || draft.busy;
+			const incomplete = draft.routes.some(routeIsIncomplete);
+			const invalid = draft.routes.some((route) => routeIsInvalid(route, catalogue));
+			const routeProblem = incomplete || invalid;
+			const clearing = isClearDraft(draft, role);
+			const canClearRole = !clearing && (role.configured || dirty);
+			const status = role.issues.length > 0 ? {
+				tone: "error",
+				label: t("roleInvalid")
+			} : routeProblem ? {
+				tone: "error",
+				label: t("roleRouteInvalid")
+			} : role.configured ? {
+				tone: "success",
+				label: t("roleConfigured")
+			} : {
+				tone: "neutral",
+				label: t("roleMissing")
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "pstack-role-card",
+				"data-dirty": dirty ? "true" : void 0,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+						className: "pstack-role-head",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "pstack-role-glyph",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconRoute, { size: 16 })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "pstack-role-title",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "pstack-role-name-row",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
+											className: "pstack-role-name",
+											children: name
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+											className: "pstack-code-chip",
+											children: role.key
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "pstack-tag",
+											title: role.shape === "single" ? t("singleRouteHint") : void 0,
+											children: role.shape === "single" ? t("singleRoute") : t("listRoute")
+										})
+									]
+								}), description === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "pstack-role-desc",
+									children: description
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "pstack-role-status",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Status, {
+									tone: status.tone,
+									label: status.label
+								}), role.line === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "pstack-role-line",
+									children: t("roleLine", { line: role.line })
+								})]
+							})
+						]
+					}),
+					role.issues.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "pstack-notice",
+						"data-tone": "error",
+						style: { margin: 0 },
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconAlert, { size: 14 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+							className: "pstack-notice-list",
+							children: role.issues.map((issue, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: issue }, index))
+						})]
+					}),
+					routeProblem ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "pstack-notice",
+						"data-tone": "error",
+						style: { margin: 0 },
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconAlert, { size: 14 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: incomplete ? t("routeIncompleteHint") : t("routeInvalidHint") })]
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "pstack-route-list",
+						children: [draft.routes.map((route, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RouteRow, {
+							roleName: name,
+							route,
+							catalogue,
+							disabled: controlsDisabled,
+							canRemove: role.shape === "list" && draft.routes.length > 1,
+							onChange: (next) => onRoutesChange(draft.routes.map((item, position) => position === index ? next : item)),
+							onRemove: () => onRoutesChange(draft.routes.filter((_item, position) => position !== index)),
+							translations
+						}, `${role.key}-${index}`)), clearing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "pstack-role-desc",
+							children: t("clearHint")
+						}) : null]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
+						className: "pstack-role-foot",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "pstack-role-foot-actions",
+							children: role.shape === "list" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+								variant: "outline",
+								size: "sm",
+								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconPlus, { size: 13 }),
+								disabled: controlsDisabled,
+								onClick: () => onRoutesChange([...draft.routes, {
+									kind: "inherit",
+									alias: "inherit-parent"
+								}]),
+								children: t("addRoute")
+							}) : null
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "pstack-role-save",
+							children: [
+								draft.message === void 0 ? dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Status, {
+									tone: "warn",
+									label: t("unsavedChanges")
+								}) : null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "pstack-inline-message",
+									"data-tone": draft.message.tone,
+									children: [draft.message.tone === "success" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCheck, { size: 12 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconAlert, { size: 12 }), draft.message.text]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+									variant: "outline",
+									size: "sm",
+									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconEraser, { size: 13 }),
+									disabled: controlsDisabled || !canClearRole,
+									onClick: onClear,
+									children: t("clearRole")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+									variant: "outline",
+									size: "sm",
+									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconUndo, { size: 13 }),
+									disabled: controlsDisabled || !dirty,
+									onClick: onReset,
+									children: t("resetRole")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+									variant: "primary",
+									size: "sm",
+									icon: draft.busy ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, { size: 13 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconSave, { size: 13 }),
+									disabled: controlsDisabled || !dirty || incomplete || invalid,
+									onClick: onSave,
+									children: draft.busy ? common("saving") : common("save")
+								})
+							]
+						})]
+					})
+				]
+			});
+		}
+		function RouteRow(props) {
+			const { roleName, route, catalogue, disabled, canRemove, onChange, onRemove, translations } = props;
+			const t = translations.roles;
+			const providerValue = route.kind === "inherit" ? `__inherit__:${route.alias}` : route.provider;
+			const providers = catalogue?.providers ?? [];
+			const models = route.kind === "route" ? modelChoices(catalogue, route.provider) : [];
+			const efforts = route.kind === "route" ? effortChoices(catalogue, route.provider, route.model) : [];
+			const effortOptions = route.kind === "route" && route.effort !== void 0 && !efforts.includes(route.effort) ? [route.effort, ...efforts] : efforts;
+			const fields = route.kind === "route" ? "minmax(0, 1.25fr) minmax(0, 1.25fr) minmax(0, 0.7fr)" : "minmax(0, 1fr)";
+			const columns = canRemove ? `${fields} 32px` : fields;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "pstack-route-row",
+				style: { gridTemplateColumns: columns },
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "pstack-field",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "pstack-field-label",
+							children: t("provider")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: "pstack-select",
+							"aria-label": `${roleName} ${t("provider")}`,
+							value: providerValue,
+							disabled,
+							onChange: (event) => {
+								const value = event.target.value;
+								if (value === "__inherit__:inherit-parent" || value === "__inherit__:auto") {
+									onChange({
+										kind: "inherit",
+										alias: value.endsWith("auto") ? "auto" : "inherit-parent"
+									});
+									return;
+								}
+								const model = modelChoices(catalogue, value).find((entry) => entry.error === void 0);
+								onChange({
+									kind: "route",
+									provider: value,
+									model: model?.id ?? "",
+									...model?.defaultEffort === void 0 ? {} : { effort: model.defaultEffort }
+								});
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "__inherit__:inherit-parent",
+									children: t("inheritParent")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "__inherit__:auto",
+									children: t("auto")
+								}),
+								route.kind === "route" && route.provider !== "" && providers.every((provider) => provider.provider !== route.provider) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: route.provider,
+									children: route.provider
+								}) : null,
+								providers.map((provider) => {
+									const issue = providerIssue(provider);
+									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+										value: provider.provider,
+										disabled: issue !== void 0,
+										title: provider.error,
+										children: [providerLabel(providers, provider.provider), issue === void 0 ? null : ` (${t(issue === "unavailable" ? "providerUnavailable" : "noModels")})`]
+									}, provider.provider);
+								})
+							]
+						})]
+					}),
+					route.kind === "route" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "pstack-field",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "pstack-field-label",
+							children: t("model")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: "pstack-select",
+							"aria-label": `${roleName} ${t("model")}`,
+							value: route.model,
+							disabled,
+							onChange: (event) => {
+								const model = models.find((entry) => entry.id === event.target.value);
+								onChange({
+									kind: "route",
+									provider: route.provider,
+									model: event.target.value,
+									...model?.defaultEffort === void 0 ? {} : { effort: model.defaultEffort }
+								});
+							},
+							children: [
+								models.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "",
+									disabled: true,
+									children: t("noModels")
+								}) : null,
+								route.kind === "route" && route.model !== "" && models.every((model) => model.id !== route.model) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: route.model,
+									children: route.model
+								}) : null,
+								models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: model.id,
+									disabled: model.error !== void 0,
+									children: model.id
+								}, model.id))
+							]
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "pstack-field",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "pstack-field-label",
+							children: t("effort")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: "pstack-select",
+							"aria-label": `${roleName} ${t("effort")}`,
+							value: route.effort ?? "",
+							disabled,
+							onChange: (event) => {
+								const effort = event.target.value;
+								onChange({
+									kind: "route",
+									provider: route.provider,
+									model: route.model,
+									...effort === "" ? {} : { effort }
+								});
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "",
+								children: t("effortUnset")
+							}), effortOptions.map((effort) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: effort,
+								children: effort
+							}, effort))]
+						})]
+					})] }) : null,
+					canRemove ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "pstack-route-actions",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconButton, {
+							danger: true,
+							label: `${t("removeRoute")} ${roleName}`,
+							disabled,
+							onClick: onRemove,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconTrash, { size: 14 })
+						})
+					}) : null
+				]
+			});
+		}
+		// src/client/RoleSettingsPage.tsx
+		/** Role model configuration page for the pstack plugin dialog. */
+		ensurePstackStyles();
+		function RoleSettingsView(props) {
+			const { api, translations, onDirtyChange } = props;
+			const t = translations.roles;
+			const common = translations.common;
+			const [snapshot, setSnapshot] = (0, react.useState)();
+			const [catalogue, setCatalogue] = (0, react.useState)();
+			const [drafts, setDrafts] = (0, react.useState)({});
+			const [loading, setLoading] = (0, react.useState)(true);
+			const [error, setError] = (0, react.useState)();
+			const [refreshMessage, setRefreshMessage] = (0, react.useState)();
+			const [bulkBusy, setBulkBusy] = (0, react.useState)();
+			const [bulkMessage, setBulkMessage] = (0, react.useState)();
+			const [budgetOpen, setBudgetOpen] = (0, react.useState)(false);
+			const abortRef = (0, react.useRef)(void 0);
+			(0, react.useEffect)(() => () => abortRef.current?.abort(), []);
+			const applySnapshot = (next) => {
+				setSnapshot(next);
+				setDrafts(Object.fromEntries(next.roles.map((role) => [role.key, draftOf(role)])));
+			};
+			const load = async () => {
+				abortRef.current?.abort();
+				const controller = new AbortController();
+				abortRef.current = controller;
+				setLoading(true);
+				setError(void 0);
+				setRefreshMessage(void 0);
+				setBulkMessage(void 0);
+				try {
+					const [nextSnapshot, nextCatalogue] = await Promise.all([api.status(), api.catalogue(controller.signal)]);
+					applySnapshot(nextSnapshot);
+					setCatalogue(nextCatalogue);
+				} catch (reason) {
+					if (controller.signal.aborted) return;
+					const message = t("rolesLoadFailed", { message: messageOf(reason) });
+					if (snapshot === void 0) setError(message);
+					else setRefreshMessage({
+						tone: "error",
+						text: message
+					});
+				} finally {
+					setLoading(false);
+				}
+			};
+			(0, react.useEffect)(() => {
+				load();
+			}, [api, t]);
+			const dirtyFlag = snapshot !== void 0 && snapshot.roles.some((role) => isDirty(drafts[role.key] ?? draftOf(role), role));
+			(0, react.useEffect)(() => {
+				onDirtyChange?.(dirtyFlag);
+			}, [dirtyFlag, onDirtyChange]);
+			if (loading && snapshot === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "pstack-loading",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("rolesLoading") })]
+			});
+			if (snapshot === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "pstack-notice",
+				"data-tone": "error",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconAlert, { size: 14 }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: error }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => void load(),
+						children: common("retry")
+					})
+				]
+			});
+			const draftFor = (role) => drafts[role.key] ?? draftOf(role);
+			const dirtyKeys = snapshot.roles.filter((role) => isDirty(draftFor(role), role)).map((role) => role.key);
+			const dirtyCount = dirtyKeys.length;
+			const anyBusy = Object.values(drafts).some((draft) => draft.busy);
+			const anyIncomplete = dirtyKeys.some((key) => (drafts[key]?.routes ?? []).some(routeIsIncomplete));
+			const anyInvalid = dirtyKeys.some((key) => (drafts[key]?.routes ?? []).some((route) => routeIsInvalid(route, catalogue)));
+			const canClearAll = snapshot.roles.some((role) => {
+				const draft = drafts[role.key] ?? draftOf(role);
+				return !draft.cleared && (role.configured || isDirty(draft, role));
+			});
+			const fileStatus = statusPresentation(snapshot, t);
+			const updateRoutes = (key, routes) => {
+				setBulkMessage(void 0);
+				setDrafts((current) => {
+					const draft = current[key];
+					if (draft === void 0) return current;
+					return {
+						...current,
+						[key]: {
+							...draft,
+							routes,
+							cleared: false,
+							message: void 0
+						}
+					};
+				});
+			};
+			const clearRole = (key) => {
+				setBulkMessage(void 0);
+				setDrafts((current) => {
+					const draft = current[key];
+					if (draft === void 0) return current;
+					const role = snapshot.roles.find((entry) => entry.key === key);
+					return {
+						...current,
+						[key]: {
+							...draft,
+							routes: inheritedRoutes(),
+							cleared: role?.configured ?? false,
+							message: void 0,
+							busy: false
+						}
+					};
+				});
+			};
+			const resetRole = (key) => {
+				setBulkMessage(void 0);
+				setDrafts((current) => {
+					const draft = current[key];
+					if (draft === void 0) return current;
+					return {
+						...current,
+						[key]: {
+							...draft,
+							routes: resetRoutes(draft),
+							cleared: false,
+							message: void 0,
+							busy: false
+						}
+					};
+				});
+			};
+			const resetAll = () => {
+				setDrafts((current) => Object.fromEntries(snapshot.roles.map((role) => {
+					const draft = current[role.key] ?? draftOf(role);
+					return [role.key, {
+						...draft,
+						routes: resetRoutes(draft),
+						cleared: false,
+						message: void 0,
+						busy: false
+					}];
+				})));
+				setBulkMessage(void 0);
+			};
+			const clearAll = () => {
+				setBulkMessage(void 0);
+				setDrafts((current) => Object.fromEntries(snapshot.roles.map((role) => {
+					const draft = current[role.key] ?? draftOf(role);
+					return [role.key, {
+						...draft,
+						routes: inheritedRoutes(),
+						cleared: role.configured,
+						message: void 0,
+						busy: false
+					}];
+				})));
+			};
+			const saveRole = async (key) => {
+				const draft = drafts[key];
+				if (draft === void 0) return true;
+				setDrafts((current) => {
+					const currentDraft = current[key];
+					if (currentDraft === void 0) return current;
+					return {
+						...current,
+						[key]: {
+							...currentDraft,
+							busy: true,
+							message: void 0
+						}
+					};
+				});
+				try {
+					const result = await api.save({
+						key,
+						routes: isClearDraft(draft, snapshot.roles.find((role) => role.key === key)) ? [] : draft.routes
+					}, abortRef.current?.signal);
+					if (result.ok) {
+						const savedRole = result.snapshot.roles.find((entry) => entry.key === key);
+						setSnapshot(result.snapshot);
+						setDrafts((current) => {
+							const currentDraft = current[key];
+							if (currentDraft === void 0) return current;
+							return {
+								...current,
+								[key]: {
+									...currentDraft,
+									routes: draft.routes,
+									baseline: savedRole?.routes ?? draft.routes,
+									cleared: false,
+									busy: false,
+									message: {
+										tone: "success",
+										text: common("saved")
+									}
+								}
+							};
+						});
+						return true;
+					}
+					setDrafts((current) => {
+						const currentDraft = current[key];
+						if (currentDraft === void 0) return current;
+						return {
+							...current,
+							[key]: {
+								...currentDraft,
+								busy: false,
+								message: {
+									tone: "error",
+									text: t("saveRejected", { reason: result.reason })
+								}
+							}
+						};
+					});
+					return false;
+				} catch (reason) {
+					setDrafts((current) => {
+						const currentDraft = current[key];
+						if (currentDraft === void 0) return current;
+						return {
+							...current,
+							[key]: {
+								...currentDraft,
+								busy: false,
+								message: {
+									tone: "error",
+									text: t("saveRejected", { reason: messageOf(reason) })
+								}
+							}
+						};
+					});
+					return false;
+				}
+			};
+			const saveAll = async () => {
+				if (dirtyCount === 0 || bulkBusy !== void 0 || anyBusy || anyIncomplete || anyInvalid) return;
+				setBulkBusy("save");
+				setBulkMessage(void 0);
+				let saved = 0;
+				let failed = 0;
+				for (const key of dirtyKeys) if (await saveRole(key)) saved += 1;
+				else failed += 1;
+				setBulkBusy(void 0);
+				setBulkMessage(failed === 0 ? {
+					tone: "success",
+					text: t("saveAllDone", { count: saved })
+				} : {
+					tone: "error",
+					text: t("saveAllPartial", {
+						count: saved,
+						failed
+					})
+				});
+			};
+			const openBudget = () => {
+				if (dirtyFlag && !confirmDiscard(t("confirmDiscardChanges"))) return;
+				if (dirtyFlag) resetAll();
+				setBudgetOpen(true);
+			};
+			const onBudgetApplied = (next) => {
+				applySnapshot(next);
+				setBudgetOpen(false);
+				setBulkMessage({
+					tone: "success",
+					text: t("budgetDone", { budget: budgetLabel(next.budget, t) })
+				});
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+					className: "pstack-section-head",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "pstack-section-desc",
+						children: t("rolesSubtitle")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "pstack-file-meta",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Status, {
+								tone: fileStatus.tone,
+								label: fileStatus.label
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("file") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+								className: "pstack-file-path",
+								title: snapshot.path,
+								children: snapshot.path
+							})
+						]
+					})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "pstack-section-actions",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+								variant: "outline",
+								size: "sm",
+								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconEraser, { size: 13 }),
+								disabled: !canClearAll || !snapshot.canSave || bulkBusy !== void 0 || anyBusy || loading,
+								onClick: clearAll,
+								children: t("clearAll")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+								variant: "outline",
+								size: "sm",
+								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconUndo, { size: 13 }),
+								disabled: dirtyCount === 0 || bulkBusy !== void 0 || anyBusy || loading,
+								onClick: resetAll,
+								children: t("resetAll")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+								variant: "primary",
+								size: "sm",
+								icon: bulkBusy === "save" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, { size: 13 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconSave, { size: 13 }),
+								disabled: dirtyCount === 0 || bulkBusy !== void 0 || anyBusy || anyIncomplete || anyInvalid || loading || !snapshot.canSave,
+								onClick: () => void saveAll(),
+								children: bulkBusy === "save" ? t("savingAll") : dirtyCount > 0 ? t("saveAllCount", { count: dirtyCount }) : t("saveAll")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconButton, {
+								label: common("refresh"),
+								disabled: loading || bulkBusy !== void 0 || anyBusy,
+								onClick: () => {
+									if (dirtyFlag && !confirmDiscard(t("confirmDiscardChanges"))) return;
+									load();
+								},
+								children: loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, { size: 14 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconRefresh, { size: 14 })
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "pstack-budget-bar",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "pstack-budget-status",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "pstack-field-label",
+							children: t("budgetTitle")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("budgetCurrent", { budget: budgetLabel(snapshot.budget, t) }) })]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+						variant: "outline",
+						size: "sm",
+						id: "pstack-budget-trigger",
+						disabled: !snapshot.canSave || catalogue === void 0 || bulkBusy !== void 0 || anyBusy || loading,
+						onClick: openBudget,
+						children: t("budgetAdjust")
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "pstack-effort-hint",
+					role: "note",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconInfo, { size: 14 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("effortBaselineHint") })]
+				}),
+				budgetOpen && catalogue !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BudgetDialog, {
+					snapshot,
+					catalogue,
+					translations,
+					onApply: (request, signal) => api.budget(request, signal),
+					onApplied: onBudgetApplied,
+					onClose: () => setBudgetOpen(false),
+					signal: abortRef.current?.signal
+				}) : null,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Toast, { message: refreshMessage }),
+				snapshot.reason === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "pstack-notice",
+					"data-tone": "error",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconAlert, { size: 14 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("unreadable", { reason: snapshot.reason }) })]
+				}),
+				snapshot.status === "missing" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "pstack-notice",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconInfo, { size: 14 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("fileMissingHint") })]
+				}) : null,
+				snapshot.issues.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "pstack-notice",
+					"data-tone": "error",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconAlert, { size: 14 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+						className: "pstack-notice-list",
+						children: snapshot.issues.map((issue, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: issue.line === void 0 ? issue.message : t("issueAtLine", {
+							line: issue.line,
+							message: issue.message
+						}) }, `${issue.line ?? "x"}-${index}`))
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Toast, { message: bulkMessage }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "pstack-role-list",
+					children: snapshot.roles.map((role) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoleCard, {
+						role,
+						draft: draftFor(role),
+						catalogue,
+						translations,
+						disabled: !snapshot.canSave || bulkBusy !== void 0 || anyBusy || loading,
+						onRoutesChange: (routes) => updateRoutes(role.key, routes),
+						onClear: () => clearRole(role.key),
+						onSave: () => void saveRole(role.key),
+						onReset: () => resetRole(role.key)
+					}, role.key))
+				})
+			] });
+		}
+		function statusPresentation(snapshot, t) {
+			if (snapshot.status === "unreadable") return {
+				label: t("statusUnreadable"),
+				tone: "error"
+			};
+			if (snapshot.status === "missing") return {
+				label: t("statusMissing"),
+				tone: "warn"
+			};
+			return {
+				label: t("statusLoaded"),
+				tone: "success"
+			};
+		}
+		// src/client/PstackConfigDialog.tsx
+		/** Plugin-detail action and configuration dialog for dsh-pstack. */
+		ensurePstackStyles();
+		function PstackConfigDialog(props) {
+			const [tab, setTab] = (0, react.useState)("plugins");
+			const [visited, setVisited] = (0, react.useState)(() => /* @__PURE__ */ new Set(["plugins"]));
+			const [rolesDirty, setRolesDirty] = (0, react.useState)(false);
+			const titleId = (0, react.useId)();
+			const tabsId = (0, react.useId)();
+			const panelRef = (0, react.useRef)(null);
+			const { roleApi, pluginApi, translations, onClose } = props;
+			const dirtyRef = (0, react.useRef)(false);
+			(0, react.useEffect)(() => {
+				dirtyRef.current = rolesDirty;
+			}, [rolesDirty]);
+			const onCloseRef = (0, react.useRef)(onClose);
+			(0, react.useEffect)(() => {
+				onCloseRef.current = onClose;
+			}, [onClose]);
+			const requestClose = (0, react.useCallback)(() => {
+				if (dirtyRef.current && !confirmDiscard(translations.roles("confirmDiscardChanges"))) return;
+				onCloseRef.current();
+			}, [translations]);
+			const selectTab = (next) => {
+				setTab(next);
+				setVisited((current) => current.has(next) ? current : /* @__PURE__ */ new Set([...current, next]));
+			};
+			useFocusTrap(panelRef, requestClose, true, {
+				suspended: () => document.querySelector(".pstack-budget-overlay") !== null,
+				lockScroll: true,
+				skipHidden: true
+			});
+			if (typeof document === "undefined") return null;
+			return (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "pstack-overlay",
+				role: "presentation",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "pstack-mask",
+					"aria-hidden": "true",
+					onClick: requestClose
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "pstack-panel",
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-labelledby": titleId,
+					tabIndex: -1,
+					ref: panelRef,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+							className: "pstack-header",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+								className: "pstack-title",
+								id: titleId,
+								children: translations.config("dialogTitle")
+							}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconButton, {
+								label: translations.common("close"),
+								className: "pstack-icon-btn-plain",
+								onClick: requestClose,
+								autoFocus: true,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconClose, { size: 14 })
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "pstack-tabs-row",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SegmentedTabs, {
+								label: translations.config("tabsLabel"),
+								value: tab,
+								onChange: selectTab,
+								items: [{
+									value: "plugins",
+									label: translations.config("tabPlugins"),
+									id: `${tabsId}-plugins`,
+									panelId: `${tabsId}-plugins-panel`
+								}, {
+									value: "roles",
+									label: translations.config("tabRoles"),
+									id: `${tabsId}-roles`,
+									panelId: visited.has("roles") ? `${tabsId}-roles-panel` : void 0
+								}]
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("main", {
+							className: "pstack-body",
+							children: [visited.has("plugins") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								hidden: tab !== "plugins",
+								id: `${tabsId}-plugins-panel`,
+								role: "tabpanel",
+								"aria-labelledby": `${tabsId}-plugins`,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RecommendedPluginsView, {
+									api: pluginApi,
+									translations
+								})
+							}) : null, visited.has("roles") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								hidden: tab !== "roles",
+								id: `${tabsId}-roles-panel`,
+								role: "tabpanel",
+								"aria-labelledby": `${tabsId}-roles`,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoleSettingsView, {
+									api: roleApi,
+									translations,
+									onDirtyChange: setRolesDirty
+								})
+							}) : null]
+						})
+					]
+				})]
+			}), document.body);
+		}
+		/** Create the action component registered into `plugins.detail.actions`. */
+		function createPstackConfigAction(roleApi, pluginApi, translations) {
+			return function PstackConfigAction(props) {
+				const [open, setOpen] = (0, react.useState)(false);
+				const triggerRef = (0, react.useRef)(null);
+				const wasOpen = (0, react.useRef)(false);
+				(0, react.useEffect)(() => {
+					if (open) return;
+					if (!wasOpen.current) return;
+					wasOpen.current = false;
+					triggerRef.current?.focus();
+				}, [open]);
+				if (props.subject.kind !== "bundle" || props.subject.pkg.name !== "dsh-pstack") return null;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+					variant: "outline",
+					size: "sm",
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconSettings, { size: 13 }),
+					onClick: (event) => {
+						triggerRef.current = event.currentTarget;
+						wasOpen.current = true;
+						setOpen(true);
+					},
+					children: translations.config("configureAction")
+				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PstackConfigDialog, {
+					roleApi,
+					pluginApi,
+					translations,
+					onClose: () => setOpen(false)
+				}) : null] });
+			};
+		}
+		const common = {
+			en: {
+				close: "Close",
+				refresh: "Refresh",
+				retry: "Retry",
+				save: "Save",
+				saving: "Saving…",
+				saved: "Saved"
+			},
+			zh: {
+				close: "关闭",
+				refresh: "刷新",
+				retry: "重试",
+				save: "保存",
+				saving: "保存中…",
+				saved: "已保存"
+			}
+		};
+		const config = {
+			en: {
+				configureAction: "Configure",
+				dialogTitle: "Configure Pstack",
+				tabsLabel: "Configuration sections",
+				tabPlugins: "Recommended plugins",
+				tabRoles: "Role models"
+			},
+			zh: {
+				configureAction: "配置",
+				dialogTitle: "配置 Pstack",
+				tabsLabel: "配置分区",
+				tabPlugins: "推荐插件",
+				tabRoles: "角色模型"
+			}
+		};
+		const plugins = {
+			en: {
+				pluginsSubtitle: "Optional plugins related to the pstack port review. Missing or incomplete packages cannot be enabled here.",
+				pluginsSummary: "Recommended {enabled}/{total}",
+				groupRecommended: "Recommended",
+				groupRecommendedDescription: "Work directly with the pstack workflow and should usually be enabled.",
+				groupNormal: "Optional",
+				groupNormalDescription: "Useful for specific workflows. Enable only when the workflow needs it.",
+				groupConflict: "Conflicts",
+				groupConflictDescription: "Conflicts with the pstack root preset or pstack_subagent.",
+				loadFailed: "Could not read plugin status: {message}",
+				managerUnavailable: "Plugin manager unavailable",
+				pluginEnabled: "Enabled",
+				pluginDisabled: "Disabled",
+				pluginMissing: "Not installed",
+				pluginUnavailable: "Unavailable",
+				pluginReadOnly: "Read-only",
+				pluginConflict: "Conflict",
+				enablePlugin: "Enable",
+				disablePlugin: "Disable",
+				enableAll: "Enable all",
+				enableAllCount: "Enable all ({count})",
+				enableAllComplete: "All enabled",
+				enableAllBusy: "Enabling…",
+				enableAllDone: "Enabled {count} recommended plugins",
+				enableAllRestart: "{count} recommended plugins require a restart",
+				enableAllPartial: "Changed {settled} recommended plugins, {restarts} require a restart, {unsettled} not applied",
+				pluginChangeFailed: "Could not change {name}: {reason}",
+				pluginChangeApplied: "Applied change to {name}",
+				pluginChangeRestart: "{name} takes effect after restart",
+				pluginChangeRestartReason: "{name} takes effect after restart ({reason})",
+				pluginChangeOverridden: "Change to {name} was overridden",
+				pluginChangeCancelled: "Change to {name} was cancelled",
+				pluginChangeUnknownReason: "no further detail",
+				recommendedForgeTitle: "Change requests & worktrees",
+				recommendedForgeDescription: "Track GitHub PRs, checks, reviews, and local worktrees beside the conversation.",
+				recommendedSessionSearchTitle: "Session search",
+				recommendedSessionSearchDescription: "Search earlier sessions and inspect their events.",
+				recommendedBrowserTitle: "Browser verification",
+				recommendedBrowserDescription: "Drive a browser to verify pages. Requires a provider and an image-capable model.",
+				recommendedCuaTitle: "Desktop verification",
+				recommendedCuaDescription: "Control the desktop in macOS PTC sessions. Windows support is incomplete.",
+				recommendedTerminalTitle: "Persistent terminals",
+				recommendedTerminalDescription: "Keep PTY terminals alive for CLI and TUI verification.",
+				recommendedMcpTitle: "MCP integrations",
+				recommendedMcpDescription: "Connect configured MCP servers. No server is configured by default.",
+				recommendedRalphTitle: "Ralph loop",
+				recommendedRalphDescription: "Run a foreground fresh-agent loop with structured handoff.",
+				recommendedAgentTeamTitle: "Agent Teams",
+				recommendedAgentTeamDescription: "Conflicts with the pstack root preset and pstack_subagent. Enabling it makes the pstack root preset fail at startup."
+			},
+			zh: {
+				pluginsSubtitle: "与本插件移植审查相关的可选插件。未安装或依赖不全的插件无法在这里启用。",
+				pluginsSummary: "推荐已启用 {enabled}/{total}",
+				groupRecommended: "推荐",
+				groupRecommendedDescription: "与 pstack 工作流直接配合，通常应启用。",
+				groupNormal: "可选",
+				groupNormalDescription: "用于特定工作流，按需启用。",
+				groupConflict: "冲突",
+				groupConflictDescription: "与 pstack 根预设或 pstack_subagent 冲突。",
+				loadFailed: "无法读取插件状态：{message}",
+				managerUnavailable: "插件管理器不可用",
+				pluginEnabled: "已启用",
+				pluginDisabled: "未启用",
+				pluginMissing: "未安装",
+				pluginUnavailable: "不可用",
+				pluginReadOnly: "只读",
+				pluginConflict: "冲突",
+				enablePlugin: "启用",
+				disablePlugin: "停用",
+				enableAll: "全部启用",
+				enableAllCount: "全部启用（{count}）",
+				enableAllComplete: "已全部启用",
+				enableAllBusy: "正在启用…",
+				enableAllDone: "已启用 {count} 个推荐插件",
+				enableAllRestart: "{count} 个推荐插件需要重启后生效",
+				enableAllPartial: "已修改 {settled} 个推荐插件，{restarts} 个需要重启，{unsettled} 个未生效",
+				pluginChangeFailed: "无法修改 {name}：{reason}",
+				pluginChangeApplied: "已应用对 {name} 的修改",
+				pluginChangeRestart: "{name} 将在重启后生效",
+				pluginChangeRestartReason: "{name} 将在重启后生效（{reason}）",
+				pluginChangeOverridden: "对 {name} 的修改已被覆盖",
+				pluginChangeCancelled: "对 {name} 的修改已取消",
+				pluginChangeUnknownReason: "无更多信息",
+				recommendedForgeTitle: "变更请求与工作树",
+				recommendedForgeDescription: "在会话侧边栏跟踪 GitHub PR、检查、评审和本地工作树。",
+				recommendedSessionSearchTitle: "会话搜索",
+				recommendedSessionSearchDescription: "搜索历史会话并检查其中的事件。",
+				recommendedBrowserTitle: "浏览器验证",
+				recommendedBrowserDescription: "驱动浏览器验证页面；需要 provider 和支持图像的模型。",
+				recommendedCuaTitle: "桌面验证",
+				recommendedCuaDescription: "在 macOS PTC Session 中控制桌面；Windows 支持不完整。",
+				recommendedTerminalTitle: "持久终端",
+				recommendedTerminalDescription: "保留 PTY 终端，用于 CLI 和 TUI 验证。",
+				recommendedMcpTitle: "MCP 集成",
+				recommendedMcpDescription: "连接已配置的 MCP server；默认不配置任何 server。",
+				recommendedRalphTitle: "Ralph 循环",
+				recommendedRalphDescription: "运行带结构化交接的前台 fresh-agent 循环。",
+				recommendedAgentTeamTitle: "智能体团队",
+				recommendedAgentTeamDescription: "与 pstack 根预设和 pstack_subagent 冲突。启用后 pstack 根预设会启动失败。"
+			}
+		};
+		const roles = {
+			en: {
+				rolesSubtitle: "Choose each role's provider, model, and reasoning effort. Only supported efforts are listed.",
+				effortBaselineHint: "Reasoning effort is a baseline. It may move up or down at dispatch to fit the task.",
+				file: "File",
+				statusMissing: "missing",
+				statusLoaded: "loaded",
+				statusUnreadable: "unreadable",
+				fileMissingHint: "The role file does not exist yet. Saving a role creates it.",
+				issueAtLine: "Line {line}: {message}",
+				rolesLoading: "Loading role configuration…",
+				rolesLoadFailed: "Could not read the role configuration: {message}",
+				saveRejected: "Save rejected: {reason}",
+				saveAll: "Save all",
+				saveAllCount: "Save all ({count})",
+				savingAll: "Saving…",
+				saveAllDone: "Saved {count} roles",
+				saveAllPartial: "Saved {count} roles, {failed} failed",
+				resetRole: "Reset",
+				resetAll: "Reset all",
+				clearAll: "Clear all",
+				unsavedChanges: "Unsaved changes",
+				clearHint: "Saving removes this role's line.",
+				confirmDiscardChanges: "Discard unsaved role changes?",
+				inheritParent: "Inherit parent",
+				auto: "Auto",
+				provider: "Provider",
+				model: "Model",
+				effort: "Reasoning effort",
+				effortUnset: "Not set",
+				noModels: "No models",
+				providerUnavailable: "Unavailable",
+				addRoute: "Add route",
+				removeRoute: "Remove route",
+				clearRole: "Clear",
+				roleConfigured: "Configured",
+				roleInvalid: "Invalid configuration",
+				roleRouteInvalid: "Route needs attention",
+				routeIncompleteHint: "Fill in both the provider and the model before saving.",
+				routeInvalidHint: "This route points at a provider, model, or effort that is not available.",
+				roleMissing: "Not configured",
+				roleLine: "Line {line}",
+				singleRoute: "Single route",
+				listRoute: "Route list",
+				singleRouteHint: "A single-route role keeps at most one route. An empty list removes its line.",
+				unreadable: "This file cannot be edited until it becomes readable: {reason}",
+				roleFeatureName: "Feature & refactoring",
+				roleFeatureDescription: "Implement a new feature or restructure existing code.",
+				roleBugFixName: "Bug fix",
+				roleBugFixDescription: "Reproduce, locate, and fix a reported defect.",
+				rolePerfName: "Performance issue",
+				rolePerfDescription: "Trace and fix a one-off performance regression.",
+				roleHillclimbName: "Hillclimb",
+				roleHillclimbDescription: "Run sustained experiments against a single metric target.",
+				roleJudgmentName: "Judgment & prose",
+				roleJudgmentDescription: "Tasks that need product judgment or polished writing.",
+				roleHardestName: "Hardest tasks",
+				roleHardestDescription: "Cross-cutting design, concurrency, or subtle algorithms.",
+				roleHowExplorerName: "how explorer",
+				roleHowExplorerDescription: "Explore the codebase for architecture and runtime questions.",
+				roleHowExplainerName: "how explainer",
+				roleHowExplainerDescription: "Turn exploration into a readable architecture explanation.",
+				roleWhyInvestigatorsName: "why investigators",
+				roleWhyInvestigatorsDescription: "Collect decision history and motivation in parallel.",
+				roleWhySynthesizerName: "why synthesizer",
+				roleWhySynthesizerDescription: "Combine evidence into one cited conclusion.",
+				roleReflectToolingName: "reflect tooling",
+				roleReflectToolingDescription: "Review tooling and process during a reflect pass.",
+				roleReflectJudgmentName: "reflect judgment & synthesis",
+				roleReflectJudgmentDescription: "Review the judgment, divergent, and synthesis steps.",
+				roleArenaRunnersName: "arena runners",
+				roleArenaRunnersDescription: "Produce candidate artifacts for cross-judging.",
+				roleArenaJudgesName: "arena cross-judge pool",
+				roleArenaJudgesDescription: "Cross-model judges for arena candidates.",
+				roleSwarmName: "swarm workers",
+				roleSwarmDescription: "Large parallel coverage, races, and exploration.",
+				roleArchitectName: "architect runners",
+				roleArchitectDescription: "Draft types and module structure in parallel.",
+				roleInterrogateName: "interrogate reviewers",
+				roleInterrogateDescription: "Adversarial review that keeps only reproducible findings.",
+				budgetTitle: "Reasoning budget",
+				budgetCurrent: "Last applied: {budget}",
+				budgetUnset: "Not set",
+				budgetAdjust: "Adjust budget",
+				budgetScope: "Apply to",
+				budgetScopeConcrete: "Existing concrete routes only",
+				budgetScopeUnconfigured: "Fill unconfigured roles with a default model",
+				budgetTier: "Budget tier",
+				budgetTierUnlimited: "Unlimited (max)",
+				budgetTierLarge: "Large (xhigh)",
+				budgetTierMedium: "Medium (high)",
+				budgetTierSmall: "Small (medium)",
+				budgetProvider: "Provider",
+				budgetModel: "Model",
+				budgetNoProvider: "No provider with a usable model",
+				budgetPreview: "Preview",
+				budgetCurrentRoute: "Current",
+				budgetTargetRoute: "Target",
+				budgetStatusChanged: "Will change",
+				budgetStatusUnchanged: "Already matches",
+				budgetStatusFallback: "Fallback: {effort}",
+				budgetStatusNeedsChoice: "Needs manual choice",
+				budgetStatusCustom: "Custom effort",
+				budgetStatusMissingModel: "Model unavailable: {model}",
+				budgetStatusUnsupported: "No reasoning effort",
+				budgetStatusSkipped: "Unchanged",
+				budgetApply: "Apply budget",
+				budgetApplying: "Applying…",
+				budgetFailed: "Budget apply failed: {reason}",
+				budgetDone: "Applied {budget} budget",
+				budgetNoModel: "Select a model",
+				budgetWarnings: "Warnings",
+				budgetWarningAutoPanel: "Role \"{role}\" is an automatic panel; the default model fills only one entry, so it is not a cross-model panel.",
+				budgetErrorProvider: "Provider {provider} is unavailable",
+				budgetErrorModel: "Model {model} is unavailable"
+			},
+			zh: {
+				rolesSubtitle: "为每个角色选择提供方、模型和推理强度；只列出模型支持的值。",
+				effortBaselineHint: "推理强度为基准档位，实际派发时会根据任务需要上下浮动调整。",
+				file: "文件",
+				statusMissing: "缺失",
+				statusLoaded: "已加载",
+				statusUnreadable: "不可读",
+				fileMissingHint: "角色文件尚不存在。保存任意角色后会创建该文件。",
+				issueAtLine: "第 {line} 行：{message}",
+				rolesLoading: "正在读取角色配置…",
+				rolesLoadFailed: "无法读取角色配置：{message}",
+				saveRejected: "保存被拒绝：{reason}",
+				saveAll: "全部保存",
+				saveAllCount: "全部保存（{count}）",
+				savingAll: "正在保存…",
+				saveAllDone: "已保存 {count} 个角色",
+				saveAllPartial: "已保存 {count} 个角色，{failed} 个失败",
+				resetRole: "重置",
+				resetAll: "全部重置",
+				clearAll: "全部清除",
+				unsavedChanges: "未保存",
+				clearHint: "保存后将删除该角色的行。",
+				confirmDiscardChanges: "放弃未保存的角色修改？",
+				inheritParent: "继承父级",
+				auto: "自动",
+				provider: "提供方",
+				model: "模型",
+				effort: "推理强度",
+				effortUnset: "未指定",
+				noModels: "没有模型",
+				providerUnavailable: "不可用",
+				addRoute: "添加路由",
+				removeRoute: "删除路由",
+				clearRole: "清除",
+				roleConfigured: "已配置",
+				roleInvalid: "配置有误",
+				roleRouteInvalid: "路由需要处理",
+				routeIncompleteHint: "请先补齐提供方与模型后再保存。",
+				routeInvalidHint: "该路由指向当前不可用的提供方、模型或推理档位。",
+				roleMissing: "未配置",
+				roleLine: "第 {line} 行",
+				singleRoute: "单路由",
+				listRoute: "路由列表",
+				singleRouteHint: "单路由角色最多保留一条路由，空列表会删除角色行。",
+				unreadable: "文件可读之前无法编辑：{reason}",
+				roleFeatureName: "功能开发与重构",
+				roleFeatureDescription: "实现新功能，或重构既有代码结构。",
+				roleBugFixName: "缺陷修复",
+				roleBugFixDescription: "复现、定位并修复用户报告的缺陷。",
+				rolePerfName: "性能问题",
+				rolePerfDescription: "追踪并修复一次性的性能退化。",
+				roleHillclimbName: "指标爬坡",
+				roleHillclimbDescription: "围绕单一指标目标持续实验和优化。",
+				roleJudgmentName: "判断与文案",
+				roleJudgmentDescription: "需要产品判断力或高质量文案的任务。",
+				roleHardestName: "最艰难任务",
+				roleHardestDescription: "跨模块设计、并发或算法等最难的任务。",
+				roleHowExplorerName: "how 探索",
+				roleHowExplorerDescription: "探索代码库，回答架构与运行机制问题。",
+				roleHowExplainerName: "how 讲解",
+				roleHowExplainerDescription: "把探索结果整理成可理解的架构说明。",
+				roleWhyInvestigatorsName: "why 调查",
+				roleWhyInvestigatorsDescription: "并行搜集决策历史与动机证据。",
+				roleWhySynthesizerName: "why 综合",
+				roleWhySynthesizerDescription: "把多路证据汇成一份带引用的结论。",
+				roleReflectToolingName: "reflect 工具",
+				roleReflectToolingDescription: "复盘时审查工具与流程问题。",
+				roleReflectJudgmentName: "reflect 判断与综合",
+				roleReflectJudgmentDescription: "复盘判断、发散与综合环节。",
+				roleArenaRunnersName: "arena 参赛",
+				roleArenaRunnersDescription: "并行产出候选方案，供交叉评审挑选。",
+				roleArenaJudgesName: "arena 交叉裁判池",
+				roleArenaJudgesDescription: "为候选方案提供跨模型评审。",
+				roleSwarmName: "swarm 工作者",
+				roleSwarmDescription: "大规模并行执行覆盖、竞速或勘察任务。",
+				roleArchitectName: "architect 设计",
+				roleArchitectDescription: "并行给出类型与模块结构草案。",
+				roleInterrogateName: "interrogate 评审",
+				roleInterrogateDescription: "以对抗姿态审查改动，只保留可复现的问题。",
+				budgetTitle: "推理预算",
+				budgetCurrent: "上次应用：{budget}",
+				budgetUnset: "未设置",
+				budgetAdjust: "调整预算",
+				budgetScope: "应用到",
+				budgetScopeConcrete: "仅已有具体路由",
+				budgetScopeUnconfigured: "为未配置角色填入默认模型",
+				budgetTier: "预算档位",
+				budgetTierUnlimited: "无限制（max）",
+				budgetTierLarge: "大（xhigh）",
+				budgetTierMedium: "中（high）",
+				budgetTierSmall: "小（medium）",
+				budgetProvider: "提供方",
+				budgetModel: "模型",
+				budgetNoProvider: "没有带可用模型的提供方",
+				budgetPreview: "预演",
+				budgetCurrentRoute: "当前",
+				budgetTargetRoute: "目标",
+				budgetStatusChanged: "将调整",
+				budgetStatusUnchanged: "已符合",
+				budgetStatusFallback: "回退到 {effort}",
+				budgetStatusNeedsChoice: "需要手动选择",
+				budgetStatusCustom: "自定义 effort",
+				budgetStatusMissingModel: "模型不可用：{model}",
+				budgetStatusUnsupported: "无推理档位",
+				budgetStatusSkipped: "保持不变",
+				budgetApply: "应用预算",
+				budgetApplying: "正在应用…",
+				budgetFailed: "应用预算失败：{reason}",
+				budgetDone: "已应用 {budget} 预算",
+				budgetNoModel: "请选择模型",
+				budgetWarnings: "警告",
+				budgetWarningAutoPanel: "角色「{role}」是自动面板；默认模型只填入一个条目，它不是跨模型面板。",
+				budgetErrorProvider: "提供方 {provider} 不可用",
+				budgetErrorModel: "模型 {model} 不可用"
+			}
+		};
+		// src/client/locales/namespaces.ts
+		/** Locale namespace ids for the pstack client surfaces. */
+		const NS = {
+			common: "pstack.common",
+			config: "pstack.config",
+			plugins: "pstack.plugins",
+			roles: "pstack.roles"
+		};
+		// src/client/locales/index.ts
+		/** Locale namespaces and catalogs for pstack client surfaces. */
+		const catalogs = {
+			common,
+			config,
+			plugins,
+			roles
+		};
+		// src/client/index.ts
+		/** Browser services this plugin needs. `remote.pluginManager` stays optional, so roles load without it. */
+		const inject = [
+			"remote",
+			"slots",
+			"locale"
+		];
+		/**
+		* Build a stable API whose methods resolve the manager at call time.
+		*
+		* The plugin-manager Remote namespace can arrive before or after this plugin's
+		* `apply`, so it must not be captured once here. A missing manager fails only the
+		* recommendation tab when it is used, and a later arrival recovers on refresh.
+		*/
+		function createPluginManagerApi(getPluginManager) {
+			const manager = () => {
+				const value = getPluginManager();
+				if (value === void 0) throw new Error("plugin manager is not available yet");
+				return value;
+			};
+			return {
+				listBundles: async () => unwrap(await manager().listBundles()),
+				setBundleEnabled: async (name, enabled) => unwrap(await manager().setBundleEnabled(name, enabled))
+			};
+		}
+		async function apply(ctx) {
+			const disposeRemote = await ctx.remote.$mount(pstackRolesRemote);
+			ctx.effect(() => ctx.locale.register(NS.common, catalogs.common), "pstack-config.locale.common");
+			ctx.effect(() => ctx.locale.register(NS.config, catalogs.config), "pstack-config.locale.config");
+			ctx.effect(() => ctx.locale.register(NS.plugins, catalogs.plugins), "pstack-config.locale.plugins");
+			ctx.effect(() => ctx.locale.register(NS.roles, catalogs.roles), "pstack-config.locale.roles");
+			let pluginManager;
+			ctx.inject(["remote.pluginManager"], (scope) => {
+				pluginManager = scope.remote.pluginManager;
+			});
+			const pluginApi = createPluginManagerApi(() => pluginManager);
+			ctx.inject(["remote.pstackRoles"], (scope) => {
+				const pstack = scope.remote.pstackRoles;
+				if (pstack === void 0) return;
+				const roleApi = {
+					status: async () => unwrap(await pstack.status()),
+					catalogue: async (signal) => unwrap(await pstack.catalogue(signal)),
+					save: async (request, signal) => unwrap(await pstack.save(request, signal)),
+					budget: async (request, signal) => unwrap(await pstack.budget(request, signal))
+				};
+				const translations = {
+					common: ctx.locale.bind(NS.common),
+					config: ctx.locale.bind(NS.config),
+					plugins: ctx.locale.bind(NS.plugins),
+					roles: ctx.locale.bind(NS.roles)
+				};
+				scope.slots.inject("plugins.detail.actions", () => scope.slots.register({
+					name: "plugins.detail.actions",
+					id: "pstack",
+					order: 20,
+					label: translations.config("configureAction")
+				}, createPstackConfigAction(roleApi, pluginApi, translations)));
+			});
+			return disposeRemote;
+		}
+		function unwrap(result) {
+			if (!result.ok) throw result.error;
+			return result.value;
+		}
+		exports.apply = apply;
+		exports.createPluginManagerApi = createPluginManagerApi;
+		exports.inject = inject;
+		return module.exports;
+	}
+});