@dsh-workbench/core 0.2.14 → 0.2.16

package/dist/client/index.js

@@ -1,4 +1,4 @@
-import { Button, Checkbox, CodeBlock, DiffBlock, DisclosureRow, HoverCard, IconCheckCircleFillRegular, IconCheckOutlineRegular, IconChevronDownOutlineRegular, IconCodeOutlineRegular, IconCordisPluginOutlineRegular, IconDownloadOutlineRegular, IconEditOutlineRegular, IconEllipsisOutlineRegular, IconFlatListOutlineRegular, IconFolderCloseRegular, IconFolderOpenRegular, IconInfoOutlineRegular, IconLinkOutlineRegular, IconNewChatOutlineRegular, IconPanelLeftOutlineRegular, IconPinFillRegular, IconPlusOutlineRegular, IconRefreshOutlineRegular, IconRightUpOutlineRegular, IconSearchOutlineRegular, IconSettingsOutlineRegular, IconTrashOutlineRegular, IconWarningOutlineRegular, Menu, Modal, RiskConfirmation, StateDot, Switch, Tag, TextShimmer, Tooltip, useAnchoredPosition, useDismissOnOutsidePointer, writeClipboard } from "@deepseek-ai/dsh-client-ui-primitives";
+import { Button, Checkbox, CodeBlock, DiffBlock, DisclosureRow, HoverCard, IconCheckCircleFillRegular, IconCheckOutlineRegular, IconChevronDownOutlineRegular, IconChevronRightOutlineRegular, IconCodeOutlineRegular, IconCordisPluginOutlineRegular, IconDownloadOutlineRegular, IconEditOutlineRegular, IconEllipsisOutlineRegular, IconFlatListOutlineRegular, IconFolderCloseRegular, IconFolderOpenRegular, IconInfoOutlineRegular, IconLinkOutlineRegular, IconNewChatOutlineRegular, IconPanelLeftOutlineRegular, IconPauseOutlineRegular, IconPinFillRegular, IconPlayOutlineRegular, IconPlusOutlineRegular, IconRefreshOutlineRegular, IconRightUpOutlineRegular, IconSearchOutlineRegular, IconSettingsOutlineRegular, IconStopFillRegular, IconTrashOutlineRegular, IconWarningOutlineRegular, Menu, Modal, RiskConfirmation, StateDot, Switch, Tag, TextShimmer, Tooltip, useAnchoredPosition, useDismissOnOutsidePointer, writeClipboard } from "@deepseek-ai/dsh-client-ui-primitives";
 //#region \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
 var __exportAll = (all, no_symbols) => {
@@ -609,12 +609,15 @@ var EVENTS_PATH = "/workbench/events";
 var ACTIONS_PREFIX = `${API_PREFIX}/actions`;
 var PROVISION_PREFIX = `${API_PREFIX}/provision`;
 var PANEL_STATE_PATH = "panel-state";
+var DIY_DEBUG_PATH = "diy-debug";
+var DIY_DEBUG_ACT_PATH = `${DIY_DEBUG_PATH}/act`;
 var PANEL_STATE_PREFIX = `${API_PREFIX}/${PANEL_STATE_PATH}`;
 var OPENCLI_PIN = "1.8.8";
 var CODING_ISSUES_SERVICE = "workbenchCodingIssues";
 var PANELS_SERVICE = "workbenchPanels";
 var UNITS_SERVICE = "workbenchUnits";
 var PANEL_STATE_SERVICE = "workbenchPanelState";
+var DIY_DEBUG_SERVICE = "workbenchDiyDebug";
 var OPENCLI_TIMEOUT_MS = 12e4;
 var WARM_TIMEOUT_MS = 2e4;
 var INSTALL_TIMEOUT_MS = 3e5;
@@ -1173,30 +1176,8 @@ function SaveBar({ busy, disabled, labels, onCancel, onSave }) {
 	}] });
 }
 //#endregion
-//#region ../shared/dist/components/TextField.js
-function TextField({ invalid = false, className, ...rest }) {
-	return h("input", {
-		...rest,
-		className: className === void 0 ? "wb-textField" : `wb-textField ${className}`,
-		"aria-invalid": invalid || void 0
-	});
-}
-//#endregion
-//#region ../shared/dist/components/SelectField.js
-var FOOTER_ID = "__wb-select-footer__";
-var EMPTY_ID = "__wb-select-empty__";
-function mergeClass(...parts) {
-	return parts.filter((one) => one !== void 0 && one !== "").join(" ");
-}
-function itemOf(option) {
-	return {
-		id: option.value,
-		label: option.label,
-		...option.icon === void 0 ? {} : { icon: option.icon },
-		...option.disabled === true ? { disabled: true } : {}
-	};
-}
-function triggerNode(args) {
+//#region ../shared/dist/components/SelectFieldNodes.js
+function selectTriggerNode(args) {
 	return h("button", {
 		type: "button",
 		id: args.id,
@@ -1208,9 +1189,9 @@ function triggerNode(args) {
 		"aria-label": args.ariaLabel,
 		title: args.title,
 		onClick: args.onOpen
-	}, args.icon === void 0 ? null : h("span", { className: "wb-selectIcon" }, args.icon), h("span", { className: "wb-selectValue" }, args.value), h("span", { className: "wb-selectChevron" }, h(IconChevronDownOutlineRegular, { size: 14 })));
+	}, args.iconOnly ? h("span", { className: "wb-selectIcon" }, args.icon) : h(Fragment, null, args.icon === void 0 ? null : h("span", { className: "wb-selectIcon" }, args.icon), h("span", { className: "wb-selectValue" }, args.value), h("span", { className: "wb-selectChevron" }, h(IconChevronDownOutlineRegular, { size: 14 }))));
 }
