@dsh-workbench/core 0.2.11 → 0.2.13

package/dist/client/index.js

@@ -467,11 +467,6 @@ function probeKeyOf(error) {
 	if (error === void 0) return null;
 	return error.code === "" ? "unknown" : error.code;
 }
-//#endregion
-//#region ../shared/dist/api/unit.js
-function hasEnvSupply(manifest) {
-	return (manifest.env?.plugins ?? []).length > 0 || (manifest.env?.libs ?? []).length > 0;
-}
 var SUPPORTED_API_VERSIONS = [1];
 var DECLARATION_KEYS = [
 	"apiVersion",
@@ -600,6 +595,11 @@ function readDeclaration(subject, raw) {
 	};
 }
 //#endregion
+//#region ../shared/dist/api/unit.js
+function hasEnvSupply(manifest) {
+	return (manifest.env?.plugins ?? []).length > 0 || (manifest.env?.libs ?? []).length > 0;
+}
+//#endregion
 //#region ../shared/dist/config/constants.js
 var PLUGIN_ID = "@dsh-workbench/core";
 var RELEASE_SIBLINGS = ["@dsh-workbench/shared", "@dsh-workbench/module-tools"];
@@ -897,13 +897,26 @@ function CardAnchor({ unit, children }) {
 	}, children);
 }
 //#endregion
