@dsh-workbench/core 0.2.15 → 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, IconInspectOutlineRegular, 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) => {
@@ -491,7 +491,7 @@ var TOOL_KEYS = [
 ];
 var TOOL_KEY_SHAPE = /^[a-z][a-zA-Z0-9]*$/;
 var HOST_KEYS = ["inject", "optional"];
-function text$1(value) {
+function text(value) {
 	return typeof value === "string" ? value.trim() : "";
 }
 function isRecord(value) {
@@ -505,7 +505,7 @@ function listOf(keys) {
 }
 function stringArrayProblems(at, value) {
 	if (!Array.isArray(value)) return [`${at} 要是一串字符串，现在是 ${JSON.stringify(value)}`];
-	return value.flatMap((item, index) => text$1(item) === "" ? [`${at}[${index}] 不是非空字符串：${JSON.stringify(item)}`] : []);
+	return value.flatMap((item, index) => text(item) === "" ? [`${at}[${index}] 不是非空字符串：${JSON.stringify(item)}`] : []);
 }
 function declarationProblemsOf(subject, raw) {
 	if (!isRecord(raw)) return [`${subject}: dsh.workbench 不是一个对象 —— ${JSON.stringify(raw)}`];
@@ -522,7 +522,7 @@ function declarationProblemsOf(subject, raw) {
 		else {
 			const extra = outsideKeys(card, CARD_KEYS);
 			if (extra.length > 0) problems.push(`${subject}: dsh.workbench.card 里有不认的键 ${listOf(extra)} —— card 只有 ${listOf(CARD_KEYS)}（卡片默认显不显示由运行期的面板配置决定，清单里没有这一位）`);
-			if (text$1(card.titleKey) === "") problems.push(`${subject}: dsh.workbench.card.titleKey 要是非空字符串（面板那一格的文案键）`);
+			if (text(card.titleKey) === "") problems.push(`${subject}: dsh.workbench.card.titleKey 要是非空字符串（面板那一格的文案键）`);
 			if (typeof card.order !== "number" || !Number.isFinite(card.order)) problems.push(`${subject}: dsh.workbench.card.order 要是数字，现在是 ${JSON.stringify(card.order)}`);
 		}
 	}
@@ -540,13 +540,13 @@ function declarationProblemsOf(subject, raw) {
 				}
 				const extra = outsideKeys(tool, TOOL_KEYS);
 				if (extra.length > 0) problems.push(`${subject}: ${at} 里有不认的键 ${listOf(extra)} —— tools 只有 ${listOf(TOOL_KEYS)}`);
-				const name = text$1(tool.name);
+				const name = text(tool.name);
 				if (name === "") problems.push(`${subject}: ${at}.name 要是非空字符串`);
 				else if (seen.has(name)) problems.push(`${subject}: ${at}.name「${name}」与前面那条撞了 —— 工具名会进 dsh 的工具表，不许重`);
 				else seen.add(name);
 				if (typeof tool.writes !== "boolean") problems.push(`${subject}: ${at}.writes 要是 true / false（它是"这会写"的唯一声明，缺了审批无从认领）`);
 				if (tool.key !== void 0) {
-					const key = text$1(tool.key);
+					const key = text(tool.key);
 					if (!TOOL_KEY_SHAPE.test(key)) problems.push(`${subject}: ${at}.key 要是 lowerCamelCase 的标识符（如 \`sync\` / \`podLogs\`），现在是 ${JSON.stringify(tool.key)} —— 它会变成生成物里的键名，所以不引号、不许带点或横线`);
 					else if (seenKeys.has(key)) problems.push(`${subject}: ${at}.key「${key}」与前面那条撞了 —— 生成物里的键只能有一个`);
 					else seenKeys.add(key);
@@ -577,13 +577,13 @@ function readDeclaration(subject, raw) {
 		declaration,
 		problems: [],
 		manifest: {
-			id: text$1(declaration.unit),
+			id: text(declaration.unit),
 			card: card === null ? null : {
-				titleKey: text$1(card.titleKey),
+				titleKey: text(card.titleKey),
 				order: card.order
 			},
 			tools: declaration.tools.map((tool) => ({
-				name: text$1(tool.name),
+				name: text(tool.name),
 				writes: tool.writes
 			})),
 			host: {
@@ -609,6 +609,8 @@ 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";
@@ -2130,14 +2132,20 @@ var en = {
 	"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.",
-	"debug.status": "Debugging",
-	"debug.stalled": "Debug stalled",
-	"debug.tip.active": "Debugging {unit} on the workshop board ({since}) · click to go back · tell the agent to pause when done",
-	"debug.tip.stalled": "The debug is stalled — go back to the 工作台DIY screen · click to return",
-	"debug.back": "Back to the workshop screen",
-	"debug.strip.active": "Debugging · {unit} · {since}",
-	"debug.strip.note": "Tell the agent to pause when you are done",
-	"debug.stripStalled": "Debug stalled — tell the agent to continue"
+	"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
@@ -2549,14 +2557,20 @@ var zh = {
 	"configSync.noSource": "这台机器上只有工作台这一个 profile，没有可同步的来源",
 	"configSync.emptyProviders": "工作台还没有任何模型供应商 —— 去「配置同步」从某个 profile 把 llm- 那几行搬过来，或自己去「模型」里配。",
 	"configSync.failed": "同步没成功，再试一次。",
-	"debug.status": "调试中",
-	"debug.stalled": "调试搁置",
-	"debug.tip.active": "工坊那块板上正在调试 {unit}（{since}）· 点一下回到那一屏 · 要停就对 agent 说一句",
-	"debug.tip.stalled": "调试被搁置了 —— 要你回到工作台DIY 那一屏 · 点一下回去",
-	"debug.back": "回到工坊那一屏",
-	"debug.strip.active": "调试中 · {unit} · {since}",
-	"debug.strip.note": "要停就对 agent 说一句「暂停」",
-	"debug.stripStalled": "调试搁置 —— 对 agent 说一句「继续」"
+	"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
@@ -2668,7 +2682,32 @@ function revealFirstProblem(root) {
 	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;
@@ -2706,27 +2745,6 @@ function createDebugStore() {
 				state
 			};
 		},
-		stall(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
-			};
-		},
 		pause(sessionId, now) {
 			const found = ownerOf(held, sessionId, now);
 			if (typeof found === "string") return {
@@ -3055,6 +3073,8 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	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,
@@ -3127,6 +3147,8 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	blockerOfCapability: () => blockerOfCapability,
 	blockerOfError: () => blockerOfError,
 	blockerPending: () => blockerPending,
+	boardFactOf: () => boardFactOf,
+	boardSituation: () => boardSituation,
 	buildMarker: () => buildMarker,
 	cardIdOf: () => cardIdOf,
 	createContext: () => createContext,
@@ -3150,6 +3172,7 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	h: () => h,
 	hasEnvSupply: () => hasEnvSupply,
 	holdBusy: () => holdBusy,
+	insideWorkshop: () => insideWorkshop,
 	isFactScope: () => isFactScope,
 	longTaskDot: () => longTaskDot,
 	longTaskPollMs: () => longTaskPollMs,
@@ -3159,6 +3182,7 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	mergeMessagesSkipping: () => mergeMessagesSkipping,
 	parseCardsReport: () => parseCardsReport,
 	parseCrashReport: () => parseCrashReport,
+	parseDebugIntent: () => parseDebugIntent,
 	parseFactFrame: () => parseFactFrame,
 	parseJsonLoose: () => parseJsonLoose,
 	parseLocalTimestamp: () => parseLocalTimestamp,
@@ -3314,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);
@@ -3326,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
 	});
 }
@@ -3439,70 +3463,2895 @@ function useCapabilityGate(unit, refreshToken, options = {}) {
 	const capabilities = useCapabilities(refreshToken + probeNonce);
 	const capability = options.fixture ?? capabilities?.[unit] ?? null;
 	return {
-		capability,
-		gated: gateOf(capability, options.mode ?? "capability").gated,
-		forceProbe
+		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
+	]);
+	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 LongTaskSection() {
+	return /* @__PURE__ */ h(Section, {
+		title: "长任务那一行",
+		note: "四种状态：跑着 / 要登录 / 好了 / 失败（带步骤与原文）"
+	}, /* @__PURE__ */ h("div", { className: kit_preview_module_default.stack }, /* @__PURE__ */ h(LongTaskRow, {
+		status: "running",
+		headline: "正在发布（2/3）",
+		stepsTitle: "步骤",
+		steps: [
+			"拉代码",
+			"构建",
+			"发布"
+		]
+	}), /* @__PURE__ */ h(LongTaskRow, {
+		status: "needs-login",
+		headline: "要登录腾讯云",
+		problem: "凭证过期了"
+	}), /* @__PURE__ */ h(LongTaskRow, {
+		status: "ok",
+		headline: "发布完成",
+		rawTitle: "原文",
+		raw: "ok · 12.4s",
+		copyLabel: "复制",
+		copiedLabel: "复制好了",
+		links: [{
+			href: "https://example.com/log",
+			text: "日志"
+		}]
+	}), /* @__PURE__ */ h(LongTaskRow, {
+		status: "failed",
+		headline: "发布失败",
+		problem: "站点回的是 HTTP 403"
+	})));
+}
+function IconSection() {
+	return /* @__PURE__ */ h(Section, {
+		title: "外壳自己的图标",
+		note: "dsh 那一套 Icon*Regular 直接从原语拿，这几个是外壳自己画的"
+	}, /* @__PURE__ */ h(Grid, null, [
+		{
+			label: "IconBrandMark",
+			node: /* @__PURE__ */ h(IconBrandMark, { size: 20 })
+		},
+		{
+			label: "IconModuleMark",
+			node: /* @__PURE__ */ h(IconModuleMark, { size: 20 })
+		},
+		{
+			label: "IconModules",
+			node: /* @__PURE__ */ h(IconModules, { size: 16 })
+		},
+		{
+			label: "IconPanelScreen",
+			node: /* @__PURE__ */ h(IconPanelScreen, { size: 16 })
+		},
+		{
+			label: "IconOpencli",
+			node: /* @__PURE__ */ h(IconOpencli, { size: 16 })
+		},
+		{
+			label: "IconNpm",
+			node: /* @__PURE__ */ h(IconNpm, { size: 16 })
+		}
+	].map((one) => /* @__PURE__ */ h(Cell, {
+		key: one.label,
+		label: one.label
+	}, /* @__PURE__ */ h("span", { className: kit_preview_module_default.panel }, one.node)))));
+}
+function StripSection() {
+	const [index, setIndex] = useState(0);
+	return /* @__PURE__ */ h(Section, {
+		title: "夹具条",
+		note: "MockStrip：只在 ?wbMock=1 下出现的那条，自己也可以摆出来"
+	}, /* @__PURE__ */ h(MockStrip, {
+		note: "这是夹具条本身：点一下就换一个形状",
+		index,
+		onPick: setIndex,
+		mocks: [
+			{
+				id: "one",
+				label: "一张卡"
+			},
+			{
+				id: "two",
+				label: "两张卡"
+			},
+			{
+				id: "eight",
+				label: "八张卡"
+			}
+		]
+	}));
+}
+//#endregion
+//#region src/app/layouts/rightbar/kit-preview.tsx
+function SelectSection() {
+	return /* @__PURE__ */ h(Section, {
+		title: "下拉选择 SelectField",
+		note: "默认是常规下拉框；无边框那档要显式给 variant=ghost。展开后锚点换成搜索框，↑↓ 走游标、Enter 选中、Esc / 外点关掉"
+	}, /* @__PURE__ */ h(Grid, null, /* @__PURE__ */ h(Cell, { label: "常规档（默认，带 label / hint）" }, /* @__PURE__ */ h(SelectDemo, null)), /* @__PURE__ */ h(Cell, { label: "variant=ghost（左栏工作区那一种）" }, /* @__PURE__ */ h(SelectDemo, { variant: "ghost" })), /* @__PURE__ */ h(Cell, { label: "搜索 + 分组 + 禁用项 + 页脚动作" }, /* @__PURE__ */ h(SelectRichDemo, null)), /* @__PURE__ */ h(Cell, { label: "禁用 / 加载中 / 名单读不到时退化成手填" }, /* @__PURE__ */ h(SelectStateDemo, null)), /* @__PURE__ */ h(Cell, {
+		label: "图标 + 当前值（无边框）与 selection=check",
+		wide: true
+	}, /* @__PURE__ */ h(AppearanceDemo, null))));
+}
+function FormsSection() {
+	return /* @__PURE__ */ h(Section, {
+		title: "输入与本机选择",
+		note: "TextField 的三个态、ChoiceGroup 的单选 / 多选 / 禁用 / 无边框档 / 加载中 / 没得选 / 长候选带说明、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 {
+		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) {
@@ -5220,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
@@ -5320,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;
@@ -5328,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;
@@ -6297,47 +9146,171 @@ function useDiyDebugState() {
 		fact: DIY_DEBUG_FACT,
 		report: false
 	});
-	if (read.phase !== "ready") return null;
-	return read.value?.state ?? null;
+	if (read.value === void 0) return null;
+	return read.value.state ?? null;
+}
+function useDiyDebugAct() {
+	return useHostWrite({
+		channel: "diy-debug",
+		resource: "act",
+		networkText: "网络不通，动作没发出去"
+	});
 }
-var DebugFooterAction_module_default = { action: "_action_13vhi_1" };
+//#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) {
+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: t("debug.stalled"),
-		tip: t("debug.tip.stalled"),
+		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: t("debug.status"),
-		tip: t("debug.tip.active", {
-			unit: state.name === "" ? state.unit : state.name,
-			since: relativeTimeAgo(state.startedAt, t)
-		}),
+		label,
+		title: t("debug.card.here.title"),
+		note: t("debug.card.here.note"),
+		trouble: "none",
 		stalled: false
 	};
 }
-function DebugFooterAction({ wide, t, goWorkshop }) {
+var EMPTY_WORKSPACES = {
+	items: [],
+	archivedSessionIds: [],
+	pinnedSessionIds: []
+};
+var EMPTY_SESSIONS = {
+	byId: {},
+	projectionsBySession: {}
+};
+function DebugFooterAction({ wide, t, useWorkspaces, useSessions }) {
 	const state = useDiyDebugState();
-	const broughtRef = useRef(null);
-	useEffect(() => {
-		if (state === null || state.phase !== "debugging") return;
-		if (broughtRef.current === state.at) return;
-		broughtRef.current = state.at;
-		goWorkshop?.();
-	}, [state, goWorkshop]);
+	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 view = debugFooterView(state, t);
-	return /* @__PURE__ */ h(Tip, { label: view.tip }, /* @__PURE__ */ h(Button, {
+	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",
-		variant: "ghost",
-		size: "sm",
-		className: DebugFooterAction_module_default.action,
-		"aria-label": view.tip,
-		icon: view.stalled ? /* @__PURE__ */ h(StateDot, { state: "warning" }) : /* @__PURE__ */ h(IconInspectOutlineRegular, { size: 16 }),
-		onClick: goWorkshop
-	}, wide === true ? view.label : null));
+		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
@@ -6347,11 +9320,7 @@ function registerDebugFooter(ctx) {
 		name: "sidebar.footer.action",
 		id: DEBUG_FOOTER_ID,
 		order: 10,
-		locale: LOCALE_NS,
-		inject: () => ({ goWorkshop: () => {
-			const workshop = ctx.workspaces.list.getSnapshot().items.find((item) => isWorkshopPath(item.path));
-			if (workshop !== void 0) selectProject(workshop.workspaceId);
-		} })
+		locale: LOCALE_NS
 	}, DebugFooterAction));
 }
 //#endregion
@@ -6531,261 +9500,85 @@ function ConfigSyncSection({ t }) {
 			keys: next ? [...rest, key] : rest
 		});
 	};
-	const reread = () => {
-		setApplied(null);
-		setPicks(null);
-		setGuard(0);
-		setRevision((current) => current + 1);
-	};
-	const pickSource = (name) => {
-		setApplied(null);
-		setPicks(null);
-		setGuard(0);
-		setSource(name);
-	};
-	const apply = () => {
-		if (value === void 0 || chosen.length === 0) return;
-		const overwrite = chosen.filter((row) => row.state === "differs").map((row) => row.key);
-		write.send({
-			source: value.source,
-			keys: chosen.map((row) => row.key),
-			overwrite
-		}).then((outcome) => {
-			if (!outcome.ok) return;
-			setApplied(outcome.value);
-			setRevision((current) => current + 1);
-		});
-	};
-	return /* @__PURE__ */ h(SettingsSection, {
-		label: t("configSync.nav"),
-		title: t("configSync.nav"),
-		action: failure === null ? /* @__PURE__ */ h(Button, {
-			variant: "ghost",
-			size: "sm",
-			icon: /* @__PURE__ */ h(IconRefreshOutlineRegular, {
-				size: 16,
-				"aria-hidden": "true"
-			}),
-			onClick: reread,
-			disabled: reading.busy,
-			title: t("configSync.refresh")
-		}, t("configSync.refresh")) : void 0
-	}, /* @__PURE__ */ h("div", { className: ConfigSyncSection_module_default.body }, /* @__PURE__ */ h("p", { className: ConfigSyncSection_module_default.lead }, t("configSync.lead")), value === void 0 ? null : /* @__PURE__ */ h(SourcePicker, {
-		t,
-		profiles: value.profiles,
-		source: value.source,
-		onPick: pickSource
-	}), reading.busy ? /* @__PURE__ */ h(ReadingRow, { t }) : null, failure !== null && !reading.busy ? /* @__PURE__ */ h(FailureRow, {
-		t,
-		blocker: failure,
-		onRetry: reread
-	}) : null, write.failed !== null ? /* @__PURE__ */ h(Note, {
-		tone: "problem",
-		role: "alert"
-	}, write.failed) : null, applied !== null ? /* @__PURE__ */ h(AppliedRows, {
-		t,
-		applied
-	}) : null, value !== void 0 && !reading.busy ? /* @__PURE__ */ h(Fragment, null, value.profiles.length === 0 ? /* @__PURE__ */ h(Note, { tone: "problem" }, t("configSync.noSource")) : null, broken !== null ? /* @__PURE__ */ h(Note, { tone: "problem" }, t("configSync.unreadable", {
-		path: broken.path,
-		reason: broken.reason
-	})) : null, value.emptyProviders ? /* @__PURE__ */ h(Note, { tone: "problem" }, t("configSync.emptyProviders")) : null, rows.length === 0 ? /* @__PURE__ */ h(Note, null, t("configSync.nothing")) : null, rows.length > 0 ? /* @__PURE__ */ h(SourceRows, {
-		t,
-		rows,
-		picked,
-		profile: value.self,
-		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/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
-	};
-}
-//#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
-	};
+	const reread = () => {
+		setApplied(null);
+		setPicks(null);
+		setGuard(0);
+		setRevision((current) => current + 1);
+	};
+	const pickSource = (name) => {
+		setApplied(null);
+		setPicks(null);
+		setGuard(0);
+		setSource(name);
+	};
+	const apply = () => {
+		if (value === void 0 || chosen.length === 0) return;
+		const overwrite = chosen.filter((row) => row.state === "differs").map((row) => row.key);
+		write.send({
+			source: value.source,
+			keys: chosen.map((row) => row.key),
+			overwrite
+		}).then((outcome) => {
+			if (!outcome.ok) return;
+			setApplied(outcome.value);
+			setRevision((current) => current + 1);
+		});
+	};
+	return /* @__PURE__ */ h(SettingsSection, {
+		label: t("configSync.nav"),
+		title: t("configSync.nav"),
+		action: failure === null ? /* @__PURE__ */ h(Button, {
+			variant: "ghost",
+			size: "sm",
+			icon: /* @__PURE__ */ h(IconRefreshOutlineRegular, {
+				size: 16,
+				"aria-hidden": "true"
+			}),
+			onClick: reread,
+			disabled: reading.busy,
+			title: t("configSync.refresh")
+		}, t("configSync.refresh")) : void 0
+	}, /* @__PURE__ */ h("div", { className: ConfigSyncSection_module_default.body }, /* @__PURE__ */ h("p", { className: ConfigSyncSection_module_default.lead }, t("configSync.lead")), value === void 0 ? null : /* @__PURE__ */ h(SourcePicker, {
+		t,
+		profiles: value.profiles,
+		source: value.source,
+		onPick: pickSource
+	}), reading.busy ? /* @__PURE__ */ h(ReadingRow, { t }) : null, failure !== null && !reading.busy ? /* @__PURE__ */ h(FailureRow, {
+		t,
+		blocker: failure,
+		onRetry: reread
+	}) : null, write.failed !== null ? /* @__PURE__ */ h(Note, {
+		tone: "problem",
+		role: "alert"
+	}, write.failed) : null, applied !== null ? /* @__PURE__ */ h(AppliedRows, {
+		t,
+		applied
+	}) : null, value !== void 0 && !reading.busy ? /* @__PURE__ */ h(Fragment, null, value.profiles.length === 0 ? /* @__PURE__ */ h(Note, { tone: "problem" }, t("configSync.noSource")) : null, broken !== null ? /* @__PURE__ */ h(Note, { tone: "problem" }, t("configSync.unreadable", {
+		path: broken.path,
+		reason: broken.reason
+	})) : null, value.emptyProviders ? /* @__PURE__ */ h(Note, { tone: "problem" }, t("configSync.emptyProviders")) : null, rows.length === 0 ? /* @__PURE__ */ h(Note, null, t("configSync.nothing")) : null, rows.length > 0 ? /* @__PURE__ */ h(SourceRows, {
+		t,
+		rows,
+		picked,
+		profile: value.self,
+		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/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
@@ -6822,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) {
@@ -7499,35 +10258,6 @@ function createDshBorrow(host) {
 		}
 	};
 }
-var DebugStrip_module_default = {
-	strip: "_strip_1yqup_1",
-	text: "_text_1yqup_13",
-	note: "_note_1yqup_20"
-};
-//#endregion
-//#region src/app/layouts/rightbar/DebugStrip.tsx
-function debugStripView(state, t) {
-	if (state.phase === "paused") return {
-		text: t("debug.stripStalled"),
-		stalled: true
-	};
-	return {
-		text: t("debug.strip.active", {
-			unit: state.name === "" ? state.unit : state.name,
-			since: relativeTimeAgo(state.startedAt, t)
-		}),
-		stalled: false
-	};
-}
-function DebugStrip({ board, t }) {
-	const state = useDiyDebugState();
-	if (state === null || board === null || board !== state.workspace) return null;
-	const view = debugStripView(state, t);
-	return /* @__PURE__ */ h("div", {
-		className: DebugStrip_module_default.strip,
-		role: "status"
-	}, view.stalled ? /* @__PURE__ */ h(StateDot, { state: "warning" }) : /* @__PURE__ */ h(IconInspectOutlineRegular, { size: 14 }), /* @__PURE__ */ h("span", { className: DebugStrip_module_default.text }, view.text), view.stalled ? null : /* @__PURE__ */ h("span", { className: DebugStrip_module_default.note }, t("debug.strip.note")));
-}
 var Breadcrumbs_module_default = {
 	stripTabs: "_stripTabs_1dqp4_1",
 	tab: "_tab_1dqp4_9",
@@ -8237,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(),
@@ -8291,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,
@@ -8316,6 +11066,7 @@ 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,
@@ -8340,10 +11091,7 @@ function Rightbar(props) {
 		refreshToken: panelToken,
 		onOpenMarket: openMarket,
 		onCollapse: props.toggleRightbar
-	}), devBoard.strip(top.kind === "board"), /* @__PURE__ */ h(DebugStrip, {
-		board: boardWorkspace,
-		t: props.t
-	}), /* @__PURE__ */ h("div", { className: `wb-panelBody${plan.repeated ? " wb-panelMany" : ""}` }, /* @__PURE__ */ h(BoardContent, {
+	}), devBoard.strip(top.kind === "board"), /* @__PURE__ */ h("div", { className: `wb-panelBody${plan.repeated ? " wb-panelMany" : ""}` }, /* @__PURE__ */ h(BoardContent, {
 		top,
 		plan,
 		world,
@@ -8360,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({
@@ -9143,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);
@@ -9181,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,
@@ -9523,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-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._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._action_13vhi_1 {\n  gap: var(--wb-len-6);\n  max-width: 100%;\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-s-12);\n  corner-shape: round;\n}\n\n._action_13vhi_1:hover {\n  color: var(--dsw-alias-label-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._strip_1yqup_1 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  flex: none;\n  padding: var(--wb-len-6) var(--wb-len-12);\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n  font-size: var(--dsw-font-s-12);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._text_1yqup_13 {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._note_1yqup_20 {\n  margin-left: auto;\n  flex: none;\n  color: var(--dsw-alias-label-tertiary);\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*/";
+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}`;
 }