-function loadingNode(args) {
+function selectLoadingNode(args) {
 	return h("button", {
 		type: "button",
 		id: args.id,
@@ -1222,6 +1203,57 @@ function loadingNode(args) {
 		title: args.loadingText
 	}, h("span", { className: "wb-selectValue" }, h(TextShimmer, { active: true }, args.loadingText ?? "…")), h("span", { className: "wb-selectChevron" }, h(Spinner, { size: 14 })));
 }
+//#endregion
+//#region ../shared/dist/components/TextField.js
+function TextField({ invalid = false, className, ...rest }) {
+	return h("input", {
+		...rest,
+		className: className === void 0 ? "wb-textField" : `wb-textField ${className}`,
+		"aria-invalid": invalid || void 0
+	});
+}
+//#endregion
+//#region ../shared/dist/components/SelectField.js
+var FOOTER_ID = "__wb-select-footer__";
+var EMPTY_ID = "__wb-select-empty__";
+function mergeClass(...parts) {
+	return parts.filter((one) => one !== void 0 && one !== "").join(" ");
+}
+function triggerClassOf(variantClass, iconOnly) {
+	return mergeClass("wb-selectTrigger", variantClass, iconOnly ? "wb-selectIconOnly" : void 0);
+}
+function itemOf(option, revealId) {
+	if (!(option.value === revealId)) return {
+		id: option.value,
+		label: option.label,
+		...option.icon === void 0 ? {} : { icon: option.icon },
+		...option.disabled === true ? { disabled: true } : {}
+	};
+	const revealed = (node) => h("span", {
+		className: "wb-selectReveal",
+		"data-wb-select-reveal": ""
+	}, node);
+	return {
+		id: option.value,
+		label: option.icon === void 0 ? revealed(option.label) : option.label,
+		...option.icon === void 0 ? {} : { icon: revealed(option.icon) },
+		...option.disabled === true ? { disabled: true } : {}
+	};
+}
+function revealNode() {
+	const found = document.querySelector("[data-wb-select-reveal]");
+	return found instanceof HTMLElement ? found : null;
+}
+function useRevealOnOpen(open, revealId) {
+	useEffect(() => {
+		if (!open || revealId === void 0) return;
+		revealNode()?.scrollIntoView({ block: "nearest" });
+	}, [open, revealId]);
+}
+function selectValueNode(current, renderValue, placeholder) {
+	if (current === void 0) return h("span", { className: "wb-selectPlaceholder" }, placeholder ?? "—");
+	return renderValue === void 0 ? current.label : renderValue(current);
+}
 function searchNode(args) {
 	return h("span", {
 		ref: args.boxRef,
@@ -1285,7 +1317,7 @@ function stepSelectCursor(shown, cursor, step) {
 	if (cursor === null) return step === 1 ? 0 : shown.length - 1;
 	return (cursor + step + shown.length) % shown.length;
 }
-function selectEntries(shown, emptyText) {
+function selectEntries(shown, emptyText, revealId) {
 	if (shown.length === 0) return emptyText === void 0 ? [] : [{
 		type: "label",
 		id: EMPTY_ID,
@@ -1302,7 +1334,7 @@ function selectEntries(shown, emptyText) {
 			});
 			group = option.group;
 		}
-		out.push(itemOf(option));
+		out.push(itemOf(option, revealId));
 	}
 	return out;
 }
@@ -1366,12 +1398,13 @@ function useSelectState(props) {
 	};
 }
 function SelectField(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 { 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", iconOnly = false, revealId, ariaLabel, title, id, name, className, menuClassName } = props;
 	const state = useSelectState(props);
 	const current = options.find((option) => option.value === value);
+	useRevealOnOpen(state.open, revealId);
 	const variantClass = variant === "ghost" ? "wb-selectGhost" : void 0;
-	const triggerClass = mergeClass("wb-selectTrigger", variantClass);
-	if (loading) return framed(label, hint, className, loadingNode({
+	const triggerClass = triggerClassOf(variantClass, iconOnly);
+	if (loading) return framed(label, hint, className, selectLoadingNode({
 		id,
 		className: triggerClass,
 		invalid,
@@ -1387,7 +1420,7 @@ function SelectField(props) {
 		value: fallback.value,
 		onChange: (event) => fallback.onChange(event.currentTarget.value)
 	}));
-	const trigger = triggerNode({
+	const trigger = selectTriggerNode({
 		id,
 		className: triggerClass,
 		disabled,
@@ -1396,7 +1429,8 @@ function SelectField(props) {
 		ariaLabel,
 		title,
 		icon,
-		value: current === void 0 ? h("span", { className: "wb-selectPlaceholder" }, placeholder ?? "—") : renderValue === void 0 ? current.label : renderValue(current),
+		value: selectValueNode(current, renderValue, placeholder),
+		iconOnly,
 		onOpen: () => state.setOpen(true)
 	});
 	const anchor = state.open && search ? searchNode({
@@ -1432,7 +1466,7 @@ function SelectField(props) {
 		anchor,
 		selection,
 		selectedId: selectCursorValue(state.shown, state.cursor) ?? void 0,
-		items: selectEntries(state.shown, state.empty),
+		items: selectEntries(state.shown, state.empty, revealId),
 		footer: footer === void 0 ? void 0 : [{
 			id: FOOTER_ID,
 			label: footer.label,
@@ -2097,7 +2131,21 @@ var en = {
 	"configSync.unreadable": "Cannot read {path}: {reason}",
 	"configSync.noSource": "This machine has no other profile to sync from",
 	"configSync.emptyProviders": "The workbench has no model provider yet — sync the llm- rows from some profile, or configure one under Models.",
-	"configSync.failed": "The sync did not go through; try again."
+	"configSync.failed": "The sync did not go through; try again.",
+	"debug.status": "Workbench DIY debugging",
+	"debug.status.trouble": "Workbench DIY debugging needs attention",
+	"debug.stalled": "Workbench DIY debugging paused",
+	"debug.act.pause": "Pause debugging",
+	"debug.act.resume": "Resume debugging",
+	"debug.act.stop": "Stop debugging",
+	"debug.act.stop.ask": "Confirm stop",
+	"debug.card.here.title": "Workbench DIY debugging is on",
+	"debug.card.here.note": "Do not switch workspaces or touch the panel",
+	"debug.card.away.title": "Workbench DIY debugging is on",
+	"debug.card.away.note": "Switch to the Workbench DIY workspace",
+	"debug.card.paused.note": "Paused",
+	"debug.card.hidden.note": "Switch to the Workbench panel",
+	"debug.back": "Back to the workshop screen"
 };
 //#endregion
 //#region ../shared/dist/i18n/zh.js
@@ -2508,7 +2556,21 @@ var zh = {
 	"configSync.unreadable": "读不到 {path}：{reason}",
 	"configSync.noSource": "这台机器上只有工作台这一个 profile，没有可同步的来源",
 	"configSync.emptyProviders": "工作台还没有任何模型供应商 —— 去「配置同步」从某个 profile 把 llm- 那几行搬过来，或自己去「模型」里配。",
-	"configSync.failed": "同步没成功，再试一次。"
+	"configSync.failed": "同步没成功，再试一次。",
+	"debug.status": "工作台 DIY 开发调试中",
+	"debug.status.trouble": "工作台 DIY 开发调试异常",
+	"debug.stalled": "工作台 DIY 调试暂停",
+	"debug.act.pause": "暂停调试",
+	"debug.act.resume": "继续调试",
+	"debug.act.stop": "结束调试",
+	"debug.act.stop.ask": "确认结束",
+	"debug.card.here.title": "当前工作台 DIY 开发调试中",
+	"debug.card.here.note": "请勿切换工作区和操作面板",
+	"debug.card.away.title": "工作台 DIY 开发调试中",
+	"debug.card.away.note": "请切换到工作台 DIY 工作区",
+	"debug.card.paused.note": "已暂停",
+	"debug.card.hidden.note": "请切换到工作台面板",
+	"debug.back": "回到工坊那一屏"
 };
 //#endregion
 //#region ../shared/dist/i18n/index.js
@@ -2619,6 +2681,129 @@ function revealFirstProblem(root) {
 	problem.querySelector(FOCUSABLE_SELECTOR)?.focus?.();
 	return true;
 }
+//#endregion
+//#region ../shared/dist/lib/board-fact.js
+function insideWorkshop(root, target) {
+	if (target === root) return true;
+	const base = root.endsWith("/") ? root : `${root}/`;
+	return target.startsWith(base);
+}
+function boardFactOf(probe, workshop) {
+	if (!probe.workbench) return "unknown";
+	if (!probe.bar || !probe.open || !probe.drawn) return "hidden";
+	if (probe.board === "" || workshop === null) return "unknown";
+	return insideWorkshop(workshop, probe.board) ? "workshop" : "other";
+}
+function boardSituation(probe, workshop) {
+	if (!probe.workbench || workshop === null) return "unknown";
+	if (probe.bar && probe.open && probe.drawn) {
+		if (probe.board === "") return "unknown";
+		return insideWorkshop(workshop, probe.board) ? "ok" : "other-board";
+	}
+	if (probe.where !== "" && !insideWorkshop(workshop, probe.where)) return "off-workspace";
+	return "panel-closed";
+}
+//#endregion
+//#region ../shared/dist/lib/diy-debug.js
+function parseDebugIntent(value) {
+	return value === "pause" || value === "resume" || value === "stop" ? value : null;
+}
+var DEBUG_STALE_MS = 144e5;
+function alive(state, now) {
+	if (state === null) return null;
+	return now - state.at <= 144e5 ? state : null;
+}
+function ownerOf(state, sessionId, now) {
+	const held = alive(state, now);
+	if (held === null) return "none";
+	return held.sessionId === sessionId ? held : "not-owner";
+}
+function createDebugStore() {
+	let held = null;
+	const live = (now) => alive(held, now);
+	return {
+		live,
+		begin(pact) {
+			const current = alive(held, pact.now);
+			if (current !== null) return {
+				ok: false,
+				code: current.sessionId === pact.sessionId ? "already-held" : "held-by-other"
+			};
+			const state = {
+				phase: "debugging",
+				sessionId: pact.sessionId,
+				workspace: pact.workspace,
+				board: pact.board,
+				unit: pact.unit,
+				name: pact.name,
+				startedAt: pact.now,
+				at: pact.now
+			};
+			held = state;
+			return {
+				ok: true,
+				state
+			};
+		},
+		pause(sessionId, now) {
+			const found = ownerOf(held, sessionId, now);
+			if (typeof found === "string") return {
+				ok: false,
+				code: found
+			};
+			if (found.phase === "paused") return {
+				ok: false,
+				code: "already-paused"
+			};
+			const state = {
+				...found,
+				phase: "paused",
+				at: now
+			};
+			held = state;
+			return {
+				ok: true,
+				state
+			};
+		},
+		resume(sessionId, now) {
+			const found = ownerOf(held, sessionId, now);
+			if (typeof found === "string") return {
+				ok: false,
+				code: found
+			};
+			if (found.phase === "debugging") return {
+				ok: false,
+				code: "already-debugging"
+			};
+			const state = {
+				...found,
+				phase: "debugging",
+				at: now
+			};
+			held = state;
+			return {
+				ok: true,
+				state
+			};
+		},
+		stop(sessionId, now) {
+			const found = ownerOf(held, sessionId, now);
+			if (typeof found === "string") return {
+				ok: false,
+				code: found
+			};
+			held = null;
+			return {
+				ok: true,
+				state: found
+			};
+		}
+	};
+}
+function debugOwnerText(state) {
+	return `会话 ${state.sessionId}（自 ${new Date(state.startedAt).toISOString().slice(11, 19)}Z 起在调试 ${state.unit}）`;
+}
 var PANEL_STATE_CRASH_WINDOW_MS = 6e5;
 var PANEL_STATE_MAX_TEXT = 2e3;
 var PHASES = [
@@ -2884,9 +3069,13 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	CenteredState: () => CenteredState,
 	ChoiceGroup: () => ChoiceGroup,
 	Component: () => Component,
+	DEBUG_STALE_MS: () => DEBUG_STALE_MS,
 	DECLARATION_KEYS: () => DECLARATION_KEYS,
 	DECLARATION_REQUIRED_KEYS: () => DECLARATION_REQUIRED_KEYS,
 	DEFAULT_WORKSPACE_TITLE: () => DEFAULT_WORKSPACE_TITLE,
+	DIY_DEBUG_ACT_PATH: () => DIY_DEBUG_ACT_PATH,
+	DIY_DEBUG_PATH: () => DIY_DEBUG_PATH,
+	DIY_DEBUG_SERVICE: () => DIY_DEBUG_SERVICE,
 	EVENTS_PATH: () => EVENTS_PATH,
 	EmptyState: () => EmptyState,
 	FACT_SCOPE_SUFFIX: () => "*",
@@ -2958,12 +3147,16 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	blockerOfCapability: () => blockerOfCapability,
 	blockerOfError: () => blockerOfError,
 	blockerPending: () => blockerPending,
+	boardFactOf: () => boardFactOf,
+	boardSituation: () => boardSituation,
 	buildMarker: () => buildMarker,
 	cardIdOf: () => cardIdOf,
 	createContext: () => createContext,
+	createDebugStore: () => createDebugStore,
 	createFactChannel: () => createFactChannel,
 	createPanelStateStore: () => createPanelStateStore,
 	cx: () => cx,
+	debugOwnerText: () => debugOwnerText,
 	declarationProblemsOf: () => declarationProblemsOf,
 	decodeRef: () => decodeRef,
 	defaultSelectFilter: () => defaultSelectFilter,
@@ -2979,6 +3172,7 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	h: () => h,
 	hasEnvSupply: () => hasEnvSupply,
 	holdBusy: () => holdBusy,
+	insideWorkshop: () => insideWorkshop,
 	isFactScope: () => isFactScope,
 	longTaskDot: () => longTaskDot,
 	longTaskPollMs: () => longTaskPollMs,
@@ -2988,6 +3182,7 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	mergeMessagesSkipping: () => mergeMessagesSkipping,
 	parseCardsReport: () => parseCardsReport,
 	parseCrashReport: () => parseCrashReport,
+	parseDebugIntent: () => parseDebugIntent,
 	parseFactFrame: () => parseFactFrame,
 	parseJsonLoose: () => parseJsonLoose,
 	parseLocalTimestamp: () => parseLocalTimestamp,
@@ -3143,10 +3338,10 @@ var silentNextProbe = false;
 function markNextProbeSilent() {
 	silentNextProbe = true;
 }
-var probe = NO_PROBE;
+var probe$3 = NO_PROBE;
 var probeListeners = /* @__PURE__ */ new Set();
 function probeValue() {
-	return probe;
+	return probe$3;
 }
 function subscribeProbe(listener) {
 	probeListeners.add(listener);
@@ -3155,43 +3350,43 @@ function subscribeProbe(listener) {
 	};
 }
 function setProbe(next) {
-	if (next === probe) return;
-	probe = next;
+	if (next === probe$3) return;
+	probe$3 = next;
 	for (const listener of [...probeListeners]) listener();
 }
 var CAPABILITY_FACT = "capability";
 var shared = null;
 var current$1 = null;
-var listeners$3 = /* @__PURE__ */ new Set();
+var listeners$4 = /* @__PURE__ */ new Set();
 function capabilityValue() {
 	return current$1;
 }
 function subscribeCapabilities(listener) {
-	listeners$3.add(listener);
+	listeners$4.add(listener);
 	return () => {
-		listeners$3.delete(listener);
+		listeners$4.delete(listener);
 	};
 }
 function setCapabilities(next, rechecked = false) {
 	if (next === null) setProbe(NO_PROBE);
 	else if (rechecked) setProbe({
-		...probe,
+		...probe$3,
 		checkedAt: Date.now()
 	});
 	if (next === current$1) return;
 	current$1 = next;
-	for (const listener of [...listeners$3]) listener();
+	for (const listener of [...listeners$4]) listener();
 }
 function beginProbe() {
-	if (probe.checking) return;
+	if (probe$3.checking) return;
 	setProbe({
-		...probe,
+		...probe$3,
 		checking: true
 	});
 }
 function endProbe() {
 	setProbe({
-		...probe,
+		...probe$3,
 		checking: false
 	});
 }
@@ -3247,91 +3442,2916 @@ function useCapabilities(refreshToken, reloadToken = 0) {
 			silent
 		});
 	}, [
-		refreshToken,
-		useFactRevision(CAPABILITY_FACT),
-		reloadToken
+		refreshToken,
+		useFactRevision(CAPABILITY_FACT),
+		reloadToken
+	]);
+	return value;
+}
+function useCapabilityProbe() {
+	return useSyncExternalStore(subscribeProbe, probeValue);
+}
+//#endregion
+//#region src/shared/hooks/use-capability-gate.ts
+var use_capability_gate_exports = /* @__PURE__ */ __exportAll({
+	useCapabilityGate: () => useCapabilityGate,
+	useCapabilityMap: () => useCapabilityMap
+});
+function useCapabilityGate(unit, refreshToken, options = {}) {
+	const [probeNonce, setProbeNonce] = useState(0);
+	const forceProbe = useCallback(() => setProbeNonce((value) => value + 1), []);
+	const capabilities = useCapabilities(refreshToken + probeNonce);
+	const capability = options.fixture ?? capabilities?.[unit] ?? null;
+	return {
+		capability,
+		gated: gateOf(capability, options.mode ?? "capability").gated,
+		forceProbe
+	};
+}
+function useCapabilityMap(refreshToken) {
+	const [probeNonce, setProbeNonce] = useState(0);
+	const [reloadNonce, setReloadNonce] = useState(0);
+	const forceProbe = useCallback(() => setProbeNonce((value) => value + 1), []);
+	const reload = useCallback(() => setReloadNonce((value) => value + 1), []);
+	const probe = useCapabilityProbe();
+	return {
+		capabilities: useCapabilities(refreshToken + probeNonce, reloadNonce),
+		...probe,
+		forceProbe,
+		reload
+	};
+}
+//#endregion
+//#region src/dev/MockStrip.tsx
+function MockStrip({ mocks, index, onPick, note, real }) {
+	return /* @__PURE__ */ h("div", { className: "wb-mockStrip" }, /* @__PURE__ */ h("span", { className: "wb-mockNote" }, note ?? "夹具：只切状态，不发请求"), real === void 0 ? null : /* @__PURE__ */ h("button", {
+		type: "button",
+		className: `wb-mockChip${real.active ? " wb-mockChipOn" : ""}`,
+		onClick: real.onPick
+	}, real.label), mocks.map((mock, at) => /* @__PURE__ */ h("button", {
+		key: mock.id,
+		type: "button",
+		className: `wb-mockChip${at === index ? " wb-mockChipOn" : ""}`,
+		onClick: () => onPick(at)
+	}, mock.label)));
+}
+//#endregion
+//#region src/shared/hooks/mock-mode.ts
+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
+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)
+	};
+}
+//#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
+	};
+}
+//#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
+	});
+}
+//#endregion
+//#region src/app/layouts/rightbar/panel-mock.ts
+function row$3(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$2(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$3(id, titleKey, true);
+	const off = row$3(id, titleKey, false);
+	const twin = row$3(`${id}-b`, titleKey, true);
+	const third = row$3(`${id}-c`, titleKey, false);
+	return [
+		{
+			id: "one",
+			label: "一行：已启用、装好了",
+			units: [on],
+			capabilities: probe$2(id, "ok"),
+			expect: {
+				rows: 1,
+				badge: null,
+				on: true
+			}
+		},
+		{
+			id: "off",
+			label: "已停用（开关关着）",
+			units: [off],
+			capabilities: probe$2(id, "ok"),
+			expect: {
+				rows: 1,
+				badge: null,
+				on: false
+			}
+		},
+		{
+			id: "missing",
+			label: "⚠ 没装好 → 不列（去市场装）",
+			units: [on],
+			capabilities: probe$2(id, "missing-plugin"),
+			expect: { rows: 0 }
+		},
+		{
+			id: "outdated",
+			label: "⚠ 缺命令（也没装好）→ 同样不列",
+			units: [on],
+			capabilities: probe$2(id, "missing-commands"),
+			expect: { rows: 0 }
+		},
+		{
+			id: "unchecked",
+			label: "⚠ 检测不了",
+			units: [on],
+			capabilities: probe$2(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$2(id, "ok"),
+				...probe$2(`${id}-b`, "ok"),
+				...probe$2(`${id}-c`, "ok")
+			},
+			expect: {
+				rows: 3,
+				badge: null,
+				on: true
+			}
+		},
+		{
+			id: "no-card",
+			label: "没看板的模块（只有基座命令那种）：也列出来、带「无看板」标签，开关照常能用，只是不参与排序",
+			units: [on, noCardRow(`${id}-c`, `${titleKey}（无看板）`)],
+			capabilities: {
+				...probe$2(id, "ok"),
+				...probe$2(`${id}-c`, "ok")
+			},
+			expect: {
+				rows: 2,
+				badge: null,
+				on: true
+			}
+		},
+		{
+			id: "long",
+			label: "超长模块名",
+			units: [row$3(id, "一个名字特别特别长的模块用来验证省略号会不会把开关挤下去", true)],
+			capabilities: probe$2(id, "ok"),
+			expect: {
+				rows: 1,
+				badge: null
+			}
+		},
+		{
+			id: "hidden",
+			label: "卸载后不显示（未启用 + 没装）",
+			units: [off],
+			capabilities: probe$2(id, "missing-plugin"),
+			expect: { rows: 0 }
+		},
+		{
+			id: "busy",
+			label: "正在改配置（开关禁用）",
+			units: [on, twin],
+			capabilities: {
+				...probe$2(id, "ok"),
+				...probe$2(`${id}-b`, "ok")
+			},
+			busy: true,
+			expect: { rows: 2 }
+		},
+		{
+			id: "failed",
+			label: "改配置失败（红字）",
+			units: [on],
+			capabilities: probe$2(id, "ok"),
+			failed: true,
+			expect: { rows: 1 }
+		},
+		{
+			id: "drag",
+			label: "拖动中的落点提示",
+			units: [
+				on,
+				twin,
+				third
+			],
+			capabilities: {
+				...probe$2(id, "ok"),
+				...probe$2(`${id}-b`, "ok"),
+				...probe$2(`${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$2(id, "ok"),
+				...probe$2(`${id}-b`, "ok"),
+				...probe$2(`${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/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: []
+			}
+		}
+	];
+}
+//#endregion
+//#region src/app/layouts/rightbar/market-mock.ts
+function installable(manifest) {
+	return {
+		...manifest,
+		env: {
+			command: "opencli",
+			plugins: [{
+				name: "fixture",
+				commands: ["x"]
+			}]
+		}
+	};
+}
+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]
+		}
+	};
+}
+function withSecondNeed(manifest) {
+	return {
+		...manifest,
+		env: {
+			...manifest.env,
+			plugins: [...manifest.env?.plugins ?? [], {
+				name: "fixture-second",
+				commands: ["y"]
+			}]
+		}
+	};
+}
+function twin(manifest) {
+	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/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/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;
+}
+var BootGate_module_default = {
+	actions: "_actions_jlw8j_1",
+	progress: "_progress_jlw8j_2",
+	commandRow: "_commandRow_jlw8j_3",
+	bridge: "_bridge_jlw8j_4",
+	raw: "_raw_jlw8j_5",
+	gate: "_gate_jlw8j_9",
+	card: "_card_jlw8j_20",
+	title: "_title_jlw8j_35",
+	hint: "_hint_jlw8j_43",
+	steps: "_steps_jlw8j_50",
+	step: "_step_jlw8j_50",
+	mark: "_mark_jlw8j_77",
+	label: "_label_jlw8j_102",
+	detail: "_detail_jlw8j_106",
+	elapsed: "_elapsed_jlw8j_124",
+	error: "_error_jlw8j_132",
+	copy: "_copy_jlw8j_158",
+	command: "_command_jlw8j_3",
+	buttons: "_buttons_jlw8j_191",
+	mockSlot: "_mockSlot_jlw8j_198",
+	button: "_button_jlw8j_191",
+	fixTitle: "_fixTitle_jlw8j_249",
+	rawSummary: "_rawSummary_jlw8j_282",
+	bridgeLines: "_bridgeLines_jlw8j_292",
+	bridgeLine: "_bridgeLine_jlw8j_292",
+	link: "_link_jlw8j_309",
+	loading: "_loading_jlw8j_323",
+	loadingMotion: "_loadingMotion_jlw8j_332",
+	"wb-spin": "_wb-spin_jlw8j_1",
+	loadingTrack: "_loadingTrack_jlw8j_337",
+	loadingArc: "_loadingArc_jlw8j_338",
+	"wb-dash": "_wb-dash_jlw8j_1"
+};
+//#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$1(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$1("div", `wb-mockStrip ${BootGate_module_default.mockSlot}`);
+	const note = el$1("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$1("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$1("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;
+}
+var kit_preview_module_default = {
+	gallery: "_gallery_cagso_1",
+	section: "_section_cagso_7",
+	heading: "_heading_cagso_19",
+	headingText: "_headingText_cagso_27",
+	title: "_title_cagso_34",
+	note: "_note_cagso_42",
+	toggle: "_toggle_cagso_49",
+	body: "_body_cagso_70",
+	nav: "_nav_cagso_81",
+	navLink: "_navLink_cagso_89",
+	cells: "_cells_cagso_115",
+	cell: "_cell_cagso_115",
+	cellLabel: "_cellLabel_cagso_129",
+	example: "_example_cagso_135",
+	span: "_span_cagso_147",
+	stack: "_stack_cagso_151",
+	inline: "_inline_cagso_157",
+	panel: "_panel_cagso_164",
+	narrowActions: "_narrowActions_cagso_171",
+	bound: "_bound_cagso_175"
+};
+//#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: "大"
+	}
+];
+var LONG_CHOICES = [
+	{
+		value: "cn-north-prod",
+		label: "华北二 · 生产集群（候选名字故意很长，看它不再被裁成一行）",
+		description: "线上流量都从这里走；改动前先确认发布窗口"
+	},
+	{
+		value: "cn-south-stage",
+		label: "华南一 · 预发集群",
+		description: "灰度验证用，数据每周一清"
+	},
+	{
+		value: "cn-east-dev",
+		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"]);
+	const [long, setLong] = useState("cn-north-prod");
+	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
+	}), /* @__PURE__ */ h(ChoiceGroup, {
+		label: "无边框档",
+		name: "kit-ghost",
+		options: CHOICES,
+		variant: "ghost",
+		value: single,
+		onChange: setSingle
+	}), /* @__PURE__ */ h(ChoiceGroup, {
+		label: "加载中",
+		name: "kit-loading",
+		options: [],
+		loading: true,
+		loadingText: "正在读环境…",
+		value: "",
+		onChange: () => {}
+	}), /* @__PURE__ */ h(ChoiceGroup, {
+		label: "没得选",
+		name: "kit-empty",
+		options: [],
+		emptyText: "这个工作区还没绑定环境",
+		value: "",
+		onChange: () => {}
+	}), /* @__PURE__ */ h(ChoiceGroup, {
+		label: "长候选 + description",
+		name: "kit-long",
+		options: LONG_CHOICES,
+		value: long,
+		onChange: setLong
+	}));
+}
+function FormActionsDemo() {
+	const [busy, setBusy] = useState(false);
+	return /* @__PURE__ */ h("div", { className: kit_preview_module_default.stack }, /* @__PURE__ */ h(FormActions, { actions: [{
+		key: "retry",
+		label: "重试",
+		onClick: () => {}
+	}, {
+		key: "confirm",
+		label: "确认",
+		kind: "primary",
+		onClick: () => {}
+	}] }), /* @__PURE__ */ h(FormActions, { actions: [
+		{
+			key: "cancel",
+			label: "取消",
+			onClick: () => {}
+		},
+		{
+			key: "remove",
+			label: "删除",
+			kind: "danger",
+			onClick: () => {}
+		},
+		{
+			key: "save",
+			label: "保存",
+			kind: "primary",
+			onClick: () => {}
+		}
+	] }), /* @__PURE__ */ h(FormActions, { actions: [{
+		key: "later",
+		label: "稍后",
+		onClick: () => {},
+		disabled: true
+	}, {
+		key: "sync",
+		label: busy ? "同步中…" : "同步",
+		kind: "primary",
+		onClick: () => setBusy((on) => !on),
+		busy
+	}] }), /* @__PURE__ */ h("div", { className: kit_preview_module_default.narrowActions }, /* @__PURE__ */ h(FormActions, { actions: [
+		{
+			key: "cancel",
+			label: "取消",
+			onClick: () => {}
+		},
+		{
+			key: "delete",
+			label: "删除环境",
+			kind: "danger",
+			onClick: () => {}
+		},
+		{
+			key: "save",
+			label: "保存",
+			kind: "primary",
+			onClick: () => {}
+		}
+	] })));
+}
+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-hash.ts
+function fragmentOf(hash) {
+	if (!hash.startsWith("#")) return "";
+	try {
+		return decodeURIComponent(hash.slice(1));
+	} catch {
+		return "";
+	}
+}
+function hashTargetsSection(anchor, hash) {
+	return anchor !== "" && fragmentOf(hash) === anchor;
+}
+//#endregion
+//#region src/app/layouts/rightbar/kit-preview-frame.tsx
+var KitNavContext = createContext(null);
+function anchorOf(title) {
+	return `kit-${title.toLowerCase().replace(/[^\p{L}\p{N}]+/gu, "-").replace(/^-+|-+$/g, "")}`;
+}
+function KitNavProvider({ children }) {
+	const [entries, setEntries] = useState([]);
+	const add = useCallback((entry) => {
+		setEntries((list) => list.some((one) => one.id === entry.id) ? list : [...list, entry]);
+	}, []);
+	const remove = useCallback((id) => {
+		setEntries((list) => list.filter((one) => one.id !== id));
+	}, []);
+	const registry = useMemo(() => ({
+		entries,
+		add,
+		remove
+	}), [
+		entries,
+		add,
+		remove
+	]);
+	return /* @__PURE__ */ h(KitNavContext.Provider, { value: registry }, children);
+}
+function KitNav() {
+	const entries = useContext(KitNavContext)?.entries ?? [];
+	if (entries.length === 0) return null;
+	return /* @__PURE__ */ h("nav", {
+		className: kit_preview_module_default.nav,
+		"aria-label": "这一卡里的各节"
+	}, entries.map((entry) => /* @__PURE__ */ h("a", {
+		key: entry.id,
+		className: kit_preview_module_default.navLink,
+		href: `#${entry.id}`
+	}, entry.title)));
+}
+function Section({ title, note, children }) {
+	const [open, setOpen] = useState(true);
+	const registry = useContext(KitNavContext);
+	const anchor = anchorOf(title);
+	const bodyId = `${anchor}-body`;
+	const add = registry?.add;
+	const remove = registry?.remove;
+	useEffect(() => {
+		if (add === void 0 || remove === void 0) return void 0;
+		add({
+			id: anchor,
+			title
+		});
+		return () => remove(anchor);
+	}, [
+		add,
+		remove,
+		anchor,
+		title
 	]);
-	return value;
+	useEffect(() => {
+		const sync = () => {
+			if (hashTargetsSection(anchor, window.location.hash)) setOpen(true);
+		};
+		sync();
+		window.addEventListener("hashchange", sync);
+		return () => window.removeEventListener("hashchange", sync);
+	}, [anchor]);
+	return /* @__PURE__ */ h("section", {
+		className: kit_preview_module_default.section,
+		id: anchor
+	}, /* @__PURE__ */ h("div", { className: kit_preview_module_default.heading }, /* @__PURE__ */ h("div", { className: kit_preview_module_default.headingText }, /* @__PURE__ */ h("h3", { className: kit_preview_module_default.title }, title), note === void 0 ? null : /* @__PURE__ */ h("p", { className: kit_preview_module_default.note }, note)), /* @__PURE__ */ h(Button, {
+		type: "button",
+		size: "sm",
+		variant: "ghost",
+		className: kit_preview_module_default.toggle,
+		"aria-label": `${open ? "收起" : "展开"}：${title}`,
+		"aria-expanded": open,
+		"aria-controls": bodyId,
+		icon: /* @__PURE__ */ h(IconChevronRightOutlineRegular, { size: 14 }),
+		onClick: () => setOpen((on) => !on)
+	})), /* @__PURE__ */ h("div", {
+		className: kit_preview_module_default.body,
+		id: bodyId,
+		hidden: !open
+	}, 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), /* @__PURE__ */ h("div", { className: kit_preview_module_default.example }, 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 FormSection() {
+	return /* @__PURE__ */ h(Section, {
+		title: "表单的行",
+		note: "FormRows / FormRow：标签左列 + 控件（stacked 才是上下堆叠）；控件仍由调用点给 —— 这一层没有 DSL"
+	}, /* @__PURE__ */ h(Grid, null, /* @__PURE__ */ h(Cell, {
+		label: "FormRow（标签在左，默认）",
+		wide: true
+	}, /* @__PURE__ */ h("div", { className: kit_preview_module_default.bound }, /* @__PURE__ */ h(FormRows, null, /* @__PURE__ */ h(FormRow, {
+		label: "环境",
+		hint: "只列非生产"
+	}, /* @__PURE__ */ h(SelectField, {
+		options: [{
+			value: "test",
+			label: "测试环境"
+		}, {
+			value: "stage",
+			label: "预发"
+		}],
+		value: "test",
+		onChange: () => {}
+	})), /* @__PURE__ */ h(FormRow, { label: "发布分支" }, /* @__PURE__ */ h(TextField, {
+		value: "bgkj-test-auth",
+		onChange: () => {}
+	}))))), /* @__PURE__ */ h(Cell, {
+		label: "长标签不折行（同一组共用一个标签列；组标题通栏）",
+		wide: true
+	}, /* @__PURE__ */ h("div", { className: kit_preview_module_default.bound }, /* @__PURE__ */ h(FormRows, null, /* @__PURE__ */ h("p", { className: kit_preview_module_default.note }, "身份"), /* @__PURE__ */ h(FormRow, { label: "Application 名" }, /* @__PURE__ */ h(TextField, {
+		value: "bgkj-test-auth",
+		onChange: () => {}
+	})), /* @__PURE__ */ h(FormRow, { label: "环境" }, /* @__PURE__ */ h(SelectField, {
+		options: [{
+			value: "test",
+			label: "测试环境"
+		}],
+		value: "test",
+		onChange: () => {}
+	}))))), /* @__PURE__ */ h(Cell, { label: "stacked（上下堆叠）+ 禁用那一档" }, /* @__PURE__ */ h("div", { className: kit_preview_module_default.bound }, /* @__PURE__ */ h(FormRows, null, /* @__PURE__ */ h(FormRow, {
+		label: "项目",
+		layout: "stacked"
+	}, /* @__PURE__ */ h(TextField, {
+		value: "中台-组织权限域",
+		onChange: () => {}
+	})), /* @__PURE__ */ h(FormRow, {
+		label: "服务",
+		hint: "禁用时标签会压暗"
+	}, /* @__PURE__ */ h(SelectField, {
+		options: [{
+			value: "web",
+			label: "前端服务"
+		}],
+		value: "web",
+		onChange: () => {},
+		disabled: true
+	}))))), /* @__PURE__ */ h(Cell, {
+		label: "出错那一档（problem 顶掉 hint，控件给 invalid）",
+		wide: true
+	}, /* @__PURE__ */ h("div", { className: kit_preview_module_default.bound }, /* @__PURE__ */ h(FormRows, null, /* @__PURE__ */ h(FormRow, {
+		label: "环境",
+		problem: "生产环境不在可发布范围内"
+	}, /* @__PURE__ */ h(SelectField, {
+		options: [{
+			value: "prod",
+			label: "生产环境"
+		}],
+		value: "prod",
+		onChange: () => {},
+		invalid: true
+	})), /* @__PURE__ */ h(FormRow, {
+		label: "发布分支",
+		problem: "这个分支上还没有最近的构建"
+	}, /* @__PURE__ */ h(TextField, {
+		value: "release/2.13",
+		invalid: true,
+		onChange: () => {}
+	})))))));
+}
+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 useCapabilityProbe() {
-	return useSyncExternalStore(subscribeProbe, probeValue);
+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/shared/hooks/use-capability-gate.ts
-var use_capability_gate_exports = /* @__PURE__ */ __exportAll({
-	useCapabilityGate: () => useCapabilityGate,
-	useCapabilityMap: () => useCapabilityMap
-});
-function useCapabilityGate(unit, refreshToken, options = {}) {
-	const [probeNonce, setProbeNonce] = useState(0);
-	const forceProbe = useCallback(() => setProbeNonce((value) => value + 1), []);
-	const capabilities = useCapabilities(refreshToken + probeNonce);
-	const capability = options.fixture ?? capabilities?.[unit] ?? null;
+//#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 的单选 / 多选 / 禁用 / 无边框档 / 加载中 / 没得选 / 长候选带说明、FormActions（主操作在右、窄容器换行）、SaveBar、Link"
+	}, /* @__PURE__ */ h(Grid, null, /* @__PURE__ */ h(Cell, { label: "TextField（正常 / invalid / 禁用）" }, /* @__PURE__ */ h(TextFieldDemo, null)), /* @__PURE__ */ h(Cell, { label: "ChoiceGroup（单选 / 多选 / 禁用 / ghost / loading / empty / description）" }, /* @__PURE__ */ h(ChoiceDemo, null)), /* @__PURE__ */ h(Cell, {
+		label: "FormActions（普通两动作 / 带 danger / busy+disabled / 窄容器换行后 primary 仍在右下角）",
+		wide: true
+	}, /* @__PURE__ */ h(FormActionsDemo, 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(KitNavProvider, null, /* @__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(KitNav, null), /* @__PURE__ */ h(SelectSection, null), /* @__PURE__ */ h(FormsSection, null), /* @__PURE__ */ h(RowsSection, null), /* @__PURE__ */ h(FormSection, null), /* @__PURE__ */ h(CardSection, { t }), /* @__PURE__ */ h(StateSection, 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/dev/surface.ts
+var rosterOf = (manifests) => fixtureRoster(manifests);
+function mocksOf(site, manifests) {
+	if (site === "panel") return buildPanelMocks(rosterOf(manifests));
+	if (site === "market") return buildMarketMocks(rosterOf(manifests));
+	return ADD_MODULE_MOCKS;
+}
+function useBoard(input) {
+	const fixtures = useBoardMock(rosterOf(input.manifests));
+	const crash = crashModeOn(input.search);
 	return {
-		capability,
-		gated: gateOf(capability, options.mode ?? "capability").gated,
-		forceProbe
+		shape: fixtures.shape,
+		seed: fixtureSeed(input.manifests, input.all, crash),
+		strip: (show) => h(BoardMockStrip, {
+			fixtures,
+			show
+		}),
+		mode: mockModeOn(input.search) || crash
 	};
 }
-function useCapabilityMap(refreshToken) {
-	const [probeNonce, setProbeNonce] = useState(0);
-	const [reloadNonce, setReloadNonce] = useState(0);
-	const forceProbe = useCallback(() => setProbeNonce((value) => value + 1), []);
-	const reload = useCallback(() => setReloadNonce((value) => value + 1), []);
-	const probe = useCapabilityProbe();
+function useStrips(site, manifests) {
+	const mocks = useMemo(() => mocksOf(site, manifests), [site, manifests]);
+	const pick = useFixturePick({
+		fixtures: mocks,
+		initial: mocks[0]?.id ?? null
+	});
 	return {
-		capabilities: useCapabilities(refreshToken + probeNonce, reloadNonce),
-		...probe,
-		forceProbe,
-		reload
+		pick,
+		current: pick.enabled ? pick.current : void 0,
+		enabled: pick.enabled,
+		strip: pick.enabled ? h(MockStrip, {
+			mocks,
+			index: pick.index,
+			onPick: (at) => pick.pick(mocks[at]?.id ?? null)
+		}) : null
 	};
 }
-//#endregion
-//#region src/dev/surface.stub.ts
-var noop = () => void 0;
+function gateStrip(options) {
+	return mountGateMockStrip(options);
+}
+function addModuleState(base, mock) {
+	return stateOfMock(base, mock);
+}
 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
+	on: (search) => mockModeOn(search),
+	crash: (search) => crashModeOn(search),
+	useBoard,
+	useStrips,
+	addModuleState,
+	gateStrip,
+	kitModule: KIT_PREVIEW_MODULE
 };
 //#endregion
 //#region src/app/layouts/panel-hint.ts
 var hints = /* @__PURE__ */ new Map();
-var listeners$2 = /* @__PURE__ */ new Set();
+var listeners$3 = /* @__PURE__ */ new Set();
 function publishPanelHint(id, hint) {
 	if ((hints.get(id)?.labelKey ?? null) === (hint?.labelKey ?? null)) return;
 	if (hint === null) hints.delete(id);
 	else hints.set(id, hint);
-	for (const listener of [...listeners$2]) listener();
+	for (const listener of [...listeners$3]) listener();
 }
 function panelHintOf(id) {
 	return id === null ? null : hints.get(id) ?? null;
 }
 function subscribePanelHints(listener) {
-	listeners$2.add(listener);
+	listeners$3.add(listener);
 	return () => {
-		listeners$2.delete(listener);
+		listeners$3.delete(listener);
 	};
 }
 function usePanelHint(id) {
@@ -4970,6 +7990,26 @@ function attentionOfSession(summary, statusById, sessions) {
 	if (node.running || node.runningSubagentCount > 0) return "ongoing";
 	if (node.completed) return "done";
 }
+function attentionSessionIdOf(input) {
+	const workspace = input.workspace;
+	if (workspace === null) return null;
+	let best;
+	let bestRank = -1;
+	for (const summary of sessionRows(workspace.sessionIds, input.sessions, input.archivedIds)) {
+		const ofSession = attentionOfSession(summary, input.statusById, input.sessions);
+		if (ofSession === void 0 || ofSession === "ongoing") continue;
+		const rank = RANK[ofSession];
+		if (best === void 0 || rank > bestRank || rank === bestRank && isLater(summary, best)) {
+			best = summary;
+			bestRank = rank;
+		}
+	}
+	return best?.id ?? null;
+}
+function isLater(left, right) {
+	if (left.updatedAt !== right.updatedAt) return left.updatedAt > right.updatedAt;
+	return left.id < right.id;
+}
 function attentionOf(input) {
 	const byWorkspace = /* @__PURE__ */ new Map();
 	let elsewhere = null;
@@ -4994,17 +8034,17 @@ function attentionOf(input) {
 			}
 		}
 		if (severity === void 0) continue;
-		const own = {
+		byWorkspace.set(workspace.workspaceId, {
 			severity,
 			count
-		};
-		byWorkspace.set(workspace.workspaceId, own);
-		overall = merge(overall, own);
-		if (workspace.workspaceId === input.currentWorkspaceId || tagged === void 0) continue;
-		elsewhere = merge(elsewhere, {
+		});
+		if (tagged === void 0) continue;
+		const own = {
 			severity: tagged,
 			count: taggedCount
-		});
+		};
+		overall = merge(overall, own);
+		if (workspace.workspaceId !== input.currentWorkspaceId) elsewhere = merge(elsewhere, own);
 	}
 	return {
 		byWorkspace,
@@ -5029,21 +8069,21 @@ function attentionWordLabel(attention, t) {
 }
 //#endregion
 //#region src/app/layouts/project-selection.ts
-var listeners$1 = /* @__PURE__ */ new Set();
+var listeners$2 = /* @__PURE__ */ new Set();
 function selectedProjectId() {
 	const stored = readText(STORAGE_KEY_PROJECT);
 	return stored === "" ? null : stored;
 }
 function selectProject(workspaceId) {
 	writeText(STORAGE_KEY_PROJECT, workspaceId);
-	for (const listener of [...listeners$1]) try {
+	for (const listener of [...listeners$2]) try {
 		listener();
 	} catch {}
 }
 function subscribeProject(listener) {
-	listeners$1.add(listener);
+	listeners$2.add(listener);
 	return () => {
-		listeners$1.delete(listener);
+		listeners$2.delete(listener);
 	};
 }
 //#endregion
@@ -5129,7 +8169,7 @@ var state = {
 	read: false,
 	checkedAt: null
 };
-var listeners = /* @__PURE__ */ new Set();
+var listeners$1 = /* @__PURE__ */ new Set();
 var inFlight = null;
 var readSeq = 0;
 var newestForceSeq = -1;
@@ -5137,14 +8177,14 @@ function moduleVersionsValue() {
 	return state;
 }
 function subscribeModuleVersions(listener) {
-	listeners.add(listener);
+	listeners$1.add(listener);
 	return () => {
-		listeners.delete(listener);
+		listeners$1.delete(listener);
 	};
 }
 function publish(next) {
 	state = next;
-	for (const listener of [...listeners]) listener();
+	for (const listener of [...listeners$1]) listener();
 }
 function runModuleVersionsRead(force = false) {
 	if (inFlight !== null && inFlight.force === force) return inFlight.promise;
@@ -5894,9 +8934,17 @@ function registerMarketPanel(ctx, units) {
 	}, MarketPanel));
 }
 //#endregion
-//#region src/shared/api/config-sync.ts
-var CONFIG_SYNC_ROUTE = "config-sync";
-var CONFIG_SYNC_RESOURCE = "configSync";
+//#region src/shared/api/diy.ts
+var DIY_PRESET_ID = "workbench-diy";
+var WORKSHOP_RELATIVE = "workbench/diy";
+var WORKSHOP_TITLE = "工作台DIY";
+var WORKSHOP_PAST_TITLES = ["DIY 工坊", "工作台自带 · DIY 模块住这儿"];
+function isWorkshopPath(path) {
+	return path.replace(/\\/g, "/").replace(/\/+$/, "").endsWith(`/${WORKSHOP_RELATIVE}`);
+}
+function diyStartOptions(workspaceId, workshopId) {
+	return workshopId !== void 0 && workshopId === workspaceId ? { agentPreset: DIY_PRESET_ID } : void 0;
+}
 //#endregion
 //#region src/shared/hooks/panel-state-report.ts
 var FLUSH_MS = 400;
@@ -6019,7 +9067,7 @@ function useApiResource(route, query, refreshToken, options = {}) {
 			...prev.at === void 0 ? {} : { at: prev.at }
 		} : { phase: "loading" });
 		const flight = requestResource(route, queryRef.current, key);
-		const owner = unitOfRoute(route);
+		const owner = options.report === false ? null : unitOfRoute(route);
 		if (owner !== null) reportPanelRead({
 			unit: owner,
 			route,
@@ -6084,10 +9132,201 @@ function useApiResource(route, query, refreshToken, options = {}) {
 		refreshToken,
 		factRev,
 		enabled,
-		options.fact
+		options.fact,
+		options.report
 	]);
 	return state;
 }
+//#endregion
+//#region src/shared/hooks/use-diy-debug.ts
+var DIY_DEBUG_ROUTE = "panels/diy-debug";
+var DIY_DEBUG_FACT = "diy-debug";
+function useDiyDebugState() {
+	const read = useApiResource(DIY_DEBUG_ROUTE, {}, 0, {
+		fact: DIY_DEBUG_FACT,
+		report: false
+	});
+	if (read.value === void 0) return null;
+	return read.value.state ?? null;
+}
+function useDiyDebugAct() {
+	return useHostWrite({
+		channel: "diy-debug",
+		resource: "act",
+		networkText: "网络不通，动作没发出去"
+	});
+}
+//#endregion
+//#region src/app/layouts/rightbar/board-fact.ts
+var BOARD_PROBE_UNKNOWN = {
+	workbench: true,
+	where: "",
+	bar: false,
+	board: "",
+	open: false,
+	drawn: false
+};
+var probe = BOARD_PROBE_UNKNOWN;
+var listeners = /* @__PURE__ */ new Set();
+function boardProbe() {
+	return probe;
+}
+function same(left, right) {
+	return left.workbench === right.workbench && left.where === right.where && left.bar === right.bar && left.board === right.board && left.open === right.open && left.drawn === right.drawn;
+}
+function publishBoardProbe(next) {
+	if (same(next, probe)) return;
+	probe = next;
+	for (const listener of [...listeners]) try {
+		listener();
+	} catch {}
+}
+function subscribeBoardProbe(listener) {
+	listeners.add(listener);
+	return () => {
+		listeners.delete(listener);
+	};
+}
+var DebugFooterAction_module_default = {
+	slot: "_slot_1og2k_1",
+	action: "_action_1og2k_12",
+	live: "_live_1og2k_31",
+	paused: "_paused_1og2k_35",
+	trouble: "_trouble_1og2k_39",
+	pulse: "_pulse_1og2k_43",
+	"wb-debug-breathe": "_wb-debug-breathe_1og2k_1",
+	entry: "_entry_1og2k_64",
+	entryInner: "_entryInner_1og2k_71",
+	acts: "_acts_1og2k_78",
+	act: "_act_1og2k_12",
+	actStop: "_actStop_1og2k_110",
+	actArmed: "_actArmed_1og2k_115",
+	actLabel: "_actLabel_1og2k_125",
+	entryLine: "_entryLine_1og2k_131",
+	actionRail: "_actionRail_1og2k_138",
+	card: "_card_1og2k_150",
+	cardTitle: "_cardTitle_1og2k_156",
+	cardNote: "_cardNote_1og2k_162"
+};
+//#endregion
+//#region src/app/layouts/sidebar/DebugFooterAction.tsx
+function debugFooterView(state, t, trouble = "none") {
+	const shown = state.phase === "paused" ? "none" : trouble;
+	const label = shown !== "none" ? t("debug.status.trouble") : state.phase === "paused" ? t("debug.stalled") : t("debug.status");
+	const noteOf = (kind) => kind === "panel" ? t("debug.card.hidden.note") : t("debug.card.away.note");
+	if (state.phase === "paused") return {
+		label,
+		title: label,
+		note: t("debug.card.paused.note"),
+		trouble: "none",
+		stalled: true
+	};
+	if (shown !== "none") return {
+		label,
+		title: label,
+		note: noteOf(shown),
+		trouble: shown,
+		stalled: false
+	};
+	return {
+		label,
+		title: t("debug.card.here.title"),
+		note: t("debug.card.here.note"),
+		trouble: "none",
+		stalled: false
+	};
+}
+var EMPTY_WORKSPACES = {
+	items: [],
+	archivedSessionIds: [],
+	pinnedSessionIds: []
+};
+var EMPTY_SESSIONS = {
+	byId: {},
+	projectionsBySession: {}
+};
+function DebugFooterAction({ wide, t, useWorkspaces, useSessions }) {
+	const state = useDiyDebugState();
+	const act = useDiyDebugAct();
+	const probe = useSyncExternalStore(subscribeBoardProbe, boardProbe);
+	const workspaces = useWorkspaces?.((snapshot) => snapshot) ?? EMPTY_WORKSPACES;
+	const here = useBoardWorkspace(workspaces, useSessions?.((snapshot) => snapshot) ?? EMPTY_SESSIONS);
+	const workshop = workspaces.items.find((item) => isWorkshopPath(item.path));
+	const [armed, setArmed] = useState(false);
+	if (state === null) return null;
+	const workshopPath = workshop?.path ?? null;
+	const situation = boardSituation({
+		...probe,
+		where: here.path ?? ""
+	}, workshopPath);
+	const view = debugFooterView(state, t, situation === "off-workspace" || situation === "other-board" ? "workspace" : situation === "panel-closed" ? "panel" : "none");
+	const dot = /* @__PURE__ */ h(StateDot, {
+		state: view.trouble !== "none" ? "error" : view.stalled ? "warning" : "done",
+		className: view.trouble === "none" && !view.stalled ? DebugFooterAction_module_default.pulse : void 0
+	});
+	const tone = view.trouble !== "none" ? DebugFooterAction_module_default.trouble : view.stalled ? DebugFooterAction_module_default.paused : DebugFooterAction_module_default.live;
+	const press = (intent) => (event) => {
+		event.stopPropagation();
+		act.send({ intent });
+	};
+	const onStop = (event) => {
+		event.stopPropagation();
+		if (!armed) {
+			setArmed(true);
+			return;
+		}
+		setArmed(false);
+		act.send({ intent: "stop" });
+	};
+	const acts = /* @__PURE__ */ h("span", { className: DebugFooterAction_module_default.acts }, view.stalled ? /* @__PURE__ */ h("button", {
+		type: "button",
+		className: DebugFooterAction_module_default.act,
+		"aria-label": t("debug.act.resume"),
+		onClick: press("resume")
+	}, /* @__PURE__ */ h(IconPlayOutlineRegular, { size: 12 })) : /* @__PURE__ */ h("button", {
+		type: "button",
+		className: DebugFooterAction_module_default.act,
+		"aria-label": t("debug.act.pause"),
+		onClick: press("pause")
+	}, /* @__PURE__ */ h(IconPauseOutlineRegular, { size: 12 })), /* @__PURE__ */ h("button", {
+		type: "button",
+		className: cx(DebugFooterAction_module_default.act, DebugFooterAction_module_default.actStop, armed ? DebugFooterAction_module_default.actArmed : void 0),
+		"data-act-state": armed ? "armed" : "idle",
+		"aria-label": armed ? t("debug.act.stop.ask") : t("debug.act.stop"),
+		onClick: onStop,
+		onBlur: () => setArmed(false)
+	}, /* @__PURE__ */ h(IconStopFillRegular, { size: 12 }), armed ? /* @__PURE__ */ h("span", { className: DebugFooterAction_module_default.actLabel }, t("debug.act.stop.ask")) : null));
+	const status = /* @__PURE__ */ h("span", { className: DebugFooterAction_module_default.entryInner }, dot, wide === true ? /* @__PURE__ */ h("span", { className: DebugFooterAction_module_default.entryLine }, view.label) : null);
+	const row = /* @__PURE__ */ h("div", { className: cx(DebugFooterAction_module_default.action, wide === true ? void 0 : DebugFooterAction_module_default.actionRail, tone) }, /* @__PURE__ */ h("span", {
+		className: DebugFooterAction_module_default.entry,
+		role: "status",
+		"aria-label": `${view.label}，${view.note}`
+	}, wide === true ? /* @__PURE__ */ h(Tip, {
+		label: view.note,
+		side: "top"
+	}, status) : status), wide === true ? acts : null);
+	if (wide === true) return /* @__PURE__ */ h("span", { className: DebugFooterAction_module_default.slot }, row);
+	return /* @__PURE__ */ h("span", { className: DebugFooterAction_module_default.slot }, /* @__PURE__ */ h(HoverCard, {
+		anchor: row,
+		content: /* @__PURE__ */ h("div", { className: DebugFooterAction_module_default.card }, /* @__PURE__ */ h("div", { className: DebugFooterAction_module_default.cardTitle }, view.title), /* @__PURE__ */ h("div", { className: DebugFooterAction_module_default.cardNote }, view.note), acts),
+		openDelayMs: 200
+	}));
+}
+//#endregion
+//#region src/app/layouts/sidebar/debug-footer.tsx
+var DEBUG_FOOTER_ID = "workbench-debug";
+function registerDebugFooter(ctx) {
+	ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register({
+		name: "sidebar.footer.action",
+		id: DEBUG_FOOTER_ID,
+		order: 10,
+		locale: LOCALE_NS
+	}, DebugFooterAction));
+}
+//#endregion
+//#region src/shared/api/config-sync.ts
+var CONFIG_SYNC_ROUTE = "config-sync";
+var CONFIG_SYNC_RESOURCE = "configSync";
 var ConfigSyncSection_module_default = {
 	body: "_body_lw2ph_1",
 	lead: "_lead_lw2ph_7",
@@ -6326,208 +9565,20 @@ function ConfigSyncSection({ t }) {
 		onToggle: toggle
 	}) : null, rows.length > 0 ? /* @__PURE__ */ h("div", { className: ConfigSyncSection_module_default.foot }, /* @__PURE__ */ h(Button, {
 		variant: "primary",
-		size: "md",
-		icon: /* @__PURE__ */ h(IconRefreshOutlineRegular, {
-			size: 16,
-			"aria-hidden": "true"
-		}),
-		disabled: chosen.length === 0 || busy.busy,
-		onClick: apply
-	}, chosen.length === 0 ? t("configSync.applyNone") : busy.busy ? t("configSync.applying") : t("configSync.apply", { count: chosen.length }))) : null) : null));
-}
-//#endregion
-//#region src/shared/api/diy.ts
-var DIY_PRESET_ID = "workbench-diy";
-var WORKSHOP_RELATIVE = "workbench/diy";
-var WORKSHOP_TITLE = "工作台DIY";
-var WORKSHOP_PAST_TITLES = ["DIY 工坊", "工作台自带 · DIY 模块住这儿"];
-function isWorkshopPath(path) {
-	return path.replace(/\\/g, "/").replace(/\/+$/, "").endsWith(`/${WORKSHOP_RELATIVE}`);
-}
-function diyStartOptions(workspaceId, workshopId) {
-	return workshopId !== void 0 && workshopId === workspaceId ? { agentPreset: DIY_PRESET_ID } : void 0;
-}
-//#endregion
-//#region src/app/units/index.ts
-var CLIENT_UNITS = [];
-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
-	};
+		size: "md",
+		icon: /* @__PURE__ */ h(IconRefreshOutlineRegular, {
+			size: 16,
+			"aria-hidden": "true"
+		}),
+		disabled: chosen.length === 0 || busy.busy,
+		onClick: apply
+	}, chosen.length === 0 ? t("configSync.applyNone") : busy.busy ? t("configSync.applying") : t("configSync.apply", { count: chosen.length }))) : null) : null));
 }
 //#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