+//#region ../shared/dist/components/Spinner.js
+function Spinner({ size = 14, label }) {
+	return h("span", {
+		className: "wb-spinner",
+		...label === void 0 ? { "aria-hidden": true } : {
+			role: "status",
+			"aria-label": label
+		}
+	}, h(StateDot, {
+		state: "ongoing",
+		size
+	}));
+}
+//#endregion
 //#region ../shared/dist/components/ChoiceGroup.js
 function ChoiceMenu(input) {
-	return h("div", {
-		className: "wb-choiceMenu",
-		role: input.multi ? "group" : "radiogroup",
-		"aria-label": input.label
-	}, input.options.map((option) => {
+	const body = input.loading ? h("span", {
+		className: "wb-choiceLoading",
+		role: "status"
+	}, h(Spinner, { size: 14 }), h("span", { className: "wb-choiceLoadingText" }, input.loadingText ?? "…")) : input.options.length === 0 ? input.emptyText === void 0 ? null : h("span", { className: "wb-choiceEmpty" }, input.emptyText) : input.options.map((option) => {
 		const row = input.rowOf(option.value);
 		return h(Fragment, { key: option.value }, h("label", { className: `wb-choiceOption${row.checked ? " wb-choiceOptionOn" : ""}` }, h("input", {
 			className: input.multi ? "wb-checkbox" : "wb-radio",
@@ -915,15 +928,26 @@ function ChoiceMenu(input) {
 		}), input.multi ? h("span", {
 			className: "wb-checkboxBox",
 			"aria-hidden": "true"
-		}, row.checked ? h(IconCheckOutlineRegular, { size: 12 }) : null) : null, h("span", { className: "wb-choiceLabel" }, option.label)));
-	}));
+		}, row.checked ? h(IconCheckOutlineRegular, { size: 12 }) : null) : null, h("span", { className: "wb-choiceLabel" }, h("span", { className: "wb-choiceLabelText" }, option.label), option.description === void 0 ? null : h("span", { className: "wb-choiceDescription" }, option.description))));
+	});
+	return h("div", {
+		className: "wb-choiceMenu",
+		"data-variant": input.variant,
+		role: input.multi ? "group" : "radiogroup",
+		"aria-label": input.label,
+		"aria-busy": input.loading ? true : void 0
+	}, body);
 }
 function ChoiceGroup(props) {
 	const common = {
 		label: props.label,
 		name: props.name,
 		options: props.options,
-		disabled: props.disabled === true
+		disabled: props.disabled === true,
+		variant: props.variant ?? "boxed",
+		loading: props.loading === true,
+		loadingText: props.loadingText,
+		emptyText: props.emptyText
 	};
 	if (props.multi === true) {
 		const values = props.values;
@@ -934,6 +958,10 @@ function ChoiceGroup(props) {
 			options: common.options,
 			disabled: common.disabled,
 			multi: true,
+			variant: common.variant,
+			loading: common.loading,
+			loadingText: common.loadingText,
+			emptyText: common.emptyText,
 			rowOf: (value) => ({
 				checked: values.includes(value),
 				onSelect: () => {
@@ -950,6 +978,10 @@ function ChoiceGroup(props) {
 		options: common.options,
 		disabled: common.disabled,
 		multi: false,
+		variant: common.variant,
+		loading: common.loading,
+		loadingText: common.loadingText,
+		emptyText: common.emptyText,
 		rowOf: (option) => ({
 			checked: option === value,
 			onSelect: () => {
@@ -959,6 +991,23 @@ function ChoiceGroup(props) {
 	});
 }
 //#endregion
+//#region ../shared/dist/components/Field.js
+function Field({ label, hint, children }) {
+	return h("label", { className: "wb-field" }, h("span", { className: "wb-fieldLabel" }, label), children, hint === void 0 ? null : h("span", { className: "wb-fieldHint" }, hint));
+}
+//#endregion
+//#region ../shared/dist/components/FormRows.js
+function FormRows({ children }) {
+	return h("div", { className: "wb-formRows" }, children);
+}
+function FormRow({ label, hint, problem, layout = "inline", children }) {
+	return h("label", {
+		className: "wb-formRow",
+		"data-layout": layout,
+		"data-wb-problem": problem === void 0 ? void 0 : ""
+	}, h("span", { className: "wb-formLabel" }, label), h("span", { className: "wb-formControl" }, children), problem === void 0 ? hint === void 0 ? null : h("span", { className: "wb-formHint" }, hint) : h("span", { className: "wb-formProblem" }, problem));
+}
+//#endregion
 //#region ../shared/dist/components/Link.js
 function Link({ href, children, title, external = true, className }) {
 	return h("a", {
@@ -1026,20 +1075,6 @@ function LongTaskRow(props) {
 	}))));
 }
 //#endregion
-//#region ../shared/dist/components/MockStrip.js
-function MockStrip({ mocks, index, onPick, note, real }) {
-	return h("div", { className: "wb-mockStrip" }, h("span", { className: "wb-mockNote" }, note ?? "夹具：只切状态，不发请求"), real === void 0 ? null : h("button", {
-		type: "button",
-		className: `wb-mockChip${real.active ? " wb-mockChipOn" : ""}`,
-		onClick: real.onPick
-	}, real.label), mocks.map((mock, at) => h("button", {
-		key: mock.id,
-		type: "button",
-		className: `wb-mockChip${at === index ? " wb-mockChipOn" : ""}`,
-		onClick: () => onPick(at)
-	}, mock.label)));
-}
-//#endregion
 //#region ../shared/dist/components/ResourceStates.js
 function SkeletonRows({ rows = 4 }) {
 	return h("div", {
@@ -1092,20 +1127,6 @@ function SaveBar({ busy, disabled, labels, onCancel, onSave }) {
 	}, busy ? labels.saving : labels.save));
 }
 //#endregion
-//#region ../shared/dist/components/SettingsSection.js
-function SettingsSection({ label, title, action, children }) {
-	return h("section", {
-		className: "wb-settings",
-		role: "group",
-		"aria-label": label
-	}, h("header", { className: "wb-settingsHead" }, h("span", { className: "wb-settingsTitle" }, title), action), children);
-}
-//#endregion
-//#region ../shared/dist/components/Field.js
-function Field({ label, hint, children }) {
-	return h("label", { className: "wb-field" }, h("span", { className: "wb-fieldLabel" }, label), children, hint === void 0 ? null : h("span", { className: "wb-fieldHint" }, hint));
-}
-//#endregion
 //#region ../shared/dist/components/TextField.js
 function TextField({ invalid = false, className, ...rest }) {
 	return h("input", {
@@ -1137,6 +1158,7 @@ function triggerNode(args) {
 		disabled: args.disabled,
 		"aria-haspopup": "listbox",
 		"aria-expanded": args.open,
+		"aria-invalid": args.invalid || void 0,
 		"aria-label": args.ariaLabel,
 		title: args.title,
 		onClick: args.onOpen
@@ -1149,12 +1171,10 @@ function loadingNode(args) {
 		className: `${args.className} wb-selectLoading`,
 		disabled: true,
 		"aria-busy": "true",
+		"aria-invalid": args.invalid || void 0,
 		"aria-label": args.ariaLabel,
 		title: args.loadingText
-	}, h("span", { className: "wb-selectValue" }, h(TextShimmer, { active: true }, args.loadingText ?? "…")), h("span", { className: "wb-selectChevron" }, h(StateDot, {
-		state: "ongoing",
-		size: 14
-	})));
+	}, h("span", { className: "wb-selectValue" }, h(TextShimmer, { active: true }, args.loadingText ?? "…")), h("span", { className: "wb-selectChevron" }, h(Spinner, { size: 14 })));
 }
 function searchNode(args) {
 	return h("span", {
@@ -1300,7 +1320,7 @@ function useSelectState(props) {
 	};
 }
 function SelectField(props) {
-	const { value, options, onChange, label, hint, icon, renderValue, placeholder, search = true, searchLabel, searchPlaceholder, footer, onFooter, disabled = false, loading = false, loadingText, fallback, selection = "fill", variant = "boxed", ariaLabel, title, id, name, className, menuClassName } = props;
+	const { value, options, onChange, label, hint, icon, renderValue, placeholder, search = true, searchLabel, searchPlaceholder, footer, onFooter, disabled = false, invalid = false, loading = false, loadingText, fallback, selection = "fill", variant = "boxed", ariaLabel, title, id, name, className, menuClassName } = props;
 	const state = useSelectState(props);
 	const current = options.find((option) => option.value === value);
 	const variantClass = variant === "ghost" ? "wb-selectGhost" : void 0;
@@ -1308,6 +1328,7 @@ function SelectField(props) {
 	if (loading) return framed(label, hint, className, loadingNode({
 		id,
 		className: triggerClass,
+		invalid,
 		ariaLabel,
 		loadingText
 	}));
@@ -1315,6 +1336,7 @@ function SelectField(props) {
 		id,
 		name,
 		className: "wb-selectFallback",
+		invalid,
 		"aria-label": ariaLabel,
 		value: fallback.value,
 		onChange: (event) => fallback.onChange(event.currentTarget.value)
@@ -1323,6 +1345,7 @@ function SelectField(props) {
 		id,
 		className: triggerClass,
 		disabled,
+		invalid,
 		open: state.open,
 		ariaLabel,
 		title,
@@ -1381,6 +1404,15 @@ function SelectField(props) {
 	}));
 }
 //#endregion
+//#region ../shared/dist/components/SettingsSection.js
+function SettingsSection({ label, title, action, children }) {
+	return h("section", {
+		className: "wb-settings",
+		role: "group",
+		"aria-label": label
+	}, h("header", { className: "wb-settingsHead" }, h("span", { className: "wb-settingsTitle" }, title), action), children);
+}
+//#endregion
 //#region ../shared/dist/components/Stack.js
 function Stack({ children }) {
 	return h("div", { className: "wb-stack" }, children);
@@ -2502,6 +2534,27 @@ function holdBusy(since, now, floorMs) {
 		releaseInMs: left
 	};
 }
+//#endregion
+//#region ../shared/dist/lib/form-problem.js
+var PROBLEM_SELECTOR = "[data-wb-problem]";
+var FOCUSABLE_SELECTOR = [
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"button:not([disabled])",
+	"a[href]",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(", ");
+function firstProblemOf(root) {
+	return root.querySelector(PROBLEM_SELECTOR);
+}
+function revealFirstProblem(root) {
+	const problem = firstProblemOf(root);
+	if (problem === null) return false;
+	problem.scrollIntoView?.({ block: "nearest" });
+	problem.querySelector(FOCUSABLE_SELECTOR)?.focus?.();
+	return true;
+}
 var PANEL_STATE_CRASH_WINDOW_MS = 6e5;
 var PANEL_STATE_MAX_TEXT = 2e3;
 var PHASES = [
@@ -2774,6 +2827,8 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	EmptyState: () => EmptyState,
 	FACT_SCOPE_SUFFIX: () => "*",
 	Field: () => Field,
+	FormRow: () => FormRow,
+	FormRows: () => FormRows,
 	Fragment: () => Fragment,
 	GIT_TIMEOUT_MS: () => GIT_TIMEOUT_MS,
 	HANDOFF_TTL_MS: () => HANDOFF_TTL_MS,
@@ -2792,7 +2847,6 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	Link: () => Link,
 	LongTaskRow: () => LongTaskRow,
 	MIN_BUSY_MS: () => 500,
-	MockStrip: () => MockStrip,
 	Note: () => Note,
 	OPENCLI_MAX_CONCURRENT: () => 4,
 	OPENCLI_PIN: () => OPENCLI_PIN,
@@ -2824,6 +2878,7 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	SelectField: () => SelectField,
 	SettingsSection: () => SettingsSection,
 	SkeletonRows: () => SkeletonRows,
+	Spinner: () => Spinner,
 	Stack: () => Stack,
 	StateBlock: () => StateBlock,
 	TextField: () => TextField,
@@ -2854,6 +2909,7 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	excerpt: () => excerpt,
 	factOfRoute: () => factOfRoute,
 	filterSelectOptions: () => filterSelectOptions,
+	firstProblemOf: () => firstProblemOf,
 	gateOf: () => gateOf,
 	h: () => h,
 	hasEnvSupply: () => hasEnvSupply,
@@ -2880,6 +2936,7 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	relativeTimeAgo: () => relativeTimeAgo,
 	relativeTimeBucket: () => relativeTimeBucket,
 	relativeTimeCompact: () => relativeTimeCompact,
+	revealFirstProblem: () => revealFirstProblem,
 	runsRouteOf: () => runsRouteOf,
 	scopePrefixOf: () => scopePrefixOf,
 	searchTextOf: () => searchTextOf,
@@ -3021,10 +3078,10 @@ var silentNextProbe = false;
 function markNextProbeSilent() {
 	silentNextProbe = true;
 }
-var probe$2 = NO_PROBE;
+var probe = NO_PROBE;
 var probeListeners = /* @__PURE__ */ new Set();
 function probeValue() {
-	return probe$2;
+	return probe;
 }
 function subscribeProbe(listener) {
 	probeListeners.add(listener);
@@ -3033,8 +3090,8 @@ function subscribeProbe(listener) {
 	};
 }
 function setProbe(next) {
-	if (next === probe$2) return;
-	probe$2 = next;
+	if (next === probe) return;
+	probe = next;
 	for (const listener of [...probeListeners]) listener();
 }
 var CAPABILITY_FACT = "capability";
@@ -3053,7 +3110,7 @@ function subscribeCapabilities(listener) {
 function setCapabilities(next, rechecked = false) {
 	if (next === null) setProbe(NO_PROBE);
 	else if (rechecked) setProbe({
-		...probe$2,
+		...probe,
 		checkedAt: Date.now()
 	});
 	if (next === current$1) return;
@@ -3061,15 +3118,15 @@ function setCapabilities(next, rechecked = false) {
 	for (const listener of [...listeners$3]) listener();
 }
 function beginProbe() {
-	if (probe$2.checking) return;
+	if (probe.checking) return;
 	setProbe({
-		...probe$2,
+		...probe,
 		checking: true
 	});
 }
 function endProbe() {
 	setProbe({
-		...probe$2,
+		...probe,
 		checking: false
 	});
 }
@@ -3165,41 +3222,34 @@ function useCapabilityMap(refreshToken) {
 	};
 }
 //#endregion
-//#region src/shared/hooks/mock-mode.ts
-var mock_mode_exports = /* @__PURE__ */ __exportAll({
-	crashModeOn: () => crashModeOn,
-	mockModeOn: () => mockModeOn
-});
-function mockModeOn(search) {
-	return /(?:^|[?&])(?:wbMock|wbMarketMock)=1(?:&|$)/.test(search);
-}
-function crashModeOn(search) {
-	return /(?:^|[?&])wbCrash=1(?:&|$)/.test(search);
-}
-//#endregion
-//#region src/shared/hooks/use-fixture-pick.ts
-var use_fixture_pick_exports = /* @__PURE__ */ __exportAll({ useFixturePick: () => useFixturePick });
-function useFixturePick(options) {
-	const controlled = options.selected !== void 0 || options.onSelect !== void 0;
-	const [ownActive, setOwnActive] = useState(options.initial ?? null);
-	const [nonce, setNonce] = useState(0);
-	const [on] = useState(() => mockModeOn(window.location.search));
-	const enabled = options.enabled ?? on;
-	const active = controlled ? options.selected ?? null : ownActive;
-	const pick = useCallback((id) => {
-		if (!controlled) setOwnActive(id);
-		options.onSelect?.(id);
-		setNonce((value) => value + 1);
-	}, [controlled, options]);
-	return {
-		enabled,
-		active,
-		current: options.fixtures.find((fixture) => fixture.id === active),
-		pick,
-		nonce,
-		index: options.fixtures.findIndex((fixture) => fixture.id === active)
-	};
-}
+//#region src/dev/surface.stub.ts
+var noop = () => void 0;
+var devSurface = {
+	on: () => false,
+	crash: () => false,
+	useBoard: ({ all }) => ({
+		shape: { kind: "real" },
+		seed: all,
+		strip: () => null,
+		mode: false
+	}),
+	useStrips: () => ({
+		pick: {
+			enabled: false,
+			active: null,
+			current: void 0,
+			nonce: 0,
+			index: 0,
+			pick: noop
+		},
+		current: void 0,
+		enabled: false,
+		strip: null
+	}),
+	addModuleState: (base) => base,
+	gateStrip: () => null,
+	kitModule: null
+};
 //#endregion
 //#region src/app/layouts/panel-hint.ts
 var hints = /* @__PURE__ */ new Map();
@@ -3280,1182 +3330,130 @@ function holdWindowMs(until) {
 	return until === void 0 ? MODULE_SETTLE_MS : WORKBENCH_SWAP_MS;
 }
 //#endregion
-//#region src/app/layouts/rightbar/market-installed-mock.ts
-function installedMocks(input) {
-	const { id, found, mine, probe } = input;
-	return [
-		{
-			id: "no-supply",
-			label: "没有环境依赖的模块（供给是基座命令那种）：市场里有它这一行",
-			manifests: [found],
-			capabilities: probe(id, "ok"),
-			installed: [{
-				unit: id,
-				pkg: "@dsh-workbench/module-one",
-				installed: "0.1.2"
-			}],
-			expect: {
-				rows: 1,
-				state: "installed",
-				actions: ["uninstall"],
-				installed: 0,
-				shared: 0
-			}
-		},
-		{
-			id: "no-card",
-			label: "没有卡片的模块（只有基座命令那种）：市场里有它这一行，有版本、有「更新」",
-			manifests: [{
-				...found,
-				card: null
-			}],
-			capabilities: probe(id, "ok"),
-			updates: { [id]: {
-				installed: "0.1.2",
-				latest: "0.2.0"
-			} },
-			installed: [{
-				unit: id,
-				pkg: "@dsh-workbench/module-one",
-				installed: "0.1.2"
-			}],
-			expect: {
-				rows: 1,
-				state: "outdated",
-				actions: ["update-bundle", "uninstall"],
-				version: {
-					installed: "0.1.2",
-					latest: "0.2.0"
-				},
-				installed: 0,
-				shared: 0
-			}
-		},
-		{
-			id: "no-env-installed",
-			label: "本机装着、又没有依赖要探（DIY 本地那份那种）：写「已安装」，不是「状态未知」",
-			manifests: [{
-				...found,
-				env: void 0
-			}],
-			capabilities: {},
-			updates: { [id]: { installed: "0.1.2" } },
-			installed: [{
-				unit: id,
-				pkg: "@dsh-workbench/module-one",
-				installed: "0.1.2"
-			}],
-			expect: {
-				rows: 1,
-				state: "installed",
-				actions: ["uninstall"],
-				version: { installed: "0.1.2" },
-				installed: 0
-			}
-		},
-		{
-			id: "local-no-update",
-			label: "本机那份（link: 装的）：有「本地」标记、不给「更新」",
-			manifests: [mine],
-			capabilities: probe(id, "ok", { plugins: [{
-				name: "fixture",
-				status: "ok",
-				missing: []
-			}] }),
-			updates: { [id]: {
-				installed: "0.1.0",
-				local: true
-			} },
-			installed: [{
-				unit: id,
-				pkg: "@dsh-workbench/module-one",
-				installed: "0.1.0",
-				local: true
-			}],
-			expect: {
-				rows: 1,
-				state: "installed",
-				actions: ["uninstall"],
-				local: true,
-				version: { installed: "0.1.0" },
-				installed: 0
-			}
-		},
-		{
-			id: "installed-refused",
-			label: "本机装了，但宿主不认它的声明（行上说得出理由）",
-			manifests: [],
-			capabilities: {},
-			installed: [{
-				unit: id,
-				pkg: "@dsh-workbench/module-one",
-				installed: "0.1.2",
-				refused: ["dsh.workbench 缺 apiVersion —— 协议从 v1 起，写 \"apiVersion\": 1"]
-			}],
-			expect: {
-				rows: 0,
-				installed: 1,
-				installedState: "unusable",
-				installedActions: ["remove-bundle"],
-				installedNote: true
-			}
-		},
-		{
-			id: "installed-pending",
-			label: "本机装了、宿主还没加载它（重启一次就会出来）",
-			manifests: [],
-			capabilities: {},
-			installed: [{
-				unit: id,
-				pkg: "@dsh-workbench/module-one",
-				installed: "0.1.2"
-			}],
-			expect: {
-				rows: 0,
-				installed: 1,
-				installedState: "inactive",
-				installedActions: ["remove-bundle"],
-				installedHint: "panels.market.moduleRestartHint"
-			}
-		},
-		{
-			id: "installed-pending-update",
-			label: "本机装了、还没加载 + 源上有新版（给「更新」，也说明要重启）",
-			manifests: [],
-			capabilities: {},
-			installed: [{
-				unit: id,
-				pkg: "@dsh-workbench/module-one",
-				installed: "0.1.0",
-				latest: "0.1.2"
-			}],
-			expect: {
-				rows: 0,
-				installed: 1,
-				installedState: "outdated",
-				installedActions: ["update-bundle", "remove-bundle"],
-				installedHint: "panels.market.moduleRestartHint"
-			}
-		},
-		{
-			id: "installed-confirm",
-			label: "卸载本机模块（还没加载的那种：Modal 确认，标题是包名）",
-			manifests: [],
-			capabilities: {},
-			installed: [{
-				unit: id,
-				pkg: "@dsh-workbench/module-one",
-				installed: "0.1.2"
-			}],
-			confirming: id,
-			expect: {
-				rows: 0,
-				installed: 1,
-				installedState: "inactive",
-				installedActions: ["remove-bundle"]
-			}
-		},
-		{
-			id: "first-paint",
-			label: "刚进页面（检测中：能力与本机清单都还没结论）",
-			manifests: [mine],
-			capabilities: null,
-			installedRead: false,
-			loaded: false,
-			expect: {
-				rows: 1,
-				state: "checking",
-				actions: []
-			}
-		}
-	];
+//#region src/app/layouts/rightbar/market-shared-rows.ts
+var SHARED_STATE_KEY = {
+	checking: "panels.market.checking",
+	installed: "panels.market.sharedOk",
+	outdated: "panels.market.sharedOutdated",
+	unsatisfied: "panels.market.sharedUnsatisfied",
+	missing: "panels.market.sharedMissing",
+	unchecked: "panels.market.unchecked"
+};
+var SHARED_DOT = {
+	checking: "ongoing",
+	installed: "done",
+	outdated: "warning",
+	unsatisfied: "warning",
+	missing: "idle",
+	unchecked: "idle"
+};
+function sharedActions(row) {
+	return [...row.canUpdate ? ["update-dependency"] : []];
 }
-//#endregion
-//#region src/app/layouts/rightbar/market-mock.ts
-function installable(manifest) {
-	return {
-		...manifest,
-		env: {
-			command: "opencli",
-			plugins: [{
-				name: "fixture",
-				commands: ["x"]
-			}]
-		}
+var SHARED_RANK = {
+	checking: -1,
+	unchecked: 0,
+	installed: 1,
+	outdated: 2,
+	unsatisfied: 3,
+	missing: 4
+};
+function sharedRows(manifests, capabilities) {
+	const catalog = manifests.filter((manifest) => (manifest.env?.plugins ?? []).length > 0 || (manifest.env?.libs ?? []).length > 0);
+	const byId = new Map(catalog.map((manifest) => [manifest.id, manifest]));
+	const buckets = /* @__PURE__ */ new Map();
+	const bucketOf = (kind, name, label, purpose) => {
+		const id = `${kind}:${name}`;
+		const found = buckets.get(id);
+		if (found !== void 0) return found;
+		const created = {
+			kind,
+			name,
+			label,
+			users: [],
+			states: [],
+			...purpose === void 0 ? {} : { purpose }
+		};
+		buckets.set(id, created);
+		return created;
 	};
-}
-function withEnvSource(manifest, env) {
-	const [first, ...rest] = manifest.env?.plugins ?? [];
-	if (first === void 0) return manifest;
-	return {
-		...manifest,
-		env: {
-			...manifest.env,
-			plugins: [{
-				...first,
-				installSource: {
-					kind: "local",
-					env
-				}
-			}, ...rest]
+	for (const manifest of catalog) {
+		const capability = capabilities?.[manifest.id];
+		const released = capability?.released === true;
+		for (const need of manifest.env?.plugins ?? []) {
+			const source = need.installSource;
+			const bucket = bucketOf("plugin", need.name, source?.kind === "npm" ? source.package : need.name);
+			if (released) continue;
+			bucket.users.push(manifest.id);
+			const state = capability?.plugins?.find((item) => item.name === need.name);
+			bucket.states.push(state === void 0 ? "unchecked" : state.status === "ok" ? "installed" : state.status);
+			if (state?.release !== void 0) {
+				bucket.installed ??= state.release.installed;
+				bucket.latest ??= state.release.latest;
+			}
+			bucket.command ??= state?.command;
 		}
-	};
-}
-function withSecondNeed(manifest) {
-	return {
-		...manifest,
-		env: {
-			...manifest.env,
-			plugins: [...manifest.env?.plugins ?? [], {
-				name: "fixture-second",
-				commands: ["y"]
-			}]
+		for (const need of manifest.env?.libs ?? []) {
+			const bucket = bucketOf("lib", need.name, need.name, need.purpose);
+			if (released) continue;
+			bucket.users.push(manifest.id);
+			const state = capability?.libs?.find((item) => item.name === need.name);
+			bucket.states.push(state === void 0 ? "unchecked" : state.status === "ok" ? "installed" : state.status);
+			bucket.installed ??= state?.installed;
+			bucket.latest ??= state?.latest;
+			bucket.command ??= state?.command;
 		}
-	};
+	}
+	const rows = [];
+	for (const bucket of buckets.values()) {
+		if (bucket.users.length === 0) continue;
+		const state = capabilities === null ? "checking" : bucket.states.reduce((soFar, item) => SHARED_RANK[item] > SHARED_RANK[soFar] ? item : soFar, "unchecked");
+		const version = bucket.installed === void 0 && bucket.latest === void 0 ? void 0 : {
+			...bucket.installed === void 0 ? {} : { installed: bucket.installed },
+			...bucket.latest === void 0 ? {} : { latest: bucket.latest }
+		};
+		const detail = bucket.purpose === void 0 ? void 0 : `${bucket.label} —— ${bucket.purpose}`;
+		rows.push({
+			id: `${bucket.kind}:${bucket.name}`,
+			kind: bucket.kind,
+			label: bucket.label,
+			usedByKeys: bucket.users.map((unit) => byId.get(unit)?.card?.titleKey ?? unit),
+			state,
+			canUpdate: state === "outdated" || state === "unsatisfied",
+			...version === void 0 ? {} : { version },
+			...detail === void 0 ? {} : { detail }
+		});
+	}
+	return rows;
 }
-function twin(manifest) {
+//#endregion
+//#region src/app/layouts/rightbar/market-workbench-row.ts
+var WORKBENCH_ROW_ID = "workbench:self";
+var WORKBENCH_TITLE_KEY = "panels.market.workbenchName";
+function workbenchRow(version) {
+	if (version === null || version === void 0 || version.installed === "") return void 0;
+	const local = version.local === true;
+	const latest = local ? void 0 : version.latest;
+	const update = latest !== void 0 && latest !== version.installed ? {
+		installed: version.installed,
+		latest
+	} : void 0;
+	const note = local ? {
+		key: "panels.market.workbenchLocal",
+		params: {}
+	} : void 0;
 	return {
-		...manifest,
-		id: `${manifest.id}-b`
-	};
-}
-function copies(manifest, count) {
-	return Array.from({ length: count }, (_, index) => ({
-		...manifest,
-		id: `${manifest.id}-${index}`,
-		env: {
-			...manifest.env,
-			plugins: [{
-				name: `fixture-${index}`,
-				commands: manifest.env?.plugins?.[0]?.commands ?? []
-			}]
-		}
-	}));
-}
-function probe$1(unit, status, extra = {}) {
-	return { [unit]: {
-		unit,
-		status,
-		required: ["x"],
-		missing: [],
-		detail: "夹具",
-		...extra
-	} };
-}
-function buildMarketMocks(roster) {
-	const found = roster.find((manifest) => manifest.card !== null);
-	if (found === void 0) return [{
-		id: "empty",
-		label: "市场空态",
-		manifests: [],
-		capabilities: {},
-		expect: { rows: 0 }
-	}];
-	const mine = installable(found);
-	const second = twin(mine);
-	const id = mine.id;
-	const secondId = second.id;
-	return [
-		{
-			id: "installed",
-			label: "已装",
-			manifests: [mine],
-			capabilities: probe$1(id, "ok", { plugins: [{
-				name: "fixture",
-				status: "ok",
-				missing: []
-			}] }),
-			expect: {
-				rows: 1,
-				state: "installed",
-				actions: ["uninstall"],
-				shared: 1,
-				sharedActions: []
-			}
-		},
-		{
-			id: "outdated",
-			label: "要更新",
-			manifests: [mine],
-			capabilities: probe$1(id, "missing-commands", { missing: ["x"] }),
-			expect: {
-				rows: 1,
-				state: "outdated",
-				actions: ["update", "uninstall"],
-				noteKey: "panels.market.needCommands"
-			}
-		},
-		{
-			id: "module-update",
-			label: "模块包有新版（行上给「更新」，装了要重启）",
-			manifests: [mine],
-			capabilities: probe$1(id, "ok", { plugins: [{
-				name: "fixture",
-				status: "ok",
-				missing: []
-			}] }),
-			updates: { [id]: {
-				installed: "0.1.2",
-				latest: "0.2.0"
-			} },
-			expect: {
-				rows: 1,
-				state: "outdated",
-				actions: ["update-bundle", "uninstall"],
-				shared: 1,
-				sharedActions: []
-			}
-		},
-		{
-			id: "outdated-release",
-			label: "源上有新版（模块行不变，共用依赖行给「更新」）",
-			manifests: [mine],
-			capabilities: probe$1(id, "ok", { plugins: [{
-				name: "fixture",
-				status: "outdated",
-				missing: [],
-				release: {
-					installed: "1.0.16",
-					latest: "1.0.17"
-				}
-			}] }),
-			expect: {
-				rows: 1,
-				state: "installed",
-				actions: ["uninstall"],
-				shared: 1,
-				sharedActions: ["update-dependency"]
-			}
-		},
-		{
-			id: "missing",
-			label: "未装（可装）",
-			manifests: [mine],
-			capabilities: probe$1(id, "missing-plugin", {
-				install: "ready",
-				plugins: [{
-					name: "fixture",
-					status: "missing",
-					missing: ["x"],
-					install: "ready"
-				}]
-			}),
-			expect: {
-				rows: 1,
-				state: "missing",
-				actions: ["install"],
-				shared: 1,
-				sharedActions: []
-			}
-		},
-		{
-			id: "missing-env",
-			label: "未装 + 要先设环境变量",
-			manifests: [withEnvSource(mine, "WB_FIXTURE_HOME")],
-			capabilities: probe$1(id, "missing-plugin", { install: "env-missing" }),
-			expect: {
-				rows: 1,
-				state: "missing",
-				actions: []
-			}
-		},
-		{
-			id: "missing-undeclared",
-			label: "未装 + 没声明怎么装",
-			manifests: [mine],
-			capabilities: probe$1(id, "missing-plugin", { install: "not-declared" }),
-			expect: {
-				rows: 1,
-				state: "missing",
-				actions: []
-			}
-		},
-		{
-			id: "unknown",
-			label: "探测失败（状态未知）",
-			manifests: [mine],
-			capabilities: {},
-			expect: {
-				rows: 1,
-				state: "unknown",
-				actions: []
-			}
-		},
-		{
-			id: "checking",
-			label: "检测中",
-			manifests: [mine],
-			capabilities: null,
-			expect: {
-				rows: 1,
-				state: "checking",
-				actions: []
-			}
-		},
-		{
-			id: "shared",
-			label: "两个模块（第二行是复制的）",
-			manifests: [mine, second],
-			capabilities: {
-				...probe$1(id, "ok"),
-				...probe$1(secondId, "ok")
-			},
-			expect: {
-				rows: 2,
-				state: "installed",
-				actions: ["uninstall"],
-				shared: 1
-			}
-		},
-		{
-			id: "busy",
-			label: "正在装",
-			manifests: [mine],
-			capabilities: probe$1(id, "missing-plugin", { install: "ready" }),
-			pending: {
-				id,
-				action: "install"
-			},
-			expect: {
-				rows: 1,
-				state: "missing",
-				actions: ["install"]
-			}
-		},
-		{
-			id: "confirm",
-			label: "等确认卸载",
-			manifests: [mine],
-			capabilities: probe$1(id, "ok"),
-			confirming: id,
-			expect: {
-				rows: 1,
-				state: "installed",
-				actions: ["uninstall"]
-			}
-		},
-		{
-			id: "failed",
-			label: "失败（红字贴行）",
-			manifests: [mine],
-			capabilities: probe$1(id, "ok"),
-			failure: {
-				id,
-				message: "没成功：命令失败（退出码 1）：夹具里的一条失败原因"
-			},
-			expect: {
-				rows: 1,
-				state: "installed",
-				actions: ["uninstall"]
-			}
-		},
-		{
-			id: "long-title",
-			label: "超长模块名",
-			manifests: [{
-				...mine,
-				card: {
-					titleKey: "一个名字特别特别长的模块用来验证省略号会不会把按钮挤下去",
-					order: 10
-				}
-			}],
-			capabilities: probe$1(id, "ok"),
-			expect: {
-				rows: 1,
-				state: "installed",
-				actions: ["uninstall"],
-				titleChars: 25
-			}
-		},
-		{
-			id: "long-env",
-			label: "超长环境变量名",
-			manifests: [withEnvSource(mine, "DSH_WORKBENCH_SOMETHING_VERY_LONG_ENV_NAME_FOR_THE_MODULE")],
-			capabilities: probe$1(id, "missing-plugin", { install: "env-missing" }),
-			expect: {
-				rows: 1,
-				state: "missing",
-				actions: []
-			}
-		},
-		{
-			id: "long-error",
-			label: "超长错误信息",
-			manifests: [mine],
-			capabilities: probe$1(id, "ok"),
-			failure: {
-				id,
-				message: "没成功：命令失败（退出码 1）：Error: EPERM: operation not permitted, unlink '/Users/someone/.dsh/workbench/opencli/home/.opencli/plugins/example-permission-copy-with-a-very-long-directory-name'"
-			},
-			expect: {
-				rows: 1,
-				state: "installed",
-				actions: ["uninstall"]
-			}
-		},
-		{
-			id: "two-deps",
-			label: "两份依赖（只装缺的）",
-			manifests: [withSecondNeed(mine)],
-			capabilities: probe$1(id, "missing-plugin", {
-				install: "ready",
-				plugins: [{
-					name: "fixture",
-					status: "ok",
-					missing: []
-				}, {
-					name: "fixture-second",
-					status: "missing",
-					missing: ["y"],
-					install: "ready"
-				}]
-			}),
-			expect: {
-				rows: 1,
-				state: "missing",
-				actions: ["install"]
-			}
-		},
-		{
-			id: "many",
-			label: "很多行（要滚）",
-			manifests: [mine, ...copies(mine, 13)],
-			capabilities: Object.fromEntries([id, ...copies(mine, 13).map((item) => item.id)].map((unit) => [unit, probe$1(unit, "ok")[unit]])),
-			expect: {
-				rows: 14,
-				state: "installed",
-				actions: ["uninstall"]
-			}
-		},
-		...installedMocks({
-			id,
-			found,
-			mine,
-			probe: probe$1
-		}),
-		{
-			id: "shared-many",
-			label: "三个模块（同一份安装）",
-			manifests: [
-				mine,
-				twin(mine),
-				{
-					...twin(mine),
-					id: `${mine.id}-c`
-				}
-			],
-			capabilities: {
-				...probe$1(id, "ok"),
-				...probe$1(secondId, "ok"),
-				...probe$1(`${mine.id}-c`, "ok")
-			},
-			expect: {
-				rows: 3,
-				state: "installed",
-				actions: ["uninstall"]
-			}
-		},
-		{
-			id: "plugin-outdated",
-			label: "用户装的 opencli 插件：有新版（给更新 / 卸载）",
-			manifests: [],
-			capabilities: {},
-			plugins: [{
-				pkg: "opencli-plugin-cmdb",
-				name: "cmdb",
-				installed: "1.0.24",
-				latest: "1.0.25"
-			}],
-			expect: {
-				rows: 0,
-				plugins: 1,
-				pluginActions: ["update-plugin", "uninstall-plugin"]
-			}
-		},
-		{
-			id: "plugin-local",
-			label: "本地目录装的 opencli 插件：没有版本源，只给卸载",
-			manifests: [],
-			capabilities: {},
-			plugins: [{
-				pkg: "/Users/me/my-local-plugin",
-				name: "my-local-plugin",
-				local: true
-			}],
-			expect: {
-				rows: 0,
-				plugins: 1,
-				pluginActions: ["uninstall-plugin"],
-				pluginNote: false
-			}
-		},
-		{
-			id: "plugin-alias",
-			label: "插件名 ≠ 包名：行上两个都写出来（更新 / 卸载按包名）",
-			manifests: [],
-			capabilities: {},
-			plugins: [{
-				pkg: "opencli-plugin-cmdb",
-				name: "cmdb",
-				installed: "1.0.24",
-				latest: "1.0.25"
-			}],
-			expect: {
-				rows: 0,
-				plugins: 1,
-				pluginActions: ["update-plugin", "uninstall-plugin"]
-			}
-		},
-		{
-			id: "plugin-broken",
-			label: "装坏了的那一份（目录在但看不出是个插件）：行上直说，给卸载与指路",
-			manifests: [],
-			capabilities: {},
-			plugins: [{
-				pkg: "opencli-plugin-cmdb",
-				name: "cmdb",
-				installed: "1.0.24",
-				broken: true
-			}],
-			expect: {
-				rows: 0,
-				plugins: 1,
-				pluginState: "broken",
-				pluginActions: ["uninstall-plugin"],
-				pluginNoteKey: "panels.market.pluginBroken"
-			}
-		},
-		{
-			id: "plugin-kept",
-			label: "卸掉用户装的插件，但还有模块在用：文件先留着（行上给一句为什么）",
-			manifests: [],
-			capabilities: {},
-			plugins: [{
-				pkg: "opencli-plugin-cmdb",
-				name: "cmdb",
-				installed: "1.0.24"
-			}],
-			notice: "文件先留着：cmdb、argocd 还要用它。",
-			expect: {
-				rows: 0,
-				plugins: 1,
-				pluginActions: ["uninstall-plugin"],
-				notice: true
-			}
-		},
-		{
-			id: "workbench-update",
-			label: "工作台有新版（这一行也给「更新」，装完面板自己换上）",
-			manifests: [],
-			capabilities: {},
-			workbench: {
-				pkg: "@dsh-workbench/core",
-				installed: "0.1.18",
-				latest: "0.1.19"
-			},
-			expect: {
-				rows: 0,
-				workbenchState: "outdated",
-				workbenchActions: ["update-workbench"]
-			}
-		},
-		{
-			id: "workbench-current",
-			label: "工作台已经最新（只显示版本，没有按钮）",
-			manifests: [],
-			capabilities: {},
-			workbench: {
-				pkg: "@dsh-workbench/core",
-				installed: "0.1.19"
-			},
-			expect: {
-				rows: 0,
-				workbenchState: "installed",
-				workbenchActions: []
-			}
-		},
-		{
-			id: "workbench-local",
-			label: "工作台是本仓那份（link: 装的：不给更新，行上说清）",
-			manifests: [],
-			capabilities: {},
-			workbench: {
-				pkg: "@dsh-workbench/core",
-				installed: "0.1.18",
-				latest: "0.1.19",
-				local: true
-			},
-			expect: {
-				rows: 0,
-				workbenchState: "installed",
-				workbenchActions: [],
-				workbenchNoteKey: "panels.market.workbenchLocal"
-			}
-		},
-		{
-			id: "workbench-updated",
-			label: "工作台刚更新完（新版已经在盘上：行上就是新版，没有按钮、也不劝人重启）",
-			manifests: [],
-			capabilities: {},
-			workbench: {
-				pkg: "@dsh-workbench/core",
-				installed: "0.1.19"
-			},
-			expect: {
-				rows: 0,
-				workbenchState: "installed",
-				workbenchActions: []
-			}
-		},
-		{
-			id: "workbench-restart-pending",
-			label: "工作台更新完了但这份进程里还是旧的（盘上 0.1.19、跑着的 0.1.18：状态那格是红点「重启后生效」——重启一次 dsh 才真的换上）",
-			manifests: [],
-			capabilities: {},
-			workbench: {
-				pkg: "@dsh-workbench/core",
-				installed: "0.1.19",
-				running: "0.1.18"
-			},
-			expect: {
-				rows: 0,
-				workbenchState: "pending-restart",
-				workbenchActions: []
-			}
-		},
-		{
-			id: "workbench-restart-pending-local",
-			label: "本仓那份（link: 装的）永远等于盘上那份 → 不亮这句、也不劝重启",
-			manifests: [],
-			capabilities: {},
-			workbench: {
-				pkg: "@dsh-workbench/core",
-				installed: "0.1.19",
-				running: "0.1.18",
-				local: true
-			},
-			expect: {
-				rows: 0,
-				workbenchState: "installed",
-				workbenchActions: []
-			}
-		},
-		{
-			id: "empty",
-			label: "市场空态",
-			manifests: [],
-			capabilities: {},
-			expect: {
-				rows: 0,
-				shared: 0
-			}
-		}
-	];
-}
-//#endregion
-//#region src/app/layouts/rightbar/registry.ts
-function createBoardRegistry() {
-	const modules = [];
-	const listeners = /* @__PURE__ */ new Set();
-	let revision = 0;
-	let sorted = [];
-	let index = /* @__PURE__ */ new Map();
-	let steps = /* @__PURE__ */ new Map();
-	function rebuild() {
-		sorted = [...modules].sort((a, b) => a.order - b.order || a.id.localeCompare(b.id));
-		index = new Map(sorted.map((module) => [module.id, module]));
-		const table = /* @__PURE__ */ new Map();
-		for (const module of sorted) for (const kind of Object.keys(module.steps ?? {})) {
-			const owner = table.get(kind);
-			if (owner !== void 0) throw new Error(`看板层名重复：${kind}（${owner.id} 与 ${module.id} 都声明了它）`);
-			table.set(kind, module);
-		}
-		steps = table;
-	}
-	function notify() {
-		revision += 1;
-		for (const listener of listeners) listener();
-	}
-	return {
-		register(module) {
-			if (modules.some((item) => item.id === module.id)) throw new Error(`看板模块 id 重复：${module.id}（id 会进持久化配置，不能撞）`);
-			modules.push(module);
-			try {
-				rebuild();
-			} catch (error) {
-				modules.pop();
-				rebuild();
-				throw error;
-			}
-			notify();
-			return () => {
-				const at = modules.indexOf(module);
-				if (at < 0) return;
-				modules.splice(at, 1);
-				rebuild();
-				notify();
-			};
-		},
-		all: () => sorted,
-		byId: (id) => index.get(id),
-		stepOwner: (kind) => steps.get(kind),
-		subscribe(listener) {
-			listeners.add(listener);
-			return () => listeners.delete(listener);
-		},
-		version: () => revision
-	};
-}
-//#endregion
-//#region src/app/units/registry.ts
-function toBoardModule(face, manifest) {
-	const View = face.card;
-	if (View === void 0) return void 0;
-	return {
-		id: manifest.id,
-		titleKey: manifest.card?.titleKey ?? manifest.id,
-		order: manifest.card?.order ?? 100,
-		View,
-		...face.steps === void 0 ? {} : { steps: face.steps }
-	};
-}
-function createClientUnitRegistry(options = {}) {
-	const registrations = [];
-	const refusals = [];
-	const listeners = /* @__PURE__ */ new Set();
-	const board = createBoardRegistry();
-	let known = /* @__PURE__ */ new Map();
-	let installableIds = null;
-	let revision = 0;
-	let manifestsCache;
-	function notify() {
-		revision += 1;
-		for (const listener of [...listeners]) try {
-			listener();
-		} catch (error) {
-			console.warn(`[dsh-workbench] 套件注册的订阅者报错（不影响其它订阅者与这次注册）：${String(error)}`);
-		}
-	}
-	function warnRefusal(unit, kind, reasons) {
-		refusals.push({
-			unit,
-			kind,
-			reasons
-		});
-		console.warn(`[dsh-workbench] ${unit === "" ? "这个模块" : unit} 的卡片没挂上：${reasons.join("；")}`);
-	}
-	function takeBackRefusal(unit) {
-		for (let at = refusals.length - 1; at >= 0; at -= 1) if (refusals[at]?.unit === unit) refusals.splice(at, 1);
-	}
-	function attach(entry) {
-		const manifest = known.get(entry.unit);
-		if (manifest === void 0) return false;
-		const boardModule = toBoardModule(entry.face, manifest);
-		entry.mounted = {
-			manifest,
-			unmount: boardModule === void 0 ? () => {} : board.register(boardModule)
-		};
-		takeBackRefusal(entry.unit);
-		return true;
-	}
-	function detach(entry) {
-		entry.mounted?.unmount();
-		entry.mounted = null;
-	}
-	return {
-		register(face) {
-			const unit = typeof face?.unit === "string" ? face.unit.trim() : "";
-			if (unit === "") {
-				warnRefusal("", "old-shape", ["registerUnit({ unit, card }) 里的 unit 是空的 —— U1b 之前的旧形状是 registerUnit({ manifest, card })；现在清单由外壳从**已装清单**读出来、按 unit 交给浏览器（ADR-0038 §2.2）"]);
-				notify();
-				return () => {};
-			}
-			if (registrations.some((entry) => entry.unit === unit)) throw new Error(`套件 id 重复：${unit}（id 会进持久化配置，不能撞）`);
-			const entry = {
-				face,
-				unit,
-				mounted: null
-			};
-			registrations.push(entry);
-			manifestsCache = void 0;
-			if (!attach(entry)) {
-				warnRefusal(unit, "no-manifest", [`宿主没有担保 unit「${unit}」的清单 —— 这个包要么没装进这份 profile，要么它的 dsh.workbench 没通过校验。卡片先不挂：清单只有一处真相（ADR-0038 §2.2）`]);
-				options.onUnknownUnit?.(unit);
-			}
-			notify();
-			return () => {
-				const at = registrations.indexOf(entry);
-				if (at < 0) return;
-				registrations.splice(at, 1);
-				detach(entry);
-				takeBackRefusal(unit);
-				manifestsCache = void 0;
-				notify();
-			};
-		},
-		all: () => registrations.map((entry) => entry.face),
-		manifests: () => {
-			manifestsCache ??= registrations.flatMap((entry) => entry.mounted === null ? [] : [entry.mounted.manifest]);
-			return manifestsCache;
-		},
-		refusals: () => refusals,
-		installable: () => installableIds,
-		setManifests(manifests, installable) {
-			known = new Map(manifests.map((manifest) => [manifest.id, manifest]));
-			installableIds = installable === void 0 ? null : new Set(installable);
-			let changed = false;
-			for (const entry of registrations) {
-				const next = known.get(entry.unit);
-				if (entry.mounted === null) {
-					if (next !== void 0 && attach(entry)) changed = true;
-					continue;
-				}
-				if (next === void 0) {
-					detach(entry);
-					warnRefusal(entry.unit, "withdrawn", [`宿主不再担保 unit「${entry.unit}」的清单（模块被卸了？）—— 这张卡片先摘下来`]);
-					changed = true;
-				}
-			}
-			if (!changed) return;
-			manifestsCache = void 0;
-			notify();
-		},
-		board,
-		subscribe(listener) {
-			listeners.add(listener);
-			return () => listeners.delete(listener);
-		},
-		version: () => revision
-	};
-}
-//#endregion
-//#region src/app/units/fixture-unit-mock.tsx
-var FIXTURE_UNIT_ID = "wb-fixture";
-var CRASH_UNIT_ID = "wb-fixture-crash";
-var KEY = {
-	cardTitle: `${FIXTURE_UNIT_ID}.cardTitle`,
-	cardMeta: `${FIXTURE_UNIT_ID}.cardMeta`,
-	rowKey: `${FIXTURE_UNIT_ID}.rowKey`,
-	rowValue: `${FIXTURE_UNIT_ID}.rowValue`
-};
-var messages = {
-	zh: {
-		[KEY.cardTitle]: "示例模块",
-		[KEY.cardMeta]: "夹具",
-		[KEY.rowKey]: "示例",
-		[KEY.rowValue]: "第 {n} 行"
-	},
-	en: {
-		[KEY.cardTitle]: "Sample module",
-		[KEY.cardMeta]: "Fixture",
-		[KEY.rowKey]: "Sample",
-		[KEY.rowValue]: "Row {n}"
-	}
-};
-var manifest = {
-	id: FIXTURE_UNIT_ID,
-	card: {
-		titleKey: KEY.cardTitle,
-		order: 900
-	},
-	tools: [],
-	host: { inject: [] }
-};
-function FixtureCard({ t, onRefresh }) {
-	return /* @__PURE__ */ h(Card, {
-		t,
-		title: t(KEY.cardTitle),
-		meta: t(KEY.cardMeta),
-		refreshing: false,
-		onRefresh
-	}, /* @__PURE__ */ h(Rows, null, [
-		1,
-		2,
-		3
-	].map((n) => /* @__PURE__ */ h(Row, {
-		key: String(n),
-		label: t(KEY.rowKey),
-		value: t(KEY.rowValue, { n: String(n) })
-	}))));
-}
-var FIXTURE_FACE = {
-	unit: FIXTURE_UNIT_ID,
-	manifest,
-	messages,
-	card: FixtureCard
-};
-var CRASH_KEY = {
-	cardTitle: `${CRASH_UNIT_ID}.cardTitle`,
-	cardMeta: `${CRASH_UNIT_ID}.cardMeta`
-};
-var crashMessages = {
-	zh: {
-		[CRASH_KEY.cardTitle]: "崩溃的卡片",
-		[CRASH_KEY.cardMeta]: "夹具：渲染时抛错"
-	},
-	en: {
-		[CRASH_KEY.cardTitle]: "Crashing card",
-		[CRASH_KEY.cardMeta]: "Fixture: throws while rendering"
-	}
-};
-var crashManifest = {
-	id: CRASH_UNIT_ID,
-	card: {
-		titleKey: CRASH_KEY.cardTitle,
-		order: 899
-	},
-	tools: [],
-	host: { inject: [] }
-};
-function CrashingCard() {
-	throw new Error("夹具：这张卡片按 wbCrash=1 故意渲染失败（守「一张卡片崩溃不带走面板」）");
-}
-var CRASH_FACE = {
-	unit: CRASH_UNIT_ID,
-	manifest: crashManifest,
-	messages: crashMessages,
-	card: CrashingCard
-};
-var SAMPLE_ROSTER = [manifest];
-function hasCard(roster) {
-	return roster.some((item) => item.card !== null);
-}
-function fixtureRoster(roster) {
-	return hasCard(roster) ? roster : SAMPLE_ROSTER;
-}
-function boardModuleOf(face) {
-	const module = toBoardModule(face, face.manifest);
-	return module === void 0 ? [] : [module];
-}
-function fixtureSeed(roster, all, crash = false) {
-	const base = hasCard(roster) ? all : boardModuleOf(FIXTURE_FACE);
-	return crash ? [...boardModuleOf(CRASH_FACE), ...base] : base;
-}
-//#endregion
-//#region src/app/layouts/rightbar/market-shared-rows.ts
-var SHARED_STATE_KEY = {
-	checking: "panels.market.checking",
-	installed: "panels.market.sharedOk",
-	outdated: "panels.market.sharedOutdated",
-	unsatisfied: "panels.market.sharedUnsatisfied",
-	missing: "panels.market.sharedMissing",
-	unchecked: "panels.market.unchecked"
-};
-var SHARED_DOT = {
-	checking: "ongoing",
-	installed: "done",
-	outdated: "warning",
-	unsatisfied: "warning",
-	missing: "idle",
-	unchecked: "idle"
-};
-function sharedActions(row) {
-	return [...row.canUpdate ? ["update-dependency"] : []];
-}
-var SHARED_RANK = {
-	checking: -1,
-	unchecked: 0,
-	installed: 1,
-	outdated: 2,
-	unsatisfied: 3,
-	missing: 4
-};
-function sharedRows(manifests, capabilities) {
-	const catalog = manifests.filter((manifest) => (manifest.env?.plugins ?? []).length > 0 || (manifest.env?.libs ?? []).length > 0);
-	const byId = new Map(catalog.map((manifest) => [manifest.id, manifest]));
-	const buckets = /* @__PURE__ */ new Map();
-	const bucketOf = (kind, name, label, purpose) => {
-		const id = `${kind}:${name}`;
-		const found = buckets.get(id);
-		if (found !== void 0) return found;
-		const created = {
-			kind,
-			name,
-			label,
-			users: [],
-			states: [],
-			...purpose === void 0 ? {} : { purpose }
-		};
-		buckets.set(id, created);
-		return created;
-	};
-	for (const manifest of catalog) {
-		const capability = capabilities?.[manifest.id];
-		const released = capability?.released === true;
-		for (const need of manifest.env?.plugins ?? []) {
-			const source = need.installSource;
-			const bucket = bucketOf("plugin", need.name, source?.kind === "npm" ? source.package : need.name);
-			if (released) continue;
-			bucket.users.push(manifest.id);
-			const state = capability?.plugins?.find((item) => item.name === need.name);
-			bucket.states.push(state === void 0 ? "unchecked" : state.status === "ok" ? "installed" : state.status);
-			if (state?.release !== void 0) {
-				bucket.installed ??= state.release.installed;
-				bucket.latest ??= state.release.latest;
-			}
-			bucket.command ??= state?.command;
-		}
-		for (const need of manifest.env?.libs ?? []) {
-			const bucket = bucketOf("lib", need.name, need.name, need.purpose);
-			if (released) continue;
-			bucket.users.push(manifest.id);
-			const state = capability?.libs?.find((item) => item.name === need.name);
-			bucket.states.push(state === void 0 ? "unchecked" : state.status === "ok" ? "installed" : state.status);
-			bucket.installed ??= state?.installed;
-			bucket.latest ??= state?.latest;
-			bucket.command ??= state?.command;
-		}
-	}
-	const rows = [];
-	for (const bucket of buckets.values()) {
-		if (bucket.users.length === 0) continue;
-		const state = capabilities === null ? "checking" : bucket.states.reduce((soFar, item) => SHARED_RANK[item] > SHARED_RANK[soFar] ? item : soFar, "unchecked");
-		const version = bucket.installed === void 0 && bucket.latest === void 0 ? void 0 : {
-			...bucket.installed === void 0 ? {} : { installed: bucket.installed },
-			...bucket.latest === void 0 ? {} : { latest: bucket.latest }
-		};
-		const detail = bucket.purpose === void 0 ? void 0 : `${bucket.label} —— ${bucket.purpose}`;
-		rows.push({
-			id: `${bucket.kind}:${bucket.name}`,
-			kind: bucket.kind,
-			label: bucket.label,
-			usedByKeys: bucket.users.map((unit) => byId.get(unit)?.card?.titleKey ?? unit),
-			state,
-			canUpdate: state === "outdated" || state === "unsatisfied",
-			...version === void 0 ? {} : { version },
-			...detail === void 0 ? {} : { detail }
-		});
-	}
-	return rows;
-}
-//#endregion
-//#region src/app/layouts/rightbar/market-workbench-row.ts
-var WORKBENCH_ROW_ID = "workbench:self";
-var WORKBENCH_TITLE_KEY = "panels.market.workbenchName";
-function workbenchRow(version) {
-	if (version === null || version === void 0 || version.installed === "") return void 0;
-	const local = version.local === true;
-	const latest = local ? void 0 : version.latest;
-	const update = latest !== void 0 && latest !== version.installed ? {
-		installed: version.installed,
-		latest
-	} : void 0;
-	const note = local ? {
-		key: "panels.market.workbenchLocal",
-		params: {}
-	} : void 0;
-	return {
-		id: WORKBENCH_ROW_ID,
-		titleKey: WORKBENCH_TITLE_KEY,
-		workbench: true,
-		state: !local && version.running !== void 0 && version.running !== version.installed ? "pending-restart" : update === void 0 ? "installed" : "outdated",
-		canInstall: false,
-		canUpdate: update !== void 0,
-		canUninstall: false,
-		...note === void 0 ? {} : { note },
-		version: {
-			installed: version.installed,
-			...latest === void 0 ? {} : { latest }
+		id: WORKBENCH_ROW_ID,
+		titleKey: WORKBENCH_TITLE_KEY,
+		workbench: true,
+		state: !local && version.running !== void 0 && version.running !== version.installed ? "pending-restart" : update === void 0 ? "installed" : "outdated",
+		canInstall: false,
+		canUpdate: update !== void 0,
+		canUninstall: false,
+		...note === void 0 ? {} : { note },
+		version: {
+			installed: version.installed,
+			...latest === void 0 ? {} : { latest }
 		},
 		...update === void 0 ? {} : { moduleUpdate: update },
 		pkg: version.pkg
@@ -4958,10 +3956,7 @@ var MarketPage_module_default = {
 //#endregion
 //#region src/app/layouts/rightbar/MarketStates.tsx
 function MarketChecking({ t }) {
-	return /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEmpty }, /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketChecking }, /* @__PURE__ */ h(StateDot, {
-		state: "ongoing",
-		size: 14
-	}), t("panels.market.checking")));
+	return /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEmpty }, /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketChecking }, /* @__PURE__ */ h(Spinner, { size: 14 }), t("panels.market.checking")));
 }
 function MarketEmpty({ t }) {
 	return /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEmpty }, /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEmptyTitle }, t("panels.market.empty")));
@@ -5129,16 +4124,10 @@ function SharedLine({ t, row, pending, failure, onAct }) {
 		className: MarketPage_module_default.marketDesc,
 		role: "img",
 		"aria-label": stateText
-	}, row.state === "checking" ? /* @__PURE__ */ h(StateDot, {
-		state: "ongoing",
-		size: 14
-	}) : /* @__PURE__ */ h(StateDot, {
+	}, row.state === "checking" ? /* @__PURE__ */ h(Spinner, { size: 14 }) : /* @__PURE__ */ h(StateDot, {
 		state: SHARED_DOT[row.state],
 		size: 9
-	}), stateText, /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketUsedBy }, t("panels.market.sharedUsedBy", { modules: row.usedByKeys.map((key) => t(key)).join(t("panels.market.listSeparator")) })))), /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEnd }, running !== null ? /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketProgress }, /* @__PURE__ */ h(StateDot, {
-		state: "ongoing",
-		size: 14
-	}), t(PROGRESS_KEY[running.action])) : actions.length === 0 ? null : /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketActions }, actions.map((action) => /* @__PURE__ */ h(Button, {
+	}), stateText, /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketUsedBy }, t("panels.market.sharedUsedBy", { modules: row.usedByKeys.map((key) => t(key)).join(t("panels.market.listSeparator")) })))), /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEnd }, running !== null ? /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketProgress }, /* @__PURE__ */ h(Spinner, { size: 14 }), t(PROGRESS_KEY[running.action])) : actions.length === 0 ? null : /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketActions }, actions.map((action) => /* @__PURE__ */ h(Button, {
 		key: action,
 		type: "button",
 		size: "sm",
@@ -5226,16 +4215,10 @@ function MarketLine({ t, row, pending, failure, onAct, onDefault, boardBusy }) {
 		className: MarketPage_module_default.marketDesc,
 		role: "img",
 		"aria-label": stateText
-	}, row.state === "checking" ? /* @__PURE__ */ h(StateDot, {
-		state: "ongoing",
-		size: 14
-	}) : /* @__PURE__ */ h(StateDot, {
+	}, row.state === "checking" ? /* @__PURE__ */ h(Spinner, { size: 14 }) : /* @__PURE__ */ h(StateDot, {
 		state: MARKET_DOT[row.state],
 		size: 9
-	}), stateText, row.hint === void 0 ? null : /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketUsedBy }, t(row.hint)))), /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEnd }, running !== null ? /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketProgress }, /* @__PURE__ */ h(StateDot, {
-		state: "ongoing",
-		size: 14
-	}), t(PROGRESS_KEY[running.action])) : actions.length === 0 ? null : /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketActions }, actions.map((action) => {
+	}), stateText, row.hint === void 0 ? null : /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketUsedBy }, t(row.hint)))), /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEnd }, running !== null ? /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketProgress }, /* @__PURE__ */ h(Spinner, { size: 14 }), t(PROGRESS_KEY[running.action])) : actions.length === 0 ? null : /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketActions }, actions.map((action) => {
 		const danger = dangerActions.includes(action);
 		const update = updateActions.includes(action);
 		return /* @__PURE__ */ h(Button, {
@@ -6266,10 +5249,7 @@ function AddModulePending({ t, kind }) {
 		className: AddModule_module_default.heroIcon,
 		"data-state": "ongoing",
 		"aria-hidden": "true"
-	}, /* @__PURE__ */ h(StateDot, {
-		state: "ongoing",
-		size: 28
-	})), /* @__PURE__ */ h("h2", {
+	}, /* @__PURE__ */ h(Spinner, { size: 28 })), /* @__PURE__ */ h("h2", {
 		className: AddModule_module_default.pendingTitle,
 		role: "status"
 	}, kind === "inspecting" ? t("panels.market.add.classifying") : t("panels.market.add.installingTitle"))));
@@ -6312,285 +5292,6 @@ function AddModuleResult({ t, state }) {
 	}, t("panels.market.add.failed", { reason })) : kind === "restart" ? /* @__PURE__ */ h(Fragment, null, /* @__PURE__ */ h("p", { className: AddModule_module_default.resultWarn }, t("panels.market.add.doneRestart")), why === void 0 ? null : /* @__PURE__ */ h("p", { className: AddModule_module_default.resultMeta }, why)) : kind === "quiet" ? null : /* @__PURE__ */ h("p", { className: AddModule_module_default.result }, t("panels.market.add.tookEffect")), builds.length === 0 ? null : /* @__PURE__ */ h("div", { className: AddModule_module_default.approval }, /* @__PURE__ */ h("p", { className: AddModule_module_default.approvalTitle }, t("panels.market.add.approveTitle")), /* @__PURE__ */ h("p", { className: AddModule_module_default.approvalText }, t("panels.market.add.approveHint", { packages: builds.join("、") })), /* @__PURE__ */ h("p", { className: AddModule_module_default.approvalCaution }, t("panels.market.add.approveCaution"))), supply === void 0 || outcome.supply.state !== "failed" && (kind === "failed" || kind === "cancelled") ? null : /* @__PURE__ */ h("p", { className: supplyTone(outcome.supply.state) }, t(supply, { reason: outcome.supply.reason ?? "" })), state.failure === null ? null : /* @__PURE__ */ h("p", { className: AddModule_module_default.problem }, state.failure), outcome.change.errorDetail === void 0 ? null : /* @__PURE__ */ h(Fragment, null, /* @__PURE__ */ h("p", { className: AddModule_module_default.detailLabel }, t("panels.market.add.details")), /* @__PURE__ */ h("p", { className: AddModule_module_default.detail }, outcome.change.errorDetail)));
 }
 //#endregion
-//#region src/app/layouts/market/add-module-mock.ts
-function change(over) {
-	return {
-		application: "applied",
-		stage: "install",
-		changed: true,
-		target: "@dsh-workbench/module-hello",
-		...over
-	};
-}
-function outcome(over, supply = { state: "installed" }) {
-	return {
-		change: change(over),
-		module: {
-			kind: "module",
-			pkg: "@dsh-workbench/module-hello",
-			unit: "hello",
-			version: "0.1.2"
-		},
-		supply
-	};
-}
-function refused(problem, reason = "") {
-	return {
-		id: `refused-${problem}`,
-		label: `预检拒：${problem}`,
-		phase: "idle",
-		spec: "@dsh-workbench/module-nope",
-		problem: {
-			problem,
-			reason
-		}
-	};
-}
-var ADD_MODULE_MOCKS = [
-	{
-		id: "empty",
-		label: "刚打开",
-		phase: "idle",
-		spec: ""
-	},
-	{
-		id: "typed",
-		label: "填了包名",
-		phase: "idle",
-		spec: "@dsh-workbench/module-hello"
-	},
-	{
-		id: "guide",
-		label: "展开了示例",
-		phase: "idle",
-		spec: "",
-		guideOpen: true
-	},
-	{
-		id: "inspecting",
-		label: "正在预检",
-		phase: "inspecting",
-		spec: "@dsh-workbench/module-hello"
-	},
-	refused("invalid-spec"),
-	refused("already-installed", "已经在 profile 里：@dsh-workbench/module-hello@0.1.2"),
-	refused("not-found"),
-	refused("not-a-package"),
-	refused("not-a-bundle"),
-	refused("not-a-module-or-plugin", "这个包既不是工作台的模块，也不是 opencli 的插件，装了也用不上"),
-	refused("network", "getaddrinfo ENOTFOUND registry.example.com"),
-	refused("unknown", "pnpm 的返回码是 1"),
-	{
-		id: "preview",
-		label: "预览（可装）",
-		phase: "preview",
-		spec: "@dsh-workbench/module-hello",
-		preview: {
-			kind: "module",
-			name: "@dsh-workbench/module-hello",
-			version: "0.1.2",
-			description: "最小样本模块：一枚「你好」卡片",
-			registry: "registry.npmmirror.com"
-		}
-	},
-	{
-		id: "preview-no-source",
-		label: "预览（问不出源）",
-		phase: "preview",
-		spec: "@dsh-workbench/module-hello",
-		preview: {
-			kind: "module",
-			name: "@dsh-workbench/module-hello",
-			version: "",
-			description: "",
-			registry: ""
-		}
-	},
-	{
-		id: "preview-plugin",
-		label: "预览（opencli 插件）",
-		phase: "preview",
-		spec: "opencli-plugin-grafana",
-		preview: {
-			kind: "plugin",
-			name: "opencli-plugin-grafana",
-			version: "1.0.16",
-			description: "",
-			registry: "registry.npmmirror.com",
-			pluginName: "grafana"
-		}
-	},
-	{
-		id: "installing",
-		label: "正在安装（可取消）",
-		phase: "installing",
-		spec: "@dsh-workbench/module-hello"
-	},
-	{
-		id: "needs-approval",
-		label: "安装脚本待批",
-		phase: "result",
-		spec: "@dsh-workbench/module-hello",
-		outcome: {
-			...outcome({
-				application: "failed",
-				stage: "install",
-				errorCode: "build-blocked",
-				pendingBuilds: ["esbuild", "sharp"]
-			}),
-			supply: {
-				state: "failed",
-				reason: "装上之前得先允许安装脚本"
-			}
-		}
-	},
-	{
-		id: "failed-registry",
-		label: "失败：源上没有",
-		phase: "result",
-		spec: "@dsh-workbench/module-nope",
-		outcome: outcome({
-			application: "failed",
-			stage: "install",
-			failedAt: "registry",
-			errorCode: "not-found"
-		})
-	},
-	{
-		id: "failed-pnpm",
-		label: "失败：pnpm 执行出错",
-		phase: "result",
-		spec: "@dsh-workbench/module-hello",
-		outcome: outcome({
-			application: "failed",
-			stage: "install",
-			errorCode: "operation-error",
-			errorDetail: "ERR_PNPM_FETCH_404 GET https://registry.example.com/@dsh-workbench%2Fmodule-hello: Not Found"
-		})
-	},
-	{
-		id: "done-applied",
-		label: "装好了（已生效）",
-		phase: "result",
-		spec: "@dsh-workbench/module-hello",
-		outcome: outcome({})
-	},
-	{
-		id: "done-plugin",
-		label: "装好了（opencli 插件）",
-		phase: "result",
-		spec: "opencli-plugin-cmdb",
-		outcome: {
-			change: change({ target: "opencli-plugin-cmdb" }),
-			module: {
-				kind: "unknown",
-				pkg: "opencli-plugin-cmdb"
-			},
-			supply: { state: "no-needs" },
-			plugin: {
-				kind: "opencli-plugin",
-				pkg: "opencli-plugin-cmdb",
-				name: "cmdb"
-			}
-		}
-	},
-	{
-		id: "done-restart",
-		label: "装好了（要重启，并说清是哪种：这一格是「某个已装的包换了目录」）",
-		phase: "result",
-		spec: "@dsh-workbench/module-hello",
-		outcome: outcome({
-			application: "restart-required",
-			restartReason: "package-moved"
-		}, { state: "pending-restart" })
-	},
-	{
-		id: "not-a-module",
-		label: "装进来的不是模块",
-		phase: "result",
-		spec: "some-random-package",
-		outcome: {
-			change: change({ target: "some-random-package" }),
-			module: {
-				kind: "not-module",
-				pkg: "some-random-package"
-			},
-			supply: { state: "not-a-module" }
-		}
-	},
-	{
-		id: "cancelled",
-		label: "已取消",
-		phase: "result",
-		spec: "@dsh-workbench/module-hello",
-		outcome: outcome({
-			application: "cancelled",
-			changed: false
-		}, { state: "no-needs" })
-	},
-	{
-		id: "done-no-needs",
-		label: "装好了（不要额外供给）",
-		phase: "result",
-		spec: "@dsh-workbench/module-plain",
-		outcome: {
-			change: change({ target: "@dsh-workbench/module-plain" }),
-			module: {
-				kind: "module",
-				pkg: "@dsh-workbench/module-plain",
-				unit: "plain",
-				version: "1.0.0"
-			},
-			supply: { state: "no-needs" }
-		}
-	},
-	{
-		id: "removed",
-		label: "移除掉了",
-		phase: "result",
-		spec: "some-random-package",
-		outcome: {
-			change: change({
-				stage: "remove",
-				target: "some-random-package"
-			}),
-			module: {
-				kind: "not-module",
-				pkg: "some-random-package"
-			},
-			supply: { state: "not-a-module" }
-		}
-	}
-];
-var frozen = () => {};
-function stateOfMock(base, mock) {
-	return {
-		...base,
-		spec: mock.spec,
-		guideOpen: mock.guideOpen ?? false,
-		phase: mock.phase,
-		choices: base.choices,
-		custom: "",
-		registryOpen: false,
-		problem: mock.problem ?? null,
-		preview: mock.preview ?? null,
-		outcome: mock.outcome ?? null,
-		failure: mock.failure ?? null,
-		builds: mock.outcome?.change.pendingBuilds ?? [],
-		setSpec: frozen,
-		setChoice: frozen,
-		setCustom: frozen,
-		toggleRegistry: frozen,
-		closeRegistry: frozen,
-		toggleGuide: frozen,
-		check: frozen,
-		edit: frozen,
-		install: frozen,
-		cancelInstall: frozen,
-		removeIt: frozen
-	};
-}
-//#endregion
 //#region src/app/layouts/market/use-add-module.ts
 function newRequestId() {
 	return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
@@ -6790,12 +5491,9 @@ function AddModuleDialog({ t, open, onClose, onInstalled }) {
 		onInstalled,
 		failedText: t("panels.failed")
 	});
-	const pick = useFixturePick({
-		fixtures: ADD_MODULE_MOCKS,
-		initial: ADD_MODULE_MOCKS[0]?.id ?? null
-	});
-	const mock = pick.enabled ? pick.current : void 0;
-	const state = mock === void 0 ? real : stateOfMock(real, mock);
+	const devAdd = devSurface.useStrips("addModule", []);
+	const mock = devAdd.current;
+	const state = mock === void 0 ? real : devSurface.addModuleState(real, mock);
 	if (!open) return null;
 	const installing = state.phase === "installing";
 	const checking = state.phase === "inspecting";