-	};
+//#region src/app/units/index.ts
+var CLIENT_UNITS = [];
+function assembleClientUnits(registry) {
+	for (const face of CLIENT_UNITS) registry.register(face);
 }
 //#endregion
 //#region src/shared/api/unit-manifests.ts
@@ -6564,40 +9615,6 @@ function createUnitManifestLoader(options = {}) {
 		load(registry);
 	};
 }
-var BootGate_module_default = {
-	actions: "_actions_jlw8j_1",
-	progress: "_progress_jlw8j_2",
-	commandRow: "_commandRow_jlw8j_3",
-	bridge: "_bridge_jlw8j_4",
-	raw: "_raw_jlw8j_5",
-	gate: "_gate_jlw8j_9",
-	card: "_card_jlw8j_20",
-	title: "_title_jlw8j_35",
-	hint: "_hint_jlw8j_43",
-	steps: "_steps_jlw8j_50",
-	step: "_step_jlw8j_50",
-	mark: "_mark_jlw8j_77",
-	label: "_label_jlw8j_102",
-	detail: "_detail_jlw8j_106",
-	elapsed: "_elapsed_jlw8j_124",
-	error: "_error_jlw8j_132",
-	copy: "_copy_jlw8j_158",
-	command: "_command_jlw8j_3",
-	buttons: "_buttons_jlw8j_191",
-	mockSlot: "_mockSlot_jlw8j_198",
-	button: "_button_jlw8j_191",
-	fixTitle: "_fixTitle_jlw8j_249",
-	rawSummary: "_rawSummary_jlw8j_282",
-	bridgeLines: "_bridgeLines_jlw8j_292",
-	bridgeLine: "_bridgeLine_jlw8j_292",
-	link: "_link_jlw8j_309",
-	loading: "_loading_jlw8j_323",
-	loadingMotion: "_loadingMotion_jlw8j_332",
-	"wb-spin": "_wb-spin_jlw8j_1",
-	loadingTrack: "_loadingTrack_jlw8j_337",
-	loadingArc: "_loadingArc_jlw8j_338",
-	"wb-dash": "_wb-dash_jlw8j_1"
-};
 //#endregion
 //#region src/app/layouts/env-gate/gate-text.ts
 function failedStepText(guidance, t) {
@@ -7950,22 +10967,12 @@ function BoardContent({ top, plan, world, board, twoColumns, panelToken, onPanel
 	}))))))));
 }
 function Rightbar(props) {
-	const units = props.units;
-	useSyncExternalStore(useCallback((listener) => units.subscribe(listener), [units]), useCallback(() => units.version(), [units]));
-	const modules = units.board;
-	const manifests = units.manifests();
-	const titleKeyOf = (kind) => modules.stepOwner(kind)?.steps?.[kind]?.titleKey;
-	const state = props.useRightbar((snapshot) => snapshot);
-	const sessions = props.useSessions((snapshot) => snapshot);
-	const workspaces = props.useWorkspaces((snapshot) => snapshot);
-	const [panelToken, setPanelToken] = useState(0);
-	const refreshPanel = useCallback(() => setPanelToken((value) => value + 1), []);
-	const { capabilities } = useCapabilityMap(panelToken);
-	const board = useBoardWorkspace(workspaces, sessions);
+	const { modules, manifests, titleKeyOf, state, sessions, workspaces, panelToken, refreshPanel, capabilities, board } = useRightbarWiring(props);
 	const boardWorkspace = board.path;
 	const panelBoard = useEnabledUnits(panelToken, boardWorkspace);
 	const enabledUnits = panelBoard?.units ?? null;
 	const [modulesOpen, setModulesOpen] = useState(false);
+	const asideRef = useRef(null);
 	const devBoard = devSurface.useBoard({
 		manifests,
 		all: modules.all(),
@@ -8004,6 +11011,36 @@ function Rightbar(props) {
 	const summary = aggregateSummaries(plan.modules.map((entry) => summaries[entry.module.id]).filter((item) => item !== void 0));
 	const feedEnabled = plan.modules.length > 0 || plan.reading;
 	const shown = state.expanded;
+	useLayoutEffect(() => {
+		const el = asideRef.current;
+		const drawnNow = () => {
+			if (el === null) return false;
+			const style = getComputedStyle(el);
+			const box = el.getBoundingClientRect();
+			return style.visibility !== "hidden" && style.display !== "none" && box.width > 0 && box.height > 0;
+		};
+		const publish = () => {
+			publishBoardProbe({
+				workbench: true,
+				where: boardWorkspace ?? "",
+				bar: true,
+				board: fixtureMode ? "" : boardWorkspace ?? "",
+				open: shown,
+				drawn: drawnNow()
+			});
+		};
+		publish();
+		const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(publish);
+		if (observer !== null && el !== null) observer.observe(el);
+		return () => {
+			observer?.disconnect();
+			publishBoardProbe(BOARD_PROBE_UNKNOWN);
+		};
+	}, [
+		boardWorkspace,
+		fixtureMode,
+		shown
+	]);
 	const presentation = rightbarPresentation({
 		shown,
 		viewportWidth: props.viewportWidth,
@@ -8029,10 +11066,13 @@ function Rightbar(props) {
 	const navigate = (step) => props.openPanel(step);
 	const openMarket = () => props.openMarket();
 	return /* @__PURE__ */ h("aside", {
+		ref: asideRef,
 		className: `wb-rightbar ${Rightbar_module_default.panel}`,
 		style: { width: panelWidth },
 		"data-open": shown ? "" : void 0,
 		"data-fullscreen": fullscreen ? "" : void 0,
+		"data-wb-board": fixtureMode ? void 0 : boardWorkspace ?? void 0,
+		"data-wb-open": fixtureMode || !shown ? void 0 : "",
 		"aria-label": props.t("rightbar.label")
 	}, /* @__PURE__ */ h(PanelHeader, {
 		t: props.t,
@@ -8068,6 +11108,36 @@ function Rightbar(props) {
 		t: props.t
 	})));
 }
+function useRightbarWiring(props) {
+	const units = props.units;
+	const subscribeUnits = useCallback((listener) => units.subscribe(listener), [units]);
+	const unitsRevision = useCallback(() => units.version(), [units]);
+	useSyncExternalStore(subscribeUnits, unitsRevision);
+	const modules = units.board;
+	const manifests = units.manifests();
+	const titleKeyOf = (kind) => modules.stepOwner(kind)?.steps?.[kind]?.titleKey;
+	const state = props.useRightbar((snapshot) => snapshot);
+	const sessions = props.useSessions((snapshot) => snapshot);
+	const workspaces = props.useWorkspaces((snapshot) => snapshot);
+	const [panelToken, setPanelToken] = useState(0);
+	const refreshPanel = useCallback(() => setPanelToken((value) => value + 1), []);
+	const { capabilities } = useCapabilityMap(panelToken);
+	return {
+		units,
+		subscribeUnits,
+		unitsRevision,
+		modules,
+		manifests,
+		titleKeyOf,
+		state,
+		sessions,
+		workspaces,
+		panelToken,
+		refreshPanel,
+		capabilities,
+		board: useBoardWorkspace(workspaces, sessions)
+	};
+}
 //#endregion
 //#region src/shared/api/context-chips.ts
 var context_chips_exports = /* @__PURE__ */ __exportAll({
@@ -8177,9 +11247,15 @@ function installWorkbenchStyles(css, doc = document) {
 //#endregion
 //#region src/app/layouts/sidebar/session-pick.ts
 function openPickedProject(input) {
-	const first = firstSessionIdOf(input.items.find((item) => item.workspaceId === input.workspaceId) ?? null, input.sessions, input.archivedIds);
-	if (first === null) input.startSession(input.workspaceId);
-	else input.openSession(first);
+	const target = input.items.find((item) => item.workspaceId === input.workspaceId) ?? null;
+	const picked = attentionSessionIdOf({
+		workspace: target,
+		sessions: input.sessions,
+		statusById: input.statusById,
+		archivedIds: input.archivedIds
+	}) ?? firstSessionIdOf(target, input.sessions, input.archivedIds);
+	if (picked === null) input.startSession(input.workspaceId);
+	else input.openSession(picked);
 }
 function firstSessionIdOf(workspace, sessions, archivedIds) {
 	if (workspace === null) return null;
@@ -8206,25 +11282,6 @@ function openNewSession(input) {
 	if (blank === null) input.startSession(input.workspace.workspaceId);
 	else input.openSession(blank);
 }
-var WorkspaceAttentionDot_module_default = {
-	dot: "_dot_moid1_1",
-	overlay: "_overlay_moid1_8"
-};
-//#endregion
-//#region src/app/layouts/sidebar/WorkspaceAttentionDot.tsx
-function WorkspaceAttentionDot({ attention, t, variant = "inline", tip = false }) {
-	if (attention === null) return null;
-	const label = attentionLabel(attention, t);
-	const dot = /* @__PURE__ */ h("span", {
-		className: variant === "overlay" ? cx(WorkspaceAttentionDot_module_default.dot, WorkspaceAttentionDot_module_default.overlay) : WorkspaceAttentionDot_module_default.dot,
-		role: "img",
-		"aria-label": label
-	}, /* @__PURE__ */ h(StateDot, {
-		state: attention.severity,
-		size: variant === "overlay" ? 10 : void 0
-	}));
-	return tip ? /* @__PURE__ */ h(Tip, { label }, dot) : dot;
-}
 //#endregion
 //#region src/app/layouts/sidebar/SidebarHeader.tsx
 function SidebarHeader(props) {
@@ -8241,12 +11298,7 @@ function SidebarHeader(props) {
 	}, !wide ? /* @__PURE__ */ h("span", {
 		className: "wb-railMark",
 		"aria-hidden": "true"
-	}, renderSlot("sidebar.brand.mark", { size: 24 }, { fallback: /* @__PURE__ */ h(IconBrandMark, { size: 24 }) })) : null, /* @__PURE__ */ h("span", { className: "wb-panelIcon" }, /* @__PURE__ */ h(IconPanelLeftOutlineRegular, { size: wide ? 16 : 18 })), !wide ? renderSlot("sidebar.toggle.badge", { attention }, { fallback: /* @__PURE__ */ h(WorkspaceAttentionDot, {
-		attention,
-		t,
-		variant: "overlay",
-		tip: true
-	}) }) : null));
+	}, renderSlot("sidebar.brand.mark", { size: 24 }, { fallback: /* @__PURE__ */ h(IconBrandMark, { size: 24 }) })) : null, /* @__PURE__ */ h("span", { className: "wb-panelIcon" }, /* @__PURE__ */ h(IconPanelLeftOutlineRegular, { size: wide ? 16 : 18 })), !wide ? renderSlot("sidebar.toggle.badge", { attention }) : null));
 }
 //#endregion
 //#region src/app/layouts/sidebar/WorkspaceSection.tsx
@@ -8321,17 +11373,38 @@ function PanelRow({ id, label, active, wide, onSelect, fallbackGlyph, renderEntr
 	}, t(hint.labelKey))));
 }
 var ProjectSwitcher_module_default = {
-	root: "_root_1ubj2_1",
-	glyph: "_glyph_1ubj2_7",
-	glyphActive: "_glyphActive_1ubj2_17",
-	triggerName: "_triggerName_1ubj2_21",
-	dir: "_dir_1ubj2_32",
-	name: "_name_1ubj2_40",
-	row: "_row_1ubj2_53",
-	trailing: "_trailing_1ubj2_61",
-	rowAction: "_rowAction_1ubj2_71",
-	current: "_current_1ubj2_84"
+	root: "_root_1cmz0_1",
+	rail: "_rail_1cmz0_7",
+	glyphBox: "_glyphBox_1cmz0_11",
+	glyph: "_glyph_1cmz0_11",
+	glyphActive: "_glyphActive_1cmz0_30",
+	triggerName: "_triggerName_1cmz0_34",
+	dir: "_dir_1cmz0_45",
+	name: "_name_1cmz0_53",
+	row: "_row_1cmz0_66",
+	trailing: "_trailing_1cmz0_74",
+	rowAction: "_rowAction_1cmz0_84",
+	current: "_current_1cmz0_97"
 };
+var WorkspaceAttentionDot_module_default = {
+	dot: "_dot_sosf1_1",
+	overlay: "_overlay_sosf1_8"
+};
+//#endregion
+//#region src/app/layouts/sidebar/WorkspaceAttentionDot.tsx
+function WorkspaceAttentionDot({ attention, t, variant = "inline", tip = false }) {
+	if (attention === null) return null;
+	const label = attentionLabel(attention, t);
+	const dot = /* @__PURE__ */ h("span", {
+		className: variant === "overlay" ? cx(WorkspaceAttentionDot_module_default.dot, WorkspaceAttentionDot_module_default.overlay) : WorkspaceAttentionDot_module_default.dot,
+		role: "img",
+		"aria-label": label
+	}, /* @__PURE__ */ h(StateDot, {
+		state: attention.severity,
+		size: variant === "overlay" ? 9 : void 0
+	}));
+	return tip ? /* @__PURE__ */ h(Tip, { label }, dot) : dot;
+}
 var WorkspaceAttentionTag_module_default = { tag: "_tag_g9dg8_1" };
 //#endregion
 //#region src/app/layouts/sidebar/WorkspaceAttentionTag.tsx
@@ -8541,7 +11614,7 @@ function workspaceOptions(options) {
 }
 //#endregion
 //#region src/app/layouts/sidebar/ProjectSwitcher.tsx
-function ProjectSwitcher({ items, current, attention, onPick, onAdd, onRename, t }) {
+function ProjectSwitcher({ items, current, attention, compact = false, onPick, onAdd, onRename, t }) {
 	const [open, setOpen] = useState(false);
 	const [hoverId, setHoverId] = useState(null);
 	const [naming, setNaming] = useState(null);
@@ -8570,6 +11643,7 @@ function ProjectSwitcher({ items, current, attention, onPick, onAdd, onRename, t
 		t,
 		attention.byWorkspace
 	]);
+	const revealId = useMemo(() => options.find((option) => attention.byWorkspace.has(option.value))?.value, [options, attention.byWorkspace]);
 	const valueNodes = useMemo(() => {
 		const out = /* @__PURE__ */ new Map();
 		for (const workspace of items) {
@@ -8578,21 +11652,31 @@ function ProjectSwitcher({ items, current, attention, onPick, onAdd, onRename, t
 		}
 		return out;
 	}, [items]);
-	return /* @__PURE__ */ h("div", { className: ProjectSwitcher_module_default.root }, /* @__PURE__ */ h(SelectField, {
+	return /* @__PURE__ */ h("div", { className: cx(ProjectSwitcher_module_default.root, compact && ProjectSwitcher_module_default.rail) }, /* @__PURE__ */ h(SelectField, {
 		value: currentId,
 		options,
 		onChange: onPick,
 		open,
 		onOpenChange: setOpen,
-		icon: /* @__PURE__ */ h("span", { className: cx(ProjectSwitcher_module_default.glyph, ProjectSwitcher_module_default.glyphActive) }, /* @__PURE__ */ h(IconFolderCloseRegular, { size: 16 })),
-		renderValue: (option) => /* @__PURE__ */ h(Fragment, null, option === void 0 ? t("project.none") : valueNodes.get(option.value) ?? option.label, /* @__PURE__ */ h(WorkspaceAttentionTag, {
+		icon: /* @__PURE__ */ h(Tip, {
+			label: current?.path ?? "",
+			disabled: current === null
+		}, /* @__PURE__ */ h("span", { className: ProjectSwitcher_module_default.glyphBox }, /* @__PURE__ */ h("span", { className: cx(ProjectSwitcher_module_default.glyph, ProjectSwitcher_module_default.glyphActive) }, /* @__PURE__ */ h(IconFolderCloseRegular, { size: 16 }), compact ? /* @__PURE__ */ h(WorkspaceAttentionDot, {
+			attention: attention.overall,
+			t,
+			variant: "overlay",
+			tip: true
+		}) : null))),
+		renderValue: compact ? void 0 : (option) => /* @__PURE__ */ h(Fragment, null, option === void 0 ? t("project.none") : valueNodes.get(option.value) ?? option.label, /* @__PURE__ */ h(WorkspaceAttentionTag, {
 			attention: attention.elsewhere,
 			t
 		})),
 		placeholder: t("project.none"),
 		variant: "ghost",
+		iconOnly: compact,
+		search: !compact,
+		revealId,
 		ariaLabel: t("project.label"),
-		title: current?.path ?? void 0,
 		searchLabel: t("project.search.label"),
 		searchPlaceholder: t("project.search.placeholder"),
 		emptyText: (query) => t("project.search.empty", { query: query.trim() }),
@@ -8837,6 +11921,11 @@ function Sidebar(props) {
 	const activePanelId = usePanelInfo((state) => state.activePanelId);
 	const sessions = props.useSessions((state) => state);
 	const statusById = props.useSessionStatus((state) => state);
+	const board = useBoardWorkspace({
+		items,
+		archivedSessionIds: archived,
+		pinnedSessionIds: pinnedIds
+	}, sessions);
 	const [storedId, setStoredId] = useState(() => selectedProjectId());
 	const [panelEntries, setPanelEntries] = useState(() => props.listPanels());
 	const [creating, setCreating] = useState(false);
@@ -8859,6 +11948,7 @@ function Sidebar(props) {
 			workspaceId,
 			items,
 			sessions,
+			statusById,
 			archivedIds: archivedSet,
 			openSession,
 			startSession
@@ -8874,7 +11964,10 @@ function Sidebar(props) {
 		});
 	};
 	const wide = !collapsed;
-	return /* @__PURE__ */ h("div", { className: cx("wb-root", collapsed && "wb-collapsed") }, /* @__PURE__ */ h(SidebarHeader, {
+	return /* @__PURE__ */ h("div", {
+		className: cx("wb-root", collapsed && "wb-collapsed"),
+		"data-wb-where": board.path ?? void 0
+	}, /* @__PURE__ */ h(SidebarHeader, {
 		collapsed,
 		wide,
 		attention: attention.overall,
@@ -8908,7 +12001,16 @@ function Sidebar(props) {
 	}), creating ? /* @__PURE__ */ h("p", {
 		className: "wb-workspaceBusy",
 		role: "status"
-	}, /* @__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, {
+	}, /* @__PURE__ */ h(Spinner, { size: 12 }), t("project.add.busy")) : null, createFailed ? /* @__PURE__ */ h("p", { className: "wb-workspaceError" }, t("project.add.failed")) : null) : /* @__PURE__ */ h(ProjectSwitcher, {
+		items,
+		current,
+		attention,
+		compact: true,
+		onPick: pickProject,
+		onAdd: addProject,
+		onRename: props.renameWorkspace,
+		t
+	}), /* @__PURE__ */ h(WorkspaceSection, {
 		t,
 		wide,
 		onNewSession: () => {
@@ -9207,7 +12309,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-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-formActions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--wb-len-8);\n}\n\n.wb-formActionDanger {\n  color: var(--dsw-alias-state-error-primary);\n  border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 30%, transparent);\n  --dsw-alias-interactive-bg-hover: color-mix(in srgb, var(--dsw-alias-state-error-primary) 8%, transparent);\n}\n.wb-formRows {\n  display: grid;\n  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  column-gap: var(--wb-len-8);\n  row-gap: var(--wb-len-12);\n}\n\n.wb-formRows > :not(.wb-formRow) {\n  grid-column: 1 / -1;\n}\n\n.wb-formRow {\n  display: grid;\n  grid-column: 1 / -1;\n  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  align-items: center;\n  column-gap: var(--wb-len-8);\n  row-gap: var(--wb-len-8);\n}\n\n.wb-formRows > .wb-formRow {\n  grid-template-columns: subgrid;\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  white-space: nowrap;\n}\n\n.wb-formRow[data-layout='stacked'] .wb-formLabel {\n  white-space: normal;\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.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._dot_moid1_1 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n._overlay_moid1_8 {\n  position: absolute;\n  inset-block-start: var(--wb-len-neg-2);\n  inset-inline-end: var(--wb-len-neg-2);\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._tag_g9dg8_1 {\n  flex: none;\n  margin-inline-start: auto;\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-formActions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--wb-len-8);\n}\n\n.wb-formActionDanger {\n  color: var(--dsw-alias-state-error-primary);\n  border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 30%, transparent);\n  --dsw-alias-interactive-bg-hover: color-mix(in srgb, var(--dsw-alias-state-error-primary) 8%, transparent);\n}\n.wb-formRows {\n  display: grid;\n  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  column-gap: var(--wb-len-8);\n  row-gap: var(--wb-len-12);\n}\n\n.wb-formRows > :not(.wb-formRow) {\n  grid-column: 1 / -1;\n}\n\n.wb-formRow {\n  display: grid;\n  grid-column: 1 / -1;\n  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  align-items: center;\n  column-gap: var(--wb-len-8);\n  row-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  white-space: nowrap;\n}\n\n.wb-formRow[data-layout='stacked'] .wb-formLabel {\n  white-space: normal;\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\n.wb-formRows > .wb-formRow {\n  grid-template-columns: subgrid;\n}\n\n@supports not (grid-template-columns: subgrid) {\n  .wb-formRows > .wb-formRow {\n    grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  }\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.wb-rows {\n  display: flex;\n  flex-direction: column;\n}\n.wb-row {\n  display: grid;\n  grid-template-columns: minmax(72px, max-content) 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  white-space: nowrap;\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-rows > .wb-row {\n  grid-template-columns: subgrid;\n}\n\n@supports not (grid-template-columns: subgrid) {\n  .wb-rows > .wb-row {\n    grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  }\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-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-selectIconOnly {\n  width: var(--wb-len-36);\n  height: var(--wb-len-36);\n  min-height: 0;\n  gap: 0;\n  padding: 0;\n  justify-content: center;\n}\n\n.wb-selectReveal {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.wb-selectIconOnly .wb-selectIcon {\n  width: 100%;\n  height: 100%;\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\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\n.wb-panelBody.wb-panelMany .wb-mockStrip {\n  display: none;\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._gallery_cagso_1 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-16);\n}\n\n._section_cagso_7 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-10);\n  scroll-margin-top: var(--wb-len-12);\n}\n\n._section_cagso_7 + ._section_cagso_7 {\n  padding-top: var(--wb-len-16);\n  border-top: var(--wb-len-0-5) solid var(--dsw-alias-border-l3);\n}\n\n._heading_cagso_19 {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--wb-len-8);\n  min-width: 0;\n}\n\n._headingText_cagso_27 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  min-width: 0;\n}\n\n._title_cagso_34 {\n  margin: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._note_cagso_42 {\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._toggle_cagso_49 {\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._toggle_cagso_49:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n._toggle_cagso_49 svg {\n  transition: transform var(--wb-dur-0-12) ease;\n}\n\n._toggle_cagso_49[aria-expanded='true'] svg {\n  transform: rotate(90deg);\n}\n\n._body_cagso_70 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-10);\n  min-width: 0;\n}\n\n._body_cagso_70[hidden] {\n  display: none;\n}\n\n._nav_cagso_81 {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--wb-len-6);\n  padding-bottom: var(--wb-len-12);\n  border-bottom: var(--wb-len-0-5) solid var(--dsw-alias-border-l3);\n}\n\n._navLink_cagso_89 {\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  padding: var(--wb-len-2) var(--wb-len-8);\n  border: var(--wb-len-0-5) solid var(--dsw-alias-border-l3);\n  border-radius: var(--wb-radius-pill);\n  corner-shape: round;\n  background: var(--dsw-alias-bg-layer-2);\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  text-decoration: none;\n}\n\n._navLink_cagso_89:hover {\n  border-color: var(--dsw-alias-border-l4);\n  color: var(--dsw-alias-label-primary);\n}\n\n._navLink_cagso_89: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: var(--wb-len-neg-2);\n}\n\n._cells_cagso_115 {\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_cagso_115 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._cellLabel_cagso_129 {\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}\n\n._example_cagso_135 {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  min-width: 0;\n  max-width: var(--wb-len-360);\n  padding: var(--wb-len-10) var(--wb-len-12);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n._span_cagso_147 {\n  grid-column: 1 / -1;\n}\n\n._stack_cagso_151 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n}\n\n._inline_cagso_157 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n\n._panel_cagso_164 {\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._narrowActions_cagso_171 {\n  max-width: var(--wb-len-132);\n}\n\n._bound_cagso_175 {\n  max-width: var(--wb-len-360);\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._slot_1og2k_1 {\n  display: flex;\n  flex: 1 1 0;\n  min-width: 0;\n}\n\n._slot_1og2k_1 > * {\n  flex: 1 1 0;\n  min-width: 0;\n}\n\n._action_1og2k_12 {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex: 1 1 0;\n  width: 100%;\n  min-width: 0;\n  min-height: var(--wb-len-36);\n  margin: 0 var(--wb-len-2);\n  padding: var(--wb-len-7) var(--wb-len-8);\n  border-radius: var(--dsw-radius-md);\n  cursor: default;\n  overflow: hidden;\n  gap: var(--wb-len-4);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n}\n\n._live_1og2k_31 {\n  color: var(--dsw-alias-state-success-primary);\n}\n\n._paused_1og2k_35 {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._trouble_1og2k_39 {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._pulse_1og2k_43 {\n  animation: _wb-debug-breathe_1og2k_1 var(--wb-dur-1-5) var(--ds-ease-in-out, ease-in-out) infinite;\n}\n\n@keyframes _wb-debug-breathe_1og2k_1 {\n  0%,\n  100% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.35;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  ._pulse_1og2k_43 {\n    animation: none;\n  }\n}\n\n._entry_1og2k_64 {\n  display: flex;\n  align-items: center;\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n._entryInner_1og2k_71 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._acts_1og2k_78 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n  flex: none;\n}\n\n._act_1og2k_12 {\n  appearance: none;\n  border: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: 0;\n  border-radius: var(--dsw-radius-sm, var(--wb-len-6));\n  flex: none;\n  cursor: pointer;\n}\n\n._act_1og2k_12:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._act_1og2k_12: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._actStop_1og2k_110:hover,\n._actStop_1og2k_110:focus-visible {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._actArmed_1og2k_115,\n._actArmed_1og2k_115:hover,\n._actArmed_1og2k_115:focus-visible {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent);\n  width: auto;\n  color: var(--dsw-alias-state-error-primary);\n  gap: var(--wb-len-4);\n  padding: 0 var(--wb-len-7);\n}\n\n._actLabel_1og2k_125 {\n  white-space: nowrap;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-18);\n}\n\n._entryLine_1og2k_131 {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._actionRail_1og2k_138 {\n  justify-content: center;\n  flex: none;\n  width: var(--wb-len-36);\n  min-width: var(--wb-len-36);\n  height: var(--wb-len-36);\n  margin: 0;\n  padding: 0;\n  corner-shape: round;\n  border-radius: 50%;\n}\n\n._card_1og2k_150 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n}\n\n._cardTitle_1og2k_156 {\n  color: var(--dsw-alias-label-primary);\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-20);\n}\n\n._cardNote_1og2k_162 {\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\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._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_1cmz0_1 {\n  position: relative;\n  flex: none;\n  margin: 0 var(--wb-len-2) var(--wb-len-4);\n}\n\n._rail_1cmz0_7 {\n  margin: 0 0 var(--wb-len-4);\n}\n\n._glyphBox_1cmz0_11 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n\n._glyph_1cmz0_11 {\n  position: relative;\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_1cmz0_30 {\n  color: var(--dsw-alias-state-business-primary);\n}\n\n._triggerName_1cmz0_34 {\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_1cmz0_45 {\n  flex: 0 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._name_1cmz0_53 {\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_1cmz0_34 ._name_1cmz0_53 {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._row_1cmz0_66 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  width: 100%;\n  min-width: 0;\n}\n\n._trailing_1cmz0_74 {\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_1cmz0_74 ._rowAction_1cmz0_84 {\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_1cmz0_66 ._name_1cmz0_53 {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._current_1cmz0_97 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  color: var(--dsw-alias-label-primary);\n}\n._dot_sosf1_1 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n._overlay_sosf1_8 {\n  position: absolute;\n  inset-block-start: var(--wb-len-neg-3);\n  inset-inline-end: var(--wb-len-neg-3);\n}\n._tag_g9dg8_1 {\n  flex: none;\n  margin-inline-start: auto;\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}`;
 }
@@ -9396,6 +12498,7 @@ function mount(ctx) {
 		})
 	}, Sidebar));
 	registerMarketPanel(ctx, units);
+	registerDebugFooter(ctx);
 	registerConfigSyncSection(ctx);
 	ctx.effect(() => {
 		const workshop = workshopWorkspace();