@@ -6811,10 +5509,7 @@ function AddModuleDialog({ t, open, onClose, onInstalled }) {
 		disabled: empty || checking,
 		"aria-busy": checking,
 		onClick: state.check
-	}, checking ? /* @__PURE__ */ h(StateDot, {
-		state: "ongoing",
-		size: 12
-	}) : null, t(checking ? "panels.market.add.checking" : "panels.market.add.run"))) : null, state.phase === "preview" ? /* @__PURE__ */ h(Fragment, null, /* @__PURE__ */ h(Button, {
+	}, checking ? /* @__PURE__ */ h(Spinner, { size: 12 }) : null, t(checking ? "panels.market.add.checking" : "panels.market.add.run"))) : null, state.phase === "preview" ? /* @__PURE__ */ h(Fragment, null, /* @__PURE__ */ h(Button, {
 		type: "button",
 		variant: "outline",
 		size: "md",
@@ -6842,10 +5537,7 @@ function AddModuleDialog({ t, open, onClose, onInstalled }) {
 		disabled: state.removing,
 		"aria-busy": state.removing,
 		onClick: state.removeIt
-	}, state.removing ? /* @__PURE__ */ h(StateDot, {
-		state: "ongoing",
-		size: 12
-	}) : null, t(state.removing ? "panels.market.uninstalling" : "panels.market.add.remove")) : null, /* @__PURE__ */ h(Button, {
+	}, state.removing ? /* @__PURE__ */ h(Spinner, { size: 12 }) : null, t(state.removing ? "panels.market.uninstalling" : "panels.market.add.remove")) : null, /* @__PURE__ */ h(Button, {
 		type: "button",
 		variant: "outline",
 		size: "md",
@@ -6872,12 +5564,7 @@ function AddModuleDialog({ t, open, onClose, onInstalled }) {
 		className: AddModule_module_default.dialog,
 		contentClassName: AddModule_module_default.content,
 		footer
-	}, /* @__PURE__ */ h("div", { className: AddModule_module_default.stack }, pick.enabled ? /* @__PURE__ */ h(MockStrip, {
-		mocks: ADD_MODULE_MOCKS,
-		index: pick.index,
-		note: "夹具：只切状态，不发请求",
-		onPick: (at) => pick.pick(ADD_MODULE_MOCKS[at]?.id ?? null)
-	}) : null, state.phase === "idle" ? /* @__PURE__ */ h(AddModuleForm, {
+	}, /* @__PURE__ */ h("div", { className: AddModule_module_default.stack }, devAdd.strip, state.phase === "idle" ? /* @__PURE__ */ h(AddModuleForm, {
 		t,
 		state
 	}) : null, state.phase === "inspecting" ? /* @__PURE__ */ h(AddModulePending, {
@@ -6985,13 +5672,9 @@ function MarketPanel({ t, units }) {
 		checking: true,
 		checkedAt: null
 	};
-	const marketMocks = useMemo(() => buildMarketMocks(fixtureRoster(manifests)), [manifests]);
-	const fixturePick = useFixturePick({
-		fixtures: marketMocks,
-		initial: marketMocks[0]?.id ?? null
-	});
-	const mock = fixturePick.enabled ? fixturePick.current : void 0;
-	const mockNonce = fixturePick.nonce;
+	const devMarket = devSurface.useStrips("market", manifests);
+	const mock = devMarket.current;
+	const mockNonce = devMarket.pick.nonce;
 	const shownFreshness = mock === void 0 ? freshness : mock.loaded === false ? pendingFreshness : MOCK_FRESHNESS;
 	const shownRead = mock === void 0 ? installedRead : mock.installedRead ?? true;
 	const busy = !marketSettled(shownFreshness, shownRead) || shownFreshness.checking || acting;
@@ -7014,11 +5697,7 @@ function MarketPanel({ t, units }) {
 		icon: /* @__PURE__ */ h(IconPlusOutlineRegular, { size: 13 }),
 		disabled: busy,
 		onClick: openAddModule
-	}, t("panels.market.add.open")))), fixturePick.enabled ? /* @__PURE__ */ h(MockStrip, {
-		mocks: marketMocks,
-		index: fixturePick.index,
-		onPick: (at) => fixturePick.pick(marketMocks[at]?.id ?? null)
-	}) : null, /* @__PURE__ */ h(MarketView, {
+	}, t("panels.market.add.open")))), devMarket.strip, /* @__PURE__ */ h(MarketView, {
 		key: `${mock?.id ?? "real-market"}-${mockNonce}`,
 		t,
 		manifests,
@@ -7362,7 +6041,7 @@ function ReadingRow({ t }) {
 	return /* @__PURE__ */ h("div", { className: ConfigSyncSection_module_default.reading }, /* @__PURE__ */ h("p", {
 		className: ConfigSyncSection_module_default.status,
 		role: "status"
-	}, /* @__PURE__ */ h(StateDot, { state: "ongoing" }), t("configSync.loading")), /* @__PURE__ */ h(SkeletonRows, { rows: 3 }));
+	}, /* @__PURE__ */ h(Spinner, null), t("configSync.loading")), /* @__PURE__ */ h(SkeletonRows, { rows: 3 }));
 }
 function FailureRow({ t, blocker, onRetry }) {
 	return /* @__PURE__ */ h("div", {
@@ -7520,6 +6199,182 @@ function assembleClientUnits(registry) {
 	for (const face of CLIENT_UNITS) registry.register(face);
 }
 //#endregion
+//#region src/app/layouts/rightbar/registry.ts
+function createBoardRegistry() {
+	const modules = [];
+	const listeners = /* @__PURE__ */ new Set();
+	let revision = 0;
+	let sorted = [];
+	let index = /* @__PURE__ */ new Map();
+	let steps = /* @__PURE__ */ new Map();
+	function rebuild() {
+		sorted = [...modules].sort((a, b) => a.order - b.order || a.id.localeCompare(b.id));
+		index = new Map(sorted.map((module) => [module.id, module]));
+		const table = /* @__PURE__ */ new Map();
+		for (const module of sorted) for (const kind of Object.keys(module.steps ?? {})) {
+			const owner = table.get(kind);
+			if (owner !== void 0) throw new Error(`看板层名重复：${kind}（${owner.id} 与 ${module.id} 都声明了它）`);
+			table.set(kind, module);
+		}
+		steps = table;
+	}
+	function notify() {
+		revision += 1;
+		for (const listener of listeners) listener();
+	}
+	return {
+		register(module) {
+			if (modules.some((item) => item.id === module.id)) throw new Error(`看板模块 id 重复：${module.id}（id 会进持久化配置，不能撞）`);
+			modules.push(module);
+			try {
+				rebuild();
+			} catch (error) {
+				modules.pop();
+				rebuild();
+				throw error;
+			}
+			notify();
+			return () => {
+				const at = modules.indexOf(module);
+				if (at < 0) return;
+				modules.splice(at, 1);
+				rebuild();
+				notify();
+			};
+		},
+		all: () => sorted,
+		byId: (id) => index.get(id),
+		stepOwner: (kind) => steps.get(kind),
+		subscribe(listener) {
+			listeners.add(listener);
+			return () => listeners.delete(listener);
+		},
+		version: () => revision
+	};
+}
+//#endregion
+//#region src/app/units/registry.ts
+function toBoardModule(face, manifest) {
+	const View = face.card;
+	if (View === void 0) return void 0;
+	return {
+		id: manifest.id,
+		titleKey: manifest.card?.titleKey ?? manifest.id,
+		order: manifest.card?.order ?? 100,
+		View,
+		...face.steps === void 0 ? {} : { steps: face.steps }
+	};
+}
+function createClientUnitRegistry(options = {}) {
+	const registrations = [];
+	const refusals = [];
+	const listeners = /* @__PURE__ */ new Set();
+	const board = createBoardRegistry();
+	let known = /* @__PURE__ */ new Map();
+	let installableIds = null;
+	let revision = 0;
+	let manifestsCache;
+	function notify() {
+		revision += 1;
+		for (const listener of [...listeners]) try {
+			listener();
+		} catch (error) {
+			console.warn(`[dsh-workbench] 套件注册的订阅者报错（不影响其它订阅者与这次注册）：${String(error)}`);
+		}
+	}
+	function warnRefusal(unit, kind, reasons) {
+		refusals.push({
+			unit,
+			kind,
+			reasons
+		});
+		console.warn(`[dsh-workbench] ${unit === "" ? "这个模块" : unit} 的卡片没挂上：${reasons.join("；")}`);
+	}
+	function takeBackRefusal(unit) {
+		for (let at = refusals.length - 1; at >= 0; at -= 1) if (refusals[at]?.unit === unit) refusals.splice(at, 1);
+	}
+	function attach(entry) {
+		const manifest = known.get(entry.unit);
+		if (manifest === void 0) return false;
+		const boardModule = toBoardModule(entry.face, manifest);
+		entry.mounted = {
+			manifest,
+			unmount: boardModule === void 0 ? () => {} : board.register(boardModule)
+		};
+		takeBackRefusal(entry.unit);
+		return true;
+	}
+	function detach(entry) {
+		entry.mounted?.unmount();
+		entry.mounted = null;
+	}
+	return {
+		register(face) {
+			const unit = typeof face?.unit === "string" ? face.unit.trim() : "";
+			if (unit === "") {
+				warnRefusal("", "old-shape", ["registerUnit({ unit, card }) 里的 unit 是空的 —— U1b 之前的旧形状是 registerUnit({ manifest, card })；现在清单由外壳从**已装清单**读出来、按 unit 交给浏览器（ADR-0038 §2.2）"]);
+				notify();
+				return () => {};
+			}
+			if (registrations.some((entry) => entry.unit === unit)) throw new Error(`套件 id 重复：${unit}（id 会进持久化配置，不能撞）`);
+			const entry = {
+				face,
+				unit,
+				mounted: null
+			};
+			registrations.push(entry);
+			manifestsCache = void 0;
+			if (!attach(entry)) {
+				warnRefusal(unit, "no-manifest", [`宿主没有担保 unit「${unit}」的清单 —— 这个包要么没装进这份 profile，要么它的 dsh.workbench 没通过校验。卡片先不挂：清单只有一处真相（ADR-0038 §2.2）`]);
+				options.onUnknownUnit?.(unit);
+			}
+			notify();
+			return () => {
+				const at = registrations.indexOf(entry);
+				if (at < 0) return;
+				registrations.splice(at, 1);
+				detach(entry);
+				takeBackRefusal(unit);
+				manifestsCache = void 0;
+				notify();
+			};
+		},
+		all: () => registrations.map((entry) => entry.face),
+		manifests: () => {
+			manifestsCache ??= registrations.flatMap((entry) => entry.mounted === null ? [] : [entry.mounted.manifest]);
+			return manifestsCache;
+		},
+		refusals: () => refusals,
+		installable: () => installableIds,
+		setManifests(manifests, installable) {
+			known = new Map(manifests.map((manifest) => [manifest.id, manifest]));
+			installableIds = installable === void 0 ? null : new Set(installable);
+			let changed = false;
+			for (const entry of registrations) {
+				const next = known.get(entry.unit);
+				if (entry.mounted === null) {
+					if (next !== void 0 && attach(entry)) changed = true;
+					continue;
+				}
+				if (next === void 0) {
+					detach(entry);
+					warnRefusal(entry.unit, "withdrawn", [`宿主不再担保 unit「${entry.unit}」的清单（模块被卸了？）—— 这张卡片先摘下来`]);
+					changed = true;
+				}
+			}
+			if (!changed) return;
+			manifestsCache = void 0;
+			notify();
+		},
+		board,
+		subscribe(listener) {
+			listeners.add(listener);
+			return () => listeners.delete(listener);
+		},
+		version: () => revision
+	};
+}
+//#endregion
 //#region src/shared/api/unit-manifests.ts
 var UNIT_MANIFESTS_ROUTE = "unit-manifests";
 //#endregion
@@ -7683,281 +6538,12 @@ function spinnerIcon(size = 14) {
 	svg.append(group);
 	return svg;
 }
-function el$1(tag, className, text) {
-	const node = document.createElement(tag);
-	node.className = className;
-	if (text !== void 0) node.textContent = text;
-	return node;
-}
-//#endregion
-//#region src/app/layouts/env-gate/gate-mock.ts
-var INSTALL_COMMAND = "npm i --prefix '/Users/you/.dsh/workbench/opencli/toolchain' @jackwener/opencli@1.8.8";
-var EXTENSION_REPORT = [
-	"[OK] Daemon: running on port 19825 (v1.8.8)",
-	"[MISSING] Extension: not connected",
-	"[OK] Connectivity: connected in 0.0s",
-	"",
-	"Issues:",
-	"  • Daemon is running but the Chrome/Chromium extension is not connected.",
-	"If the extension is already installed, try: opencli daemon restart",
-	"If the extension is not installed:",
-	"  1. Download from https://github.com/jackwener/opencli/releases",
-	"  2. Open chrome://extensions/ → Enable Developer Mode",
-	"  3. Click \"Load unpacked\" → select the extension folder"
-].join("\n");
-var DAEMON_REPORT = [
-	"[MISSING] Daemon: not running",
-	"[MISSING] Extension: not connected",
-	"[FAIL] Connectivity: failed (daemon not reachable)",
-	"",
-	"Issues:",
-	"  • Daemon is not running. It should start automatically when you run an opencli browser command.",
-	"  • Daemon is running but the Chrome/Chromium extension is not connected.",
-	"If the extension is already installed, try: opencli daemon restart"
-].join("\n");
-var PROFILE_REPORT = [
-	"[OK] Daemon: running on port 19825 (v1.8.8)",
-	"[MISSING] Extension: not connected",
-	"[FAIL] Connectivity: failed (profile-required)",
-	"",
-	"Issues:",
-	"  • Multiple Chrome profiles are connected to the daemon, but no default profile was selected.",
-	"  Run opencli profile list, then opencli profile use <name>, or pass --profile <name>."
-].join("\n");
-var AT = 1790574156506;
-function mock(id, label, note, snapshot, expect) {
-	return {
-		id,
-		label,
-		note,
-		snapshot: {
-			...snapshot,
-			at: AT
-		},
-		expect
-	};
-}
-var BRIDGE_PENDING = {
-	id: "bridge",
-	status: "pending"
-};
-var GATE_MOCKS = [
-	mock("boot", "刚立起来", "还没拿到体检结果的那一帧：只有标题 + 一句\"正在检测运行环境…\"，一行步骤都还没有。", {
-		phase: "idle",
-		steps: []
-	}, {
-		hint: "checking",
-		command: false
-	}),
-	mock("checking", "检测中", "第一步在跑（转圈 + 它正在执行的命令），第二步还没轮到（短横）。", {
-		phase: "checking",
-		steps: [{
-			id: "opencli",
-			status: "running",
-			action: "opencli --version"
-		}, BRIDGE_PENDING]
-	}, {
-		hint: "checking",
-		command: false
-	}),
-	mock("installing", "安装中（npm 在跑）", "缺 opencli：正在装。右边会**数秒**（静止的圆点看不出在干活）。", {
-		phase: "installing",
-		steps: [{
-			id: "opencli",
-			status: "running",
-			action: INSTALL_COMMAND,
-			command: INSTALL_COMMAND
-		}, BRIDGE_PENDING]
-	}, {
-		hint: "installing",
-		command: false
-	}),
-	mock("ready", "都就绪（真机到这就放行）", "两步都过。这一帧之后 gate 立刻撤掉 —— 钉住它只是为了看一眼这两行长什么样。", {
-		phase: "ready",
-		steps: [{
-			id: "opencli",
-			status: "ok",
-			detail: "1.8.8"
-		}, {
-			id: "bridge",
-			status: "ok",
-			detail: "Everything looks good!"
-		}]
-	}, {
-		hint: "checking",
-		command: false
-	}),
-	mock("warn-extension", "浏览器通道：扩展没连上", "daemon 在跑、扩展没连上（最常见）：行尾说\"没连上\"，下面给「去应用商店装扩展」+ `daemon restart`，原文折叠当证据。", {
-		phase: "ready",
-		steps: [{
-			id: "opencli",
-			status: "ok",
-			detail: "1.8.8"
-		}, {
-			id: "bridge",
-			status: "warn",
-			detail: EXTENSION_REPORT,
-			command: "opencli daemon restart"
-		}],
-		bridgeIssues: ["extension"]
-	}, {
-		hint: "checking",
-		command: false,
-		bridgeIssues: ["extension"]
-	}),
-	mock("warn-daemon", "浏览器通道：服务没起来", "daemon 没起来（扩展跟着也连不上）：两条人话都摆出来，命令给 `daemon restart`。", {
-		phase: "ready",
-		steps: [{
-			id: "opencli",
-			status: "ok",
-			detail: "1.8.8"
-		}, {
-			id: "bridge",
-			status: "warn",
-			detail: DAEMON_REPORT,
-			command: "opencli daemon restart"
-		}],
-		bridgeIssues: ["daemon", "extension"]
-	}, {
-		hint: "checking",
-		command: false,
-		bridgeIssues: ["daemon", "extension"]
-	}),
-	mock("warn-profile", "浏览器通道：没选默认 profile", "连了多个浏览器 profile 但没选默认：只说\"选哪个\"（重启服务解决不了它），命令给 `profile list`。", {
-		phase: "ready",
-		steps: [{
-			id: "opencli",
-			status: "ok",
-			detail: "1.8.8"
-		}, {
-			id: "bridge",
-			status: "warn",
-			detail: PROFILE_REPORT,
-			command: "opencli profile list"
-		}],
-		bridgeIssues: ["profile"]
-	}, {
-		hint: "checking",
-		command: false,
-		bridgeIssues: ["profile"]
-	}),
-	mock("failed-permission", "装不上：权限不足", "失败态：为什么需要它 → 确切命令（可复制）→ 照做能解决的一句人话（EACCES → 换目录 / sudo）。", {
-		phase: "failed",
-		steps: [{
-			id: "opencli",
-			status: "failed",
-			detail: "npm ERR! code EACCES",
-			command: INSTALL_COMMAND
-		}, BRIDGE_PENDING],
-		error: "npm ERR! code EACCES\nnpm ERR! syscall mkdir\nnpm ERR! path /usr/local/lib/node_modules",
-		failure: "permission",
-		guidance: "install"
-	}, {
-		hint: "failed",
-		guidance: "install",
-		command: true
-	}),
-	mock("failed-network", "装不上：网络不通", "同一档失败，但人话换成\"查代理\"那条（EAI_AGAIN / ENOTFOUND）。", {
-		phase: "failed",
-		steps: [{
-			id: "opencli",
-			status: "failed",
-			detail: "npm ERR! code EAI_AGAIN",
-			command: INSTALL_COMMAND
-		}, BRIDGE_PENDING],
-		error: "npm ERR! code EAI_AGAIN\nnpm ERR! network request to https://registry.npmjs.org failed",
-		failure: "network",
-		guidance: "install"
-	}, {
-		hint: "failed",
-		guidance: "install",
-		command: true
-	}),
-	mock("failed-unknown", "装不上：认不出的错", "认不出失败种类时**不编**建议：只给命令与原文（多一句假建议比少一句更糟）。", {
-		phase: "failed",
-		steps: [{
-			id: "opencli",
-			status: "failed",
-			detail: "something went wrong",
-			command: INSTALL_COMMAND
-		}, BRIDGE_PENDING],
-		error: "something went wrong",
-		failure: "unknown",
-		guidance: "install"
-	}, {
-		hint: "failed",
-		guidance: "install",
-		command: true
-	}),
-	mock("failed-path", "装了但还找不到", "装完了 `--version` 还是不行：**不再让用户装一遍**（PATH / 新终端的事），所以不给命令。", {
-		phase: "failed",
-		steps: [{
-			id: "opencli",
-			status: "failed",
-			detail: "zsh: command not found: opencli",
-			command: INSTALL_COMMAND
-		}, BRIDGE_PENDING],
-		error: "zsh: command not found: opencli",
-		failure: "missing",
-		guidance: "path"
-	}, {
-		hint: "failed",
-		guidance: "path",
-		command: false
-	}),
-	mock("failed-shell", "执行缝坏了", "连 shell 都调不动：装也不可能成功。没有\"正在执行的动作\"、也没有命令 —— 该做的是重启宿主。", {
-		phase: "failed",
-		steps: [{
-			id: "opencli",
-			status: "failed",
-			detail: "Error: spawn /bin/sh ENOENT"
-		}, BRIDGE_PENDING],
-		error: "Error: spawn /bin/sh ENOENT",
-		failure: "unknown",
-		guidance: "shell"
-	}, {
-		hint: "failed",
-		guidance: "shell",
-		command: false
-	})
-];
 function el(tag, className, text) {
 	const node = document.createElement(tag);
 	node.className = className;
 	if (text !== void 0) node.textContent = text;
 	return node;
 }
-function mountGateMockStrip(options) {
-	const strip = el("div", `wb-mockStrip ${BootGate_module_default.mockSlot}`);
-	const note = el("span", "wb-mockNote");
-	const chips = [];
-	const paint = (active) => {
-		note.textContent = `夹具：钉住启动页的状态，不轮询、不放行 —— ${active?.note ?? "不接管：按真机走（就绪就放行）。"}`;
-		chips.forEach((chip) => {
-			chip.className = `wb-mockChip${chip.dataset.mock === active?.id ? " wb-mockChipOn" : ""}`;
-		});
-	};
-	const pick = (active) => {
-		paint(active);
-		options.onPick(active === null ? null : active.snapshot);
-	};
-	const real = el("button", "wb-mockChip", "真实");
-	real.setAttribute("type", "button");
-	real.dataset.mock = "";
-	real.addEventListener("click", () => pick(null));
-	strip.append(note, real);
-	chips.push(real);
-	for (const item of GATE_MOCKS) {
-		const chip = el("button", "wb-mockChip", item.label);
-		chip.setAttribute("type", "button");
-		chip.dataset.mock = item.id;
-		chip.addEventListener("click", () => pick(item));
-		strip.append(chip);
-		chips.push(chip);
-	}
-	pick(GATE_MOCKS[0] ?? null);
-	return strip;
-}
 //#endregion
 //#region src/app/layouts/env-gate/boot-gate.ts
 var POLL_MS = 400;
@@ -7988,9 +6574,9 @@ function createForcePlan() {
 	};
 }
 function commandRow(t) {
-	const row = el$1("div", BootGate_module_default.commandRow);
-	const code = el$1("code", BootGate_module_default.command);
-	const copy = el$1("button", BootGate_module_default.copy);
+	const row = el("div", BootGate_module_default.commandRow);
+	const code = el("code", BootGate_module_default.command);
+	const copy = el("button", BootGate_module_default.copy);
 	copy.setAttribute("type", "button");
 	copy.setAttribute("aria-label", t("env.copyCommand"));
 	copy.title = t("env.copyCommand");
@@ -8023,47 +6609,47 @@ function createBootGate(ctx, options = {}) {
 	const request = options.request ?? apiGet;
 	if (typeof document === "undefined" || typeof document.getElementById !== "function" || document.body === void 0) return { close: () => {} };
 	const root = document.getElementById("root");
-	const overlay = el$1("div", BootGate_module_default.gate);
+	const overlay = el("div", BootGate_module_default.gate);
 	overlay.setAttribute("role", "dialog");
 	overlay.setAttribute("aria-modal", "true");
 	overlay.setAttribute("aria-label", t("env.title"));
-	const card = el$1("div", BootGate_module_default.card);
-	const title = el$1("h1", BootGate_module_default.title, t("env.title"));
-	const hint = el$1("p", BootGate_module_default.hint, t("env.checking"));
-	const list = el$1("ul", BootGate_module_default.steps);
-	const progressRow = el$1("div", BootGate_module_default.progress);
+	const card = el("div", BootGate_module_default.card);
+	const title = el("h1", BootGate_module_default.title, t("env.title"));
+	const hint = el("p", BootGate_module_default.hint, t("env.checking"));
+	const list = el("ul", BootGate_module_default.steps);
+	const progressRow = el("div", BootGate_module_default.progress);
 	progressRow.hidden = true;
-	const elapsed = el$1("span", BootGate_module_default.elapsed);
+	const elapsed = el("span", BootGate_module_default.elapsed);
 	progressRow.append(elapsed);
-	const actions = el$1("div", BootGate_module_default.actions);
+	const actions = el("div", BootGate_module_default.actions);
 	actions.hidden = true;
-	const fixTitle = el$1("h2", BootGate_module_default.fixTitle, t("env.fix.title"));
-	const fixWhy = el$1("p", BootGate_module_default.hint);
-	const fixStep = el$1("p", BootGate_module_default.hint);
-	const fixAdvice = el$1("p", BootGate_module_default.hint);
-	const raw = el$1("details", BootGate_module_default.raw);
-	const rawSummary = el$1("summary", BootGate_module_default.rawSummary, t("env.fix.details"));
-	const errorBox = el$1("pre", BootGate_module_default.error);
+	const fixTitle = el("h2", BootGate_module_default.fixTitle, t("env.fix.title"));
+	const fixWhy = el("p", BootGate_module_default.hint);
+	const fixStep = el("p", BootGate_module_default.hint);
+	const fixAdvice = el("p", BootGate_module_default.hint);
+	const raw = el("details", BootGate_module_default.raw);
+	const rawSummary = el("summary", BootGate_module_default.rawSummary, t("env.fix.details"));
+	const errorBox = el("pre", BootGate_module_default.error);
 	raw.append(rawSummary, errorBox);
-	const buttons = el$1("div", BootGate_module_default.buttons);
-	const retry = el$1("button", BootGate_module_default.button, t("env.retry"));
+	const buttons = el("div", BootGate_module_default.buttons);
+	const retry = el("button", BootGate_module_default.button, t("env.retry"));
 	retry.setAttribute("type", "button");
 	const fixCommand = commandRow(t);
 	buttons.append(retry);
 	actions.append(fixTitle, fixWhy, fixStep, fixCommand.row, fixAdvice, buttons, raw);
-	const bridge = el$1("div", BootGate_module_default.bridge);
+	const bridge = el("div", BootGate_module_default.bridge);
 	bridge.hidden = true;
-	const bridgeTitle = el$1("h2", BootGate_module_default.fixTitle, t("env.fix.title"));
-	const bridgeWhy = el$1("p", BootGate_module_default.hint, t("env.bridge.why"));
-	const bridgeLines = el$1("ul", BootGate_module_default.bridgeLines);
+	const bridgeTitle = el("h2", BootGate_module_default.fixTitle, t("env.fix.title"));
+	const bridgeWhy = el("p", BootGate_module_default.hint, t("env.bridge.why"));
+	const bridgeLines = el("ul", BootGate_module_default.bridgeLines);
 	const bridgeCommand = commandRow(t);
-	const bridgeRetry = el$1("button", BootGate_module_default.button, t("env.retry"));
+	const bridgeRetry = el("button", BootGate_module_default.button, t("env.retry"));
 	bridgeRetry.setAttribute("type", "button");
-	const bridgeButtons = el$1("div", BootGate_module_default.buttons);
+	const bridgeButtons = el("div", BootGate_module_default.buttons);
 	bridgeButtons.append(bridgeRetry);
-	const bridgeRaw = el$1("details", BootGate_module_default.raw);
-	const bridgeRawText = el$1("pre", BootGate_module_default.error);
-	bridgeRaw.append(el$1("summary", BootGate_module_default.rawSummary, t("env.fix.details")), bridgeRawText);
+	const bridgeRaw = el("details", BootGate_module_default.raw);
+	const bridgeRawText = el("pre", BootGate_module_default.error);
+	bridgeRaw.append(el("summary", BootGate_module_default.rawSummary, t("env.fix.details")), bridgeRawText);
 	bridge.append(bridgeTitle, bridgeWhy, bridgeLines, bridgeCommand.row, bridgeButtons, bridgeRaw);
 	card.append(title, hint, list, progressRow, actions, bridge);
 	overlay.append(card);
@@ -8109,16 +6695,16 @@ function createBootGate(ctx, options = {}) {
 	function ensureRow(step) {
 		const existing = rows.get(step.id);
 		if (existing !== void 0) return existing;
-		const item = el$1("li", BootGate_module_default.step);
-		const mark = el$1("span", BootGate_module_default.mark);
+		const item = el("li", BootGate_module_default.step);
+		const mark = el("span", BootGate_module_default.mark);
 		mark.setAttribute("aria-hidden", "true");
 		const row = {
 			item,
 			mark,
-			detail: el$1("span", BootGate_module_default.detail),
+			detail: el("span", BootGate_module_default.detail),
 			status: ""
 		};
-		item.append(mark, el$1("span", BootGate_module_default.label, stepLabel$1(step.id, t)), row.detail);
+		item.append(mark, el("span", BootGate_module_default.label, stepLabel$1(step.id, t)), row.detail);
 		rows.set(step.id, row);
 		return row;
 	}
@@ -8165,7 +6751,7 @@ function createBootGate(ctx, options = {}) {
 		if (bridgeBroken && bridgeStep !== void 0) {
 			bridgeLines.replaceChildren(...(snapshot.bridgeIssues ?? ["unknown"]).map((issue) => {
 				const advice = bridgeAdvice(issue);
-				const item = el$1("li", BootGate_module_default.bridgeLine, t(advice.textKey));
+				const item = el("li", BootGate_module_default.bridgeLine, t(advice.textKey));
 				if (advice.link !== void 0) {
 					const link = document.createElement("a");
 					link.className = BootGate_module_default.link;
@@ -8214,8 +6800,9 @@ function createBootGate(ctx, options = {}) {
 	}
 	retry.addEventListener("click", retryNow);
 	bridgeRetry.addEventListener("click", retryNow);
-	if (mockModeOn(typeof window === "undefined" ? "" : window.location?.search ?? "")) {
-		const strip = mountGateMockStrip({ onPick: (snapshot) => {
+	const search = typeof window === "undefined" ? "" : window.location?.search ?? "";
+	if (devSurface.on(search)) {
+		const strip = devSurface.gateStrip({ onPick: (snapshot) => {
 			pinned = snapshot;
 			if (snapshot !== null) {
 				render(snapshot);
@@ -8223,7 +6810,7 @@ function createBootGate(ctx, options = {}) {
 			}
 			poll();
 		} });
-		overlay.append(strip);
+		if (strip !== null) overlay.append(strip);
 	}
 	poll();
 	return { close };
@@ -8558,18 +7145,6 @@ function BoardEmpty({ t, onBuildModule, onOpenModules, onOpenMarket }) {
 		}, t("panels.browseMarket")))
 	});
 }
-//#endregion
-//#region src/app/layouts/rightbar/BoardMockStrip.tsx
-function BoardMockStrip({ fixtures, show }) {
-	const current = fixtures.mock;
-	if (!show || current === void 0) return null;
-	return /* @__PURE__ */ h(MockStrip, {
-		note: `夹具：只切形状，不碰真实配置；卡片上的数据看卡片夹具 —— ${current.note}`,
-		mocks: fixtures.mocks,
-		index: fixtures.index,
-		onPick: fixtures.pick
-	});
-}
 var ModulesPage_module_default = {
 	trigger: "_trigger_15ptp_1",
 	pop: "_pop_15ptp_6",
@@ -8596,250 +7171,6 @@ var ModulesPage_module_default = {
 	groupTitle: "_groupTitle_15ptp_191"
 };
 //#endregion
-//#region src/app/layouts/rightbar/panel-mock.ts
-function row$1(id, titleKey, shown) {
-	return {
-		id,
-		titleKey,
-		shown,
-		source: "user",
-		hasCard: true
-	};
-}
-function noCardRow(id, titleKey) {
-	return {
-		id,
-		titleKey,
-		shown: false,
-		source: "user",
-		hasCard: false
-	};
-}
-function plugin(id, pkg, title, shown) {
-	return {
-		id,
-		pkg,
-		title,
-		shown,
-		source: "user"
-	};
-}
-var PLUGIN_MOCK = {
-	id: "plugin",
-	label: "opencli 插件行（标出是插件，能开能关）",
-	units: [],
-	plugins: [plugin("plugin:opencli-plugin-cmdb", "opencli-plugin-cmdb", "cmdb", true), plugin("plugin:opencli-plugin-notes", "opencli-plugin-notes", "notes", false)],
-	capabilities: {},
-	expect: { rows: 0 }
-};
-function probe(unit, status) {
-	return { [unit]: {
-		unit,
-		status,
-		required: [],
-		missing: [],
-		detail: "夹具"
-	} };
-}
-function buildPanelMocks(roster) {
-	const found = roster.find((manifest) => manifest.card !== null);
-	if (found === void 0) return [{
-		id: "empty",
-		label: "列表空（都卸了/都关了）",
-		units: [],
-		capabilities: {},
-		expect: { rows: 0 }
-	}, PLUGIN_MOCK];
-	const titleKey = found.card?.titleKey ?? found.id;
-	const id = found.id;
-	const on = row$1(id, titleKey, true);
-	const off = row$1(id, titleKey, false);
-	const twin = row$1(`${id}-b`, titleKey, true);
-	const third = row$1(`${id}-c`, titleKey, false);
-	return [
-		{
-			id: "one",
-			label: "一行：已启用、装好了",
-			units: [on],
-			capabilities: probe(id, "ok"),
-			expect: {
-				rows: 1,
-				badge: null,
-				on: true
-			}
-		},
-		{
-			id: "off",
-			label: "已停用（开关关着）",
-			units: [off],
-			capabilities: probe(id, "ok"),
-			expect: {
-				rows: 1,
-				badge: null,
-				on: false
-			}
-		},
-		{
-			id: "missing",
-			label: "⚠ 没装好 → 不列（去市场装）",
-			units: [on],
-			capabilities: probe(id, "missing-plugin"),
-			expect: { rows: 0 }
-		},
-		{
-			id: "outdated",
-			label: "⚠ 缺命令（也没装好）→ 同样不列",
-			units: [on],
-			capabilities: probe(id, "missing-commands"),
-			expect: { rows: 0 }
-		},
-		{
-			id: "unchecked",
-			label: "⚠ 检测不了",
-			units: [on],
-			capabilities: probe(id, "unchecked"),
-			expect: {
-				rows: 1,
-				badge: "panels.dep.unchecked",
-				on: true
-			}
-		},
-		{
-			id: "checking",
-			label: "还没探到（没有徽标）",
-			units: [on],
-			capabilities: null,
-			expect: {
-				rows: 1,
-				badge: null,
-				on: true
-			}
-		},
-		{
-			id: "many",
-			label: "三行（顺序 / 停用混着）",
-			units: [
-				on,
-				twin,
-				third
-			],
-			capabilities: {
-				...probe(id, "ok"),
-				...probe(`${id}-b`, "ok"),
-				...probe(`${id}-c`, "ok")
-			},
-			expect: {
-				rows: 3,
-				badge: null,
-				on: true
-			}
-		},
-		{
-			id: "no-card",
-			label: "没看板的模块（只有基座命令那种）：也列出来、带「无看板」标签，开关照常能用，只是不参与排序",
-			units: [on, noCardRow(`${id}-c`, `${titleKey}（无看板）`)],
-			capabilities: {
-				...probe(id, "ok"),
-				...probe(`${id}-c`, "ok")
-			},
-			expect: {
-				rows: 2,
-				badge: null,
-				on: true
-			}
-		},
-		{
-			id: "long",
-			label: "超长模块名",
-			units: [row$1(id, "一个名字特别特别长的模块用来验证省略号会不会把开关挤下去", true)],
-			capabilities: probe(id, "ok"),
-			expect: {
-				rows: 1,
-				badge: null
-			}
-		},
-		{
-			id: "hidden",
-			label: "卸载后不显示（未启用 + 没装）",
-			units: [off],
-			capabilities: probe(id, "missing-plugin"),
-			expect: { rows: 0 }
-		},
-		{
-			id: "busy",
-			label: "正在改配置（开关禁用）",
-			units: [on, twin],
-			capabilities: {
-				...probe(id, "ok"),
-				...probe(`${id}-b`, "ok")
-			},
-			busy: true,
-			expect: { rows: 2 }
-		},
-		{
-			id: "failed",
-			label: "改配置失败（红字）",
-			units: [on],
-			capabilities: probe(id, "ok"),
-			failed: true,
-			expect: { rows: 1 }
-		},
-		{
-			id: "drag",
-			label: "拖动中的落点提示",
-			units: [
-				on,
-				twin,
-				third
-			],
-			capabilities: {
-				...probe(id, "ok"),
-				...probe(`${id}-b`, "ok"),
-				...probe(`${id}-c`, "ok")
-			},
-			drag: {
-				from: 1,
-				over: 0,
-				at: {
-					x: 1230,
-					y: 300
-				}
-			},
-			expect: {
-				rows: 3,
-				on: true
-			}
-		},
-		{
-			id: "drag-off",
-			label: "拖到未开启的那一行上：落点不亮（松手也不动）",
-			units: [
-				on,
-				twin,
-				third
-			],
-			capabilities: {
-				...probe(id, "ok"),
-				...probe(`${id}-b`, "ok"),
-				...probe(`${id}-c`, "ok")
-			},
-			drag: {
-				from: 0,
-				over: null,
-				at: {
-					x: 1230,
-					y: 300
-				}
-			},
-			expect: {
-				rows: 3,
-				on: true
-			}
-		},
-		PLUGIN_MOCK
-	];
-}
-//#endregion
 //#region src/app/layouts/rightbar/board-selection.ts
 function available(capability) {
 	if (capability === void 0) return true;
@@ -9215,13 +7546,9 @@ function PanelModules({ t, open, onOpenChange, enabledUnits, workspace, refreshT
 		forceProbe
 	]);
 	const root = useRef(null);
-	const panelMocks = useMemo(() => buildPanelMocks(fixtureRoster(manifests)), [manifests]);
-	const fixturePick = useFixturePick({
-		fixtures: panelMocks,
-		initial: panelMocks[0]?.id ?? null
-	});
-	const panelMock = fixturePick.enabled ? fixturePick.current : void 0;
-	const mockNonce = fixturePick.nonce;
+	const devPanel = devSurface.useStrips("panel", manifests);
+	const panelMock = devPanel.current;
+	const mockNonce = devPanel.pick.nonce;
 	useDismissOnOutsidePointer(root, open, (next) => dismissPanelByPointer(next, document, onOpenChange));
 	const units = enabledUnits?.units ?? [];
 	return /* @__PURE__ */ h("div", {
@@ -9240,20 +7567,16 @@ function PanelModules({ t, open, onOpenChange, enabledUnits, workspace, refreshT
 		className: ModulesPage_module_default.pop,
 		role: "dialog",
 		"aria-label": t("panels.title")
-	}, /* @__PURE__ */ h("header", { className: ModulesPage_module_default.head }, /* @__PURE__ */ h("span", { className: ModulesPage_module_default.title }, t("panels.tab.modules"))), fixturePick.enabled ? /* @__PURE__ */ h(MockStrip, {
-		mocks: panelMocks,
-		index: fixturePick.index,
-		onPick: (at) => fixturePick.pick(panelMocks[at]?.id ?? null)
-	}) : null, /* @__PURE__ */ h(ModulesPage, {
+	}, /* @__PURE__ */ h("header", { className: ModulesPage_module_default.head }, /* @__PURE__ */ h("span", { className: ModulesPage_module_default.title }, t("panels.tab.modules"))), devPanel.strip, /* @__PURE__ */ h(ModulesPage, {
 		key: `${panelMock?.id ?? "real-modules"}-${mockNonce}`,
 		t,
 		units: panelMock?.units ?? units,
 		plugins: panelMock?.plugins ?? enabledUnits?.plugins ?? [],
-		capabilities: panelMock === void 0 ? fixturePick.enabled ? null : capabilities : panelMock.capabilities,
+		capabilities: panelMock === void 0 ? devPanel.enabled ? null : capabilities : panelMock.capabilities,
 		loading: enabledUnits === null,
 		own: enabledUnits?.own === true,
 		onOpenMarket,
-		mocked: fixturePick.enabled,
+		mocked: devPanel.enabled,
 		workspace,
 		mock: panelMock
 	})) : null);
@@ -9274,589 +7597,6 @@ function boardColumnsOf(items, twoColumns) {
 	return splitBoardColumns(items);
 }
 //#endregion
-//#region src/app/layouts/rightbar/board-mock.ts
-var REAL = {
-	id: "real",
-	label: "真实",
-	note: "不接管：宿主配置里开着什么就摆什么。",
-	shape: { kind: "real" }
-};
-var EMPTY = {
-	id: "empty",
-	label: "空看板",
-	note: "一个模块都没开：内容区那条空态与它的两条出路。",
-	shape: { kind: "empty" },
-	expect: {
-		cards: 0,
-		empty: true
-	}
-};
-var UNREAD = {
-	id: "unread",
-	label: "配置还没读到",
-	note: "还没读到配置：内容区说一句\"正在读取面板配置…\"，头部 ⟳ 留着（按一下立刻重读）。",
-	shape: { kind: "unread" },
-	expect: {
-		cards: 0,
-		empty: false
-	}
-};
-var KIT = {
-	id: "kit",
-	label: "公共组件预览",
-	note: "把 shared 那套哑组件按\"样式 + 交互\"摆一遍（下拉的常规档与无边框档、搜索、分组、禁用、加载、手填退化、卡片头、状态、行、活动流、长任务那一行）：不碰配置、不读数据。",
-	shape: { kind: "kit" },
-	expect: {
-		cards: 1,
-		empty: false
-	}
-};
-function buildBoardMocks(roster) {
-	return [
-		REAL,
-		KIT,
-		...!roster.some((manifest) => manifest.card !== null) ? [] : [
-			{
-				id: "one",
-				label: "一张卡",
-				note: "常态：面板上只有一个模块时的样子。",
-				shape: {
-					kind: "copies",
-					count: 1
-				},
-				expect: {
-					cards: 1,
-					empty: false
-				}
-			},
-			{
-				id: "two",
-				label: "两张卡",
-				note: "同一个模块摆两份 —— 量卡片之间的间距与分界（卡片夹具条已收起）。",
-				shape: {
-					kind: "copies",
-					count: 2
-				},
-				expect: {
-					cards: 2,
-					empty: false
-				}
-			},
-			{
-				id: "many",
-				label: "八张卡（要滚）",
-				note: "同一个模块摆八份 —— 量滚动、滚动条与底部留白（卡片夹具条已收起）。",
-				shape: {
-					kind: "copies",
-					count: 8
-				},
-				expect: {
-					cards: 8,
-					empty: false
-				}
-			},
-			{
-				id: "crash",
-				label: "坏卡 + 好卡",
-				note: "一张渲染必炸的卡 + 你装的模块（配 ?wbCrash=1 才摆得出来）：要看到坏的那张只剩一句\"这个模块起不来\"，别的卡与面板壳都还在。",
-				shape: { kind: "all" },
-				expect: {
-					cards: 1,
-					empty: false
-				}
-			}
-		],
-		EMPTY,
-		UNREAD
-	];
-}
-var REAL_SHAPE = { kind: "real" };
-function useBoardMock(roster) {
-	const [on] = useState(() => mockModeOn(window.location.search));
-	const mocks = useMemo(() => on ? buildBoardMocks(roster) : [], [on, roster]);
-	const [index, setIndex] = useState(0);
-	const mock = mocks[index];
-	return {
-		mock,
-		mocks,
-		index,
-		pick: setIndex,
-		shape: mock?.shape ?? REAL_SHAPE
-	};
-}
-var kit_preview_module_default = {
-	gallery: "_gallery_eqvi8_1",
-	section: "_section_eqvi8_7",
-	heading: "_heading_eqvi8_13",
-	title: "_title_eqvi8_20",
-	note: "_note_eqvi8_26",
-	cells: "_cells_eqvi8_32",
-	cell: "_cell_eqvi8_32",
-	cellLabel: "_cellLabel_eqvi8_46",
-	span: "_span_eqvi8_51",
-	stack: "_stack_eqvi8_55",
-	inline: "_inline_eqvi8_61",
-	panel: "_panel_eqvi8_68",
-	bound: "_bound_eqvi8_75"
-};
-//#endregion
-//#region src/app/layouts/rightbar/kit-preview-controls.tsx
-var ENV_OPTIONS = [
-	{
-		value: "prod",
-		label: "生产环境"
-	},
-	{
-		value: "stage",
-		label: "预发环境"
-	},
-	{
-		value: "dev",
-		label: "开发环境"
-	}
-];
-var CLOUD_OPTIONS = [
-	{
-		value: "ali-prod",
-		label: "生产集群",
-		group: "阿里云",
-		searchText: "aliyun 生产 prod"
-	},
-	{
-		value: "ali-stage",
-		label: "预发集群",
-		group: "阿里云",
-		searchText: "aliyun 预发 stage"
-	},
-	{
-		value: "tencent-prod",
-		label: "生产集群",
-		group: "腾讯云",
-		searchText: "tencent 生产 prod"
-	},
-	{
-		value: "tencent-dev",
-		label: "开发集群",
-		group: "腾讯云",
-		disabled: true,
-		searchText: "tencent 开发 dev"
-	}
-];
-var CHOICES = [
-	{
-		value: "small",
-		label: "小"
-	},
-	{
-		value: "medium",
-		label: "中"
-	},
-	{
-		value: "large",
-		label: "大"
-	}
-];
-function TextFieldDemo() {
-	const [text, setText] = useState("");
-	return /* @__PURE__ */ h("div", { className: kit_preview_module_default.stack }, /* @__PURE__ */ h(Field, {
-		label: "名字",
-		hint: "随手敲点字，看描边与焦点环"
-	}, /* @__PURE__ */ h(TextField, {
-		value: text,
-		placeholder: "例如：生产",
-		onChange: (event) => setText(event.currentTarget.value)
-	})), /* @__PURE__ */ h(TextField, {
-		invalid: true,
-		value: "这份填错了",
-		onChange: () => {}
-	}), /* @__PURE__ */ h(TextField, {
-		value: "禁用的一格",
-		disabled: true,
-		onChange: () => {}
-	}));
-}
-function SelectDemo({ variant }) {
-	const [value, setValue] = useState("stage");
-	return /* @__PURE__ */ h(SelectField, {
-		value,
-		options: ENV_OPTIONS,
-		onChange: setValue,
-		...variant === void 0 ? {} : { variant },
-		label: variant === "ghost" ? void 0 : "环境",
-		hint: variant === "ghost" ? void 0 : "展开后锚点换成搜索框，↑↓ 走游标"
-	});
-}
-function SelectRichDemo() {
-	const [value, setValue] = useState("ali-prod");
-	const [added, setAdded] = useState(0);
-	return /* @__PURE__ */ h(SelectField, {
-		value,
-		options: CLOUD_OPTIONS,
-		onChange: setValue,
-		label: "集群",
-		hint: added === 0 ? "试试点页脚那颗「新建集群…」" : `页脚接过 ${added} 次`,
-		searchLabel: "搜集群",
-		searchPlaceholder: "搜名字或别名…",
-		emptyText: (query) => `没有匹配「${query}」的集群`,
-		footer: {
-			label: "新建集群…",
-			icon: /* @__PURE__ */ h(IconPlusOutlineRegular, { size: 14 })
-		},
-		onFooter: () => setAdded((count) => count + 1)
-	});
-}
-function SelectStateDemo() {
-	const [manual, setManual] = useState("手填的环境名");
-	return /* @__PURE__ */ h("div", { className: kit_preview_module_default.stack }, /* @__PURE__ */ h(SelectField, {
-		value: "prod",
-		options: ENV_OPTIONS,
-		onChange: () => {},
-		disabled: true,
-		label: "禁用"
-	}), /* @__PURE__ */ h(SelectField, {
-		value: "",
-		options: [],
-		onChange: () => {},
-		loading: true,
-		loadingText: "正在读环境…",
-		label: "加载中"
-	}), /* @__PURE__ */ h(SelectField, {
-		value: "",
-		options: [],
-		onChange: () => {},
-		fallback: {
-			value: manual,
-			onChange: setManual
-		},
-		label: "名单读不到 → 退化成手填"
-	}));
-}
-function AppearanceDemo() {
-	const [value, setValue] = useState("medium");
-	return /* @__PURE__ */ h("div", { className: kit_preview_module_default.stack }, /* @__PURE__ */ h(SelectField, {
-		value,
-		options: CHOICES,
-		onChange: setValue,
-		variant: "ghost",
-		icon: /* @__PURE__ */ h(IconChevronDownOutlineRegular, { size: 16 }),
-		ariaLabel: "尺寸",
-		title: "无边框变体：图标 + 当前值 + 箭头"
-	}), /* @__PURE__ */ h(SelectField, {
-		value,
-		options: CHOICES,
-		onChange: setValue,
-		selection: "check",
-		label: "selection=check（打勾那一种）"
-	}));
-}
-function ChoiceDemo() {
-	const [single, setSingle] = useState("medium");
-	const [many, setMany] = useState(["small", "large"]);
-	return /* @__PURE__ */ h("div", { className: kit_preview_module_default.stack }, /* @__PURE__ */ h(ChoiceGroup, {
-		label: "尺寸",
-		name: "kit-size",
-		options: CHOICES,
-		value: single,
-		onChange: setSingle
-	}), /* @__PURE__ */ h(ChoiceGroup, {
-		label: "多选",
-		name: "kit-many",
-		options: CHOICES,
-		multi: true,
-		values: many,
-		onChange: setMany
-	}), /* @__PURE__ */ h(ChoiceGroup, {
-		label: "禁用",
-		name: "kit-off",
-		options: CHOICES,
-		value: "small",
-		onChange: () => {},
-		disabled: true
-	}));
-}
-function SaveBarDemo() {
-	const [busy, setBusy] = useState(false);
-	return /* @__PURE__ */ h(SaveBar, {
-		busy,
-		labels: {
-			cancel: "取消",
-			save: "保存",
-			saving: "保存中…"
-		},
-		onCancel: () => setBusy(false),
-		onSave: () => setBusy(true)
-	});
-}
-function LinkDemo() {
-	return /* @__PURE__ */ h("div", { className: kit_preview_module_default.inline }, /* @__PURE__ */ h(Link, {
-		href: "https://example.com/report",
-		title: "外部链接：新窗口打开"
-	}, "外部报告"), /* @__PURE__ */ h(Link, {
-		href: "#kit-preview",
-		external: false
-	}, "站内锚点"));
-}
-//#endregion
-//#region src/app/layouts/rightbar/kit-preview-frame.tsx
-function Section({ title, note, children }) {
-	return /* @__PURE__ */ h("section", { className: kit_preview_module_default.section }, /* @__PURE__ */ h("div", { className: kit_preview_module_default.heading }, /* @__PURE__ */ h("span", { className: kit_preview_module_default.title }, title), note === void 0 ? null : /* @__PURE__ */ h("span", { className: kit_preview_module_default.note }, note)), children);
-}
-function Grid({ children }) {
-	return /* @__PURE__ */ h("div", { className: kit_preview_module_default.cells }, children);
-}
-function Cell({ label, wide, children }) {
-	return /* @__PURE__ */ h("div", { className: wide === true ? `${kit_preview_module_default.cell} ${kit_preview_module_default.span}` : kit_preview_module_default.cell }, /* @__PURE__ */ h("span", { className: kit_preview_module_default.cellLabel }, label), children);
-}
-//#endregion
-//#region src/app/layouts/rightbar/kit-preview-rows.tsx
-function RowsSection() {
-	return /* @__PURE__ */ h(Section, {
-		title: "行与分组",
-		note: "Rows / Row 是键值行；Stack 只管间距；SettingsSection 是设置页那一节"
-	}, /* @__PURE__ */ h(Grid, null, /* @__PURE__ */ h(Cell, { label: "Rows + Row" }, /* @__PURE__ */ h(Rows, null, /* @__PURE__ */ h(Row, {
-		label: "环境",
-		value: "生产"
-	}), /* @__PURE__ */ h(Row, {
-		label: "集群",
-		value: "ali-prod"
-	}), /* @__PURE__ */ h(Row, {
-		label: "指纹",
-		value: "a1b2c3d4"
-	}))), /* @__PURE__ */ h(Cell, { label: "Stack（只管间距）" }, /* @__PURE__ */ h(Stack, null, /* @__PURE__ */ h(Note, null, "第一行说明：默认 muted。"), /* @__PURE__ */ h(Note, { tone: "problem" }, "第二行是个问题：tone=problem。"))), /* @__PURE__ */ h(Cell, {
-		label: "SettingsSection（设置页那一节）",
-		wide: true
-	}, /* @__PURE__ */ h("div", { className: kit_preview_module_default.bound }, /* @__PURE__ */ h(SettingsSection, {
-		label: "面板",
-		title: "显示"
-	}, /* @__PURE__ */ h(Rows, null, /* @__PURE__ */ h(Row, {
-		label: "每页条数",
-		value: "20"
-	}), /* @__PURE__ */ h(Row, {
-		label: "自动刷新",
-		value: "开"
-	})))))));
-}
-function ActivitySection() {
-	return /* @__PURE__ */ h(Section, {
-		title: "活动流",
-		note: "ActivityBlock / ActivityLine / ActivityAction：一行一个动作，右边是时间与按钮"
-	}, /* @__PURE__ */ h("div", { className: kit_preview_module_default.panel }, /* @__PURE__ */ h(ActivityBlock, { head: "今天的动作" }, /* @__PURE__ */ h(ActivityLine, {
-		dot: /* @__PURE__ */ h(StateDot, {
-			state: "done",
-			size: 10
-		}),
-		text: "读了构建列表",
-		at: "2 分钟前"
-	}), /* @__PURE__ */ h(ActivityLine, {
-		dot: /* @__PURE__ */ h(StateDot, {
-			state: "ongoing",
-			size: 10
-		}),
-		text: "正在发布",
-		at: "刚刚",
-		actions: /* @__PURE__ */ h(ActivityAction, {
-			label: "看日志",
-			icon: /* @__PURE__ */ h(IconCodeOutlineRegular, { size: 14 }),
-			onClick: () => {}
-		})
-	}), /* @__PURE__ */ h(ActivityLine, {
-		dot: /* @__PURE__ */ h(StateDot, {
-			state: "error",
-			size: 10
-		}),
-		text: "发布失败",
-		at: "1 小时前",
-		actions: /* @__PURE__ */ h(ActivityAction, {
-			label: "重试",
-			hint: "失败的那次再跑一遍",
-			icon: /* @__PURE__ */ h(IconRefreshOutlineRegular, { size: 14 }),
-			failed: true,
-			onClick: () => {}
-		})
-	}))));
-}
-function LongTaskSection() {
-	return /* @__PURE__ */ h(Section, {
-		title: "长任务那一行",
-		note: "四种状态：跑着 / 要登录 / 好了 / 失败（带步骤与原文）"
-	}, /* @__PURE__ */ h("div", { className: kit_preview_module_default.stack }, /* @__PURE__ */ h(LongTaskRow, {
-		status: "running",
-		headline: "正在发布（2/3）",
-		stepsTitle: "步骤",
-		steps: [
-			"拉代码",
-			"构建",
-			"发布"
-		]
-	}), /* @__PURE__ */ h(LongTaskRow, {
-		status: "needs-login",
-		headline: "要登录腾讯云",
-		problem: "凭证过期了"
-	}), /* @__PURE__ */ h(LongTaskRow, {
-		status: "ok",
-		headline: "发布完成",
-		rawTitle: "原文",
-		raw: "ok · 12.4s",
-		copyLabel: "复制",
-		copiedLabel: "复制好了",
-		links: [{
-			href: "https://example.com/log",
-			text: "日志"
-		}]
-	}), /* @__PURE__ */ h(LongTaskRow, {
-		status: "failed",
-		headline: "发布失败",
-		problem: "站点回的是 HTTP 403"
-	})));
-}
-function IconSection() {
-	return /* @__PURE__ */ h(Section, {
-		title: "外壳自己的图标",
-		note: "dsh 那一套 Icon*Regular 直接从原语拿，这几个是外壳自己画的"
-	}, /* @__PURE__ */ h(Grid, null, [
-		{
-			label: "IconBrandMark",
-			node: /* @__PURE__ */ h(IconBrandMark, { size: 20 })
-		},
-		{
-			label: "IconModuleMark",
-			node: /* @__PURE__ */ h(IconModuleMark, { size: 20 })
-		},
-		{
-			label: "IconModules",
-			node: /* @__PURE__ */ h(IconModules, { size: 16 })
-		},
-		{
-			label: "IconPanelScreen",
-			node: /* @__PURE__ */ h(IconPanelScreen, { size: 16 })
-		},
-		{
-			label: "IconOpencli",
-			node: /* @__PURE__ */ h(IconOpencli, { size: 16 })
-		},
-		{
-			label: "IconNpm",
-			node: /* @__PURE__ */ h(IconNpm, { size: 16 })
-		}
-	].map((one) => /* @__PURE__ */ h(Cell, {
-		key: one.label,
-		label: one.label
-	}, /* @__PURE__ */ h("span", { className: kit_preview_module_default.panel }, one.node)))));
-}
-function StripSection() {
-	const [index, setIndex] = useState(0);
-	return /* @__PURE__ */ h(Section, {
-		title: "夹具条",
-		note: "MockStrip：只在 ?wbMock=1 下出现的那条，自己也可以摆出来"
-	}, /* @__PURE__ */ h(MockStrip, {
-		note: "这是夹具条本身：点一下就换一个形状",
-		index,
-		onPick: setIndex,
-		mocks: [
-			{
-				id: "one",
-				label: "一张卡"
-			},
-			{
-				id: "two",
-				label: "两张卡"
-			},
-			{
-				id: "eight",
-				label: "八张卡"
-			}
-		]
-	}));
-}
-//#endregion
-//#region src/app/layouts/rightbar/kit-preview.tsx
-function SelectSection() {
-	return /* @__PURE__ */ h(Section, {
-		title: "下拉选择 SelectField",
-		note: "默认是常规下拉框；无边框那档要显式给 variant=ghost。展开后锚点换成搜索框，↑↓ 走游标、Enter 选中、Esc / 外点关掉"
-	}, /* @__PURE__ */ h(Grid, null, /* @__PURE__ */ h(Cell, { label: "常规档（默认，带 label / hint）" }, /* @__PURE__ */ h(SelectDemo, null)), /* @__PURE__ */ h(Cell, { label: "variant=ghost（左栏工作区那一种）" }, /* @__PURE__ */ h(SelectDemo, { variant: "ghost" })), /* @__PURE__ */ h(Cell, { label: "搜索 + 分组 + 禁用项 + 页脚动作" }, /* @__PURE__ */ h(SelectRichDemo, null)), /* @__PURE__ */ h(Cell, { label: "禁用 / 加载中 / 名单读不到时退化成手填" }, /* @__PURE__ */ h(SelectStateDemo, null)), /* @__PURE__ */ h(Cell, {
-		label: "图标 + 当前值（无边框）与 selection=check",
-		wide: true
-	}, /* @__PURE__ */ h(AppearanceDemo, null))));
-}
-function FormsSection() {
-	return /* @__PURE__ */ h(Section, {
-		title: "输入与本机选择",
-		note: "TextField 的三个态、ChoiceGroup 的单选 / 多选 / 禁用、SaveBar、Link"
-	}, /* @__PURE__ */ h(Grid, null, /* @__PURE__ */ h(Cell, { label: "TextField（正常 / invalid / 禁用）" }, /* @__PURE__ */ h(TextFieldDemo, null)), /* @__PURE__ */ h(Cell, { label: "ChoiceGroup（单选 / 多选 / 禁用）" }, /* @__PURE__ */ h(ChoiceDemo, null)), /* @__PURE__ */ h(Cell, { label: "SaveBar（点保存看它转起来）" }, /* @__PURE__ */ h(SaveBarDemo, null)), /* @__PURE__ */ h(Cell, { label: "Link（外链与站内）" }, /* @__PURE__ */ h(LinkDemo, null))));
-}
-function CardSection({ t }) {
-	return /* @__PURE__ */ h(Section, {
-		title: "卡片与卡头",
-		note: "模块卡片自己渲染 Card；外壳只在外层套 CardAnchor（display: contents）与 CardBoundary（崩了才看得见）"
-	}, /* @__PURE__ */ h(Grid, null, /* @__PURE__ */ h(Cell, {
-		label: "Card（整张卡）",
-		wide: true
-	}, /* @__PURE__ */ h("div", { className: kit_preview_module_default.bound }, /* @__PURE__ */ h(Card, {
-		t,
-		title: "示例卡片",
-		meta: "夹具",
-		refreshing: false,
-		onRefresh: () => {}
-	}, /* @__PURE__ */ h(Note, null, "卡身里放什么都行：这张预览卡自己就是个例子。")))), /* @__PURE__ */ h(Cell, {
-		label: "CardHead（带齿轮与平台跳转）",
-		wide: true
-	}, /* @__PURE__ */ h("div", { className: kit_preview_module_default.bound }, /* @__PURE__ */ h(CardHead, {
-		t,
-		title: "卡头",
-		meta: "3 分钟前",
-		refreshing: false,
-		onRefresh: () => {},
-		gear: "面板设置",
-		gearOpen: true,
-		onToggleGear: () => {},
-		platform: "打开平台",
-		platformTitle: "去平台上看看",
-		platformHref: "https://example.com/panel"
-	})))));
-}
-function StateSection() {
-	return /* @__PURE__ */ h(Section, {
-		title: "状态与提示",
-		note: "Note / StateBlock / CenteredState / EmptyState / SkeletonRows：卡里那几种“没东西可看”的说法"
-	}, /* @__PURE__ */ h(Grid, null, /* @__PURE__ */ h(Cell, { label: "Note（muted 与 problem）" }, /* @__PURE__ */ h(Note, null, "这句是说明。"), /* @__PURE__ */ h(Note, { tone: "problem" }, "这句是问题。")), /* @__PURE__ */ h(Cell, { label: "StateBlock（点 + 标题 + 提示 + 动作）" }, /* @__PURE__ */ h(StateBlock, {
-		dot: /* @__PURE__ */ h(StateDot, {
-			state: "ongoing",
-			size: 10
-		}),
-		title: "正在读",
-		hint: "读回来之前这一块先这么说",
-		resolving: "还剩 3 秒"
-	}, /* @__PURE__ */ h(SkeletonRows, { rows: 3 }))), /* @__PURE__ */ h(Cell, { label: "CenteredState（大图标 / 紧凑）" }, /* @__PURE__ */ h(CenteredState, {
-		icon: /* @__PURE__ */ h(IconPanelScreen, { size: 32 }),
-		title: "这块还没接上",
-		hint: "接上之后这里会有数据",
-		action: /* @__PURE__ */ h(Note, null, "动作用 Note 或 Button 都行")
-	}), /* @__PURE__ */ h(CenteredState, {
-		compact: true,
-		icon: /* @__PURE__ */ h(IconModules, { size: 20 }),
-		title: "紧凑的那一档"
-	})), /* @__PURE__ */ h(Cell, { label: "EmptyState 与 SkeletonRows" }, /* @__PURE__ */ h(EmptyState, {
-		text: "一条都还没有",
-		icon: /* @__PURE__ */ h(IconBrandMark, { size: 20 })
-	}), /* @__PURE__ */ h(SkeletonRows, { rows: 2 }))));
-}
-function KitPreview({ t }) {
-	return /* @__PURE__ */ h(Card, {
-		t,
-		title: "公共组件预览",
-		meta: "夹具 · 只在 ?wbMock=1 下摆出来",
-		refreshing: false,
-		onRefresh: () => {}
-	}, /* @__PURE__ */ h("div", { className: kit_preview_module_default.gallery }, /* @__PURE__ */ h(Note, null, "这里把 ", /* @__PURE__ */ h("code", null, "@dsh-workbench/shared"), " 里那套哑组件按“样式 + 交互”摆了一遍：能点的都点得动， 能搜的都能搜。没摆的是要真实数据的那些（ApprovalDetail 要一份会话快照、CardBoundary 要一张会炸的卡 —— 那个走 ?wbCrash=1）。"), /* @__PURE__ */ h(SelectSection, null), /* @__PURE__ */ h(FormsSection, null), /* @__PURE__ */ h(CardSection, { t }), /* @__PURE__ */ h(StateSection, null), /* @__PURE__ */ h(RowsSection, null), /* @__PURE__ */ h(ActivitySection, null), /* @__PURE__ */ h(LongTaskSection, null), /* @__PURE__ */ h(IconSection, null), /* @__PURE__ */ h(StripSection, null)));
-}
-var KIT_PREVIEW_MODULE = {
-	id: "wb-kit-preview",
-	titleKey: "组件预览",
-	order: 999,
-	View: KitPreview
-};
-//#endregion
 //#region src/app/layouts/rightbar/board-plan.ts
 function planBoard(shape, real, all) {
 	if (shape.kind === "real") return {
@@ -9880,15 +7620,18 @@ function planBoard(shape, real, all) {
 		reading: true,
 		repeated: false
 	};
-	if (shape.kind === "kit") return {
-		modules: [{
-			key: KIT_PREVIEW_MODULE.id,
-			module: KIT_PREVIEW_MODULE
-		}],
-		empty: false,
-		reading: false,
-		repeated: false
-	};
+	if (shape.kind === "kit") {
+		const kit = devSurface.kitModule;
+		return {
+			modules: kit === null ? [] : [{
+				key: kit.id,
+				module: kit
+			}],
+			empty: false,
+			reading: false,
+			repeated: false
+		};
+	}
 	if (shape.kind === "all") return {
 		modules: all.map((module) => ({
 			key: module.id,
@@ -10068,12 +7811,16 @@ function Rightbar(props) {
 	const panelBoard = useEnabledUnits(panelToken, boardWorkspace);
 	const enabledUnits = panelBoard?.units ?? null;
 	const [modulesOpen, setModulesOpen] = useState(false);
-	const fixtures = useBoardMock(fixtureRoster(manifests));
+	const devBoard = devSurface.useBoard({
+		manifests,
+		all: modules.all(),
+		search: window.location.search
+	});
 	const visibleModules = selectBoardModules(enabledUnits, (id) => modules.byId(id), capabilities);
-	const plan = planBoard(fixtures.shape, {
+	const plan = planBoard(devBoard.shape, {
 		modules: visibleModules,
 		configRead: panelBoard !== null
-	}, fixtureSeed(manifests, modules.all(), crashModeOn(window.location.search)));
+	}, devBoard.seed);
 	const world = createSuiteWorld({
 		workspaces,
 		sessions,
@@ -10095,7 +7842,7 @@ function Rightbar(props) {
 			reason
 		});
 	}, []);
-	const fixtureMode = mockModeOn(window.location.search) || crashModeOn(window.location.search);
+	const fixtureMode = devBoard.mode;
 	useEffect(() => {
 		setPanelWorkspace(fixtureMode ? null : boardWorkspace);
 	}, [boardWorkspace, fixtureMode]);
@@ -10149,10 +7896,7 @@ function Rightbar(props) {
 		refreshToken: panelToken,
 		onOpenMarket: openMarket,
 		onCollapse: props.toggleRightbar
-	}), /* @__PURE__ */ h(BoardMockStrip, {
-		fixtures,
-		show: top.kind === "board"
-	}), /* @__PURE__ */ h("div", { className: `wb-panelBody${plan.repeated ? " wb-fixtureMany" : ""}` }, /* @__PURE__ */ h(BoardContent, {
+	}), devBoard.strip(top.kind === "board"), /* @__PURE__ */ h("div", { className: `wb-panelBody${plan.repeated ? " wb-panelMany" : ""}` }, /* @__PURE__ */ h(BoardContent, {
 		top,
 		plan,
 		world,
@@ -10905,10 +8649,7 @@ function Sidebar(props) {
 	}), creating ? /* @__PURE__ */ h("p", {
 		className: "wb-workspaceBusy",
 		role: "status"
-	}, /* @__PURE__ */ h(StateDot, {
-		state: "ongoing",
-		size: 12
-	}), t("project.add.busy")) : null, createFailed ? /* @__PURE__ */ h("p", { className: "wb-workspaceError" }, t("project.add.failed")) : null) : null, /* @__PURE__ */ h(WorkspaceSection, {
+	}, /* @__PURE__ */ h(Spinner, { size: 12 }), t("project.add.busy")) : null, createFailed ? /* @__PURE__ */ h("p", { className: "wb-workspaceError" }, t("project.add.failed")) : null) : null, /* @__PURE__ */ h(WorkspaceSection, {
 		t,
 		wide,
 		onNewSession: () => {
@@ -10953,7 +8694,7 @@ var sidebar_app_default = ".wb-wsSection {\n  position: relative;\n  flex: none;
 var sidebar_default = ".wb-root{--dsh-sidebar-inline-padding:12px;height:100%;padding:var(--wb-len-6) var(--dsh-sidebar-inline-padding);box-sizing:border-box;background:var(--dsw-specific-sidebar-fill);color:var(--dsw-alias-label-primary);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);flex-direction:column;font-size:var(--dsw-font-s-14-font-size);display:flex}[data-platform=darwin] .wb-root{background:0 0}.wb-root.wb-collapsed{padding:var(--wb-len-18) var(--wb-len-10) var(--wb-len-6)}[data-windows-titlebar] .wb-root .wb-logoRow{height:var(--wb-len-40);margin:0;padding:0}[data-windows-titlebar] .wb-toggle{top:calc((var(--dsh-windows-titlebar-height) - var(--wb-len-28)) / 2);z-index:var(--wb-z-30);-webkit-app-region:no-drag;position:fixed;left:var(--wb-len-12)}[data-windows-titlebar] .wb-root.wb-collapsed .wb-logoRow{height:0}[data-windows-titlebar] .wb-root:not(.wb-collapsed) .wb-brand{padding-left:var(--wb-len-4)}[data-windows-titlebar] .wb-brandIdentity{transform:translateY(1px)}[data-windows-titlebar] .wb-brandMark{transform:translate(1px)}[data-windows-titlebar] .wb-brandName{font-weight:400}[data-windows-titlebar] .wb-root.wb-collapsed{padding:0}[data-windows-titlebar] .wb-collapsed .wb-panelList,[data-windows-titlebar] .wb-collapsed .wb-regionArea,[data-windows-titlebar] .wb-collapsed .wb-footArea{display:none}html[data-windows-titlebar]:has([data-sidebar-collapsed=true]){--dsh-windows-menu-start:84px}[data-windows-titlebar] .wb-collapsed .wb-toggle{corner-shape:round;width:var(--wb-len-28);height:var(--wb-len-28);color:var(--dsw-alias-label-secondary);border-radius:50%}[data-windows-titlebar] .wb-collapsed .wb-toggle .wb-panelIcon{display:inline-flex}.wb-logoRow{box-sizing:border-box;flex:none;justify-content:flex-end;align-items:center;gap:var(--wb-len-8);height:var(--wb-len-60);margin-bottom:var(--wb-len-4);padding:var(--wb-len-8) 0 var(--wb-len-8) var(--wb-len-4);display:flex;overflow:hidden}.wb-collapsed .wb-logoRow{justify-content:flex-start;height:var(--wb-len-36);margin-bottom:var(--wb-len-12);padding:0;overflow:visible}.wb-brand{min-width:0;color:inherit;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;padding:0;display:inline-flex;overflow:hidden}[data-platform=darwin] .wb-brand{cursor:default}.wb-brandIdentity{align-items:center;gap:var(--wb-len-8);min-width:0;height:var(--wb-len-24);display:inline-flex}.wb-brandMark{flex:none;justify-content:center;align-items:center;display:inline-flex}.wb-brandName{letter-spacing:var(--wb-track-brand);align-items:center;gap:var(--wb-len-6);min-width:0;height:var(--wb-len-24);font-size:var(--wb-font-18);font-weight:600;line-height:var(--wb-line-24);display:inline-flex}.wb-panelIcon{display:inline-flex;align-items:center;justify-content:center}.wb-iconButton{border-radius:var(--dsw-radius-sm);cursor:pointer;width:var(--wb-len-28);height:var(--wb-len-28);color:var(--dsw-alias-label-secondary);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.wb-iconButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.wb-iconButton.wb-toggle:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.wb-collapsed .wb-iconButton{border-radius:var(--dsw-radius-md);width:var(--wb-len-36);height:var(--wb-len-36)}.wb-collapsed .wb-toggle .wb-panelIcon{display:none}.wb-collapsed .wb-toggle:hover .wb-panelIcon{display:inline}.wb-collapsed .wb-toggle:hover .wb-railMark{display:none}.wb-railMark{justify-content:center;align-items:center;display:inline-flex}.wb-collapsed .wb-iconButton{color:var(--dsw-alias-label-primary)}.wb-panelList{flex-direction:column;flex:none;gap:var(--wb-len-4);margin-bottom:var(--wb-len-8);display:flex}.wb-panelRow{box-sizing:border-box;border-radius:var(--dsw-radius-md);min-height:var(--wb-len-36);color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:var(--wb-len-8);margin:0 var(--wb-len-2);padding:var(--wb-len-7) var(--wb-len-8);line-height:var(--wb-line-22);display:flex}.wb-panelRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.wb-panelRow.wb-panelActive{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.wb-panelRow:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.wb-panelGlyph{flex:none;justify-content:center;align-items:center;display:inline-flex}.wb-panelTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wb-collapsed .wb-panelList{gap:var(--wb-len-12);margin-bottom:var(--wb-len-12)}.wb-collapsed .wb-panelRow{width:var(--wb-len-36);height:var(--wb-len-36);color:var(--dsw-alias-label-primary);justify-content:center;margin:0;padding:0}.wb-regionArea{min-height:0;margin-left:var(--wb-len-neg-4);margin-right:calc(-1 * var(--dsh-sidebar-inline-padding));flex-direction:column;flex:1;padding-left:var(--wb-len-4);display:flex;overflow:hidden}.wb-collapsed .wb-regionArea{margin-left:0;margin-right:0;padding-left:0}.wb-footArea{flex-direction:column;flex:none;display:flex}.wb-settingsArea,.wb-footerActions{flex:none;width:100%;min-width:0}.wb-footerActions{display:flex}.wb-collapsed .wb-footArea{align-items:center}.wb-collapsed .wb-settingsArea,.wb-collapsed .wb-footerActions{justify-content:center;width:auto;display:flex}\n";
 //#endregion
 //#region src/shared/styles/chrome.css?raw
-var chrome_default = ".wb-stripButton {\n  width: var(--wb-len-28);\n  height: var(--wb-len-28);\n  padding: 0;\n  color: var(--dsw-alias-label-secondary);\n}.wb-stripIconFlip {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  transform: scaleX(-1);\n}.wb-stripButton:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}.wb-stripButton:disabled {\n  cursor: default;\n  opacity: 1;\n}.wb-stripButtonActive {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}.wb-panelBody.wb-fixtureMany .wb-mockStrip {\n  display: none;\n}@keyframes wb-spin {\n  from {\n    transform: rotate(0deg);\n  }to {\n    transform: rotate(360deg);\n  }}";
+var chrome_default = ".wb-stripButton {\n  width: var(--wb-len-28);\n  height: var(--wb-len-28);\n  padding: 0;\n  color: var(--dsw-alias-label-secondary);\n}.wb-stripIconFlip {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  transform: scaleX(-1);\n}.wb-stripButton:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}.wb-stripButton:disabled {\n  cursor: default;\n  opacity: 1;\n}.wb-stripButtonActive {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}@keyframes wb-spin {\n  from {\n    transform: rotate(0deg);\n  }to {\n    transform: rotate(360deg);\n  }}";
 //#endregion
 //#region src/shared/styles/board.css?raw
 var board_default = "[data-wb-dot] {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n}\n\n.wb-iconButton:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-iconButton:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}\n\n.wb-spinning svg {\n  animation: wb-spin var(--wb-dur-0-9) linear infinite;\n}\n";
@@ -11173,11 +8914,9 @@ var kit = {
 	hooks: {
 		...use_api_resource_exports,
 		...use_card_summary_exports,
-		...use_fixture_pick_exports,
 		...use_facts_exports,
 		...use_host_write_exports,
 		...use_long_task_exports,
-		...mock_mode_exports,
 		...use_capability_gate_exports,
 		...use_unit_board_exports,
 		...use_visible_busy_exports
@@ -11192,7 +8931,6 @@ var kit = {
 		...dist_exports,
 		...dist_exports,
 		...dist_exports,
-		...dist_exports,
 		Tip
 	},
 	api: {
@@ -11210,7 +8948,7 @@ function messagesOf(units) {
 		...face.messages === void 0 ? {} : { messages: face.messages }
 	}));
 }
-var COMPONENT_CSS_MARKER = "\n.wb-activityBlock {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  padding-top: var(--wb-len-10);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.wb-activityBlock:first-child {\n  padding-top: 0;\n  border-top: none;\n}\n\n.wb-activityBlockHead {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wb-len-8);\n}\n\n.wb-activityLine {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-activityLineText {\n  flex: none;\n  min-width: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n  max-height: var(--wb-len-72);\n  overflow-y: auto;\n}\n\n.wb-activityLineAt {\n  flex: none;\n  margin-left: auto;\n  font-size: var(--wb-font-10);\n  line-height: var(--wb-line-16);\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-activityLine > .wb-activityLineAt,\n.wb-activityLine > .wb-activityLineActions {\n  margin-left: auto;\n}\n\n.wb-activityLine > .wb-activityLineAt + .wb-activityLineActions {\n  margin-left: 0;\n}\n\n.wb-activityLineActions {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n}\n\n.wb-activityActionFailed {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-note {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-problem {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-approvalCommand {\n  max-width: 100%;\n}\n.wb-approvalPlan {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n}\n.wb-approvalHint {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n.wb-approvalRows {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  margin: 0;\n}\n.wb-approvalRow {\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-8);\n}\n.wb-approvalLabel {\n  flex: none;\n  width: var(--wb-len-56);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-approvalValue {\n  margin: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n  overflow-wrap: anywhere;\n}\n.wb-approvalWarn {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-cardHead {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  flex: none;\n  padding: var(--wb-len-8) var(--wb-len-10) var(--wb-len-8) var(--wb-card-gutter);\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-cardTitle {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-cardMeta {\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-cardMeta::before {\n  content: '\\00b7';\n  margin-right: var(--wb-len-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardOpen {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  margin-left: auto;\n  flex: none;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: var(--wb-len-4);\n  border-radius: var(--wb-radius-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardOpen ~ .wb-cardRefresh {\n  margin-left: 0;\n}\n\n.wb-cardOpen:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-cardRefresh {\n  margin-left: auto;\n  flex: none;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: var(--wb-len-4);\n  border-radius: var(--wb-radius-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardRefresh:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-cardRefresh:disabled {\n  cursor: default;\n  opacity: 1;\n}\n\n.wb-cardGear {\n  flex: none;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: var(--wb-len-3);\n  border-radius: var(--wb-radius-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardGear:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-card {\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-xl);\n  background: var(--dsw-alias-bg-layer-1);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  flex: none;\n}\n.wb-cardBody {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  padding: var(--wb-len-12) var(--wb-card-gutter);\n  font-size: var(--dsw-font-xxs-12-font-size);\n}\n.wb-cardBleed {\n  margin-inline: calc(-1 * var(--wb-card-gutter));\n}\n._anchor_yq4s2_1 {\n  display: contents;\n}\n\n.wb-choiceMenu {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  padding: var(--wb-len-4);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n  background: transparent;\n}\n\n.wb-choiceOption {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-height: var(--wb-len-30);\n  padding: var(--wb-len-6) var(--wb-len-8);\n  border-radius: var(--dsw-radius-md);\n  cursor: pointer;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-choiceOptionOn {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-checkbox {\n  position: absolute;\n  width: var(--wb-len-16);\n  height: var(--wb-len-16);\n  margin: 0;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.wb-checkboxBox {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  flex: none;\n  width: var(--wb-len-16);\n  height: var(--wb-len-16);\n  border: 1px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-xs);\n  corner-shape: round;\n  color: var(--dsw-alias-label-primary-foreground);\n  transition:\n    background-color var(--wb-dur-0-12) ease, border-color var(--wb-dur-0-12) ease;\n}\n\n.wb-choiceOption:hover .wb-checkboxBox {\n  border-color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-checkbox:checked + .wb-checkboxBox {\n  border-color: var(--dsw-alias-brand-primary);\n  background: var(--dsw-alias-brand-primary);\n}\n\n.wb-checkbox:disabled + .wb-checkboxBox {\n  cursor: default;\n}\n\n.wb-checkbox:focus-visible + .wb-checkboxBox {\n  outline: var(--dsw-focus-ring-width, var(--wb-len-2)) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: 2px;\n}\n\n.wb-choiceOption:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-choiceOption:has(:disabled) {\n  cursor: default;\n  opacity: 0.5;\n}\n\n.wb-choiceOption:has(:disabled),\n.wb-choiceOption:has(:disabled):hover {\n  background: transparent;\n}\n\n.wb-choiceLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-radio {\n  appearance: none;\n  -webkit-appearance: none;\n  flex: none;\n  box-sizing: border-box;\n  width: var(--wb-len-12);\n  height: var(--wb-len-12);\n  margin: 0;\n  border: 1px solid var(--dsw-alias-border-l3);\n  border-radius: 50%;\n  corner-shape: round;\n  background-color: transparent;\n  cursor: pointer;\n  transition:\n    background-color var(--wb-dur-0-12) ease, border-color var(--wb-dur-0-12) ease;\n}\n\n.wb-radio:not(:checked):hover {\n  border-color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-radio:checked {\n  border-color: var(--dsw-alias-brand-primary);\n  background-image: radial-gradient(\n    circle at center,\n    var(--dsw-alias-brand-primary) 0 3px,\n    transparent 3px\n  );\n}\n\n.wb-radio:disabled {\n  cursor: default;\n}\n\n.wb-radio:focus-visible {\n  outline: var(--dsw-focus-ring-width, var(--wb-len-2)) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: 2px;\n}:where(.wb-link) {\n  margin-left: var(--wb-len-2);\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n  text-decoration: none;\n  white-space: nowrap;\n  vertical-align: baseline;\n}\n\n:where(.wb-link:hover) {\n  text-decoration: underline;\n}\n\n:where(.wb-link:focus-visible) {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}\n\n.wb-longTask {\n  padding-top: var(--wb-len-12);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n}\n\n.wb-longTaskHead {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin: 0;\n}\n\n.wb-longTaskLink {\n  flex: none;\n}\n\n.wb-longTaskHeadline {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-longTaskProblem {\n  margin: 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-longTaskDump {\n  margin: var(--wb-len-2) 0 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-longTaskDump pre {\n  margin: var(--wb-len-4) 0 0;\n  max-height: var(--wb-len-220);\n  overflow: auto;\n}\n.wb-mockStrip {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--wb-len-4);\n  padding: var(--wb-len-8) var(--wb-len-12);\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n  flex: none;\n}\n\n.wb-mockNote {\n  flex: 1 0 100%;\n  font-size: var(--wb-font-10);\n  line-height: var(--wb-line-14);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-mockChip {\n  flex: none;\n  padding: var(--wb-len-2) var(--wb-len-7);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--wb-radius-pill);\n  corner-shape: round;\n  background: transparent;\n  font-size: var(--wb-font-10);\n  line-height: var(--wb-line-14);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n.wb-mockChip:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-mockChipOn {\n  border-color: transparent;\n  background: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n\n.wb-mockChipOn:hover {\n  border-color: transparent;\n  background: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n.wb-centered.wb-centeredCompact {\n  flex: none;\n  min-height: 0;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-20) var(--wb-len-16);\n}\n\n.wb-centered.wb-centeredCompact .wb-centeredHero {\n  margin-bottom: var(--wb-len-4);\n}\n\n.wb-skeleton {\n  display: flex;\n  flex-direction: column;\n}\n\n.wb-skeletonRow {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-8);\n  border-radius: var(--dsw-radius-md);\n}\n\n.wb-skeletonRow + .wb-skeletonRow::before {\n  content: '';\n  align-self: stretch;\n  height: var(--wb-len-0-5);\n  margin: 0 var(--wb-len-8) var(--wb-len-neg-0-5);\n  background: var(--dsw-alias-border-l2);\n}\n\n.wb-skeletonBar {\n  display: block;\n  height: var(--wb-len-13);\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-bg-skeleton);\n  animation: wb-skeleton-pulse var(--wb-dur-1-4) var(--ds-ease-in-out) infinite;\n}\n\n.wb-skeletonBarTitle {\n  width: 62%;\n}\n\n.wb-skeletonBarMeta {\n  width: 32%;\n  height: var(--wb-len-10);\n}\n\n.wb-skeletonRow:nth-child(2n) .wb-skeletonBarTitle {\n  width: 74%;\n}\n\n.wb-skeletonRow:nth-child(3n) .wb-skeletonBarTitle {\n  width: 52%;\n}\n\n@keyframes wb-skeleton-pulse {\n  50% {\n    opacity: 0.45;\n  }\n}\n\n.wb-centered {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: var(--wb-len-14);\n  flex: 1;\n  min-height: var(--wb-len-240);\n  padding: 0 var(--wb-len-24) var(--wb-len-24);\n  text-align: center;\n}\n\n.wb-centeredHero {\n  display: flex;\n  margin-bottom: var(--wb-len-16);\n  color: var(--dsw-alias-label-dimmed);\n}\n\n.wb-centeredTitle {\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-22);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-centeredHint {\n  max-width: var(--wb-len-300);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-centeredDetail {\n  max-width: var(--wb-len-320);\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-dimmed);\n  word-break: break-all;\n}\n\n.wb-centeredAction {\n  display: flex;\n  justify-content: center;\n  gap: var(--wb-len-8);\n  margin-top: var(--wb-len-2);\n}\n@media (prefers-reduced-motion: reduce) {\n  .wb-skeletonBar {\n    animation: none;\n  }}\n\n.wb-row:has(> [data-wb-dot]) {\n  grid-template-columns: 84px minmax(0, 1fr);\n}\n.wb-rows {\n  display: flex;\n  flex-direction: column;\n}\n.wb-row {\n  display: grid;\n  grid-template-columns: 56px minmax(0, 1fr);\n  align-items: baseline;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-4) 0;\n}\n.wb-row + .wb-row {\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n.wb-rowKey {\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-rowValue {\n  min-width: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-formActions {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--wb-len-8);\n}\nsection.wb-settings {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  padding: var(--wb-len-12) var(--wb-len-16);\n  border: 0;\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-settings-card-fill);\n}\n.wb-settingsHead {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n.wb-settings .wb-settingsTitle {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: var(--dsw-font-s-strong-14-font-size);\n  line-height: var(--wb-line-24);\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n.wb-field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  font-size: var(--dsw-font-xs-13-font-size);\n}\n\n.wb-fieldLabel {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-fieldHint {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-field:has(:disabled) .wb-fieldLabel {\n  opacity: 0.4;\n}\n.wb-textField {\n  box-sizing: border-box;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-3);\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-primary);\n  outline: none;\n}\n\n.wb-textField:focus {\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-textField:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.wb-textField[aria-invalid='true'] {\n  border-color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-textField[aria-invalid='true']:focus {\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-error-primary);\n}\n\n:where(.wb-textField) {\n  min-height: var(--wb-len-32);\n  padding: var(--wb-len-6) var(--wb-len-12);\n}\n:where(.wb-selectTrigger) {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  width: 100%;\n  min-height: var(--wb-len-32);\n  padding: var(--wb-len-6) var(--wb-len-12);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-3);\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-primary);\n  text-align: left;\n  cursor: pointer;\n}\n\n.wb-selectTrigger:focus-visible {\n  outline: none;\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-selectTrigger:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.wb-selectLoading:disabled {\n  cursor: default;\n  opacity: 1;\n}\n\n.wb-selectGhost {\n  gap: var(--wb-gap-xs);\n  min-height: 0;\n  height: var(--wb-len-34);\n  padding: 0 var(--wb-len-8);\n  border: none;\n  background: transparent;\n  font-size: var(--wb-font-row);\n}\n\n.wb-selectGhost:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-selectGhost:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n  border-color: transparent;\n  box-shadow: none;\n}\n\n.wb-selectAnchor {\n  display: block;\n  width: 100%;\n}\n\n.wb-selectIcon {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-16);\n  height: var(--wb-len-20);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-selectValue {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-6);\n  line-height: var(--wb-line-20);\n  overflow: hidden;\n}\n\n.wb-selectPlaceholder {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-selectChevron {\n  flex: none;\n  display: inline-flex;\n  color: var(--dsw-alias-label-caption);\n}\n\n.wb-selectMenu {\n  min-width: var(--wb-len-240);\n  max-width: var(--wb-len-360);\n  max-height: min(var(--wb-len-320), calc(100vh - var(--wb-len-24)));\n}\n\n:where(.wb-selectSearch) {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  width: 100%;\n  min-height: var(--wb-len-32);\n  padding: var(--wb-len-6) var(--wb-len-12);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n.wb-selectSearch:focus-within {\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-selectSearch.wb-selectGhost {\n  gap: var(--wb-gap-xs);\n  min-height: 0;\n  height: var(--wb-len-34);\n  padding: 0 var(--wb-len-8);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-selectSearch.wb-selectGhost:focus-within {\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: none;\n}\n\n.wb-selectSearchIcon {\n  flex: none;\n  display: inline-flex;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-textField.wb-selectSearchInput {\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  padding: 0;\n  border: none;\n  background: transparent;\n}\n\n.wb-textField.wb-selectSearchInput:focus {\n  box-shadow: none;\n}\n\n.wb-selectFallback {\n  width: 100%;\n}\n\n.wb-selectHint {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-stack {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-10);\n  min-height: 0;\n}\n\n.wb-stateBlock {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n}\n.wb-stateBlockTitle {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n}\n.wb-stateBlockHint {\n  margin: 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-stateBlockActions {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  margin-top: var(--wb-len-2);\n}\n.wb-stateBlockResolving {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n._marketList_csyus_1 {\n  list-style: none;\n  margin: 0;\n  padding: var(--wb-len-6);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n}\n\n._marketRow_csyus_10 {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  align-items: center;\n  column-gap: var(--wb-len-14);\n  row-gap: var(--wb-len-4);\n  padding: var(--wb-len-8);\n  border-radius: var(--dsw-radius-lg);\n}\n\n._marketIcon_csyus_20 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-40);\n  height: var(--wb-len-40);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketMain_csyus_32 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n  min-width: 0;\n}\n\n._marketName_csyus_39 {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font: var(--dsw-font-base-strong-16);\n  color: var(--dsw-alias-label-primary);\n}\n\n._marketDesc_csyus_48 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketUsedBy_csyus_59 {\n  margin-left: var(--wb-len-8);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  opacity: 0.75;\n}\n\n._marketUsedBy_csyus_59::before {\n  content: '·';\n  margin-right: var(--wb-len-6);\n  opacity: 0.8;\n}\n\n._marketName_csyus_39 ._marketVersion_csyus_73 {\n  margin-left: var(--wb-len-6);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  font-weight: 400;\n  line-height: var(--wb-line-18);\n}\n\n._marketVersion_csyus_73 {\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-caption);\n}\n\n._marketVersion_csyus_73::before {\n  content: '';\n  display: inline-block;\n  width: var(--wb-len-1);\n  height: var(--wb-len-10);\n  margin: 0 var(--wb-len-8) 0 var(--wb-len-2);\n  vertical-align: -1px;\n  background: var(--dsw-alias-border-l2);\n}\n\n._marketLocalTag_csyus_95 {\n  margin-left: var(--wb-len-8);\n  padding: 0 var(--wb-len-6);\n  border: var(--wb-len-1) solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  font-weight: 400;\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-caption);\n}\n\n._marketEnd_csyus_106 {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-10);\n}\n\n._marketSwitchSeat_csyus_113 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-10);\n}\n\n._marketSwitchSeat_csyus_113::before {\n  content: '';\n  width: 0;\n  height: var(--wb-len-14);\n  border-left: 0.5px solid var(--dsw-alias-border-l3);\n}\n\n._marketActions_csyus_126 {\n  flex: none;\n  display: flex;\n  gap: var(--wb-len-6);\n}\n\n._marketUpdateAction_csyus_132 {\n  color: var(--dsw-alias-state-warn-primary);\n  border-color: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 30%, transparent);\n  --dsw-alias-interactive-bg-hover: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 8%, transparent);\n}\n\n._marketSelfDivider_csyus_138 {\n  height: 0;\n  border-top: 0.5px solid var(--dsw-alias-border-l3);\n}\n\n._marketSection_csyus_143 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  min-width: 0;\n}\n\n._marketSectionHead_csyus_150 {\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-8);\n}\n\n._marketSectionIcon_csyus_156 {\n  display: inline-flex;\n  align-items: center;\n  align-self: center;\n  color: var(--dsw-alias-label-caption);\n}\n\n._marketSectionTitle_csyus_163 {\n  margin: 0;\n  font: var(--dsw-font-base-strong-16);\n  color: var(--dsw-alias-label-primary);\n}\n\n._marketSectionCount_csyus_169 {\n  font: var(--dsw-font-s-14);\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-caption);\n}\n\n\n._marketProgress_csyus_176 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  min-height: var(--wb-len-32);\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketNote_csyus_186 {\n  grid-column: 2 / -1;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-state-warn-primary);\n  overflow-wrap: anywhere;\n}\n\n._marketNotePlain_csyus_193 {\n  grid-column: 2 / -1;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-caption);\n  overflow-wrap: anywhere;\n}\n\n._marketFailure_csyus_201 {\n  grid-column: 2 / -1;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n._marketEmpty_csyus_208 {\n  padding: var(--wb-len-18) var(--wb-len-16);\n  text-align: center;\n}\n\n._marketPage_csyus_213 {\n  box-sizing: border-box;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-32);\n  padding: 0 clamp(var(--wb-len-24), 4vw, var(--wb-len-48)) var(--wb-len-48);\n  overflow-x: hidden;\n  overflow-y: auto;\n  color: var(--dsw-alias-label-primary);\n}\n\n._marketPage_csyus_213 > * {\n  width: 100%;\n  max-width: var(--wb-len-960);\n}\n\n._marketPageHead_csyus_231 {\n  box-sizing: border-box;\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-16);\n  padding-top: var(--wb-len-28);\n}\n\n._marketPageTitle_csyus_239 {\n  margin: 0;\n  font: var(--dsw-font-l-20);\n}\n\n._marketPageIntro_csyus_244 {\n  margin: var(--wb-len-4) 0 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketPageTools_csyus_250 {\n  flex: none;\n  align-self: center;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-16);\n}\n\n._marketIconButton_csyus_259 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-28);\n  height: var(--wb-len-28);\n  padding: 0;\n  border: 0;\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  color: var(--dsw-alias-label-caption);\n  cursor: pointer;\n}\n\n._marketIconButton_csyus_259:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketIconButton_csyus_259:disabled {\n  cursor: default;\n  opacity: 0.5;\n}\n\n._marketIconWrap_csyus_284 {\n  display: inline-flex;\n}\n\n._marketIconButtonSpinning_csyus_288 svg {\n  animation: _wb-spin_csyus_1 var(--wb-dur-0-9) linear infinite;\n}\n\n._marketAddButton_csyus_292 {\n  height: var(--wb-len-32);\n  padding: 0 var(--wb-len-12);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  border-radius: var(--dsw-radius-md);\n}\n\n._marketEmpty_csyus_208 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-64) var(--wb-len-16);\n  text-align: center;\n}\n\n._marketChecking_csyus_309 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketEmptyTitle_csyus_317 {\n  font: var(--dsw-font-base-strong-16);\n  color: var(--dsw-alias-label-primary);\n}\n\n@keyframes _wb-spin_csyus_1 {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n._foot_1ud1j_1 {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-8) var(--wb-len-14) var(--wb-len-10);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._footText_1ud1j_13 {\n  flex: 1;\n  min-width: 0;\n}\n\n._footTextMd_1ud1j_18 {\n  flex: 1;\n  min-width: 0;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n._wide_1lv8f_1 {\n  justify-content: center;\n  width: 100%;\n  height: var(--wb-len-40);\n  border-radius: var(--dsw-radius-md);\n}\n\n._dialog_1lv8f_8 {\n  width: min(var(--wb-len-560), 100%);\n  max-height: min(var(--wb-len-800), 100%);\n}\n\n._content_1lv8f_13 {\n  min-height: 0;\n  overflow: auto;\n}\n\n._stack_1lv8f_18 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n\n._body_1lv8f_25 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n\n._field_1lv8f_32 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  font-size: var(--dsw-font-xs-13-font-size);\n}\n\n._input_1lv8f_39 {\n  width: 100%;\n  height: var(--wb-len-40);\n  padding: 0 var(--wb-len-14);\n}\n\n._registryField_1lv8f_45 {\n  height: var(--wb-len-32);\n  margin-left: var(--wb-len-26);\n  padding: 0 var(--wb-len-10);\n}\n\n._options_1lv8f_51 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wb-len-8) var(--wb-len-12);\n}\n\n._guideToggle_1lv8f_59 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n  align-self: flex-start;\n  margin-top: var(--wb-len-4);\n  padding: 0;\n  border: 0;\n  background: transparent;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n._guideToggle_1lv8f_59:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n._guideToggle_1lv8f_59 svg,\n._registryToggle_1lv8f_78 svg {\n  transition: transform var(--wb-dur-0-12) ease;\n}\n\n._guideToggle_1lv8f_59[aria-expanded='true'] svg,\n._registryToggle_1lv8f_78[aria-expanded='true'] svg {\n  transform: rotate(180deg);\n}\n\n._registryWrap_1lv8f_87 {\n  position: relative;\n  flex: none;\n}\n\n._registryToggle_1lv8f_78 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  height: var(--wb-len-26);\n  padding: 0 var(--wb-len-8) 0 var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-2);\n  font: inherit;\n  font-size: var(--wb-font-12-5);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n._registryToggle_1lv8f_78:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n._registryToggle_1lv8f_78:disabled {\n  cursor: default;\n  opacity: 0.6;\n}\n\n._registryToggle_1lv8f_78[aria-expanded='true'] {\n  border-color: var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n._registryChosen_1lv8f_121 {\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n._registry_1lv8f_45 {\n  position: fixed;\n  z-index: var(--wb-z-1100);\n  box-sizing: border-box;\n  width: min(var(--wb-len-440), 100vw - var(--wb-len-24));\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n  margin: 0;\n  padding: var(--wb-len-8) var(--wb-len-10) var(--wb-len-12);\n  border: 0;\n  border-radius: var(--dsw-radius-lg);\n  background: var(--dsw-alias-bg-layer-2);\n  --dsw-elevation-stroke-color: var(--dsw-alias-border-l3);\n  box-shadow: var(--dsw-elevation-prominent);\n}\n\n._registryOption_1lv8f_143 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n  padding: var(--wb-len-8) var(--wb-len-10);\n  border: 0.5px solid transparent;\n  border-radius: var(--dsw-radius-lg);\n  cursor: pointer;\n}\n\nlabel._registryOption_1lv8f_143 {\n  flex-direction: row;\n  align-items: flex-start;\n  gap: var(--wb-len-10);\n}\n\n._registryPick_1lv8f_159 {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-10);\n  cursor: pointer;\n}\n\n._registryOption_1lv8f_143[data-checked='true'] {\n  border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 40%, transparent);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n._registryOption_1lv8f_143 input[type='radio'] {\n  flex: none;\n  width: var(--wb-len-16);\n  height: var(--wb-len-16);\n  margin: var(--wb-len-2) 0 0;\n  accent-color: var(--dsw-alias-brand-primary);\n}\n\n._registryTitle_1lv8f_179 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wb-len-8);\n  font: var(--dsw-font-xs-13);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-primary);\n}\n\n._registryHint_1lv8f_189 {\n  margin-left: var(--wb-len-26);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n  overflow-wrap: anywhere;\n}\n\n._inputError_1lv8f_197 {\n  margin: var(--wb-len-neg-4) 0 0 var(--wb-len-26);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._guide_1lv8f_59 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-10);\n  padding: var(--wb-len-8) var(--wb-len-14) var(--wb-len-14);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-lg);\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n._guideList_1lv8f_214 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n._guideItem_1lv8f_223 {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-10);\n  padding: var(--wb-len-8) 0;\n}\n\n._guideIndex_1lv8f_230 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-20);\n  height: var(--wb-len-20);\n  border-radius: var(--wb-radius-pill);\n  corner-shape: round;\n  background: var(--dsw-alias-bg-module-platform);\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._guideMain_1lv8f_244 {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  gap: 0;\n  min-width: 0;\n}\n\n._guideTitle_1lv8f_252 {\n  font: var(--dsw-font-s-14);\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n._guideHint_1lv8f_258 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-caption);\n}\n\n._guideExample_1lv8f_264 {\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._guideExample_1lv8f_264 code {\n  font-family: var(--dsw-font-mono, monospace);\n}\n\n._guideExampleLabel_1lv8f_274 {\n  color: var(--dsw-alias-label-caption);\n}\n\n._footer_1lv8f_278 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-20);\n  width: 100%;\n}\n\n._hero_1lv8f_285 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-10);\n  padding: var(--wb-len-8) 0 var(--wb-len-4);\n  text-align: center;\n}\n\n._heroIcon_1lv8f_294 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-44);\n  height: var(--wb-len-44);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._heroIcon_1lv8f_294[data-state='done'] {\n  color: var(--dsw-alias-state-success-secondary);\n}\n\n._heroIcon_1lv8f_294[data-state='error'] {\n  color: var(--dsw-alias-state-warn-label);\n}\n\n._pendingTitle_1lv8f_311 {\n  margin: 0;\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-22);\n  font-weight: 500;\n  color: var(--dsw-alias-label-secondary);\n}\n\n._wizardTitle_1lv8f_319 {\n  margin: 0;\n  font-size: var(--wb-font-18);\n  line-height: var(--wb-len-26);\n  font-weight: 600;\n}\n\n._subject_1lv8f_326 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-16);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-lg);\n  text-align: center;\n}\n\n._subjectName_1lv8f_337 {\n  margin: 0;\n  font: var(--dsw-font-base-strong-16);\n  overflow-wrap: anywhere;\n}\n\n._subjectMeta_1lv8f_343,\n._subjectDesc_1lv8f_344 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._result_1lv8f_351,\n._resultWarn_1lv8f_352 {\n  margin: 0;\n  padding: var(--wb-len-8) var(--wb-len-12);\n  border-radius: var(--dsw-radius-md);\n  background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent);\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-primary);\n}\n\n._resultWarn_1lv8f_352 {\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);\n}\n\n._resultMeta_1lv8f_365 {\n  margin: 0;\n  padding: 0 var(--wb-len-12);\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._approval_1lv8f_373 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-12) var(--wb-len-14);\n  border: 0.5px solid var(--dsw-alias-state-warn-primary);\n  border-radius: var(--dsw-radius-lg);\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 8%, transparent);\n}\n\n._approvalTitle_1lv8f_383 {\n  margin: 0;\n  font: var(--dsw-font-s-14);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._approvalText_1lv8f_390 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._approvalCaution_1lv8f_396 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  font-weight: 600;\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._note_1lv8f_403 {\n  margin: 0;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._noteWarn_1lv8f_410 {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._noteError_1lv8f_414 {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._problem_1lv8f_418 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n._detailLabel_1lv8f_425 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-caption);\n}\n\n._detail_1lv8f_425 {\n  margin: 0;\n  padding: var(--wb-len-8) var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-3);\n  font-family: var(--dsw-font-mono, monospace);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n}\n._note_1enlz_1 {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-8);\n  margin: 0;\n  padding: var(--wb-len-10) var(--wb-len-12);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-state-warn-tertiary);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._note_1enlz_1 > svg {\n  flex: none;\n  margin-top: var(--wb-len-2);\n  color: var(--dsw-alias-state-warn-primary);\n}\n._body_lw2ph_1 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n}\n\n._lead_lw2ph_7 {\n  margin: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._sources_lw2ph_14 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n\n._sourcesLabel_lw2ph_21 {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  color: var(--dsw-alias-label-secondary);\n}\n\nbutton._sourceOn_lw2ph_26 {\n  border-color: var(--dsw-alias-brand-primary);\n}\n._sourceCount_lw2ph_29 {\n  margin-left: var(--wb-len-4);\n  font-variant-numeric: tabular-nums;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._reading_lw2ph_36 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n}\n\n._status_lw2ph_42 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._failure_lw2ph_52 {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  column-gap: var(--wb-len-10);\n  row-gap: var(--wb-len-2);\n  color: var(--dsw-alias-state-error-primary);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n}\n\n._failureTitle_lw2ph_62 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._failureHint_lw2ph_69 {\n  grid-column: 1;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._failureAction_lw2ph_74 {\n  grid-column: 2;\n  grid-row: 1;\n  justify-self: end;\n}\n\n._rows_lw2ph_80 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n._row_lw2ph_80 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-12) var(--wb-len-14);\n  border: 0.5px solid var(--dsw-alias-settings-card-stroke);\n  border-radius: var(--dsw-radius-xl);\n  background: var(--dsw-alias-settings-card-fill);\n}\n\n._head_lw2ph_99 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  min-width: 0;\n}\n\n._pick_lw2ph_106 {\n  flex: 0 1 auto;\n  min-width: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n}\n\n._pick_lw2ph_106 > span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._code_lw2ph_118 {\n  --dsl-code-block-background: var(--dsw-alias-bg-layer-1);\n  margin: 0;\n}\n\n._missing_lw2ph_123,\n._conflict_lw2ph_124 {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._foot_lw2ph_130 {\n  display: flex;\n  justify-content: flex-end;\n}\n._actions_jlw8j_1[hidden],\n._progress_jlw8j_2[hidden],\n._commandRow_jlw8j_3[hidden],\n._bridge_jlw8j_4[hidden],\n._raw_jlw8j_5[hidden] {\n  display: none;\n}\n\n._gate_jlw8j_9 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--wb-z-top);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--wb-len-24);\n  background: var(--dsw-alias-bg-base);\n}\n\n._card_jlw8j_20 {\n  width: 100%;\n  max-width: var(--wb-len-420);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-16);\n  text-align: center;\n}\n\n._card_jlw8j_20:has(._actions_jlw8j_1:not([hidden])),\n._card_jlw8j_20:has(._bridge_jlw8j_4:not([hidden])) {\n  max-width: var(--wb-len-520);\n}\n\n._title_jlw8j_35 {\n  margin: 0;\n  font-size: var(--dsw-font-base-16-font-size);\n  line-height: var(--wb-line-24);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._hint_jlw8j_43 {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._steps_jlw8j_50 {\n  list-style: none;\n  margin: var(--wb-len-6) 0 0;\n  padding: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  text-align: left;\n}\n\n._step_jlw8j_50 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-6) var(--wb-len-10);\n  border-radius: var(--dsw-radius-sm);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n._step_jlw8j_50[data-status='running'] {\n  color: var(--dsw-alias-label-primary);\n}\n\n._mark_jlw8j_77 {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-14);\n  height: var(--wb-len-14);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n\n._step_jlw8j_50[data-status='ok'] ._mark_jlw8j_77 {\n  color: var(--dsw-alias-state-success-primary);\n}\n\n._step_jlw8j_50[data-status='warn'] ._mark_jlw8j_77 {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._step_jlw8j_50[data-status='failed'] ._mark_jlw8j_77 {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._label_jlw8j_102 {\n  flex: none;\n}\n\n._detail_jlw8j_106 {\n  margin-left: auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._progress_jlw8j_2 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--wb-len-8);\n  margin-top: var(--wb-len-4);\n  max-width: 100%;\n}\n\n._elapsed_jlw8j_124 {\n  flex: none;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n\n._error_jlw8j_132 {\n  margin: 0;\n  padding: var(--wb-len-8) var(--wb-len-10);\n  max-height: var(--wb-len-120);\n  overflow: auto;\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-1);\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  white-space: pre-wrap;\n  word-break: break-all;\n  text-align: left;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._commandRow_jlw8j_3 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n  margin: 0 0 var(--wb-len-8);\n  padding-right: var(--wb-len-4);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n._copy_jlw8j_158 {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-24);\n  height: var(--wb-len-24);\n  padding: 0;\n  border: none;\n  border-radius: var(--wb-radius-6);\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n._copy_jlw8j_158:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n._command_jlw8j_3 {\n  flex: 1;\n  min-width: 0;\n  padding: var(--wb-len-8) var(--wb-len-10);\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  overflow-wrap: anywhere;\n  color: var(--dsw-alias-label-primary);\n}\n\n._buttons_jlw8j_191 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--wb-len-12);\n}\n\n._mockSlot_jlw8j_198 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  justify-content: center;\n  background: var(--dsw-alias-bg-base);\n}\n\n._button_jlw8j_191 {\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--wb-len-28);\n  padding: 0 var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n}\n\n._button_jlw8j_191:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._button_jlw8j_191:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n._actions_jlw8j_1,\n._bridge_jlw8j_4 {\n  box-sizing: border-box;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--wb-len-10);\n  margin-top: var(--wb-len-4);\n  padding: var(--wb-len-14) var(--wb-len-16);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--wb-radius-14);\n  background: var(--dsw-alias-bg-layer-1);\n  text-align: left;\n}\n\n._fixTitle_jlw8j_249 {\n  margin: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._actions_jlw8j_1 ._hint_jlw8j_43,\n._bridge_jlw8j_4 ._hint_jlw8j_43 {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-19);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._actions_jlw8j_1 ._commandRow_jlw8j_3,\n._bridge_jlw8j_4 ._commandRow_jlw8j_3 {\n  margin: 0;\n}\n\n._actions_jlw8j_1 ._buttons_jlw8j_191,\n._bridge_jlw8j_4 ._buttons_jlw8j_191 {\n  justify-content: flex-start;\n}\n\n._raw_jlw8j_5 {\n  margin: 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._rawSummary_jlw8j_282 {\n  cursor: pointer;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._actions_jlw8j_1 ._error_jlw8j_132,\n._bridge_jlw8j_4 ._error_jlw8j_132 {\n  margin-top: var(--wb-len-6);\n}\n\n._bridgeLines_jlw8j_292 {\n  margin: 0;\n  padding-left: var(--wb-len-18);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-19);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._bridgeLine_jlw8j_292 a {\n  display: block;\n  margin-top: var(--wb-len-4);\n  width: fit-content;\n}\n\n._link_jlw8j_309 {\n  color: var(--dsw-alias-label-primary);\n  text-decoration: none;\n}\n\n._link_jlw8j_309::after {\n  content: '↗';\n  margin-left: var(--wb-len-2);\n}\n\n._link_jlw8j_309:hover {\n  text-decoration: underline;\n}\n\n._loading_jlw8j_323 {\n  flex: none;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._loading_jlw8j_323[hidden] {\n  display: none;\n}\n\n._loadingMotion_jlw8j_332 {\n  transform-origin: center;\n  animation: _wb-spin_jlw8j_1 var(--wb-dur-1-5) linear infinite;\n}\n\n._loadingTrack_jlw8j_337,\n._loadingArc_jlw8j_338 {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n}\n\n._loadingTrack_jlw8j_337 {\n  opacity: 0.25;\n}\n\n._loadingArc_jlw8j_338 {\n  stroke-dasharray: 12 150;\n  animation: _wb-dash_jlw8j_1 var(--wb-dur-1-5) ease-in-out infinite;\n}\n\n@keyframes _wb-spin_jlw8j_1 {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes _wb-dash_jlw8j_1 {\n  0% {\n    stroke-dasharray: 12 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 24 150;\n    stroke-dashoffset: -6;\n  }\n  to {\n    stroke-dasharray: 12 150;\n    stroke-dashoffset: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  ._loadingMotion_jlw8j_332,\n  ._loadingArc_jlw8j_338 {\n    animation: none;\n  }\n}\n._group_1hxis_1 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n}\n\n._button_1hxis_7 {\n  flex: none;\n  width: var(--wb-len-28);\n  height: var(--wb-len-28);\n  padding: 0;\n  color: var(--dsw-alias-label-secondary);\n}\n\n._button_1hxis_7:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n._active_1hxis_19 {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._icon_1hxis_23 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n._icon_1hxis_23 svg {\n  display: block;\n  width: var(--wb-len-15);\n  height: var(--wb-len-15);\n}\n\n._mirror_1hxis_35 {\n  transform: scaleX(-1);\n}\n._stripTabs_1dqp4_1 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n  min-width: 0;\n  overflow: hidden;\n}\n\n._tab_1dqp4_9 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  flex: none;\n  height: var(--wb-len-28);\n  padding: 0 var(--wb-len-10);\n  border: 0;\n  border-radius: var(--dsw-radius-sm);\n  background: none;\n  font: inherit;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-16);\n  max-width: 100%;\n}\n\n._tabActive_1dqp4_25 {\n  color: var(--dsw-alias-label-primary);\n}\n\n._tabQuiet_1dqp4_29 {\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n._tabQuiet_1dqp4_29:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._tabTitle_1dqp4_39 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._sep_1dqp4_49 {\n  flex: none;\n  color: var(--dsw-alias-label-dimmed);\n}\n._trigger_15ptp_1 {\n  display: flex;\n  align-items: center;\n}\n\n._pop_15ptp_6 {\n  position: absolute;\n  top: calc(var(--wb-len-38) + var(--wb-len-8));\n  right: var(--wb-len-6);\n  z-index: var(--wb-z-30);\n  width: min(var(--wb-len-360), calc(100% - var(--wb-len-12)));\n  max-width: calc(100vw - var(--wb-len-48));\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--wb-radius-14);\n  background: var(--dsw-alias-bg-layer-2);\n  box-shadow: var(--dsw-shadow-lv3);\n  overflow: hidden;\n}\n\n._head_15ptp_20 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-10) var(--wb-len-12) var(--wb-len-9) var(--wb-len-14);\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n._title_15ptp_28 {\n  flex: 1;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._rowControls_15ptp_36 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n\n._reset_15ptp_43 {\n  flex: none;\n  padding: var(--wb-len-3) var(--wb-len-8);\n  border: none;\n  border-radius: var(--wb-radius-6);\n  background: transparent;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n._reset_15ptp_43:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n._reset_15ptp_43:disabled {\n  cursor: default;\n  opacity: 0.5;\n}\n\n._list_15ptp_65 {\n  list-style: none;\n  margin: 0;\n  padding: var(--wb-len-6);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n}\n\n._row_15ptp_36 {\n  position: relative;\n  display: grid;\n  grid-template-columns: 12px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-7) var(--wb-len-8);\n  border-radius: var(--dsw-radius-sm);\n  cursor: default;\n}\n\n._rowDragging_15ptp_85 {\n  cursor: grabbing;\n}\n\n._rowBlocked_15ptp_89 {\n  cursor: not-allowed;\n}\n\n._listDragging_15ptp_93 ._rowControls_15ptp_36 {\n  pointer-events: none;\n}\n\n._row_15ptp_36:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._rowOff_15ptp_101 {\n  opacity: 0.55;\n}\n\n._rowOff_15ptp_101:hover {\n  opacity: 1;\n}\n\n._rowOver_15ptp_109::before {\n  content: '';\n  position: absolute;\n  top: var(--wb-len-neg-3);\n  left: var(--wb-len-8);\n  right: var(--wb-len-8);\n  height: var(--wb-len-2);\n  background: var(--dsw-alias-brand-primary);\n}\n\n._ghost_15ptp_119 {\n  position: fixed;\n  z-index: var(--wb-z-40);\n  pointer-events: none;\n  padding: var(--wb-len-4) var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: var(--wb-static-shadow-ghost);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n  white-space: nowrap;\n}\n\n._grip_15ptp_134 {\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  text-align: center;\n  color: var(--dsw-alias-label-tertiary);\n  user-select: none;\n  cursor: grab;\n  touch-action: none;\n}\n\n._gripDragging_15ptp_144 {\n  cursor: grabbing;\n}\n\n._gripBlocked_15ptp_148 {\n  cursor: not-allowed;\n}\n\n._label_15ptp_152 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._name_15ptp_159 {\n  min-width: 0;\n  flex: 0 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n}\n\n._error_15ptp_170 {\n  margin: 0;\n  padding: 0 var(--wb-len-14) var(--wb-len-10);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._dep_15ptp_178 {\n  flex: none;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  white-space: nowrap;\n}\n\n._group_15ptp_186 {\n  padding-top: var(--wb-len-6);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n._groupTitle_15ptp_191 {\n  margin: 0;\n  padding: var(--wb-len-2) var(--wb-len-8) 0 var(--wb-len-14);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  font-weight: 400;\n  color: var(--dsw-alias-label-tertiary);\n}\n._gallery_eqvi8_1 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-24);\n}\n\n._section_eqvi8_7 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-10);\n}\n\n._heading_eqvi8_13 {\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-8);\n  min-width: 0;\n}\n\n._title_eqvi8_20 {\n  flex: none;\n  font-size: var(--dsw-font-xs-13-font-size);\n  color: var(--dsw-alias-label-primary);\n}\n\n._note_eqvi8_26 {\n  min-width: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._cells_eqvi8_32 {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(var(--wb-len-220), 1fr));\n  gap: var(--wb-len-12);\n  align-items: start;\n}\n\n._cell_eqvi8_32 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._cellLabel_eqvi8_46 {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  color: var(--dsw-alias-label-caption);\n}\n\n._span_eqvi8_51 {\n  grid-column: 1 / -1;\n}\n\n._stack_eqvi8_55 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n}\n\n._inline_eqvi8_61 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n\n._panel_eqvi8_68 {\n  padding: var(--wb-len-12);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n._bound_eqvi8_75 {\n  max-width: var(--wb-len-360);\n}\n._panel_135e7_1 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  z-index: var(--wb-z-10);\n  visibility: hidden;\n}\n\n._panel_135e7_1[data-fullscreen] {\n  z-index: var(--wb-z-40);\n}\n\n._panel_135e7_1[data-open] {\n  visibility: visible;\n}\n\n._columns_135e7_18 {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  align-items: start;\n  gap: var(--wb-len-12);\n}\n\n._columns_135e7_18[data-two] {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n._column_135e7_18 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n._root_1ubj2_1 {\n  position: relative;\n  flex: none;\n  margin: 0 var(--wb-len-2) var(--wb-len-4);\n}\n\n._glyph_1ubj2_7 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-16);\n  height: var(--wb-len-20);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._glyphActive_1ubj2_17 {\n  color: var(--dsw-alias-state-business-primary);\n}\n\n._triggerName_1ubj2_21 {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-6);\n  font-size: var(--wb-font-row);\n  line-height: var(--wb-line-20);\n  overflow: hidden;\n}\n\n._dir_1ubj2_32 {\n  flex: 0 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._name_1ubj2_40 {\n  flex: 0 1 auto;\n  max-width: 50%;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._triggerName_1ubj2_21 ._name_1ubj2_40 {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._row_1ubj2_53 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  width: 100%;\n  min-width: 0;\n}\n\n._trailing_1ubj2_61 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-20);\n  height: var(--wb-len-20);\n  margin-inline-start: auto;\n}\n\n._trailing_1ubj2_61 ._rowAction_1ubj2_71 {\n  width: var(--wb-len-20);\n  min-width: var(--wb-len-20);\n  height: var(--wb-len-20);\n  min-height: var(--wb-len-20);\n  padding: 0;\n  border-radius: var(--dsw-radius-sm);\n}\n\n._row_1ubj2_53 ._name_1ubj2_40 {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._current_1ubj2_84 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  color: var(--dsw-alias-label-primary);\n}\n._dialog_1vye5_1 {\n  width: min(var(--wb-len-420), 100%);\n}\n\n._stack_1vye5_5 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  min-width: 0;\n}\n\n._input_1vye5_12 {\n  width: 100%;\n  height: var(--wb-len-40);\n  padding: 0 var(--wb-len-12);\n}\n\n._meta_1vye5_18 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n._blocker_1oaj0_1 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-20) var(--wb-len-16);\n  text-align: center;\n}\n\n._icon_1oaj0_10 {\n  display: flex;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._title_1oaj0_15 {\n  margin: var(--wb-len-2) 0 0;\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-22);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._hint_1oaj0_23 {\n  margin: 0;\n  max-width: var(--wb-len-42em);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n  text-wrap: pretty;\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 {\n  align-items: flex-start;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-4) 0 var(--wb-len-2);\n  text-align: left;\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._title_1oaj0_15 {\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._hint_1oaj0_23 {\n  max-width: 100%;\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._actions_1oaj0_48 {\n  margin-top: var(--wb-len-8);\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._raw_1oaj0_52 {\n  margin-top: var(--wb-len-4);\n  max-width: 100%;\n}\n\n._actions_1oaj0_48 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-10);\n  margin-top: var(--wb-len-6);\n}\n\n._raw_1oaj0_52 {\n  margin-top: var(--wb-len-10);\n  width: 100%;\n  max-width: var(--wb-len-360);\n  text-align: left;\n}\n\n._notice_1oaj0_71 {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: start;\n  column-gap: var(--wb-len-10);\n  margin: 0 0 var(--wb-len-10);\n  padding: var(--wb-len-10) var(--wb-len-12);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-left: 2px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n._notice_1oaj0_71._noticeFlat_1oaj0_84 {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n}\n\n._noticeText_1oaj0_91 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-3);\n  min-width: 0;\n}\n\n._noticeTitle_1oaj0_98 {\n  font-size: var(--wb-font-12-5);\n  line-height: var(--wb-line-18);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._noticeHint_1oaj0_105 {\n  font-size: var(--wb-font-11-5);\n  line-height: var(--wb-line-17);\n  color: var(--dsw-alias-label-tertiary);\n  overflow-wrap: anywhere;\n}\n\n._noticeActions_1oaj0_112 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin-top: var(--wb-len-neg-2);\n}\n\n._failure_1oaj0_119 {\n  margin: var(--wb-len-8) 0 0;\n  font-size: var(--wb-font-11-5);\n  line-height: var(--wb-line-17);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n._failureDetail_1oaj0_127 {\n  display: block;\n  margin-top: var(--wb-len-2);\n  color: var(--dsw-alias-label-tertiary);\n  white-space: pre-wrap;\n}\n\n._inlineAction_1oaj0_134 {\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n}\n\n._inlineAction_1oaj0_134:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n._rawText_1oaj0_146 {\n  margin: var(--wb-len-6) 0 0;\n  max-width: 100%;\n}\n/*$vite$:1*/";
+var COMPONENT_CSS_MARKER = "\n.wb-activityBlock {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  padding-top: var(--wb-len-10);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.wb-activityBlock:first-child {\n  padding-top: 0;\n  border-top: none;\n}\n\n.wb-activityBlockHead {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wb-len-8);\n}\n\n.wb-activityLine {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-activityLineText {\n  flex: none;\n  min-width: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n  max-height: var(--wb-len-72);\n  overflow-y: auto;\n}\n\n.wb-activityLineAt {\n  flex: none;\n  margin-left: auto;\n  font-size: var(--wb-font-10);\n  line-height: var(--wb-line-16);\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-activityLine > .wb-activityLineAt,\n.wb-activityLine > .wb-activityLineActions {\n  margin-left: auto;\n}\n\n.wb-activityLine > .wb-activityLineAt + .wb-activityLineActions {\n  margin-left: 0;\n}\n\n.wb-activityLineActions {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n}\n\n.wb-activityActionFailed {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-note {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-problem {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-approvalCommand {\n  max-width: 100%;\n}\n.wb-approvalPlan {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n}\n.wb-approvalHint {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n.wb-approvalRows {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  margin: 0;\n}\n.wb-approvalRow {\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-8);\n}\n.wb-approvalLabel {\n  flex: none;\n  width: var(--wb-len-56);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-approvalValue {\n  margin: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n  overflow-wrap: anywhere;\n}\n.wb-approvalWarn {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-cardHead {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  flex: none;\n  padding: var(--wb-len-8) var(--wb-len-10) var(--wb-len-8) var(--wb-card-gutter);\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-cardTitle {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-cardMeta {\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-cardMeta::before {\n  content: '\\00b7';\n  margin-right: var(--wb-len-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardOpen {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  margin-left: auto;\n  flex: none;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: var(--wb-len-4);\n  border-radius: var(--wb-radius-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardOpen ~ .wb-cardRefresh {\n  margin-left: 0;\n}\n\n.wb-cardOpen:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-cardRefresh {\n  margin-left: auto;\n  flex: none;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: var(--wb-len-4);\n  border-radius: var(--wb-radius-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardRefresh:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-cardRefresh:disabled {\n  cursor: default;\n  opacity: 1;\n}\n\n.wb-cardGear {\n  flex: none;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: var(--wb-len-3);\n  border-radius: var(--wb-radius-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardGear:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-card {\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-xl);\n  background: var(--dsw-alias-bg-layer-1);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  flex: none;\n}\n.wb-cardBody {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  padding: var(--wb-len-12) var(--wb-card-gutter);\n  font-size: var(--dsw-font-xxs-12-font-size);\n}\n.wb-cardBleed {\n  margin-inline: calc(-1 * var(--wb-card-gutter));\n}\n._anchor_yq4s2_1 {\n  display: contents;\n}\n\n.wb-spinner {\n  display: inline-flex;\n  align-items: center;\n  flex: none;\n}\n\n.wb-choiceMenu {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  background: transparent;\n}\n\n.wb-choiceMenu[data-variant='boxed'] {\n  padding: var(--wb-len-4);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n}\n\n.wb-choiceOption {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-8);\n  border-radius: var(--dsw-radius-md);\n  cursor: pointer;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-choiceOptionOn {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-checkbox {\n  position: absolute;\n  width: var(--wb-len-16);\n  height: var(--wb-len-16);\n  margin: 0;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.wb-checkboxBox {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  flex: none;\n  width: var(--wb-len-16);\n  height: var(--wb-len-16);\n  border: 1px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-xs);\n  corner-shape: round;\n  color: var(--dsw-alias-label-primary-foreground);\n  transition:\n    background-color var(--wb-dur-0-12) ease, border-color var(--wb-dur-0-12) ease;\n}\n\n.wb-choiceOption:hover .wb-checkboxBox {\n  border-color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-checkbox:checked + .wb-checkboxBox {\n  border-color: var(--dsw-alias-brand-primary);\n  background: var(--dsw-alias-brand-primary);\n}\n\n.wb-checkbox:disabled + .wb-checkboxBox {\n  cursor: default;\n}\n\n.wb-checkbox:focus-visible + .wb-checkboxBox {\n  outline: var(--dsw-focus-ring-width, var(--wb-len-2)) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: 2px;\n}\n\n.wb-choiceOption:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-choiceOption:has(:disabled) {\n  cursor: default;\n  opacity: 0.5;\n}\n\n.wb-choiceOption:has(:disabled),\n.wb-choiceOption:has(:disabled):hover {\n  background: transparent;\n}\n\n.wb-choiceLabel {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.wb-choiceLabelText {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-choiceLabel:has(.wb-choiceDescription) .wb-choiceLabelText {\n  overflow: visible;\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n.wb-choiceDescription {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n  overflow-wrap: anywhere;\n}\n\n.wb-choiceLoading {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-8);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-choiceLoadingText {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-choiceEmpty {\n  display: flex;\n  align-items: center;\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-8);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-radio {\n  appearance: none;\n  -webkit-appearance: none;\n  flex: none;\n  box-sizing: border-box;\n  width: var(--wb-len-12);\n  height: var(--wb-len-12);\n  margin: 0;\n  border: 1px solid var(--dsw-alias-border-l3);\n  border-radius: 50%;\n  corner-shape: round;\n  background-color: transparent;\n  cursor: pointer;\n  transition:\n    background-color var(--wb-dur-0-12) ease, border-color var(--wb-dur-0-12) ease;\n}\n\n.wb-radio:not(:checked):hover {\n  border-color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-radio:checked {\n  border-color: var(--dsw-alias-brand-primary);\n  background-image: radial-gradient(\n    circle at center,\n    var(--dsw-alias-brand-primary) 0 3px,\n    transparent 3px\n  );\n}\n\n.wb-radio:disabled {\n  cursor: default;\n}\n\n.wb-radio:focus-visible {\n  outline: var(--dsw-focus-ring-width, var(--wb-len-2)) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: 2px;\n}.wb-field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  font-size: var(--dsw-font-xs-13-font-size);\n}\n\n.wb-fieldLabel {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-fieldHint {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-field:has(:disabled) .wb-fieldLabel {\n  opacity: 0.4;\n}\n.wb-formRows {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n}\n\n.wb-formRow {\n  display: grid;\n  grid-template-columns: 72px minmax(0, 1fr);\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n\n.wb-formRow[data-layout='stacked'] {\n  grid-template-columns: minmax(0, 1fr);\n  align-items: stretch;\n  gap: var(--wb-len-6);\n}\n\n.wb-formLabel {\n  min-width: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n.wb-formControl {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n\n.wb-formHint {\n  grid-column: 2;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-formProblem {\n  grid-column: 2;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-formRow:has(.wb-formProblem) .wb-formLabel {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-formRow:has(:disabled) .wb-formLabel {\n  opacity: 0.4;\n}\n:where(.wb-link) {\n  margin-left: var(--wb-len-2);\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n  text-decoration: none;\n  white-space: nowrap;\n  vertical-align: baseline;\n}\n\n:where(.wb-link:hover) {\n  text-decoration: underline;\n}\n\n:where(.wb-link:focus-visible) {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}\n\n.wb-longTask {\n  padding-top: var(--wb-len-12);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n}\n\n.wb-longTaskHead {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin: 0;\n}\n\n.wb-longTaskLink {\n  flex: none;\n}\n\n.wb-longTaskHeadline {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-longTaskProblem {\n  margin: 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-longTaskDump {\n  margin: var(--wb-len-2) 0 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-longTaskDump pre {\n  margin: var(--wb-len-4) 0 0;\n  max-height: var(--wb-len-220);\n  overflow: auto;\n}\n.wb-centered.wb-centeredCompact {\n  flex: none;\n  min-height: 0;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-20) var(--wb-len-16);\n}\n\n.wb-centered.wb-centeredCompact .wb-centeredHero {\n  margin-bottom: var(--wb-len-4);\n}\n\n.wb-skeleton {\n  display: flex;\n  flex-direction: column;\n}\n\n.wb-skeletonRow {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-8);\n  border-radius: var(--dsw-radius-md);\n}\n\n.wb-skeletonRow + .wb-skeletonRow::before {\n  content: '';\n  align-self: stretch;\n  height: var(--wb-len-0-5);\n  margin: 0 var(--wb-len-8) var(--wb-len-neg-0-5);\n  background: var(--dsw-alias-border-l2);\n}\n\n.wb-skeletonBar {\n  display: block;\n  height: var(--wb-len-13);\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-bg-skeleton);\n  animation: wb-skeleton-pulse var(--wb-dur-1-4) var(--ds-ease-in-out) infinite;\n}\n\n.wb-skeletonBarTitle {\n  width: 62%;\n}\n\n.wb-skeletonBarMeta {\n  width: 32%;\n  height: var(--wb-len-10);\n}\n\n.wb-skeletonRow:nth-child(2n) .wb-skeletonBarTitle {\n  width: 74%;\n}\n\n.wb-skeletonRow:nth-child(3n) .wb-skeletonBarTitle {\n  width: 52%;\n}\n\n@keyframes wb-skeleton-pulse {\n  50% {\n    opacity: 0.45;\n  }\n}\n\n.wb-centered {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: var(--wb-len-14);\n  flex: 1;\n  min-height: var(--wb-len-240);\n  padding: 0 var(--wb-len-24) var(--wb-len-24);\n  text-align: center;\n}\n\n.wb-centeredHero {\n  display: flex;\n  margin-bottom: var(--wb-len-16);\n  color: var(--dsw-alias-label-dimmed);\n}\n\n.wb-centeredTitle {\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-22);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-centeredHint {\n  max-width: var(--wb-len-300);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-centeredDetail {\n  max-width: var(--wb-len-320);\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-dimmed);\n  word-break: break-all;\n}\n\n.wb-centeredAction {\n  display: flex;\n  justify-content: center;\n  gap: var(--wb-len-8);\n  margin-top: var(--wb-len-2);\n}\n@media (prefers-reduced-motion: reduce) {\n  .wb-skeletonBar {\n    animation: none;\n  }}\n\n.wb-row:has(> [data-wb-dot]) {\n  grid-template-columns: 84px minmax(0, 1fr);\n}\n.wb-rows {\n  display: flex;\n  flex-direction: column;\n}\n.wb-row {\n  display: grid;\n  grid-template-columns: 56px minmax(0, 1fr);\n  align-items: baseline;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-4) 0;\n}\n.wb-row + .wb-row {\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n.wb-rowKey {\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-rowValue {\n  min-width: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-formActions {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--wb-len-8);\n}.wb-textField {\n  box-sizing: border-box;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-3);\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-primary);\n  outline: none;\n}\n\n.wb-textField:focus {\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-textField:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.wb-textField[aria-invalid='true'] {\n  border-color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-textField[aria-invalid='true']:focus {\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-error-primary);\n}\n\n:where(.wb-textField) {\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-10);\n}\n:where(.wb-selectTrigger) {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  width: 100%;\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-3);\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-primary);\n  text-align: left;\n  cursor: pointer;\n}\n\n.wb-selectTrigger:focus-visible {\n  outline: none;\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-selectTrigger[aria-invalid='true'] {\n  border-color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-selectTrigger[aria-invalid='true']:focus-visible {\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-error-primary);\n}\n\n.wb-selectTrigger:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.wb-selectLoading:disabled {\n  cursor: default;\n  opacity: 1;\n}\n\n.wb-selectGhost {\n  gap: var(--wb-gap-xs);\n  min-height: 0;\n  height: var(--wb-len-34);\n  padding: 0 var(--wb-len-8);\n  border: none;\n  background: transparent;\n  font-size: var(--wb-font-row);\n}\n\n.wb-selectGhost:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-selectGhost:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n  border-color: transparent;\n  box-shadow: none;\n}\n\n.wb-selectAnchor {\n  display: block;\n  width: 100%;\n}\n\n.wb-selectIcon {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-16);\n  height: var(--wb-len-20);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-selectValue {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-6);\n  line-height: var(--wb-line-20);\n  overflow: hidden;\n}\n\n.wb-selectPlaceholder {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-selectChevron {\n  flex: none;\n  display: inline-flex;\n  color: var(--dsw-alias-label-caption);\n}\n\n.wb-selectMenu {\n  min-width: var(--wb-len-240);\n  max-width: var(--wb-len-360);\n  max-height: min(var(--wb-len-320), calc(100vh - var(--wb-len-24)));\n}\n\n:where(.wb-selectSearch) {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  width: 100%;\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n.wb-selectSearch:focus-within {\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-selectSearch.wb-selectGhost {\n  gap: var(--wb-gap-xs);\n  min-height: 0;\n  height: var(--wb-len-34);\n  padding: 0 var(--wb-len-8);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-selectSearch.wb-selectGhost:focus-within {\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: none;\n}\n\n.wb-selectSearchIcon {\n  flex: none;\n  display: inline-flex;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-textField.wb-selectSearchInput {\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  padding: 0;\n  border: none;\n  background: transparent;\n}\n\n.wb-textField.wb-selectSearchInput:focus {\n  box-shadow: none;\n}\n\n.wb-selectFallback {\n  width: 100%;\n}\n\n.wb-selectHint {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\nsection.wb-settings {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  padding: var(--wb-len-12) var(--wb-len-16);\n  border: 0;\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-settings-card-fill);\n}\n.wb-settingsHead {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n.wb-settings .wb-settingsTitle {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: var(--dsw-font-s-strong-14-font-size);\n  line-height: var(--wb-line-24);\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-stack {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-10);\n  min-height: 0;\n}\n\n.wb-stateBlock {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n}\n.wb-stateBlockTitle {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n}\n.wb-stateBlockHint {\n  margin: 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-stateBlockActions {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  margin-top: var(--wb-len-2);\n}\n.wb-stateBlockResolving {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n._marketList_csyus_1 {\n  list-style: none;\n  margin: 0;\n  padding: var(--wb-len-6);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n}\n\n._marketRow_csyus_10 {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  align-items: center;\n  column-gap: var(--wb-len-14);\n  row-gap: var(--wb-len-4);\n  padding: var(--wb-len-8);\n  border-radius: var(--dsw-radius-lg);\n}\n\n._marketIcon_csyus_20 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-40);\n  height: var(--wb-len-40);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketMain_csyus_32 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n  min-width: 0;\n}\n\n._marketName_csyus_39 {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font: var(--dsw-font-base-strong-16);\n  color: var(--dsw-alias-label-primary);\n}\n\n._marketDesc_csyus_48 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketUsedBy_csyus_59 {\n  margin-left: var(--wb-len-8);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  opacity: 0.75;\n}\n\n._marketUsedBy_csyus_59::before {\n  content: '·';\n  margin-right: var(--wb-len-6);\n  opacity: 0.8;\n}\n\n._marketName_csyus_39 ._marketVersion_csyus_73 {\n  margin-left: var(--wb-len-6);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  font-weight: 400;\n  line-height: var(--wb-line-18);\n}\n\n._marketVersion_csyus_73 {\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-caption);\n}\n\n._marketVersion_csyus_73::before {\n  content: '';\n  display: inline-block;\n  width: var(--wb-len-1);\n  height: var(--wb-len-10);\n  margin: 0 var(--wb-len-8) 0 var(--wb-len-2);\n  vertical-align: -1px;\n  background: var(--dsw-alias-border-l2);\n}\n\n._marketLocalTag_csyus_95 {\n  margin-left: var(--wb-len-8);\n  padding: 0 var(--wb-len-6);\n  border: var(--wb-len-1) solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  font-weight: 400;\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-caption);\n}\n\n._marketEnd_csyus_106 {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-10);\n}\n\n._marketSwitchSeat_csyus_113 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-10);\n}\n\n._marketSwitchSeat_csyus_113::before {\n  content: '';\n  width: 0;\n  height: var(--wb-len-14);\n  border-left: 0.5px solid var(--dsw-alias-border-l3);\n}\n\n._marketActions_csyus_126 {\n  flex: none;\n  display: flex;\n  gap: var(--wb-len-6);\n}\n\n._marketUpdateAction_csyus_132 {\n  color: var(--dsw-alias-state-warn-primary);\n  border-color: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 30%, transparent);\n  --dsw-alias-interactive-bg-hover: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 8%, transparent);\n}\n\n._marketSelfDivider_csyus_138 {\n  height: 0;\n  border-top: 0.5px solid var(--dsw-alias-border-l3);\n}\n\n._marketSection_csyus_143 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  min-width: 0;\n}\n\n._marketSectionHead_csyus_150 {\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-8);\n}\n\n._marketSectionIcon_csyus_156 {\n  display: inline-flex;\n  align-items: center;\n  align-self: center;\n  color: var(--dsw-alias-label-caption);\n}\n\n._marketSectionTitle_csyus_163 {\n  margin: 0;\n  font: var(--dsw-font-base-strong-16);\n  color: var(--dsw-alias-label-primary);\n}\n\n._marketSectionCount_csyus_169 {\n  font: var(--dsw-font-s-14);\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-caption);\n}\n\n\n._marketProgress_csyus_176 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  min-height: var(--wb-len-32);\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketNote_csyus_186 {\n  grid-column: 2 / -1;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-state-warn-primary);\n  overflow-wrap: anywhere;\n}\n\n._marketNotePlain_csyus_193 {\n  grid-column: 2 / -1;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-caption);\n  overflow-wrap: anywhere;\n}\n\n._marketFailure_csyus_201 {\n  grid-column: 2 / -1;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n._marketEmpty_csyus_208 {\n  padding: var(--wb-len-18) var(--wb-len-16);\n  text-align: center;\n}\n\n._marketPage_csyus_213 {\n  box-sizing: border-box;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-32);\n  padding: 0 clamp(var(--wb-len-24), 4vw, var(--wb-len-48)) var(--wb-len-48);\n  overflow-x: hidden;\n  overflow-y: auto;\n  color: var(--dsw-alias-label-primary);\n}\n\n._marketPage_csyus_213 > * {\n  width: 100%;\n  max-width: var(--wb-len-960);\n}\n\n._marketPageHead_csyus_231 {\n  box-sizing: border-box;\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-16);\n  padding-top: var(--wb-len-28);\n}\n\n._marketPageTitle_csyus_239 {\n  margin: 0;\n  font: var(--dsw-font-l-20);\n}\n\n._marketPageIntro_csyus_244 {\n  margin: var(--wb-len-4) 0 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketPageTools_csyus_250 {\n  flex: none;\n  align-self: center;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-16);\n}\n\n._marketIconButton_csyus_259 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-28);\n  height: var(--wb-len-28);\n  padding: 0;\n  border: 0;\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  color: var(--dsw-alias-label-caption);\n  cursor: pointer;\n}\n\n._marketIconButton_csyus_259:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketIconButton_csyus_259:disabled {\n  cursor: default;\n  opacity: 0.5;\n}\n\n._marketIconWrap_csyus_284 {\n  display: inline-flex;\n}\n\n._marketIconButtonSpinning_csyus_288 svg {\n  animation: _wb-spin_csyus_1 var(--wb-dur-0-9) linear infinite;\n}\n\n._marketAddButton_csyus_292 {\n  height: var(--wb-len-32);\n  padding: 0 var(--wb-len-12);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  border-radius: var(--dsw-radius-md);\n}\n\n._marketEmpty_csyus_208 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-64) var(--wb-len-16);\n  text-align: center;\n}\n\n._marketChecking_csyus_309 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketEmptyTitle_csyus_317 {\n  font: var(--dsw-font-base-strong-16);\n  color: var(--dsw-alias-label-primary);\n}\n\n@keyframes _wb-spin_csyus_1 {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n._foot_1ud1j_1 {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-8) var(--wb-len-14) var(--wb-len-10);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._footText_1ud1j_13 {\n  flex: 1;\n  min-width: 0;\n}\n\n._footTextMd_1ud1j_18 {\n  flex: 1;\n  min-width: 0;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n._wide_1lv8f_1 {\n  justify-content: center;\n  width: 100%;\n  height: var(--wb-len-40);\n  border-radius: var(--dsw-radius-md);\n}\n\n._dialog_1lv8f_8 {\n  width: min(var(--wb-len-560), 100%);\n  max-height: min(var(--wb-len-800), 100%);\n}\n\n._content_1lv8f_13 {\n  min-height: 0;\n  overflow: auto;\n}\n\n._stack_1lv8f_18 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n\n._body_1lv8f_25 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n\n._field_1lv8f_32 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  font-size: var(--dsw-font-xs-13-font-size);\n}\n\n._input_1lv8f_39 {\n  width: 100%;\n  height: var(--wb-len-40);\n  padding: 0 var(--wb-len-14);\n}\n\n._registryField_1lv8f_45 {\n  height: var(--wb-len-32);\n  margin-left: var(--wb-len-26);\n  padding: 0 var(--wb-len-10);\n}\n\n._options_1lv8f_51 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wb-len-8) var(--wb-len-12);\n}\n\n._guideToggle_1lv8f_59 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n  align-self: flex-start;\n  margin-top: var(--wb-len-4);\n  padding: 0;\n  border: 0;\n  background: transparent;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n._guideToggle_1lv8f_59:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n._guideToggle_1lv8f_59 svg,\n._registryToggle_1lv8f_78 svg {\n  transition: transform var(--wb-dur-0-12) ease;\n}\n\n._guideToggle_1lv8f_59[aria-expanded='true'] svg,\n._registryToggle_1lv8f_78[aria-expanded='true'] svg {\n  transform: rotate(180deg);\n}\n\n._registryWrap_1lv8f_87 {\n  position: relative;\n  flex: none;\n}\n\n._registryToggle_1lv8f_78 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  height: var(--wb-len-26);\n  padding: 0 var(--wb-len-8) 0 var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-2);\n  font: inherit;\n  font-size: var(--wb-font-12-5);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n._registryToggle_1lv8f_78:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n._registryToggle_1lv8f_78:disabled {\n  cursor: default;\n  opacity: 0.6;\n}\n\n._registryToggle_1lv8f_78[aria-expanded='true'] {\n  border-color: var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n._registryChosen_1lv8f_121 {\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n._registry_1lv8f_45 {\n  position: fixed;\n  z-index: var(--wb-z-1100);\n  box-sizing: border-box;\n  width: min(var(--wb-len-440), 100vw - var(--wb-len-24));\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n  margin: 0;\n  padding: var(--wb-len-8) var(--wb-len-10) var(--wb-len-12);\n  border: 0;\n  border-radius: var(--dsw-radius-lg);\n  background: var(--dsw-alias-bg-layer-2);\n  --dsw-elevation-stroke-color: var(--dsw-alias-border-l3);\n  box-shadow: var(--dsw-elevation-prominent);\n}\n\n._registryOption_1lv8f_143 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n  padding: var(--wb-len-8) var(--wb-len-10);\n  border: 0.5px solid transparent;\n  border-radius: var(--dsw-radius-lg);\n  cursor: pointer;\n}\n\nlabel._registryOption_1lv8f_143 {\n  flex-direction: row;\n  align-items: flex-start;\n  gap: var(--wb-len-10);\n}\n\n._registryPick_1lv8f_159 {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-10);\n  cursor: pointer;\n}\n\n._registryOption_1lv8f_143[data-checked='true'] {\n  border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 40%, transparent);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n._registryOption_1lv8f_143 input[type='radio'] {\n  flex: none;\n  width: var(--wb-len-16);\n  height: var(--wb-len-16);\n  margin: var(--wb-len-2) 0 0;\n  accent-color: var(--dsw-alias-brand-primary);\n}\n\n._registryTitle_1lv8f_179 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wb-len-8);\n  font: var(--dsw-font-xs-13);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-primary);\n}\n\n._registryHint_1lv8f_189 {\n  margin-left: var(--wb-len-26);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n  overflow-wrap: anywhere;\n}\n\n._inputError_1lv8f_197 {\n  margin: var(--wb-len-neg-4) 0 0 var(--wb-len-26);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._guide_1lv8f_59 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-10);\n  padding: var(--wb-len-8) var(--wb-len-14) var(--wb-len-14);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-lg);\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n._guideList_1lv8f_214 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n._guideItem_1lv8f_223 {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-10);\n  padding: var(--wb-len-8) 0;\n}\n\n._guideIndex_1lv8f_230 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-20);\n  height: var(--wb-len-20);\n  border-radius: var(--wb-radius-pill);\n  corner-shape: round;\n  background: var(--dsw-alias-bg-module-platform);\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._guideMain_1lv8f_244 {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  gap: 0;\n  min-width: 0;\n}\n\n._guideTitle_1lv8f_252 {\n  font: var(--dsw-font-s-14);\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n._guideHint_1lv8f_258 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-caption);\n}\n\n._guideExample_1lv8f_264 {\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._guideExample_1lv8f_264 code {\n  font-family: var(--dsw-font-mono, monospace);\n}\n\n._guideExampleLabel_1lv8f_274 {\n  color: var(--dsw-alias-label-caption);\n}\n\n._footer_1lv8f_278 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-20);\n  width: 100%;\n}\n\n._hero_1lv8f_285 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-10);\n  padding: var(--wb-len-8) 0 var(--wb-len-4);\n  text-align: center;\n}\n\n._heroIcon_1lv8f_294 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-44);\n  height: var(--wb-len-44);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._heroIcon_1lv8f_294[data-state='done'] {\n  color: var(--dsw-alias-state-success-secondary);\n}\n\n._heroIcon_1lv8f_294[data-state='error'] {\n  color: var(--dsw-alias-state-warn-label);\n}\n\n._pendingTitle_1lv8f_311 {\n  margin: 0;\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-22);\n  font-weight: 500;\n  color: var(--dsw-alias-label-secondary);\n}\n\n._wizardTitle_1lv8f_319 {\n  margin: 0;\n  font-size: var(--wb-font-18);\n  line-height: var(--wb-len-26);\n  font-weight: 600;\n}\n\n._subject_1lv8f_326 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-16);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-lg);\n  text-align: center;\n}\n\n._subjectName_1lv8f_337 {\n  margin: 0;\n  font: var(--dsw-font-base-strong-16);\n  overflow-wrap: anywhere;\n}\n\n._subjectMeta_1lv8f_343,\n._subjectDesc_1lv8f_344 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._result_1lv8f_351,\n._resultWarn_1lv8f_352 {\n  margin: 0;\n  padding: var(--wb-len-8) var(--wb-len-12);\n  border-radius: var(--dsw-radius-md);\n  background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent);\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-primary);\n}\n\n._resultWarn_1lv8f_352 {\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);\n}\n\n._resultMeta_1lv8f_365 {\n  margin: 0;\n  padding: 0 var(--wb-len-12);\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._approval_1lv8f_373 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-12) var(--wb-len-14);\n  border: 0.5px solid var(--dsw-alias-state-warn-primary);\n  border-radius: var(--dsw-radius-lg);\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 8%, transparent);\n}\n\n._approvalTitle_1lv8f_383 {\n  margin: 0;\n  font: var(--dsw-font-s-14);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._approvalText_1lv8f_390 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._approvalCaution_1lv8f_396 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  font-weight: 600;\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._note_1lv8f_403 {\n  margin: 0;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._noteWarn_1lv8f_410 {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._noteError_1lv8f_414 {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._problem_1lv8f_418 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n._detailLabel_1lv8f_425 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-caption);\n}\n\n._detail_1lv8f_425 {\n  margin: 0;\n  padding: var(--wb-len-8) var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-3);\n  font-family: var(--dsw-font-mono, monospace);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n}\n._note_1enlz_1 {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-8);\n  margin: 0;\n  padding: var(--wb-len-10) var(--wb-len-12);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-state-warn-tertiary);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._note_1enlz_1 > svg {\n  flex: none;\n  margin-top: var(--wb-len-2);\n  color: var(--dsw-alias-state-warn-primary);\n}\n._body_lw2ph_1 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n}\n\n._lead_lw2ph_7 {\n  margin: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._sources_lw2ph_14 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n\n._sourcesLabel_lw2ph_21 {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  color: var(--dsw-alias-label-secondary);\n}\n\nbutton._sourceOn_lw2ph_26 {\n  border-color: var(--dsw-alias-brand-primary);\n}\n._sourceCount_lw2ph_29 {\n  margin-left: var(--wb-len-4);\n  font-variant-numeric: tabular-nums;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._reading_lw2ph_36 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n}\n\n._status_lw2ph_42 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._failure_lw2ph_52 {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  column-gap: var(--wb-len-10);\n  row-gap: var(--wb-len-2);\n  color: var(--dsw-alias-state-error-primary);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n}\n\n._failureTitle_lw2ph_62 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._failureHint_lw2ph_69 {\n  grid-column: 1;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._failureAction_lw2ph_74 {\n  grid-column: 2;\n  grid-row: 1;\n  justify-self: end;\n}\n\n._rows_lw2ph_80 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n._row_lw2ph_80 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-12) var(--wb-len-14);\n  border: 0.5px solid var(--dsw-alias-settings-card-stroke);\n  border-radius: var(--dsw-radius-xl);\n  background: var(--dsw-alias-settings-card-fill);\n}\n\n._head_lw2ph_99 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  min-width: 0;\n}\n\n._pick_lw2ph_106 {\n  flex: 0 1 auto;\n  min-width: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n}\n\n._pick_lw2ph_106 > span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._code_lw2ph_118 {\n  --dsl-code-block-background: var(--dsw-alias-bg-layer-1);\n  margin: 0;\n}\n\n._missing_lw2ph_123,\n._conflict_lw2ph_124 {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._foot_lw2ph_130 {\n  display: flex;\n  justify-content: flex-end;\n}\n._actions_jlw8j_1[hidden],\n._progress_jlw8j_2[hidden],\n._commandRow_jlw8j_3[hidden],\n._bridge_jlw8j_4[hidden],\n._raw_jlw8j_5[hidden] {\n  display: none;\n}\n\n._gate_jlw8j_9 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--wb-z-top);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--wb-len-24);\n  background: var(--dsw-alias-bg-base);\n}\n\n._card_jlw8j_20 {\n  width: 100%;\n  max-width: var(--wb-len-420);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-16);\n  text-align: center;\n}\n\n._card_jlw8j_20:has(._actions_jlw8j_1:not([hidden])),\n._card_jlw8j_20:has(._bridge_jlw8j_4:not([hidden])) {\n  max-width: var(--wb-len-520);\n}\n\n._title_jlw8j_35 {\n  margin: 0;\n  font-size: var(--dsw-font-base-16-font-size);\n  line-height: var(--wb-line-24);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._hint_jlw8j_43 {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._steps_jlw8j_50 {\n  list-style: none;\n  margin: var(--wb-len-6) 0 0;\n  padding: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  text-align: left;\n}\n\n._step_jlw8j_50 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-6) var(--wb-len-10);\n  border-radius: var(--dsw-radius-sm);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n._step_jlw8j_50[data-status='running'] {\n  color: var(--dsw-alias-label-primary);\n}\n\n._mark_jlw8j_77 {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-14);\n  height: var(--wb-len-14);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n\n._step_jlw8j_50[data-status='ok'] ._mark_jlw8j_77 {\n  color: var(--dsw-alias-state-success-primary);\n}\n\n._step_jlw8j_50[data-status='warn'] ._mark_jlw8j_77 {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._step_jlw8j_50[data-status='failed'] ._mark_jlw8j_77 {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._label_jlw8j_102 {\n  flex: none;\n}\n\n._detail_jlw8j_106 {\n  margin-left: auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._progress_jlw8j_2 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--wb-len-8);\n  margin-top: var(--wb-len-4);\n  max-width: 100%;\n}\n\n._elapsed_jlw8j_124 {\n  flex: none;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n\n._error_jlw8j_132 {\n  margin: 0;\n  padding: var(--wb-len-8) var(--wb-len-10);\n  max-height: var(--wb-len-120);\n  overflow: auto;\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-1);\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  white-space: pre-wrap;\n  word-break: break-all;\n  text-align: left;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._commandRow_jlw8j_3 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n  margin: 0 0 var(--wb-len-8);\n  padding-right: var(--wb-len-4);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n._copy_jlw8j_158 {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-24);\n  height: var(--wb-len-24);\n  padding: 0;\n  border: none;\n  border-radius: var(--wb-radius-6);\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n._copy_jlw8j_158:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n._command_jlw8j_3 {\n  flex: 1;\n  min-width: 0;\n  padding: var(--wb-len-8) var(--wb-len-10);\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  overflow-wrap: anywhere;\n  color: var(--dsw-alias-label-primary);\n}\n\n._buttons_jlw8j_191 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--wb-len-12);\n}\n\n._mockSlot_jlw8j_198 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  justify-content: center;\n  background: var(--dsw-alias-bg-base);\n}\n\n._button_jlw8j_191 {\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--wb-len-28);\n  padding: 0 var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n}\n\n._button_jlw8j_191:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._button_jlw8j_191:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n._actions_jlw8j_1,\n._bridge_jlw8j_4 {\n  box-sizing: border-box;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--wb-len-10);\n  margin-top: var(--wb-len-4);\n  padding: var(--wb-len-14) var(--wb-len-16);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--wb-radius-14);\n  background: var(--dsw-alias-bg-layer-1);\n  text-align: left;\n}\n\n._fixTitle_jlw8j_249 {\n  margin: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._actions_jlw8j_1 ._hint_jlw8j_43,\n._bridge_jlw8j_4 ._hint_jlw8j_43 {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-19);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._actions_jlw8j_1 ._commandRow_jlw8j_3,\n._bridge_jlw8j_4 ._commandRow_jlw8j_3 {\n  margin: 0;\n}\n\n._actions_jlw8j_1 ._buttons_jlw8j_191,\n._bridge_jlw8j_4 ._buttons_jlw8j_191 {\n  justify-content: flex-start;\n}\n\n._raw_jlw8j_5 {\n  margin: 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._rawSummary_jlw8j_282 {\n  cursor: pointer;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._actions_jlw8j_1 ._error_jlw8j_132,\n._bridge_jlw8j_4 ._error_jlw8j_132 {\n  margin-top: var(--wb-len-6);\n}\n\n._bridgeLines_jlw8j_292 {\n  margin: 0;\n  padding-left: var(--wb-len-18);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-19);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._bridgeLine_jlw8j_292 a {\n  display: block;\n  margin-top: var(--wb-len-4);\n  width: fit-content;\n}\n\n._link_jlw8j_309 {\n  color: var(--dsw-alias-label-primary);\n  text-decoration: none;\n}\n\n._link_jlw8j_309::after {\n  content: '↗';\n  margin-left: var(--wb-len-2);\n}\n\n._link_jlw8j_309:hover {\n  text-decoration: underline;\n}\n\n._loading_jlw8j_323 {\n  flex: none;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._loading_jlw8j_323[hidden] {\n  display: none;\n}\n\n._loadingMotion_jlw8j_332 {\n  transform-origin: center;\n  animation: _wb-spin_jlw8j_1 var(--wb-dur-1-5) linear infinite;\n}\n\n._loadingTrack_jlw8j_337,\n._loadingArc_jlw8j_338 {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n}\n\n._loadingTrack_jlw8j_337 {\n  opacity: 0.25;\n}\n\n._loadingArc_jlw8j_338 {\n  stroke-dasharray: 12 150;\n  animation: _wb-dash_jlw8j_1 var(--wb-dur-1-5) ease-in-out infinite;\n}\n\n@keyframes _wb-spin_jlw8j_1 {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes _wb-dash_jlw8j_1 {\n  0% {\n    stroke-dasharray: 12 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 24 150;\n    stroke-dashoffset: -6;\n  }\n  to {\n    stroke-dasharray: 12 150;\n    stroke-dashoffset: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  ._loadingMotion_jlw8j_332,\n  ._loadingArc_jlw8j_338 {\n    animation: none;\n  }\n}\n._group_1hxis_1 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n}\n\n._button_1hxis_7 {\n  flex: none;\n  width: var(--wb-len-28);\n  height: var(--wb-len-28);\n  padding: 0;\n  color: var(--dsw-alias-label-secondary);\n}\n\n._button_1hxis_7:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n._active_1hxis_19 {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._icon_1hxis_23 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n._icon_1hxis_23 svg {\n  display: block;\n  width: var(--wb-len-15);\n  height: var(--wb-len-15);\n}\n\n._mirror_1hxis_35 {\n  transform: scaleX(-1);\n}\n._stripTabs_1dqp4_1 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n  min-width: 0;\n  overflow: hidden;\n}\n\n._tab_1dqp4_9 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  flex: none;\n  height: var(--wb-len-28);\n  padding: 0 var(--wb-len-10);\n  border: 0;\n  border-radius: var(--dsw-radius-sm);\n  background: none;\n  font: inherit;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-16);\n  max-width: 100%;\n}\n\n._tabActive_1dqp4_25 {\n  color: var(--dsw-alias-label-primary);\n}\n\n._tabQuiet_1dqp4_29 {\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n._tabQuiet_1dqp4_29:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._tabTitle_1dqp4_39 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._sep_1dqp4_49 {\n  flex: none;\n  color: var(--dsw-alias-label-dimmed);\n}\n._trigger_15ptp_1 {\n  display: flex;\n  align-items: center;\n}\n\n._pop_15ptp_6 {\n  position: absolute;\n  top: calc(var(--wb-len-38) + var(--wb-len-8));\n  right: var(--wb-len-6);\n  z-index: var(--wb-z-30);\n  width: min(var(--wb-len-360), calc(100% - var(--wb-len-12)));\n  max-width: calc(100vw - var(--wb-len-48));\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--wb-radius-14);\n  background: var(--dsw-alias-bg-layer-2);\n  box-shadow: var(--dsw-shadow-lv3);\n  overflow: hidden;\n}\n\n._head_15ptp_20 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-10) var(--wb-len-12) var(--wb-len-9) var(--wb-len-14);\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n._title_15ptp_28 {\n  flex: 1;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._rowControls_15ptp_36 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n\n._reset_15ptp_43 {\n  flex: none;\n  padding: var(--wb-len-3) var(--wb-len-8);\n  border: none;\n  border-radius: var(--wb-radius-6);\n  background: transparent;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n._reset_15ptp_43:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n._reset_15ptp_43:disabled {\n  cursor: default;\n  opacity: 0.5;\n}\n\n._list_15ptp_65 {\n  list-style: none;\n  margin: 0;\n  padding: var(--wb-len-6);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n}\n\n._row_15ptp_36 {\n  position: relative;\n  display: grid;\n  grid-template-columns: 12px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-7) var(--wb-len-8);\n  border-radius: var(--dsw-radius-sm);\n  cursor: default;\n}\n\n._rowDragging_15ptp_85 {\n  cursor: grabbing;\n}\n\n._rowBlocked_15ptp_89 {\n  cursor: not-allowed;\n}\n\n._listDragging_15ptp_93 ._rowControls_15ptp_36 {\n  pointer-events: none;\n}\n\n._row_15ptp_36:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._rowOff_15ptp_101 {\n  opacity: 0.55;\n}\n\n._rowOff_15ptp_101:hover {\n  opacity: 1;\n}\n\n._rowOver_15ptp_109::before {\n  content: '';\n  position: absolute;\n  top: var(--wb-len-neg-3);\n  left: var(--wb-len-8);\n  right: var(--wb-len-8);\n  height: var(--wb-len-2);\n  background: var(--dsw-alias-brand-primary);\n}\n\n._ghost_15ptp_119 {\n  position: fixed;\n  z-index: var(--wb-z-40);\n  pointer-events: none;\n  padding: var(--wb-len-4) var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: var(--wb-static-shadow-ghost);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n  white-space: nowrap;\n}\n\n._grip_15ptp_134 {\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  text-align: center;\n  color: var(--dsw-alias-label-tertiary);\n  user-select: none;\n  cursor: grab;\n  touch-action: none;\n}\n\n._gripDragging_15ptp_144 {\n  cursor: grabbing;\n}\n\n._gripBlocked_15ptp_148 {\n  cursor: not-allowed;\n}\n\n._label_15ptp_152 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._name_15ptp_159 {\n  min-width: 0;\n  flex: 0 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n}\n\n._error_15ptp_170 {\n  margin: 0;\n  padding: 0 var(--wb-len-14) var(--wb-len-10);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._dep_15ptp_178 {\n  flex: none;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  white-space: nowrap;\n}\n\n._group_15ptp_186 {\n  padding-top: var(--wb-len-6);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n._groupTitle_15ptp_191 {\n  margin: 0;\n  padding: var(--wb-len-2) var(--wb-len-8) 0 var(--wb-len-14);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  font-weight: 400;\n  color: var(--dsw-alias-label-tertiary);\n}\n._panel_135e7_1 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  z-index: var(--wb-z-10);\n  visibility: hidden;\n}\n\n._panel_135e7_1[data-fullscreen] {\n  z-index: var(--wb-z-40);\n}\n\n._panel_135e7_1[data-open] {\n  visibility: visible;\n}\n\n._columns_135e7_18 {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  align-items: start;\n  gap: var(--wb-len-12);\n}\n\n._columns_135e7_18[data-two] {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n._column_135e7_18 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n._root_1ubj2_1 {\n  position: relative;\n  flex: none;\n  margin: 0 var(--wb-len-2) var(--wb-len-4);\n}\n\n._glyph_1ubj2_7 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-16);\n  height: var(--wb-len-20);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._glyphActive_1ubj2_17 {\n  color: var(--dsw-alias-state-business-primary);\n}\n\n._triggerName_1ubj2_21 {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-6);\n  font-size: var(--wb-font-row);\n  line-height: var(--wb-line-20);\n  overflow: hidden;\n}\n\n._dir_1ubj2_32 {\n  flex: 0 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._name_1ubj2_40 {\n  flex: 0 1 auto;\n  max-width: 50%;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._triggerName_1ubj2_21 ._name_1ubj2_40 {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._row_1ubj2_53 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  width: 100%;\n  min-width: 0;\n}\n\n._trailing_1ubj2_61 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-20);\n  height: var(--wb-len-20);\n  margin-inline-start: auto;\n}\n\n._trailing_1ubj2_61 ._rowAction_1ubj2_71 {\n  width: var(--wb-len-20);\n  min-width: var(--wb-len-20);\n  height: var(--wb-len-20);\n  min-height: var(--wb-len-20);\n  padding: 0;\n  border-radius: var(--dsw-radius-sm);\n}\n\n._row_1ubj2_53 ._name_1ubj2_40 {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._current_1ubj2_84 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  color: var(--dsw-alias-label-primary);\n}\n._dialog_1vye5_1 {\n  width: min(var(--wb-len-420), 100%);\n}\n\n._stack_1vye5_5 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  min-width: 0;\n}\n\n._input_1vye5_12 {\n  width: 100%;\n  height: var(--wb-len-40);\n  padding: 0 var(--wb-len-12);\n}\n\n._meta_1vye5_18 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n._blocker_1oaj0_1 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-20) var(--wb-len-16);\n  text-align: center;\n}\n\n._icon_1oaj0_10 {\n  display: flex;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._title_1oaj0_15 {\n  margin: var(--wb-len-2) 0 0;\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-22);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._hint_1oaj0_23 {\n  margin: 0;\n  max-width: var(--wb-len-42em);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n  text-wrap: pretty;\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 {\n  align-items: flex-start;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-4) 0 var(--wb-len-2);\n  text-align: left;\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._title_1oaj0_15 {\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._hint_1oaj0_23 {\n  max-width: 100%;\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._actions_1oaj0_48 {\n  margin-top: var(--wb-len-8);\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._raw_1oaj0_52 {\n  margin-top: var(--wb-len-4);\n  max-width: 100%;\n}\n\n._actions_1oaj0_48 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-10);\n  margin-top: var(--wb-len-6);\n}\n\n._raw_1oaj0_52 {\n  margin-top: var(--wb-len-10);\n  width: 100%;\n  max-width: var(--wb-len-360);\n  text-align: left;\n}\n\n._notice_1oaj0_71 {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: start;\n  column-gap: var(--wb-len-10);\n  margin: 0 0 var(--wb-len-10);\n  padding: var(--wb-len-10) var(--wb-len-12);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-left: 2px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n._notice_1oaj0_71._noticeFlat_1oaj0_84 {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n}\n\n._noticeText_1oaj0_91 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-3);\n  min-width: 0;\n}\n\n._noticeTitle_1oaj0_98 {\n  font-size: var(--wb-font-12-5);\n  line-height: var(--wb-line-18);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._noticeHint_1oaj0_105 {\n  font-size: var(--wb-font-11-5);\n  line-height: var(--wb-line-17);\n  color: var(--dsw-alias-label-tertiary);\n  overflow-wrap: anywhere;\n}\n\n._noticeActions_1oaj0_112 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin-top: var(--wb-len-neg-2);\n}\n\n._failure_1oaj0_119 {\n  margin: var(--wb-len-8) 0 0;\n  font-size: var(--wb-font-11-5);\n  line-height: var(--wb-line-17);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n._failureDetail_1oaj0_127 {\n  display: block;\n  margin-top: var(--wb-len-2);\n  color: var(--dsw-alias-label-tertiary);\n  white-space: pre-wrap;\n}\n\n._inlineAction_1oaj0_134 {\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n}\n\n._inlineAction_1oaj0_134:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n._rawText_1oaj0_146 {\n  margin: var(--wb-len-6) 0 0;\n  max-width: 100%;\n}\n/*$vite$:1*/";
 function workbenchCss() {
 	return `${tokens_default}\n${palette_default}\n${scale_default}\n${sidebar_default}\n${sidebar_app_default}\n${rightbar_default}\n${chrome_default}\n${board_default}\n${motion_default}\n${COMPONENT_CSS_MARKER}`;
 }