@dsh-workbench/core 0.1.7 → 0.1.9

package/dist/client/index.js

@@ -431,6 +431,7 @@ var PANEL_POLL_MS = 2e3;
 var DEFAULT_WORKSPACE_TITLE = "default-workspace";
 var STORAGE_KEY_PROJECT = "dsh-workbench.project";
 var STORAGE_KEY_RIGHTBAR = "dsh-workbench.rightbar.expanded";
+var STORAGE_KEY_RIGHTBAR_COLUMN = "dsh-workbench.rightbar.column";
 var LOCALE_NS = "workbench";
 var LOCALES = ["zh", "en"];
 //#endregion
@@ -479,11 +480,46 @@ var h = react.createElement;
 var Fragment = react.Fragment;
 var useState = react.useState;
 var useEffect = react.useEffect;
+var useLayoutEffect = react.useLayoutEffect;
 var useMemo = react.useMemo;
 var useCallback = react.useCallback;
 var useRef = react.useRef;
 var useSyncExternalStore = react.useSyncExternalStore;
 //#endregion
+//#region ../shared/dist/components/Activity.js
+function ActivityBlock({ head, children }) {
+	return h("div", { className: "wb-activityBlock" }, head === void 0 ? null : h("div", { className: "wb-activityBlockHead" }, head), children);
+}
+function ActivityLine({ dot, text, at, actions }) {
+	return h("div", { className: "wb-activityLine" }, dot, h("span", { className: "wb-activityLineText" }, text), at === void 0 ? null : h("span", { className: "wb-activityLineAt" }, at), actions === void 0 ? null : h("span", { className: "wb-activityLineActions" }, actions));
+}
+function ActivityAction({ label, hint, icon, href, onClick, failed }) {
+	const tip = hint ?? label;
+	if (href !== void 0) return h("a", {
+		className: "wb-iconButton",
+		href,
+		target: "_blank",
+		rel: "noreferrer noopener",
+		title: tip,
+		"aria-label": label
+	}, icon);
+	return h(Tooltip, {
+		side: "bottom",
+		align: "end",
+		gap: 6,
+		portal: true,
+		label: tip
+	}, h(Button, {
+		type: "button",
+		variant: "ghost",
+		size: "sm",
+		className: failed === true ? "wb-iconButton wb-activityActionFailed" : "wb-iconButton",
+		"aria-label": label,
+		icon,
+		onClick
+	}));
+}
+//#endregion
 //#region ../shared/dist/components/ApprovalDetail.js
 function callOf(snapshot, callId) {
 	if (callId === void 0) return void 0;
@@ -527,6 +563,14 @@ function ApprovalDetail(props) {
 	});
 }
 //#endregion
+//#region ../shared/dist/components/ApprovalPlan.js
+function ApprovalPlan({ rows, hint, warn, children }) {
+	return h("div", { className: "wb-approvalPlan" }, hint === void 0 ? null : h("p", { className: "wb-approvalHint" }, hint), h("dl", { className: "wb-approvalRows" }, rows.map((row, index) => h("div", {
+		className: "wb-approvalRow",
+		key: String(index)
+	}, h("dt", { className: "wb-approvalLabel" }, row.label), h("dd", { className: "wb-approvalValue" }, row.value)))), children, warn === void 0 ? null : h("p", { className: "wb-approvalWarn" }, warn));
+}
+//#endregion
 //#region ../shared/dist/components/CardHead.js
 function CardHead({ t, title, meta, refreshing, onRefresh, gear, gearOpen, onToggleGear, platformHref, platform, platformTitle }) {
 	const refreshLabel = refreshing ? t("rightbar.refreshing") : t("rightbar.refresh");
@@ -575,6 +619,17 @@ function CardHead({ t, title, meta, refreshing, onRefresh, gear, gearOpen, onTog
 	})));
 }
 //#endregion
+//#region ../shared/dist/components/Card.js
+function Card({ t, title, refreshing, onRefresh, meta, head, children }) {
+	return h("section", { className: "wb-card" }, head === void 0 ? h(CardHead, {
+		t,
+		title,
+		refreshing,
+		onRefresh,
+		meta
+	}) : head, h("div", { className: "wb-cardBody" }, children));
+}
+//#endregion
 //#region ../shared/dist/components/ChoiceGroup.js
 function ChoiceGroup({ label, name, value, options, disabled, onChange }) {
 	return h("div", {
@@ -661,6 +716,12 @@ function MockStrip({ mocks, index, onPick, note, real }) {
 	}, mock.label)));
 }
 //#endregion
+//#region ../shared/dist/components/Note.js
+function Note({ tone = "muted", as, children }) {
+	const className = tone === "problem" ? "wb-problem" : "wb-note";
+	return as === "span" ? h("span", { className }, children) : h("p", { className }, children);
+}
+//#endregion
 //#region ../shared/dist/components/ResourceStates.js
 function SkeletonRows({ rows = 4 }) {
 	return h("div", {
@@ -688,6 +749,14 @@ function EmptyState({ text, icon = null, compact = false }) {
 	});
 }
 //#endregion
+//#region ../shared/dist/components/Rows.js
+function Rows({ children }) {
+	return h("div", { className: "wb-rows" }, children);
+}
+function Row({ label, value }) {
+	return h("div", { className: "wb-row" }, h("span", { className: "wb-rowKey" }, label), h("span", { className: "wb-rowValue" }, value));
+}
+//#endregion
 //#region ../shared/dist/components/SaveBar.js
 function SaveBar({ busy, disabled, labels, onCancel, onSave }) {
 	return h("div", { className: "wb-formActions" }, h(Button, {
@@ -705,6 +774,25 @@ function SaveBar({ busy, disabled, labels, onCancel, onSave }) {
 	}, busy ? labels.saving : labels.save));
 }
 //#endregion
+//#region ../shared/dist/components/SettingsSection.js
+function SettingsSection({ label, title, action, children }) {
+	return h("section", {
+		className: "wb-settings",
+		role: "group",
+		"aria-label": label
+	}, h("header", { className: "wb-settingsHead" }, h("span", { className: "wb-settingsTitle" }, title), action), children);
+}
+//#endregion
+//#region ../shared/dist/components/Stack.js
+function Stack({ children }) {
+	return h("div", { className: "wb-stack" }, children);
+}
+//#endregion
+//#region ../shared/dist/components/StateBlock.js
+function StateBlock({ title, dot, hint, actions, resolving, children }) {
+	return h("div", { className: "wb-stateBlock" }, title === void 0 && dot === void 0 ? null : h("p", { className: "wb-stateBlockTitle" }, dot, title), resolving === void 0 ? null : h("p", { className: "wb-stateBlockResolving" }, resolving), hint === void 0 ? null : h("p", { className: "wb-stateBlockHint" }, hint), children, actions === void 0 ? null : h("div", { className: "wb-stateBlockActions" }, actions));
+}
+//#endregion
 //#region ../shared/dist/components/TextField.js
 function TextField({ invalid = false, className, ...rest }) {
 	return h("input", {
@@ -796,6 +884,20 @@ function IconModules({ size = 16 }) {
 		strokeWidth: "1.2"
 	}));
 }
+function IconPanelScreen({ size = 16 }) {
+	return h("svg", {
+		width: size,
+		height: size,
+		viewBox: "0 0 1024 1024",
+		fill: "currentColor",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		style: {
+			display: "block",
+			overflow: "hidden"
+		}
+	}, h("path", { d: "M939 112c17.673 0 32 14.327 32 32v554.667c0 17.673-14.327 32-32 32l-394.5-0.001v96c0 3.74-0.642 7.331-1.82 10.668H768.4c17.673 0 32 14.326 32 32 0 17.496-14.042 31.712-31.47 31.995l-0.53 0.004H256.6c-17.673 0-32-14.327-32-32 0-17.496 14.042-31.713 31.47-31.995l0.53-0.005h225.721a31.923 31.923 0 0 1-1.817-10.137l-0.004-0.53v-96H86c-17.496 0-31.713-14.041-31.996-31.47l-0.004-0.53V144c0-17.673 14.327-32 32-32z m-32 64H118v490.666h789V176zM341.9 432c17.496 0 31.713 14.042 31.996 31.47l0.004 0.53v85.333c0 17.673-14.327 32-32 32-17.496 0-31.713-14.041-31.996-31.47l-0.004-0.53V464c0-17.673 14.327-32 32-32z m170.6-85.333c17.496 0 31.713 14.041 31.996 31.47l0.004 0.53v170.666c0 17.673-14.327 32-32 32-17.496 0-31.713-14.041-31.996-31.47l-0.004-0.53V378.667c0-17.673 14.327-32 32-32z m170.6-85.334c17.496 0 31.713 14.042 31.996 31.471l0.004 0.53v256c0 17.672-14.327 32-32 32-17.496 0-31.713-14.042-31.996-31.471l-0.004-0.53v-256c0-17.673 14.327-32 32-32z" }));
+}
 //#endregion
 //#region ../shared/dist/config/storage.js
 function readText(key) {
@@ -902,7 +1004,7 @@ var en = {
 	"panels.market.empty": "No modules available",
 	"panels.market.installedSection": "Installed",
 	"panels.market.moduleOutdated": "update available",
-	"panels.market.moduleRestartHint": "it may need a restart after installing",
+	"panels.market.moduleRestartHint": "installed but not active — restart dsh once to bring it up",
 	"panels.market.restartNeeded": "The new version is installed — restart once to pick it up.",
 	"panels.market.foot": "After installing, enable it in the panel page of that project.",
 	"panels.market.recheck": "Check for updates",
@@ -1098,13 +1200,16 @@ var en = {
 	"rightbar.label": "Data panels",
 	"rightbar.expand": "Expand the data panel",
 	"rightbar.collapse": "Collapse the data panel",
+	"rightbar.column.label": "Right column",
+	"rightbar.column.workbench": "Workbench panel",
+	"rightbar.column.dsh": "dsh panel",
 	"rightbar.refresh": "Refresh",
 	"rightbar.refreshing": "Refreshing…",
 	"rightbar.updatedAt": "updated {time}",
 	"rightbar.noProject": "The current session has no workspace",
 	"coding.notARepo.title": "This workspace is not a Coding repository",
 	"error.unknown": "Something went wrong",
-	"board.title": "Board",
+	"board.title": "Workbench panel",
 	"panel.conversation": "Conversation",
 	"panels.label": "Global panels"
 };
@@ -1191,7 +1296,7 @@ var zh = {
 	"panels.market.empty": "暂无可用模块",
 	"panels.market.installedSection": "已装",
 	"panels.market.moduleOutdated": "有新版",
-	"panels.market.moduleRestartHint": "安装完成后可能需要重启才生效",
+	"panels.market.moduleRestartHint": "装好了但还没生效 —— 重启一次 dsh 就会出来",
 	"panels.market.restartNeeded": "新版装好了，重启一次才生效。",
 	"panels.market.foot": "装好后到那个项目的面板页勾选它，模块才会出现。",
 	"panels.market.recheck": "重新检查更新",
@@ -1387,13 +1492,16 @@ var zh = {
 	"rightbar.label": "数据面板",
 	"rightbar.expand": "展开数据面板",
 	"rightbar.collapse": "收起数据面板",
+	"rightbar.column.label": "右侧栏",
+	"rightbar.column.workbench": "工作台面板",
+	"rightbar.column.dsh": "dsh 面板",
 	"rightbar.refresh": "刷新",
 	"rightbar.refreshing": "刷新中…",
 	"rightbar.updatedAt": "更新于 {time}",
 	"rightbar.noProject": "当前会话没有所属项目",
 	"coding.notARepo.title": "这个项目不是 Coding 仓库",
 	"error.unknown": "出错了",
-	"board.title": "看板",
+	"board.title": "工作台面板",
 	"panel.conversation": "对话",
 	"panels.label": "全局面板"
 };
@@ -1500,9 +1608,14 @@ function excerpt(text, limit = 80) {
 var dist_exports = /* @__PURE__ */ __exportAll({
 	ACTIONS_PREFIX: () => ACTIONS_PREFIX,
 	API_PREFIX: () => API_PREFIX,
+	ActivityAction: () => ActivityAction,
+	ActivityBlock: () => ActivityBlock,
+	ActivityLine: () => ActivityLine,
 	ApprovalDetail: () => ApprovalDetail,
+	ApprovalPlan: () => ApprovalPlan,
 	CODING_ISSUES_SERVICE: () => CODING_ISSUES_SERVICE,
 	CONTEXT_MARKER_NAME: () => CONTEXT_MARKER_NAME,
+	Card: () => Card,
 	CardHead: () => CardHead,
 	CenteredState: () => CenteredState,
 	ChoiceGroup: () => ChoiceGroup,
@@ -1517,6 +1630,7 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	IconBrandMark: () => IconBrandMark,
 	IconConversation: () => IconConversation,
 	IconModules: () => IconModules,
+	IconPanelScreen: () => IconPanelScreen,
 	LOCALES: () => LOCALES,
 	LOCALE_NS: () => LOCALE_NS,
 	LONG_TASK_IDLE_MS: () => LONG_TASK_IDLE_MS,
@@ -1524,6 +1638,7 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	LongTaskRow: () => LongTaskRow,
 	MIN_BUSY_MS: () => 500,
 	MockStrip: () => MockStrip,
+	Note: () => Note,
 	OPENCLI_MAX_CONCURRENT: () => 4,
 	OPENCLI_PIN: () => OPENCLI_PIN,
 	OPENCLI_TIMEOUT_MS: () => OPENCLI_TIMEOUT_MS,
@@ -1534,10 +1649,17 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	PREFS_PREFIX: () => PREFS_PREFIX,
 	PROBE_TTL_MS: () => PROBE_TTL_MS,
 	PROVISION_PREFIX: () => PROVISION_PREFIX,
+	RIGHTBAR_FULLSCREEN_WIDTH: () => 768,
+	Row: () => Row,
+	Rows: () => Rows,
 	STORAGE_KEY_PROJECT: () => STORAGE_KEY_PROJECT,
 	STORAGE_KEY_RIGHTBAR: () => STORAGE_KEY_RIGHTBAR,
+	STORAGE_KEY_RIGHTBAR_COLUMN: () => STORAGE_KEY_RIGHTBAR_COLUMN,
 	SaveBar: () => SaveBar,
+	SettingsSection: () => SettingsSection,
 	SkeletonRows: () => SkeletonRows,
+	Stack: () => Stack,
+	StateBlock: () => StateBlock,
 	TextField: () => TextField,
 	UNITS_SERVICE: () => UNITS_SERVICE,
 	VERSION_CHECK_TIMEOUT_MS: () => VERSION_CHECK_TIMEOUT_MS,
@@ -1584,6 +1706,7 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	unitFactScope: () => unitFactScope,
 	useCallback: () => useCallback,
 	useEffect: () => useEffect,
+	useLayoutEffect: () => useLayoutEffect,
 	useMemo: () => useMemo,
 	useRef: () => useRef,
 	useState: () => useState,
@@ -1917,6 +2040,14 @@ function shouldProbeOnEnter(input) {
 	return input.now - input.checkedAt >= input.staleMs;
 }
 //#endregion
+//#region src/app/layouts/rightbar/market-settle.ts
+var MODULE_SETTLE_MS = 15e3;
+function holdBack(installed, roster, active, previous) {
+	const pending = installed.filter((unit) => !roster.has(unit));
+	const fresh = previous === null ? [] : pending.filter((unit) => !previous.has(unit));
+	return pending.filter((unit) => active.has(unit) || fresh.includes(unit));
+}
+//#endregion
 //#region src/app/layouts/rightbar/market-mock.ts
 function installable(manifest) {
 	return {
@@ -2508,20 +2639,21 @@ var manifest = {
 	host: { inject: [] }
 };
 function FixtureCard({ t, onRefresh }) {
-	return /* @__PURE__ */ h("section", { className: "wb-card" }, /* @__PURE__ */ h(CardHead, {
+	return /* @__PURE__ */ h(Card, {
 		t,
 		title: t(KEY.cardTitle),
 		meta: t(KEY.cardMeta),
 		refreshing: false,
 		onRefresh
-	}), /* @__PURE__ */ h("div", { className: "wb-cardBody" }, /* @__PURE__ */ h("div", { className: "wb-rows" }, [
+	}, /* @__PURE__ */ h(Rows, null, [
 		1,
 		2,
 		3
-	].map((n) => /* @__PURE__ */ h("div", {
-		className: "wb-row",
-		key: String(n)
-	}, /* @__PURE__ */ h("span", { className: "wb-rowKey" }, t(KEY.rowKey)), /* @__PURE__ */ h("span", { className: "wb-rowValue" }, t(KEY.rowValue, { n: String(n) })))))));
+	].map((n) => /* @__PURE__ */ h(Row, {
+		key: String(n),
+		label: t(KEY.rowKey),
+		value: t(KEY.rowValue, { n: String(n) })
+	}))));
 }
 var FIXTURE_FACE = {
 	manifest,
@@ -2556,7 +2688,17 @@ var MARKET_DOT = {
 	unchecked: "idle",
 	unknown: "idle"
 };
-function installedRows(modules, manifests, listed) {
+function mergeTitles(known, manifests) {
+	let next = null;
+	for (const manifest of manifests) {
+		const titleKey = manifest.card?.titleKey;
+		if (titleKey === void 0 || known.has(manifest.id)) continue;
+		next ??= new Map(known);
+		next.set(manifest.id, titleKey);
+	}
+	return next ?? known;
+}
+function installedRows(modules, manifests, listed, known) {
 	const titles = new Map(manifests.map((manifest) => [manifest.id, manifest.card?.titleKey]));
 	const rows = [];
 	for (const module of modules) {
@@ -2565,8 +2707,9 @@ function installedRows(modules, manifests, listed) {
 		const outdated = latest !== void 0 && latest !== module.installed;
 		rows.push({
 			id: module.unit,
-			titleKey: titles.get(module.unit) ?? module.pkg,
+			titleKey: titles.get(module.unit) ?? known?.get(module.unit) ?? module.pkg,
 			state: outdated ? "outdated" : "installed",
+			hint: "panels.market.moduleRestartHint",
 			pkg: module.pkg,
 			canInstall: false,
 			canUpdate: outdated,
@@ -2625,6 +2768,12 @@ function noteOf(state, install, manifest) {
 function isOnMachine(state) {
 	return state === "installed" || state === "outdated";
 }
+function liveManifests(manifests, capabilities, installed) {
+	if (capabilities === null || installed === null) return manifests;
+	const gone = new Set(marketRows(manifests, capabilities).filter((row) => !installed.has(row.id) && marketActions$1(row).length === 0 && (row.state === "unknown" || row.state === "unchecked")).map((row) => row.id));
+	if (gone.size === 0) return manifests;
+	return manifests.filter((manifest) => !gone.has(manifest.id));
+}
 function marketHasUpdates(rows, shared = []) {
 	return rows.some((row) => row.state === "outdated" || row.moduleUpdate !== void 0) || shared.some((row) => row.state === "outdated" || row.state === "unsatisfied");
 }
@@ -2754,6 +2903,7 @@ function sharedRows(manifests, capabilities) {
 			...bucket.installed === void 0 ? {} : { installed: bucket.installed },
 			...bucket.latest === void 0 ? {} : { latest: bucket.latest }
 		};
+		const detail = bucket.purpose === void 0 && bucket.command === void 0 ? void 0 : `${bucket.label}${bucket.purpose === void 0 ? "" : ` —— ${bucket.purpose}`}${bucket.command === void 0 ? "" : ` · ${bucket.command}`}`;
 		rows.push({
 			id: `${bucket.kind}:${bucket.name}`,
 			label: bucket.label,
@@ -2761,7 +2911,7 @@ function sharedRows(manifests, capabilities) {
 			state,
 			canUpdate: state === "outdated" || state === "unsatisfied",
 			...version === void 0 ? {} : { version },
-			detail: `${bucket.label}${bucket.purpose === void 0 ? "" : ` —— ${bucket.purpose}`}${bucket.command === void 0 ? "" : ` · ${bucket.command}`}`
+			...detail === void 0 ? {} : { detail }
 		});
 	}
 	return rows;
@@ -2818,15 +2968,188 @@ function useHostWrite(options) {
 		clear
 	};
 }
-var PanelFoot_module_default = {
-	foot: "_foot_1us83_1",
-	footText: "_footText_1us83_12",
-	footTextMd: "_footTextMd_1us83_17"
+//#endregion
+//#region src/app/layouts/market/add-module-text.ts
+var GUIDE_ITEMS = [
+	{
+		titleKey: "panels.market.add.guideIdTitle",
+		exampleKey: "panels.market.add.guideIdExample",
+		hintKey: "panels.market.add.guideIdHint"
+	},
+	{
+		titleKey: "panels.market.add.guideGitTitle",
+		exampleKey: "panels.market.add.guideGitExample",
+		hintKey: "panels.market.add.guideGitHint"
+	},
+	{
+		titleKey: "panels.market.add.guidePathTitle",
+		exampleKey: "panels.market.add.guidePathExample",
+		hintKey: "panels.market.add.guidePathHint"
+	}
+];
+function hostOf(url) {
+	try {
+		return new URL(url).host;
+	} catch {
+		return url;
+	}
+}
+var OFFICIAL_NPM_HOST = "registry.npmjs.org";
+var KNOWN_HOSTS = {
+	[OFFICIAL_NPM_HOST]: "panels.market.add.registryOfficial",
+	"registry.npmmirror.com": "panels.market.add.registryMirror"
+};
+function registryNameKey(host) {
+	return KNOWN_HOSTS[host];
+}
+function normalizeRegistry(url) {
+	const parsed = new URL(url);
+	if (!parsed.pathname.endsWith("/")) parsed.pathname += "/";
+	return parsed.href;
+}
+function registryKey(url, resolved) {
+	const target = url ?? resolved;
+	if (target === null) return "";
+	try {
+		return normalizeRegistry(target);
+	} catch {
+		return target;
+	}
+}
+function registryOptions(registries) {
+	const resolved = registries === null ? null : registries.resolved;
+	const entries = [
+		registries === null ? null : registries.registry,
+		...registries === null ? [] : registries.fallbackRegistries,
+		null
+	];
+	const offered = [];
+	const keys = /* @__PURE__ */ new Set();
+	for (const entry of entries) {
+		const key = registryKey(entry, resolved);
+		if (keys.has(key)) continue;
+		keys.add(key);
+		const url = entry ?? resolved;
+		if (url === null) {
+			offered.push({
+				choice: {
+					kind: "default",
+					value: ""
+				},
+				host: OFFICIAL_NPM_HOST,
+				nameKey: "panels.market.add.registryDefault"
+			});
+			continue;
+		}
+		const host = hostOf(url);
+		const nameKey = registryNameKey(host);
+		offered.push({
+			choice: entry === null ? {
+				kind: "default",
+				value: ""
+			} : {
+				kind: "url",
+				value: entry
+			},
+			host,
+			...nameKey === void 0 ? {} : { nameKey }
+		});
+	}
+	offered.push({ choice: {
+		kind: "custom",
+		value: ""
+	} });
+	return offered;
+}
+function customRegistryAllowed(value) {
+	return /^https?:\/\//.test(value.trim());
+}
+function registryOf(choice, custom) {
+	if (choice.kind === "custom") return customRegistryAllowed(custom) ? custom.trim() : void 0;
+	return choice.value === "" ? void 0 : choice.value;
+}
+function registryName(option, t) {
+	if (option.choice.kind === "custom") return t("panels.market.add.registryCustom");
+	if (option.nameKey !== void 0) return t(option.nameKey);
+	return option.host ?? t("panels.market.add.registryDefault");
+}
+function optionLabel(option, t) {
+	if (option.choice.kind === "custom") return t("panels.market.add.registryCustom");
+	if (option.host === void 0) return t("panels.market.add.registryDefault");
+	return option.nameKey === void 0 ? option.host : t("panels.market.add.registryWithHost", {
+		name: t(option.nameKey),
+		host: option.host
+	});
+}
+var PROBLEM_KEYS = {
+	"invalid-spec": "panels.market.add.problemInvalid",
+	"already-installed": "panels.market.add.problemInstalled",
+	"not-found": "panels.market.add.problemNotFound",
+	"not-a-package": "panels.market.add.problemNotPackage",
+	"not-a-bundle": "panels.market.add.problemNotBundle",
+	network: "panels.market.add.problemNetwork",
+	unknown: "panels.market.add.problemUnknown"
+};
+function problemKey(problem) {
+	return PROBLEM_KEYS[problem] ?? PROBLEM_KEYS.unknown;
+}
+var FAILURE_KEYS = {
+	network: "panels.market.add.failureNetwork",
+	"spec-host": "panels.market.add.failureNetworkHost",
+	"not-found": "panels.market.add.failureNotFound",
+	"no-matching-version": "panels.market.add.failureNoMatchingVersion",
+	"disk-full": "panels.market.add.failureDiskFull",
+	permission: "panels.market.add.failurePermission",
+	"build-blocked": "panels.market.add.failureBuildBlocked",
+	integrity: "panels.market.add.failureIntegrity",
+	timeout: "panels.market.add.failureTimeout",
+	"pnpm-missing": "panels.market.add.failurePnpmMissing",
+	"operation-error": "panels.market.add.failureGeneric",
+	"incompatible-version": "panels.market.add.failureGeneric",
+	"not-bundle": "panels.market.add.failureGeneric",
+	"invalid-spec": "panels.market.add.failureGeneric",
+	"bundle-in-use": "panels.market.add.failureGeneric",
+	"not-removable": "panels.market.add.failureGeneric",
+	"stop-profile": "panels.market.add.failureGeneric",
+	"stale-approval": "panels.market.add.failureGeneric"
+};
+function failureCode(change) {
+	if (change.failedAt === "spec-host") return "spec-host";
+	return change.errorCode ?? change.packageResult?.kind ?? change.application;
+}
+function failureReasonKey(code) {
+	return FAILURE_KEYS[code];
+}
+function failureReason(code, application, t) {
+	const key = failureReasonKey(code);
+	if (key !== void 0) return t(key);
+	if (code === application) return t("panels.market.add.reason.unknown");
+	return code;
+}
+var SUPPLY_KEYS = {
+	"pending-restart": "panels.market.add.supplyPending",
+	failed: "panels.market.add.supplyFailed",
+	"not-a-module": "panels.market.add.notModule",
+	"no-needs": void 0
 };
+function supplyKey(state) {
+	return SUPPLY_KEYS[state];
+}
 //#endregion
-//#region src/shared/components/PanelFoot.tsx
-function PanelFoot({ text, size = "sm", children }) {
-	return /* @__PURE__ */ h("footer", { className: PanelFoot_module_default.foot }, /* @__PURE__ */ h("span", { className: size === "md" ? PanelFoot_module_default.footTextMd : PanelFoot_module_default.footText }, text), children ?? null);
+//#region src/app/layouts/rightbar/market-change.ts
+var SHIPPED = [
+	"applied",
+	"restart-required",
+	"overridden"
+];
+function changeOf(value) {
+	const change = value?.change;
+	if (typeof change !== "object" || change === null) return void 0;
+	return typeof change.application === "string" ? change : void 0;
+}
+function changeFailure(change, t) {
+	if (change === void 0 || SHIPPED.includes(change.application)) return void 0;
+	return failureReason(failureCode(change), change.application, t);
 }
 var MarketPage_module_default = {
 	marketList: "_marketList_7yq35_1",
@@ -2861,7 +3184,18 @@ var MarketPage_module_default = {
 	marketEmptyTitle: "_marketEmptyTitle_7yq35_267"
 };
 //#endregion
-//#region src/app/layouts/rightbar/MarketView.tsx
+//#region src/app/layouts/rightbar/MarketStates.tsx
+function MarketChecking({ t }) {
+	return /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEmpty }, /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketChecking }, /* @__PURE__ */ h(StateDot, {
+		state: "ongoing",
+		size: 14
+	}), t("panels.market.checking")));
+}
+function MarketEmpty({ t }) {
+	return /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEmpty }, /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEmptyTitle }, t("panels.market.empty")));
+}
+//#endregion
+//#region src/app/layouts/rightbar/market-view-text.ts
 var PROGRESS_KEY = {
 	install: "panels.market.installing",
 	update: "panels.market.updating",
@@ -2878,18 +3212,22 @@ var ACTION_LABEL_KEY = {
 	uninstall: "panels.market.uninstall",
 	"update-dependency": "panels.market.update"
 };
-function MarketLine({ t, row, pending, failure, onAct }) {
+//#endregion
+//#region src/app/layouts/rightbar/SharedSection.tsx
+function SharedLine({ t, row, pending, failure, onAct }) {
 	const running = pending !== null && pending.id === row.id ? pending : null;
 	const locked = pending !== null;
-	const actions = marketActions$1(row);
-	const stateText = t(row.moduleUpdate === void 0 ? MARKET_STATE_KEY[row.state] : "panels.market.moduleOutdated");
+	const actions = sharedActions(row);
+	const stateText = t(SHARED_STATE_KEY[row.state]);
+	const version = row.version;
+	const name = /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketName }, row.label, version === void 0 ? null : /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketVersion }, version.installed !== void 0 && version.latest !== void 0 && version.installed !== version.latest ? t("panels.market.versionArrow", {
+		from: version.installed,
+		to: version.latest
+	}) : version.installed ?? version.latest ?? ""));
 	return /* @__PURE__ */ h("li", { className: MarketPage_module_default.marketRow }, /* @__PURE__ */ h("span", {
 		className: MarketPage_module_default.marketIcon,
 		"aria-hidden": "true"
-	}, /* @__PURE__ */ h(IconModules, { size: 18 })), /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketMain }, /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketName }, t(row.titleKey), row.version === void 0 ? null : /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketVersion }, row.version.installed !== void 0 && row.version.latest !== void 0 && row.version.installed !== row.version.latest ? t("panels.market.versionArrow", {
-		from: row.version.installed,
-		to: row.version.latest
-	}) : row.version.installed ?? row.version.latest ?? "")), /* @__PURE__ */ h(Tip, { label: stateText }, /* @__PURE__ */ h("span", {
+	}, /* @__PURE__ */ h(IconModules, { size: 18 })), /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketMain }, row.detail === void 0 ? name : /* @__PURE__ */ h(Tip, { label: row.detail }, name), /* @__PURE__ */ h("span", {
 		className: MarketPage_module_default.marketDesc,
 		role: "img",
 		"aria-label": stateText
@@ -2897,39 +3235,57 @@ function MarketLine({ t, row, pending, failure, onAct }) {
 		state: "ongoing",
 		size: 14
 	}) : /* @__PURE__ */ h(StateDot, {
-		state: MARKET_DOT[row.state],
+		state: SHARED_DOT[row.state],
 		size: 9
-	}), stateText, row.hint === void 0 ? null : /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketUsedBy }, t(row.hint))))), /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEnd }, running !== null ? /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketProgress }, /* @__PURE__ */ h(StateDot, {
+	}), stateText, /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketUsedBy }, t("panels.market.sharedUsedBy", { modules: row.usedByKeys.map((key) => t(key)).join(t("panels.market.listSeparator")) })))), /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEnd }, running !== null ? /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketProgress }, /* @__PURE__ */ h(StateDot, {
 		state: "ongoing",
 		size: 14
-	}), t(PROGRESS_KEY[running.action])) : actions.length === 0 ? null : /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketActions }, actions.map((action) => {
-		const danger = action === "uninstall" || action === "remove-bundle";
-		return /* @__PURE__ */ h(Button, {
-			key: action,
-			type: "button",
-			size: "sm",
-			variant: action === "install" ? "primary" : "outline",
-			className: danger ? "wb-dangerAction" : void 0,
-			icon: danger ? /* @__PURE__ */ h(IconTrashOutlineRegular, { size: 13 }) : void 0,
-			"aria-label": danger ? t("panels.market.uninstallLabel", { name: t(row.titleKey) }) : void 0,
-			disabled: locked,
-			onClick: () => onAct(action)
-		}, t(ACTION_LABEL_KEY[action]));
-	}))), row.note === void 0 ? null : /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketNote }, t(row.note.key, row.note.params)), failure === null ? null : /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketFailure }, failure));
+	}), t(PROGRESS_KEY[running.action])) : actions.length === 0 ? null : /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketActions }, actions.map((action) => /* @__PURE__ */ h(Button, {
+		key: action,
+		type: "button",
+		size: "sm",
+		variant: "outline",
+		disabled: locked,
+		onClick: () => onAct(action)
+	}, t(ACTION_LABEL_KEY[action]))))), failure === null ? null : /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketFailure }, failure));
 }
-function SharedLine({ t, row, pending, failure, onAct }) {
+function SharedSection({ t, rows, pending, failureOf, act }) {
+	if (rows.length === 0) return null;
+	return /* @__PURE__ */ h("section", { className: MarketPage_module_default.marketSection }, /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketSectionHead }, /* @__PURE__ */ h("h2", { className: MarketPage_module_default.marketSectionTitle }, t("panels.market.sectionShared")), /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketSectionCount }, rows.length)), /* @__PURE__ */ h("ul", { className: MarketPage_module_default.marketList }, rows.map((row) => /* @__PURE__ */ h(SharedLine, {
+		key: row.id,
+		t,
+		row,
+		pending,
+		failure: failureOf(row.id),
+		onAct: (action) => void act(row.id, action)
+	}))));
+}
+var PanelFoot_module_default = {
+	foot: "_foot_1us83_1",
+	footText: "_footText_1us83_12",
+	footTextMd: "_footTextMd_1us83_17"
+};
+//#endregion
+//#region src/shared/components/PanelFoot.tsx
+function PanelFoot({ text, size = "sm", children }) {
+	return /* @__PURE__ */ h("footer", { className: PanelFoot_module_default.foot }, /* @__PURE__ */ h("span", { className: size === "md" ? PanelFoot_module_default.footTextMd : PanelFoot_module_default.footText }, text), children ?? null);
+}
+//#endregion
+//#region src/app/layouts/rightbar/MarketView.tsx
+var CONFIRM_UNINSTALL = ["uninstall", "remove-bundle"];
+var CONFIRM_REMOVE = ["remove-bundle"];
+function MarketLine({ t, row, pending, failure, onAct }) {
 	const running = pending !== null && pending.id === row.id ? pending : null;
 	const locked = pending !== null;
-	const actions = sharedActions(row);
-	const stateText = t(SHARED_STATE_KEY[row.state]);
-	const version = row.version;
+	const actions = marketActions$1(row);
+	const stateText = t(row.moduleUpdate === void 0 ? MARKET_STATE_KEY[row.state] : "panels.market.moduleOutdated");
 	return /* @__PURE__ */ h("li", { className: MarketPage_module_default.marketRow }, /* @__PURE__ */ h("span", {
 		className: MarketPage_module_default.marketIcon,
 		"aria-hidden": "true"
-	}, /* @__PURE__ */ h(IconModules, { size: 18 })), /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketMain }, /* @__PURE__ */ h(Tip, { label: row.detail ?? "" }, /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketName }, row.label, version === void 0 ? null : /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketVersion }, version.installed !== void 0 && version.latest !== void 0 && version.installed !== version.latest ? t("panels.market.versionArrow", {
-		from: version.installed,
-		to: version.latest
-	}) : version.installed ?? version.latest ?? ""))), /* @__PURE__ */ h(Tip, { label: stateText }, /* @__PURE__ */ h("span", {
+	}, /* @__PURE__ */ h(IconModules, { size: 18 })), /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketMain }, /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketName }, t(row.titleKey), row.version === void 0 ? null : /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketVersion }, row.version.installed !== void 0 && row.version.latest !== void 0 && row.version.installed !== row.version.latest ? t("panels.market.versionArrow", {
+		from: row.version.installed,
+		to: row.version.latest
+	}) : row.version.installed ?? row.version.latest ?? "")), /* @__PURE__ */ h("span", {
 		className: MarketPage_module_default.marketDesc,
 		role: "img",
 		"aria-label": stateText
@@ -2937,19 +3293,25 @@ function SharedLine({ t, row, pending, failure, onAct }) {
 		state: "ongoing",
 		size: 14
 	}) : /* @__PURE__ */ h(StateDot, {
-		state: SHARED_DOT[row.state],
+		state: MARKET_DOT[row.state],
 		size: 9
-	}), stateText, /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketUsedBy }, t("panels.market.sharedUsedBy", { modules: row.usedByKeys.map((key) => t(key)).join(t("panels.market.listSeparator")) }))))), /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEnd }, running !== null ? /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketProgress }, /* @__PURE__ */ h(StateDot, {
+	}), stateText, row.hint === void 0 ? null : /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketUsedBy }, t(row.hint)))), /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEnd }, running !== null ? /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketProgress }, /* @__PURE__ */ h(StateDot, {
 		state: "ongoing",
 		size: 14
-	}), t(PROGRESS_KEY[running.action])) : actions.length === 0 ? null : /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketActions }, actions.map((action) => /* @__PURE__ */ h(Button, {
-		key: action,
-		type: "button",
-		size: "sm",
-		variant: "outline",
-		disabled: locked,
-		onClick: () => onAct(action)
-	}, t(ACTION_LABEL_KEY[action]))))), failure === null ? null : /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketFailure }, failure));
+	}), t(PROGRESS_KEY[running.action])) : actions.length === 0 ? null : /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketActions }, actions.map((action) => {
+		const danger = action === "uninstall" || action === "remove-bundle";
+		return /* @__PURE__ */ h(Button, {
+			key: action,
+			type: "button",
+			size: "sm",
+			variant: action === "install" ? "primary" : "outline",
+			className: danger ? "wb-dangerAction" : void 0,
+			icon: danger ? /* @__PURE__ */ h(IconTrashOutlineRegular, { size: 13 }) : void 0,
+			"aria-label": danger ? t("panels.market.uninstallLabel", { name: t(row.titleKey) }) : void 0,
+			disabled: locked,
+			onClick: () => onAct(action)
+		}, t(ACTION_LABEL_KEY[action]));
+	}))), row.note === void 0 ? null : /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketNote }, t(row.note.key, row.note.params)), failure === null ? null : /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketFailure }, failure));
 }
 function ConfirmUninstall({ t, name, onConfirm, onCancel }) {
 	const [acknowledged, setAcknowledged] = useState(false);
@@ -2967,7 +3329,7 @@ function ConfirmUninstall({ t, name, onConfirm, onCancel }) {
 		onConfirm
 	});
 }
-function MarketSection({ t, titleKey, rows, pending, failureOf, act, confirmAction, onConfirming }) {
+function MarketSection({ t, titleKey, rows, pending, failureOf, act, confirmActions, onConfirming }) {
 	if (rows.length === 0) return null;
 	return /* @__PURE__ */ h("section", { className: MarketPage_module_default.marketSection }, /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketSectionHead }, /* @__PURE__ */ h("h2", { className: MarketPage_module_default.marketSectionTitle }, t(titleKey)), /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketSectionCount }, rows.length)), /* @__PURE__ */ h("ul", { className: MarketPage_module_default.marketList }, rows.map((row) => /* @__PURE__ */ h(MarketLine, {
 		key: row.id,
@@ -2975,29 +3337,50 @@ function MarketSection({ t, titleKey, rows, pending, failureOf, act, confirmActi
 		row,
 		pending,
 		failure: failureOf(row.id),
-		onAct: (action) => action === confirmAction ? onConfirming(row.id) : void act(row.id, action)
+		onAct: (action) => confirmActions.includes(action) ? onConfirming(row.id) : void act(row.id, action)
 	}))));
 }
-function MarketView({ t, manifests, capabilities, freshness, onChanged, updates, installed, installedRead, mock }) {
-	const source = mock?.manifests ?? manifests;
+function MarketView({ t, manifests, capabilities, freshness, onChanged, updates, installed, installedRead, settling, mock }) {
+	const [titles, setTitles] = useState(/* @__PURE__ */ new Map());
+	useEffect(() => {
+		if (mock === void 0) setTitles((known) => mergeTitles(known, manifests));
+	}, [manifests, mock]);
+	const catalog = mock?.manifests ?? manifests;
 	const effective = mock === void 0 ? capabilities : mock.capabilities;
+	const source = liveManifests(catalog, effective, mock === void 0 && installed !== void 0 ? new Set(installed.map((item) => item.unit)) : null);
 	const rows = marketRows(source, effective, mock?.updates ?? updates ?? {});
 	const shared = sharedRows(source, effective);
-	const installedList = installedRows(mock?.installed ?? installed ?? [], source, new Set(rows.map((row) => row.id)));
-	const rowById = new Map([...rows, ...installedList].map((row) => [row.id, row]));
 	const [pending, setPending] = useState(mock?.pending ?? null);
 	const provision = useHostWrite({
 		channel: "provision",
 		networkText: t("panels.failed")
 	});
 	const [confirming, setConfirming] = useState(mock?.confirming ?? null);
-	const confirmingRow = confirming === null ? void 0 : rowById.get(confirming);
 	const [failed, setFailed] = useState(mock?.failure ?? null);
+	const removing = pending !== null && pending.action === "remove-bundle" && failed?.id !== pending.id ? pending.id : null;
+	const installedList = installedRows((mock?.installed ?? installed ?? []).filter((module) => !(settling?.has(module.unit) ?? false) && module.unit !== removing), source, new Set(rows.map((row) => row.id)), titles);
+	const pendingRow = removing === null || pending === null || rows.some((row) => row.id === removing) ? void 0 : {
+		id: removing,
+		titleKey: pending.titleKey ?? titles.get(removing) ?? removing,
+		state: "installed",
+		canInstall: false,
+		canUpdate: false,
+		canUninstall: true,
+		...pending.pkg === void 0 ? {} : { pkg: pending.pkg },
+		...pending.version === void 0 ? {} : { version: { installed: pending.version } }
+	};
+	const shown = pendingRow === void 0 ? rows : [...rows, pendingRow];
+	const rowById = new Map([...shown, ...installedList].map((row) => [row.id, row]));
+	const confirmingRow = confirming === null ? void 0 : rowById.get(confirming);
 	const act = async (id, action) => {
 		if (mock !== void 0) return;
+		const row = rowById.get(id);
 		setPending({
 			id,
-			action
+			action,
+			...row?.titleKey === void 0 ? {} : { titleKey: row.titleKey },
+			...row?.pkg === void 0 ? {} : { pkg: row.pkg },
+			...row?.version?.installed === void 0 ? {} : { version: row.version.installed }
 		});
 		setConfirming(null);
 		setFailed(null);
@@ -3014,20 +3397,23 @@ function MarketView({ t, manifests, capabilities, freshness, onChanged, updates,
 		});
 		setPending(null);
 		if (!outcome.ok) {
+			onChanged();
 			setFailed({
 				id,
 				message: t("panels.market.failed", { reason: outcome.message })
 			});
 			return;
 		}
+		const reason = changeFailure(changeOf(outcome.value), t);
 		onChanged();
+		if (reason !== void 0) setFailed({
+			id,
+			message: t("panels.market.failed", { reason })
+		});
 	};
-	if (!(freshness.loaded && installedRead !== false)) return /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEmpty }, /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketChecking }, /* @__PURE__ */ h(StateDot, {
-		state: "ongoing",
-		size: 14
-	}), t("panels.market.checking")));
-	if (rows.length === 0 && installedList.length === 0) return /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEmpty }, /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEmptyTitle }, t("panels.market.empty")));
-	return /* @__PURE__ */ h(Fragment, null, marketSections(rows).map((section) => /* @__PURE__ */ h(MarketSection, {
+	if (!(freshness.loaded && installedRead !== false) || (settling?.size ?? 0) > 0 && shown.length === 0 && installedList.length === 0) return /* @__PURE__ */ h(MarketChecking, { t });
+	if (shown.length === 0 && installedList.length === 0) return /* @__PURE__ */ h(MarketEmpty, { t });
+	return /* @__PURE__ */ h(Fragment, null, marketSections(shown).map((section) => /* @__PURE__ */ h(MarketSection, {
 		key: section.id,
 		t,
 		titleKey: section.titleKey,
@@ -3035,7 +3421,7 @@ function MarketView({ t, manifests, capabilities, freshness, onChanged, updates,
 		pending,
 		failureOf: (id) => failed?.id === id ? failed.message : null,
 		act,
-		confirmAction: "uninstall",
+		confirmActions: CONFIRM_UNINSTALL,
 		onConfirming: setConfirming
 	})), /* @__PURE__ */ h(MarketSection, {
 		t,
@@ -3044,19 +3430,18 @@ function MarketView({ t, manifests, capabilities, freshness, onChanged, updates,
 		pending,
 		failureOf: (id) => failed?.id === id ? failed.message : null,
 		act,
-		confirmAction: "remove-bundle",
+		confirmActions: CONFIRM_REMOVE,
 		onConfirming: setConfirming
 	}), /* @__PURE__ */ h(PanelFoot, {
 		size: "md",
 		text: t("panels.market.foot")
-	}), shared.length === 0 ? null : /* @__PURE__ */ h("section", { className: MarketPage_module_default.marketSection }, /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketSectionHead }, /* @__PURE__ */ h("h2", { className: MarketPage_module_default.marketSectionTitle }, t("panels.market.sectionShared")), /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketSectionCount }, shared.length)), /* @__PURE__ */ h("ul", { className: MarketPage_module_default.marketList }, shared.map((row) => /* @__PURE__ */ h(SharedLine, {
-		key: row.id,
+	}), /* @__PURE__ */ h(SharedSection, {
 		t,
-		row,
+		rows: shared,
 		pending,
-		failure: failed?.id === row.id ? failed.message : null,
-		onAct: (action) => void act(row.id, action)
-	})))), /* @__PURE__ */ h(ConfirmUninstall, {
+		failureOf: (id) => failed?.id === id ? failed.message : null,
+		act
+	}), /* @__PURE__ */ h(ConfirmUninstall, {
 		key: confirming ?? "",
 		t,
 		name: confirmingRow === void 0 ? null : t(confirmingRow.titleKey),
@@ -3085,227 +3470,60 @@ function readBundleInspection(spec, registry) {
 		...registry === void 0 || registry === "" ? {} : { registry }
 	});
 }
-function readModuleVersions(force = false) {
-	return apiGet(MODULE_VERSIONS_ROUTE, force ? { force: "1" } : void 0);
-}
-var AddModule_module_default = {
-	wide: "_wide_1coeb_1",
-	dialog: "_dialog_1coeb_8",
-	content: "_content_1coeb_13",
-	stack: "_stack_1coeb_18",
-	body: "_body_1coeb_25",
-	field: "_field_1coeb_32",
-	input: "_input_1coeb_39",
-	registryField: "_registryField_1coeb_45",
-	options: "_options_1coeb_51",
-	guideToggle: "_guideToggle_1coeb_59",
-	registryToggle: "_registryToggle_1coeb_78",
-	registryWrap: "_registryWrap_1coeb_87",
-	registryChosen: "_registryChosen_1coeb_121",
-	registry: "_registry_1coeb_45",
-	registryOption: "_registryOption_1coeb_143",
-	registryPick: "_registryPick_1coeb_159",
-	registryTitle: "_registryTitle_1coeb_179",
-	registryHint: "_registryHint_1coeb_189",
-	inputError: "_inputError_1coeb_197",
-	guide: "_guide_1coeb_59",
-	guideList: "_guideList_1coeb_214",
-	guideItem: "_guideItem_1coeb_223",
-	guideIndex: "_guideIndex_1coeb_230",
-	guideMain: "_guideMain_1coeb_244",
-	guideTitle: "_guideTitle_1coeb_252",
-	guideHint: "_guideHint_1coeb_258",
-	guideExample: "_guideExample_1coeb_264",
-	guideExampleLabel: "_guideExampleLabel_1coeb_274",
-	footer: "_footer_1coeb_278",
-	hero: "_hero_1coeb_285",
-	heroIcon: "_heroIcon_1coeb_294",
-	pendingTitle: "_pendingTitle_1coeb_311",
-	wizardTitle: "_wizardTitle_1coeb_319",
-	subject: "_subject_1coeb_326",
-	subjectName: "_subjectName_1coeb_337",
-	subjectMeta: "_subjectMeta_1coeb_343",
-	subjectDesc: "_subjectDesc_1coeb_344",
-	result: "_result_1coeb_351",
-	resultWarn: "_resultWarn_1coeb_352",
-	approval: "_approval_1coeb_365",
-	approvalTitle: "_approvalTitle_1coeb_375",
-	approvalText: "_approvalText_1coeb_382",
-	approvalCaution: "_approvalCaution_1coeb_388",
-	note: "_note_1coeb_395",
-	noteWarn: "_noteWarn_1coeb_402",
-	noteError: "_noteError_1coeb_406",
-	problem: "_problem_1coeb_410",
-	detailLabel: "_detailLabel_1coeb_417",
-	detail: "_detail_1coeb_417"
-};
-//#endregion
-//#region src/app/layouts/market/add-module-text.ts
-var GUIDE_ITEMS = [
-	{
-		titleKey: "panels.market.add.guideIdTitle",
-		exampleKey: "panels.market.add.guideIdExample",
-		hintKey: "panels.market.add.guideIdHint"
-	},
-	{
-		titleKey: "panels.market.add.guideGitTitle",
-		exampleKey: "panels.market.add.guideGitExample",
-		hintKey: "panels.market.add.guideGitHint"
-	},
-	{
-		titleKey: "panels.market.add.guidePathTitle",
-		exampleKey: "panels.market.add.guidePathExample",
-		hintKey: "panels.market.add.guidePathHint"
-	}
-];
-function hostOf(url) {
-	try {
-		return new URL(url).host;
-	} catch {
-		return url;
-	}
-}
-var OFFICIAL_NPM_HOST = "registry.npmjs.org";
-var KNOWN_HOSTS = {
-	[OFFICIAL_NPM_HOST]: "panels.market.add.registryOfficial",
-	"registry.npmmirror.com": "panels.market.add.registryMirror"
-};
-function registryNameKey(host) {
-	return KNOWN_HOSTS[host];
-}
-function normalizeRegistry(url) {
-	const parsed = new URL(url);
-	if (!parsed.pathname.endsWith("/")) parsed.pathname += "/";
-	return parsed.href;
-}
-function registryKey(url, resolved) {
-	const target = url ?? resolved;
-	if (target === null) return "";
-	try {
-		return normalizeRegistry(target);
-	} catch {
-		return target;
-	}
-}
-function registryOptions(registries) {
-	const resolved = registries === null ? null : registries.resolved;
-	const entries = [
-		registries === null ? null : registries.registry,
-		...registries === null ? [] : registries.fallbackRegistries,
-		null
-	];
-	const offered = [];
-	const keys = /* @__PURE__ */ new Set();
-	for (const entry of entries) {
-		const key = registryKey(entry, resolved);
-		if (keys.has(key)) continue;
-		keys.add(key);
-		const url = entry ?? resolved;
-		if (url === null) {
-			offered.push({
-				choice: {
-					kind: "default",
-					value: ""
-				},
-				host: OFFICIAL_NPM_HOST,
-				nameKey: "panels.market.add.registryDefault"
-			});
-			continue;
-		}
-		const host = hostOf(url);
-		const nameKey = registryNameKey(host);
-		offered.push({
-			choice: entry === null ? {
-				kind: "default",
-				value: ""
-			} : {
-				kind: "url",
-				value: entry
-			},
-			host,
-			...nameKey === void 0 ? {} : { nameKey }
-		});
-	}
-	offered.push({ choice: {
-		kind: "custom",
-		value: ""
-	} });
-	return offered;
-}
-function customRegistryAllowed(value) {
-	return /^https?:\/\//.test(value.trim());
-}
-function registryOf(choice, custom) {
-	if (choice.kind === "custom") return customRegistryAllowed(custom) ? custom.trim() : void 0;
-	return choice.value === "" ? void 0 : choice.value;
-}
-function registryName(option, t) {
-	if (option.choice.kind === "custom") return t("panels.market.add.registryCustom");
-	if (option.nameKey !== void 0) return t(option.nameKey);
-	return option.host ?? t("panels.market.add.registryDefault");
-}
-function optionLabel(option, t) {
-	if (option.choice.kind === "custom") return t("panels.market.add.registryCustom");
-	if (option.host === void 0) return t("panels.market.add.registryDefault");
-	return option.nameKey === void 0 ? option.host : t("panels.market.add.registryWithHost", {
-		name: t(option.nameKey),
-		host: option.host
-	});
-}
-var PROBLEM_KEYS = {
-	"invalid-spec": "panels.market.add.problemInvalid",
-	"already-installed": "panels.market.add.problemInstalled",
-	"not-found": "panels.market.add.problemNotFound",
-	"not-a-package": "panels.market.add.problemNotPackage",
-	"not-a-bundle": "panels.market.add.problemNotBundle",
-	network: "panels.market.add.problemNetwork",
-	unknown: "panels.market.add.problemUnknown"
-};
-function problemKey(problem) {
-	return PROBLEM_KEYS[problem] ?? PROBLEM_KEYS.unknown;
-}
-var FAILURE_KEYS = {
-	network: "panels.market.add.failureNetwork",
-	"spec-host": "panels.market.add.failureNetworkHost",
-	"not-found": "panels.market.add.failureNotFound",
-	"no-matching-version": "panels.market.add.failureNoMatchingVersion",
-	"disk-full": "panels.market.add.failureDiskFull",
-	permission: "panels.market.add.failurePermission",
-	"build-blocked": "panels.market.add.failureBuildBlocked",
-	integrity: "panels.market.add.failureIntegrity",
-	timeout: "panels.market.add.failureTimeout",
-	"pnpm-missing": "panels.market.add.failurePnpmMissing",
-	"operation-error": "panels.market.add.failureGeneric",
-	"incompatible-version": "panels.market.add.failureGeneric",
-	"not-bundle": "panels.market.add.failureGeneric",
-	"invalid-spec": "panels.market.add.failureGeneric",
-	"bundle-in-use": "panels.market.add.failureGeneric",
-	"not-removable": "panels.market.add.failureGeneric",
-	"stop-profile": "panels.market.add.failureGeneric",
-	"stale-approval": "panels.market.add.failureGeneric"
-};
-function failureCode(change) {
-	if (change.failedAt === "spec-host") return "spec-host";
-	return change.errorCode ?? change.packageResult?.kind ?? change.application;
-}
-function failureReasonKey(code) {
-	return FAILURE_KEYS[code];
-}
-function failureReason(code, application, t) {
-	const key = failureReasonKey(code);
-	if (key !== void 0) return t(key);
-	if (code === application) return t("panels.market.add.reason.unknown");
-	return code;
-}
-var SUPPLY_KEYS = {
-	"pending-restart": "panels.market.add.supplyPending",
-	failed: "panels.market.add.supplyFailed",
-	"not-a-module": "panels.market.add.notModule",
-	"no-needs": void 0
-};
-function supplyKey(state) {
-	return SUPPLY_KEYS[state];
+function readModuleVersions(force = false) {
+	return apiGet(MODULE_VERSIONS_ROUTE, force ? { force: "1" } : void 0);
 }
+var AddModule_module_default = {
+	wide: "_wide_1coeb_1",
+	dialog: "_dialog_1coeb_8",
+	content: "_content_1coeb_13",
+	stack: "_stack_1coeb_18",
+	body: "_body_1coeb_25",
+	field: "_field_1coeb_32",
+	input: "_input_1coeb_39",
+	registryField: "_registryField_1coeb_45",
+	options: "_options_1coeb_51",
+	guideToggle: "_guideToggle_1coeb_59",
+	registryToggle: "_registryToggle_1coeb_78",
+	registryWrap: "_registryWrap_1coeb_87",
+	registryChosen: "_registryChosen_1coeb_121",
+	registry: "_registry_1coeb_45",
+	registryOption: "_registryOption_1coeb_143",
+	registryPick: "_registryPick_1coeb_159",
+	registryTitle: "_registryTitle_1coeb_179",
+	registryHint: "_registryHint_1coeb_189",
+	inputError: "_inputError_1coeb_197",
+	guide: "_guide_1coeb_59",
+	guideList: "_guideList_1coeb_214",
+	guideItem: "_guideItem_1coeb_223",
+	guideIndex: "_guideIndex_1coeb_230",
+	guideMain: "_guideMain_1coeb_244",
+	guideTitle: "_guideTitle_1coeb_252",
+	guideHint: "_guideHint_1coeb_258",
+	guideExample: "_guideExample_1coeb_264",
+	guideExampleLabel: "_guideExampleLabel_1coeb_274",
+	footer: "_footer_1coeb_278",
+	hero: "_hero_1coeb_285",
+	heroIcon: "_heroIcon_1coeb_294",
+	pendingTitle: "_pendingTitle_1coeb_311",
+	wizardTitle: "_wizardTitle_1coeb_319",
+	subject: "_subject_1coeb_326",
+	subjectName: "_subjectName_1coeb_337",
+	subjectMeta: "_subjectMeta_1coeb_343",
+	subjectDesc: "_subjectDesc_1coeb_344",
+	result: "_result_1coeb_351",
+	resultWarn: "_resultWarn_1coeb_352",
+	approval: "_approval_1coeb_365",
+	approvalTitle: "_approvalTitle_1coeb_375",
+	approvalText: "_approvalText_1coeb_382",
+	approvalCaution: "_approvalCaution_1coeb_388",
+	note: "_note_1coeb_395",
+	noteWarn: "_noteWarn_1coeb_402",
+	noteError: "_noteError_1coeb_406",
+	problem: "_problem_1coeb_410",
+	detailLabel: "_detailLabel_1coeb_417",
+	detail: "_detail_1coeb_417"
+};
 //#endregion
 //#region src/app/layouts/market/AddModuleRegistry.tsx
 var REGISTRY_ID = "wb-add-module-registry";
@@ -3365,7 +3583,13 @@ function AddModuleRegistry({ t, state }) {
 		return /* @__PURE__ */ h("div", {
 			key: `${option.choice.kind}|${option.choice.value}`,
 			className: AddModule_module_default.registryOption,
-			"data-checked": active
+			"data-checked": active,
+			onPointerDown: () => {
+				if (!active) state.setChoice(option.choice);
+			},
+			onFocusCapture: () => {
+				if (!active) state.setChoice(option.choice);
+			}
 		}, /* @__PURE__ */ h("label", { className: AddModule_module_default.registryPick }, /* @__PURE__ */ h("input", {
 			type: "radio",
 			name: REGISTRY_ID,
@@ -3377,7 +3601,6 @@ function AddModuleRegistry({ t, state }) {
 			"aria-label": t("panels.market.add.registryCustom"),
 			placeholder: t("panels.market.add.registryCustomPlaceholder"),
 			value: state.custom,
-			disabled: !active,
 			invalid: customBad,
 			onChange: (event) => state.setCustom(event.target.value)
 		}), customBad ? /* @__PURE__ */ h("span", {
@@ -3969,7 +4192,7 @@ function AddModuleDialog({ t, open, onClose, onInstalled }) {
 	}, t("panels.market.add.run"))) : null, installing ? /* @__PURE__ */ h(Button, {
 		type: "button",
 		variant: "outline",
-		size: "sm",
+		size: "md",
 		onClick: state.cancelInstall
 	}, t("panels.market.add.cancel")) : null, state.phase === "result" ? /* @__PURE__ */ h(Fragment, null, failed && builds.length === 0 ? /* @__PURE__ */ h(Button, {
 		type: "button",
@@ -4039,6 +4262,7 @@ var MOCK_FRESHNESS = {
 	checking: false,
 	checkedAt: null
 };
+var NO_UNITS = /* @__PURE__ */ new Set();
 function useLiveManifests(units) {
 	useSyncExternalStore(useCallback((listener) => units.subscribe(listener), [units]), useCallback(() => units.version(), [units]));
 	return units.manifests();
@@ -4061,7 +4285,7 @@ function MarketPanel({ t, units }) {
 	const [decided, setDecided] = useState(false);
 	const [adding, setAdding] = useState(false);
 	const [updates, setUpdates] = useState({});
-	const [installed, setInstalled] = useState([]);
+	const [installed, setInstalled] = useState(void 0);
 	const [installedRead, setInstalledRead] = useState(false);
 	const loadUpdates = useCallback((force = false) => {
 		readModuleVersions(force).then((response) => {
@@ -4097,6 +4321,24 @@ function MarketPanel({ t, units }) {
 		forceProbe,
 		loadUpdates
 	]);
+	const installedKey = (installed ?? []).map((module) => module.unit).join("|");
+	const rosterKey = manifests.map((manifest) => manifest.id).join("|");
+	const activeKey = Object.keys(capabilities ?? {}).join("|");
+	const seenRef = useRef(null);
+	const [settling, setSettling] = useState(NO_UNITS);
+	useEffect(() => {
+		const units = installedKey === "" ? [] : installedKey.split("|");
+		const held = holdBack(units, new Set(rosterKey === "" ? [] : rosterKey.split("|")), new Set(activeKey === "" ? [] : activeKey.split("|")), seenRef.current);
+		seenRef.current = new Set(units);
+		setSettling(held.length === 0 ? NO_UNITS : new Set(held));
+		if (held.length === 0) return;
+		const timer = setTimeout(() => setSettling(NO_UNITS), MODULE_SETTLE_MS);
+		return () => clearTimeout(timer);
+	}, [
+		installedKey,
+		rosterKey,
+		activeKey
+	]);
 	const freshness = {
 		loaded: capabilities !== null,
 		checking,
@@ -4146,6 +4388,7 @@ function MarketPanel({ t, units }) {
 		updates,
 		installed,
 		installedRead: mock === void 0 ? installedRead : mock.installedRead ?? true,
+		settling: mock === void 0 ? settling : void 0,
 		mock
 	}), /* @__PURE__ */ h(AddModuleDialog, {
 		t,
@@ -4244,6 +4487,14 @@ function bridgeAdvice(issue) {
 	return { textKey: "env.bridge.unknown" };
 }
 //#endregion
+//#region src/app/layouts/env-gate/gate-deadline.ts
+function createGateDeadline(giveUpMs, expire) {
+	const timer = setTimeout(expire, giveUpMs);
+	return { disarm() {
+		clearTimeout(timer);
+	} };
+}
+//#endregion
 //#region src/app/layouts/env-gate/gate-dom.ts
 var SVG_NS = "http://www.w3.org/2000/svg";
 function svgIcon(kind) {
@@ -4706,7 +4957,6 @@ function createBootGate(ctx, options = {}) {
 	}
 	let cancelled = false;
 	const forcePlan = createForcePlan();
-	const startedAt = Date.now();
 	let pinned = null;
 	function close() {
 		if (closed) return;
@@ -4714,9 +4964,11 @@ function createBootGate(ctx, options = {}) {
 		cancelled = true;
 		if (timer !== void 0) clearTimeout(timer);
 		if (ticker !== void 0) clearInterval(ticker);
+		deadline.disarm();
 		overlay.remove();
 		if (root !== null) root.inert = previousInert;
 	}
+	const deadline = createGateDeadline(GIVE_UP_MS, close);
 	const rows = /* @__PURE__ */ new Map();
 	let renderedOrder = "";
 	function ensureRow(step) {
@@ -4810,10 +5062,6 @@ function createBootGate(ctx, options = {}) {
 			return;
 		}
 		if (response.phase === "failed") return;
-		if (Date.now() - startedAt > GIVE_UP_MS) {
-			close();
-			return;
-		}
 		timer = setTimeout(() => void poll(), POLL_MS);
 	}
 	function retryNow() {
@@ -4845,23 +5093,151 @@ function createBootGate(ctx, options = {}) {
 	poll();
 	return { close };
 }
-var ExpandButton_module_default = {
-	button: "_button_ssnyt_1",
-	icon: "_icon_ssnyt_13"
+//#endregion
+//#region src/app/layouts/rightbar/store.ts
+var browserPersistence = {
+	readFlag,
+	writeFlag,
+	readText,
+	writeText
+};
+var RIGHTBAR_DEFAULT_COLUMN = "workbench";
+function pressedColumns(state, dshExpanded) {
+	return {
+		workbench: state.column === "workbench" && state.expanded,
+		dsh: state.column === "dsh" && dshExpanded
+	};
+}
+var BOARD_STEP = { kind: "board" };
+function readColumn(persistence) {
+	return persistence.readText("dsh-workbench.rightbar.column") === "dsh" ? "dsh" : RIGHTBAR_DEFAULT_COLUMN;
+}
+function createRightbarStore(persistence = browserPersistence) {
+	let state = {
+		expanded: persistence.readFlag(STORAGE_KEY_RIGHTBAR, true),
+		column: readColumn(persistence),
+		trail: [BOARD_STEP]
+	};
+	const listeners = /* @__PURE__ */ new Set();
+	function commit(next) {
+		if (next.expanded === state.expanded && next.column === state.column && next.trail === state.trail) return;
+		state = next;
+		for (const listener of listeners) listener();
+	}
+	function setTrail(trail) {
+		commit({
+			expanded: state.expanded,
+			column: state.column,
+			trail: trail.length === 0 ? [BOARD_STEP] : trail
+		});
+	}
+	return {
+		getSnapshot: () => state,
+		subscribe(listener) {
+			listeners.add(listener);
+			return () => listeners.delete(listener);
+		},
+		setExpanded(expanded) {
+			if (expanded === state.expanded) return;
+			persistence.writeFlag(STORAGE_KEY_RIGHTBAR, expanded);
+			commit({
+				expanded,
+				column: state.column,
+				trail: state.trail
+			});
+		},
+		toggleExpanded() {
+			this.setExpanded(!state.expanded);
+		},
+		setColumn(column) {
+			if (column === state.column) return;
+			persistence.writeText(STORAGE_KEY_RIGHTBAR_COLUMN, column);
+			commit({
+				expanded: state.expanded,
+				column,
+				trail: state.trail
+			});
+		},
+		open(step) {
+			const top = state.trail[state.trail.length - 1];
+			if (top !== void 0 && sameStep(top, step)) return;
+			setTrail([...state.trail, step]);
+		},
+		goTo(index) {
+			if (index < 0 || index >= state.trail.length) return;
+			setTrail(state.trail.slice(0, index + 1));
+		},
+		back() {
+			if (state.trail.length <= 1) return;
+			setTrail(state.trail.slice(0, -1));
+		}
+	};
+}
+function sameStep(a, b) {
+	return a.kind === b.kind;
+}
+var ColumnSwitch_module_default = {
+	group: "_group_1hxis_1",
+	button: "_button_1hxis_7",
+	active: "_active_1hxis_19",
+	icon: "_icon_1hxis_23",
+	mirror: "_mirror_1hxis_35"
 };
 //#endregion
-//#region src/app/layouts/rightbar/ExpandButton.tsx
-function ExpandButton({ useRightbar, toggleRightbar, t }) {
-	if (useRightbar((state) => state.expanded)) return null;
-	return /* @__PURE__ */ h(Tip, { label: t("rightbar.expand") }, /* @__PURE__ */ h(Button, {
+//#region src/app/layouts/rightbar/ColumnSwitch.tsx
+function ColumnSwitch({ useRightbar, selectColumn, dshColumn, t }) {
+	const pressed = pressedColumns(useRightbar((snapshot) => snapshot), useSyncExternalStore(dshColumn.subscribe, dshColumn.getSnapshot));
+	const workbenchLabel = pressed.workbench ? t("rightbar.collapse") : t("rightbar.column.workbench");
+	return /* @__PURE__ */ h("span", {
+		className: ColumnSwitch_module_default.group,
+		role: "group",
+		"aria-label": t("rightbar.column.label")
+	}, /* @__PURE__ */ h(Tip, { label: workbenchLabel }, /* @__PURE__ */ h(Button, {
 		type: "button",
 		size: "sm",
 		variant: "ghost",
-		className: ExpandButton_module_default.button,
-		"aria-label": t("rightbar.expand"),
-		icon: /* @__PURE__ */ h("span", { className: ExpandButton_module_default.icon }, /* @__PURE__ */ h(IconPanelLeftOutlineRegular, { size: 15 })),
-		onClick: toggleRightbar
-	}));
+		className: pressed.workbench ? `${ColumnSwitch_module_default.button} ${ColumnSwitch_module_default.active}` : ColumnSwitch_module_default.button,
+		"aria-pressed": pressed.workbench,
+		"aria-label": workbenchLabel,
+		icon: /* @__PURE__ */ h("span", { className: ColumnSwitch_module_default.icon }, /* @__PURE__ */ h(IconPanelScreen, { size: 15 })),
+		onClick: () => selectColumn("workbench")
+	})), /* @__PURE__ */ h(Tip, { label: t("rightbar.column.dsh") }, /* @__PURE__ */ h(Button, {
+		type: "button",
+		size: "sm",
+		variant: "ghost",
+		className: pressed.dsh ? `${ColumnSwitch_module_default.button} ${ColumnSwitch_module_default.active}` : ColumnSwitch_module_default.button,
+		"aria-pressed": pressed.dsh,
+		"aria-label": t("rightbar.column.dsh"),
+		icon: /* @__PURE__ */ h("span", { className: `${ColumnSwitch_module_default.icon} ${ColumnSwitch_module_default.mirror}` }, /* @__PURE__ */ h(IconPanelLeftOutlineRegular, { size: 15 })),
+		onClick: () => selectColumn("dsh")
+	})));
+}
+//#endregion
+//#region src/app/layouts/rightbar/dsh-column-source.ts
+function createDshColumnSource(read, intervalMs) {
+	let value = read();
+	let timer;
+	const listeners = /* @__PURE__ */ new Set();
+	const sync = () => {
+		const next = read();
+		if (next === value) return;
+		value = next;
+		for (const listener of listeners) listener();
+	};
+	return {
+		getSnapshot: () => value,
+		subscribe(listener) {
+			listeners.add(listener);
+			if (timer === void 0) timer = setInterval(sync, intervalMs);
+			return () => {
+				listeners.delete(listener);
+				if (listeners.size === 0 && timer !== void 0) {
+					clearInterval(timer);
+					timer = void 0;
+				}
+			};
+		}
+	};
 }
 var Breadcrumbs_module_default = {
 	stripTabs: "_stripTabs_1dqp4_1",
@@ -5449,6 +5825,15 @@ function planBoard(shape, real, all) {
 	};
 }
 //#endregion
+//#region src/app/layouts/rightbar/presentation.ts
+function rightbarPresentation(input) {
+	const fullscreen = input.shown && (input.viewportWidth < 768 || !input.canShow);
+	return {
+		fullscreen,
+		track: input.shown && !fullscreen
+	};
+}
+//#endregion
 //#region src/modules/sessions/model/session-node.ts
 function visiblePendingKind(kind) {
 	switch (kind) {
@@ -5634,6 +6019,7 @@ function useBoardWorkspace(workspaces, sessions) {
 		path: workspace?.path ?? null
 	};
 }
+var Rightbar_module_default = { panel: "_panel_1oyh4_1" };
 //#endregion
 //#region src/app/layouts/rightbar/Rightbar.tsx
 function ModuleHost({ module, step, panelToken, onPanelRefresh, onSummary, ...rest }) {
@@ -5758,17 +6144,34 @@ 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;
-	props.applyRightbar({
+	const presentation = rightbarPresentation({
 		shown,
-		track: true,
-		fullscreen: shown && !props.canShow
+		viewportWidth: props.viewportWidth,
+		canShow: props.canShow
 	});
-	if (!shown) return null;
+	const { fullscreen } = presentation;
+	const panelWidth = fullscreen ? "100vw" : props.width > 0 ? `${props.width}px` : "100%";
+	const applyRightbar = props.applyRightbar;
+	useLayoutEffect(() => {
+		applyRightbar({
+			shown,
+			track: presentation.track,
+			fullscreen: presentation.fullscreen
+		});
+	}, [
+		applyRightbar,
+		shown,
+		presentation.track,
+		presentation.fullscreen
+	]);
 	const top = state.trail[state.trail.length - 1] ?? { kind: "board" };
 	const navigate = (step) => props.openPanel(step);
 	const openMarket = () => props.openMarket();
 	return /* @__PURE__ */ h("aside", {
-		className: "wb-rightbar",
+		className: `wb-rightbar ${Rightbar_module_default.panel}`,
+		style: { width: panelWidth },
+		"data-open": shown ? "" : void 0,
+		"data-fullscreen": fullscreen ? "" : void 0,
 		"aria-label": props.t("rightbar.label")
 	}, /* @__PURE__ */ h(PanelHeader, {
 		t: props.t,
@@ -5899,67 +6302,6 @@ function serializeChipRef(encoded) {
 	});
 }
 //#endregion
-//#region src/app/layouts/rightbar/store.ts
-var browserPersistence = {
-	readFlag,
-	writeFlag,
-	readText,
-	writeText
-};
-var BOARD_STEP = { kind: "board" };
-function createRightbarStore(persistence = browserPersistence) {
-	let state = {
-		expanded: persistence.readFlag(STORAGE_KEY_RIGHTBAR, true),
-		trail: [BOARD_STEP]
-	};
-	const listeners = /* @__PURE__ */ new Set();
-	function commit(next) {
-		if (next.expanded === state.expanded && next.trail === state.trail) return;
-		state = next;
-		for (const listener of listeners) listener();
-	}
-	function setTrail(trail) {
-		commit({
-			expanded: state.expanded,
-			trail: trail.length === 0 ? [BOARD_STEP] : trail
-		});
-	}
-	return {
-		getSnapshot: () => state,
-		subscribe(listener) {
-			listeners.add(listener);
-			return () => listeners.delete(listener);
-		},
-		setExpanded(expanded) {
-			if (expanded === state.expanded) return;
-			persistence.writeFlag(STORAGE_KEY_RIGHTBAR, expanded);
-			commit({
-				expanded,
-				trail: state.trail
-			});
-		},
-		toggleExpanded() {
-			this.setExpanded(!state.expanded);
-		},
-		open(step) {
-			const top = state.trail[state.trail.length - 1];
-			if (top !== void 0 && sameStep(top, step)) return;
-			setTrail([...state.trail, step]);
-		},
-		goTo(index) {
-			if (index < 0 || index >= state.trail.length) return;
-			setTrail(state.trail.slice(0, index + 1));
-		},
-		back() {
-			if (state.trail.length <= 1) return;
-			setTrail(state.trail.slice(0, -1));
-		}
-	};
-}
-function sameStep(a, b) {
-	return a.kind === b.kind;
-}
-//#endregion
 //#region src/app/layouts/sidebar/session-pick.ts
 function openPickedProject(input) {
 	const first = firstSessionIdOf(input.items.find((item) => item.workspaceId === input.workspaceId) ?? null, input.sessions, input.archivedIds);
@@ -6256,7 +6598,7 @@ function Sidebar(props) {
 }
 //#endregion
 //#region src/shared/styles/rightbar.css?raw
-var rightbar_default = ".wb-rightbar {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-width: 0;\n  overflow: hidden;\n  background: var(--dsw-alias-bg-base);\n  border-left: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.wb-panelHeader {\n  flex: none;\n  height: var(--wb-len-38);\n}\n\n.wb-tabStrip {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n  height: var(--wb-len-38);\n  padding: var(--wb-len-10) var(--wb-len-6) 0 var(--wb-len-10);\n}\n\n.wb-stripFill {\n  flex: 1 1 0;\n  min-width: 0;\n}\n\n.wb-rightbar :is(button, [role='tab']):focus-visible {\n  outline: var(--dsw-focus-ring-width) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}\n\n.wb-rightbar {\n  container-type: inline-size;\n}\n\n.wb-dangerAction {\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-stripChrome {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  flex: none;\n  margin-left: var(--wb-len-4);\n}\n\n.wb-panelBody {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  scrollbar-gutter: stable;\n  padding: var(--wb-len-12);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n}\n\n.wb-panelBody {\n  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);\n  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2);\n}";
+var rightbar_default = ".wb-rightbar {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-width: 0;\n  overflow: hidden;\n  background: var(--dsw-alias-bg-base);\n  border-left: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.wb-panelHeader {\n  flex: none;\n  height: var(--wb-len-38);\n}\n\n.wb-tabStrip {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n  height: var(--wb-len-38);\n  padding: var(--wb-len-10) var(--wb-len-6) 0 var(--wb-len-10);\n}\n\n.wb-stripFill {\n  flex: 1 1 0;\n  min-width: 0;\n}\n\n.wb-rightbar :is(button, [role='tab']):focus-visible {\n  outline: var(--dsw-focus-ring-width) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}\n\n.wb-rightbar {\n  container-type: inline-size;\n}\n\n.wb-dangerAction {\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-stripChrome {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  flex: none;\n  margin-left: var(--wb-len-4);\n}\n\n.wb-panelBody {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  scrollbar-gutter: stable;\n  padding: var(--wb-len-12);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n}\n\n.wb-panelBody {\n  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);\n  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2);\n}\n@container (max-width: 340px) {\n  .wb-panelBody {\n    padding: var(--wb-len-8);\n  }}\n";
 //#endregion
 //#region src/shared/styles/tokens.css?raw
 var tokens_default = ".wb-root,\n.wb-rightbar {\n  --wb-bar-height: 36px;\n  --wb-gap-xs: 6px;\n  --wb-font-row: 14px;\n}\n";
@@ -6265,7 +6607,7 @@ var tokens_default = ".wb-root,\n.wb-rightbar {\n  --wb-bar-height: 36px;\n  --w
 var palette_default = ":root {\n  --wb-static-titlebar-fill: #ffffff8c;\n  --wb-static-titlebar-fill-hover: #ffffff4d;\n  --wb-static-titlebar-fill-dark: #ffffff26;\n  --wb-static-titlebar-fill-dark-hover: #fff3;\n  --wb-static-mask-opaque: #000;\n  --wb-static-shadow-ghost: 0 8px 20px rgba(0, 0, 0, 0.4);\n}\n";
 //#endregion
 //#region src/shared/styles/tokens/scale.css?raw
-var scale_default = ":root {\n  --wb-dur-0-12: 0.12s;\n  --wb-dur-0-15: 0.15s;\n  --wb-dur-0-9: 0.9s;\n  --wb-dur-1-4: 1.4s;\n  --wb-dur-1-5: 1.5s;\n  --wb-font-10: 10px;\n  --wb-font-11-5: 11.5px;\n  --wb-font-12-5: 12.5px;\n  --wb-font-17: 17px;\n  --wb-font-18: 18px;\n  --wb-font-6: 6px;\n  --wb-len-0-5: 0.5px;\n  --wb-len-1: 1px;\n  --wb-len-10: 10px;\n  --wb-len-12: 12px;\n  --wb-len-120: 120px;\n  --wb-len-13: 13px;\n  --wb-len-132: 132px;\n  --wb-len-14: 14px;\n  --wb-len-144: 144px;\n  --wb-len-15: 15px;\n  --wb-len-16: 16px;\n  --wb-len-18: 18px;\n  --wb-len-2: 2px;\n  --wb-len-20: 20px;\n  --wb-len-200: 200px;\n  --wb-len-22: 22px;\n  --wb-len-220: 220px;\n  --wb-len-24: 24px;\n  --wb-len-240: 240px;\n  --wb-len-26: 26px;\n  --wb-len-260: 260px;\n  --wb-len-28: 28px;\n  --wb-len-3: 3px;\n  --wb-len-3-4em: 3.4em;\n  --wb-len-30: 30px;\n  --wb-len-300: 300px;\n  --wb-len-32: 32px;\n  --wb-len-320: 320px;\n  --wb-len-34: 34px;\n  --wb-len-36: 36px;\n  --wb-len-360: 360px;\n  --wb-len-38: 38px;\n  --wb-len-4: 4px;\n  --wb-len-440: 440px;\n  --wb-len-40: 40px;\n  --wb-len-420: 420px;\n  --wb-len-42em: 42em;\n  --wb-len-44: 44px;\n  --wb-len-48: 48px;\n  --wb-len-5: 5px;\n  --wb-len-52: 52px;\n  --wb-len-520: 520px;\n  --wb-len-56: 56px;\n  --wb-len-560: 560px;\n  --wb-len-6: 6px;\n  --wb-len-60: 60px;\n  --wb-len-64: 64px;\n  --wb-len-7: 7px;\n  --wb-len-72: 72px;\n  --wb-len-8: 8px;\n  --wb-len-800: 800px;\n  --wb-len-9: 9px;\n  --wb-len-96: 96px;\n  --wb-len-960: 960px;\n  --wb-len-neg-0-5: -0.5px;\n  --wb-len-neg-1-5: -1.5px;\n  --wb-len-neg-12: -12px;\n  --wb-len-neg-2: -2px;\n  --wb-len-neg-3: -3px;\n  --wb-len-neg-4: -4px;\n  --wb-len-neg-6: -6px;\n  --wb-len-neg-8: -8px;\n  --wb-line-10: 10px;\n  --wb-line-13: 13px;\n  --wb-line-14: 14px;\n  --wb-line-15: 15px;\n  --wb-line-16: 16px;\n  --wb-line-17: 17px;\n  --wb-line-18: 18px;\n  --wb-line-19: 19px;\n  --wb-line-20: 20px;\n  --wb-line-22: 22px;\n  --wb-line-24: 24px;\n  --wb-radius-14: 14px;\n  --wb-radius-2: 2px;\n  --wb-radius-6: 6px;\n  --wb-radius-pill: 999px;\n  --wb-track-brand: .04em;\n  --wb-z-100: 100;\n  --wb-z-1100: 1100;\n  --wb-z-30: 30;\n  --wb-z-40: 40;\n  --wb-z-top: 2147483000;\n  --wb-project-menu-min-width: 0;\n}\n";
+var scale_default = ":root {\n  --wb-dur-0-12: 0.12s;\n  --wb-dur-0-15: 0.15s;\n  --wb-dur-0-9: 0.9s;\n  --wb-dur-1-4: 1.4s;\n  --wb-dur-1-5: 1.5s;\n  --wb-font-10: 10px;\n  --wb-font-11-5: 11.5px;\n  --wb-font-12-5: 12.5px;\n  --wb-font-17: 17px;\n  --wb-font-18: 18px;\n  --wb-font-6: 6px;\n  --wb-len-0-5: 0.5px;\n  --wb-len-1: 1px;\n  --wb-len-10: 10px;\n  --wb-len-12: 12px;\n  --wb-len-120: 120px;\n  --wb-len-13: 13px;\n  --wb-len-132: 132px;\n  --wb-len-14: 14px;\n  --wb-len-144: 144px;\n  --wb-len-15: 15px;\n  --wb-len-16: 16px;\n  --wb-len-18: 18px;\n  --wb-len-2: 2px;\n  --wb-len-20: 20px;\n  --wb-len-200: 200px;\n  --wb-len-22: 22px;\n  --wb-len-220: 220px;\n  --wb-len-24: 24px;\n  --wb-len-240: 240px;\n  --wb-len-26: 26px;\n  --wb-len-260: 260px;\n  --wb-len-28: 28px;\n  --wb-len-3: 3px;\n  --wb-len-3-4em: 3.4em;\n  --wb-len-30: 30px;\n  --wb-len-300: 300px;\n  --wb-len-32: 32px;\n  --wb-len-320: 320px;\n  --wb-len-34: 34px;\n  --wb-len-36: 36px;\n  --wb-len-360: 360px;\n  --wb-len-38: 38px;\n  --wb-len-4: 4px;\n  --wb-len-440: 440px;\n  --wb-len-40: 40px;\n  --wb-len-420: 420px;\n  --wb-len-42em: 42em;\n  --wb-len-44: 44px;\n  --wb-len-48: 48px;\n  --wb-len-5: 5px;\n  --wb-len-52: 52px;\n  --wb-len-520: 520px;\n  --wb-len-56: 56px;\n  --wb-len-560: 560px;\n  --wb-len-6: 6px;\n  --wb-len-60: 60px;\n  --wb-len-64: 64px;\n  --wb-len-7: 7px;\n  --wb-len-72: 72px;\n  --wb-len-8: 8px;\n  --wb-len-800: 800px;\n  --wb-len-9: 9px;\n  --wb-len-96: 96px;\n  --wb-len-960: 960px;\n  --wb-len-neg-0-5: -0.5px;\n  --wb-len-neg-1-5: -1.5px;\n  --wb-len-neg-12: -12px;\n  --wb-len-neg-2: -2px;\n  --wb-len-neg-3: -3px;\n  --wb-len-neg-4: -4px;\n  --wb-len-neg-6: -6px;\n  --wb-len-neg-8: -8px;\n  --wb-line-10: 10px;\n  --wb-line-13: 13px;\n  --wb-line-14: 14px;\n  --wb-line-15: 15px;\n  --wb-line-16: 16px;\n  --wb-line-17: 17px;\n  --wb-line-18: 18px;\n  --wb-line-19: 19px;\n  --wb-line-20: 20px;\n  --wb-line-22: 22px;\n  --wb-line-24: 24px;\n  --wb-radius-14: 14px;\n  --wb-radius-2: 2px;\n  --wb-radius-6: 6px;\n  --wb-radius-pill: 999px;\n  --wb-track-brand: .04em;\n  --wb-z-1100: 1100;\n  --wb-z-10: 10;\n  --wb-z-30: 30;\n  --wb-z-40: 40;\n  --wb-z-top: 2147483000;\n  --wb-project-menu-min-width: 0;\n}\n";
 //#endregion
 //#region src/shared/styles/sidebar-app.css?raw
 var sidebar_app_default = ".wb-wsSection {\n  position: relative;\n  flex: none;\n  --dsh-session-list-edge-inset: var(--dsh-sidebar-inline-padding);\n  --dsh-session-list-scrollbar-width: 5px;\n  --dsh-session-list-scrollbar-offset: 2px;\n  margin: 0 var(--dsh-session-list-scrollbar-offset) var(--wb-len-4) 0;\n  padding-right: calc( var(--dsh-session-list-edge-inset) - var(--dsh-session-list-scrollbar-width) - var(--dsh-session-list-scrollbar-offset) );\n}.wb-sectionHeader {\n  box-sizing: border-box;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  gap: var(--wb-len-4);\n  height: var(--wb-len-36);\n  flex: none;\n  margin-bottom: var(--wb-len-4);\n  padding-left: var(--wb-len-8);\n  padding-right: var(--wb-len-2);\n  border-radius: var(--dsw-radius-md);\n  color: var(--dsw-alias-label-tertiary);\n  overflow: hidden;\n}.wb-wsNew {\n  margin-left: auto;\n}.wb-sectionLabel {\n  flex: none;\n  min-width: 0;\n  max-width: 45%;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: var(--wb-line-20);\n}.wb-collapsed .wb-wsSection {\n  margin: 0 0 var(--wb-len-12);\n  padding-right: 0;\n}.wb-collapsed .wb-sectionHeader {\n  justify-content: flex-start;\n  gap: 0;\n  margin-bottom: 0;\n  padding-left: 0;\n  padding-right: 0;\n}.wb-collapsed .wb-wsNew {\n  margin-left: 0;\n}.wb-project {\n  position: relative;\n  flex: none;\n  margin: 0 var(--wb-len-2) var(--wb-len-4);\n}.wb-projectAnchor {\n  display: block;\n  width: 100%;\n  min-width: var(--wb-project-menu-min-width, 0);\n}.wb-projectButton {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-gap-xs);\n  width: 100%;\n  height: var(--wb-len-34);\n  padding: 0 var(--wb-len-8);\n  border: none;\n  border-radius: var(--dsw-radius-md);\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  user-select: none;\n}.wb-projectButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}.wb-projectButton: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}.wb-collapsed .wb-projectButton {\n  justify-content: center;\n  width: var(--wb-bar-height);\n  height: var(--wb-bar-height);\n  padding: 0;\n}.wb-collapsed .wb-projectName,\n.wb-collapsed .wb-projectChevron {\n  display: none;\n}.wb-projectGlyph {\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}.wb-projectGlyphActive {\n  color: var(--dsw-alias-state-business-primary);\n}.wb-projectName {\n  flex: 1;\n  min-width: 0;\n  font-size: var(--wb-font-row);\n  line-height: var(--wb-line-20);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}.wb-projectChevron {\n  flex: none;\n  display: inline-flex;\n  color: var(--dsw-alias-label-caption);\n  transition: transform var(--wb-dur-0-15) var(--ds-ease-in-out);\n}.wb-projectChevronOpen {\n  transform: rotate(180deg);\n}.wb-sessions {\n  --dsh-session-list-edge-inset: var(--dsh-sidebar-inline-padding);\n  --dsh-session-list-scrollbar-width: 5px;\n  --dsh-session-list-scrollbar-offset: 2px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  margin-left: var(--wb-len-neg-4);\n  margin-right: var(--dsh-session-list-scrollbar-offset);\n  padding-left: var(--wb-len-4);\n  padding-right: calc( var(--dsh-session-list-edge-inset) - var(--dsh-session-list-scrollbar-width) - var(--dsh-session-list-scrollbar-offset) );\n  padding-bottom: var(--wb-len-16);\n  scrollbar-gutter: stable;\n  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);\n  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2);\n}.wb-sessions > * + * {\n  margin-top: var(--wb-len-2);\n}.wb-sessionLeading {\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}.wb-sessionPin {\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  margin-left: var(--wb-len-6);\n  color: var(--dsw-alias-label-caption);\n}.wb-rowActions {\n  flex: none;\n  display: none;\n  align-items: center;\n  gap: var(--wb-len-10);\n}.wb-rowActions .wb-iconButton {\n  width: var(--wb-len-24);\n  height: var(--wb-len-24);\n}.wb-sessionRow:hover .wb-rowActions,\n.wb-sessionRow.wb-menuOpen .wb-rowActions {\n  display: inline-flex;\n}.wb-sessionRow:hover .wb-sessionTime,\n.wb-sessionRow.wb-menuOpen .wb-sessionTime,\n.wb-sessionRow:hover .wb-sessionPin,\n.wb-sessionRow.wb-menuOpen .wb-sessionPin {\n  display: none;\n}.wb-sessionRow.wb-menuOpen {\n  background: var(--dsw-alias-interactive-bg-hover);\n}.wb-rowMenu {\n  left: auto;\n  right: 0;\n  min-width: var(--wb-len-144);\n  max-width: var(--wb-len-260);\n}.wb-sessionRow {\n  position: relative;\n  flex: none;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 0;\n  width: 100%;\n  height: var(--wb-len-32);\n  padding: 0 var(--wb-len-8);\n  border: none;\n  border-radius: var(--dsw-radius-md);\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  user-select: none;\n}.wb-sessionRow:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}.wb-sessionRow: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}.wb-visuallyHidden {\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  width: var(--wb-len-1);\n  height: var(--wb-len-1);\n  position: absolute;\n  overflow: hidden;\n}.wb-sessionTitle {\n  flex: 1;\n  min-width: 0;\n  margin: 0 var(--wb-len-6) 0 var(--wb-len-4);\n  font-size: var(--wb-font-row);\n  line-height: var(--wb-line-20);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}.wb-sessionTime {\n  flex: none;\n  font-size: var(--wb-font-10);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}.wb-empty {\n  padding: var(--wb-len-16) var(--wb-len-12);\n  font-size: var(--dsw-font-xs-13-font-size);\n  color: var(--dsw-alias-label-tertiary);\n}@media (prefers-reduced-motion: reduce) {\n  .wb-projectChevron {\n    transition: none;\n  }}.wb-sessionRow.wb-selected {\n  background: var(--dsw-alias-interactive-bg-hover);\n}.wb-panelTag {\n  flex: none;\n  margin-left: auto;\n}.wb-panelGlyph {\n  position: relative;\n}.wb-panelDot {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: var(--wb-len-neg-3);\n  right: var(--wb-len-neg-3);\n}button.pXSMma_workspace {\n  display: none;\n}";
@@ -6277,7 +6619,10 @@ var sidebar_default = ".wb-root{--dsh-sidebar-inline-padding:12px;height:100%;pa
 var chrome_default = ".wb-stripButton {\n  width: var(--wb-len-28);\n  height: var(--wb-len-28);\n  padding: 0;\n  color: var(--dsw-alias-label-secondary);\n}.wb-stripIconFlip {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  transform: scaleX(-1);\n}.wb-stripButton:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}.wb-stripButton:disabled {\n  cursor: default;\n  opacity: 1;\n}.wb-stripButtonActive {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}.wb-panelBody.wb-fixtureMany .wb-mockStrip {\n  display: none;\n}@keyframes wb-spin {\n  from {\n    transform: rotate(0deg);\n  }to {\n    transform: rotate(360deg);\n  }}";
 //#endregion
 //#region src/shared/styles/board.css?raw
-var board_default = ".wb-view {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-10);\n  min-height: 0;\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}.wb-cardBody {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  padding: var(--wb-len-12);\n}.wb-cardBody > :not([data-wb-bleed]) {\n  padding-left: var(--wb-len-8);\n  padding-right: var(--wb-len-8);\n}.wb-releaseState {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n}.wb-releaseStateTitle {\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-primary);\n}.wb-releaseStateHint {\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}.wb-releaseActions {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  margin-top: var(--wb-len-2);\n}.wb-releaseResolving {\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}.wb-envBlock {\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.wb-envBlock:first-child {\n  border-top: none;\n}.wb-envBlockHead {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wb-len-8);\n}.wb-envLine {\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}.wb-envLineText {\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}.wb-envLineAt {\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}.wb-envLineActions {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n}.wb-envChatFailed {\n  color: var(--dsw-alias-state-error-primary);\n}[data-wb-dot] {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n}.wb-row:has(> [data-wb-dot]) {\n  grid-template-columns: 84px minmax(0, 1fr);\n}@media (prefers-reduced-motion: reduce) {\n  .wb-skeletonBar {\n    animation: none;\n  }}.wb-approvalPlan {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\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}.wb-approvalRows {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  margin: 0;\n}.wb-approvalRow {\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-8);\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}.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}.wb-approvalWarn {\n  color: var(--dsw-alias-label-secondary);\n}@container (max-width: 340px) {\n  .wb-panelBody {\n    padding: var(--wb-len-8);\n  }}@keyframes wb-dash {\n  0% {\n    stroke-dasharray: 12 150;\n    stroke-dashoffset: 0;\n  }50% {\n    stroke-dasharray: 24 150;\n    stroke-dashoffset: -6;\n  }to {\n    stroke-dasharray: 12 150;\n    stroke-dashoffset: 0;\n  }}.wb-settings {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-1);\n}.wb-settingsHead {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n}.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-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}.wb-menu {\n  box-sizing: border-box;\n  position: absolute;\n  top: calc(100% + var(--wb-len-4));\n  left: 0;\n  right: 0;\n  z-index: var(--wb-z-100);\n  padding: var(--wb-len-4);\n  display: flex;\n  flex-direction: column;\n  border: 0.5px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-lg);\n  background: var(--dsw-menu-surface-fill, var(--dsw-alias-bg-layer-2));\n  box-shadow: var(--dsw-elevation-prominent);\n  backdrop-filter: var(--dsw-menu-backdrop-filter);\n  max-height: var(--wb-len-240);\n  overflow-y: auto;\n}.wb-formActions {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n}.wb-note {\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}.wb-problem {\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}.wb-rows {\n  display: flex;\n  flex-direction: column;\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}.wb-row + .wb-row {\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\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}.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-envListTitle {\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.wb-iconButton:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-iconButton:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}\n\n.wb-spinning svg {\n  animation: wb-spin var(--wb-dur-0-9) linear infinite;\n}\n";
+var board_default = "[data-wb-dot] {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n}\n\n.wb-iconButton:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-iconButton:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}\n\n.wb-spinning svg {\n  animation: wb-spin var(--wb-dur-0-9) linear infinite;\n}\n\n@keyframes wb-dash {\n  0% {\n    stroke-dasharray: 12 150;\n    stroke-dashoffset: 0;\n  }50% {\n    stroke-dasharray: 24 150;\n    stroke-dashoffset: -6;\n  }to {\n    stroke-dasharray: 12 150;\n    stroke-dashoffset: 0;\n  }}\n";
+//#endregion
+//#region src/shared/styles/motion.css?raw
+var motion_default = "[data-animating],\n[data-sidebar-right-panel] {\n  --ds-transition-duration-slow: 0s;\n}\n";
 //#endregion
 //#region src/shared/hooks/use-api-resource.ts
 var use_api_resource_exports = /* @__PURE__ */ __exportAll({
@@ -6678,11 +7023,11 @@ function messagesOf(units) {
 		...face.messages === void 0 ? {} : { messages: face.messages }
 	})));
 }
-var COMPONENT_CSS_MARKER = "\n.wb-approvalCommand {\n  max-width: 100%;\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-len-20);\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-cardRefresh.wb-spinning svg {\n  animation: wb-spin var(--wb-dur-0-9) linear infinite;\n}\n\n.wb-choiceMenu {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  padding: var(--wb-len-4);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n  background: transparent;\n}\n\n.wb-choiceOption {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-height: var(--wb-len-30);\n  padding: var(--wb-len-6) var(--wb-len-8);\n  border-radius: var(--dsw-radius-md);\n  cursor: pointer;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-choiceOption:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-choiceLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-radio {\n  appearance: none;\n  -webkit-appearance: none;\n  flex: none;\n  box-sizing: border-box;\n  width: var(--wb-len-12);\n  height: var(--wb-len-12);\n  margin: 0;\n  border: 1px solid var(--dsw-alias-border-l3);\n  border-radius: 50%;\n  corner-shape: round;\n  background-color: transparent;\n  cursor: pointer;\n  transition:\n    background-color var(--wb-dur-0-12) ease, border-color var(--wb-dur-0-12) ease;\n}\n\n.wb-radio:not(:checked):hover {\n  border-color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-radio:checked {\n  border-color: var(--dsw-alias-brand-primary);\n  background-image: radial-gradient(\n    circle at center,\n    var(--dsw-alias-brand-primary) 0 3px,\n    transparent 3px\n  );\n}\n\n.wb-radio:disabled {\n  cursor: default;\n  opacity: 0.5;\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}\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  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n  color: var(--dsw-alias-label-secondary);\n  text-decoration: none;\n  white-space: nowrap;\n}\n.wb-longTaskLink:hover,\n.wb-longTaskLink:focus-visible {\n  color: var(--dsw-alias-label-primary);\n  text-decoration: none;\n}\n.wb-longTaskLink: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-longTaskHeadline {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-longTaskProblem {\n  margin: 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-longTaskDump {\n  margin: var(--wb-len-2) 0 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-longTaskDump pre {\n  margin: var(--wb-len-4) 0 0;\n  max-height: var(--wb-len-220);\n  overflow: auto;\n}\n.wb-mockStrip {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--wb-len-4);\n  padding: var(--wb-len-8) var(--wb-len-12);\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n  flex: none;\n}\n\n.wb-mockNote {\n  flex: 1 0 100%;\n  font-size: var(--wb-font-10);\n  line-height: var(--wb-line-14);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-mockChip {\n  flex: none;\n  padding: var(--wb-len-2) var(--wb-len-7);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--wb-radius-pill);\n  corner-shape: round;\n  background: transparent;\n  font-size: var(--wb-font-10);\n  line-height: var(--wb-line-14);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n.wb-mockChip:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-mockChipOn {\n  border-color: transparent;\n  background: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n.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.wb-formActions {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--wb-len-8);\n}.wb-textField {\n  box-sizing: border-box;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-3);\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-primary);\n  outline: none;\n}\n\n.wb-textField:focus {\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-textField[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._foot_1us83_1 {\n  display: flex;\n  align-items: center;\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_1us83_12 {\n  flex: 1;\n  min-width: 0;\n}\n\n._footTextMd_1us83_17 {\n  flex: 1;\n  min-width: 0;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n._marketList_7yq35_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  max-height: var(--wb-len-320);\n  overflow-y: auto;\n}\n\n._marketRow_7yq35_12 {\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_7yq35_22 {\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_7yq35_34 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n  min-width: 0;\n}\n\n._marketName_7yq35_41 {\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_7yq35_50 {\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_7yq35_61 {\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_7yq35_61::before {\n  content: '·';\n  margin-right: var(--wb-len-6);\n  opacity: 0.8;\n}\n\n._marketName_7yq35_41 ._marketVersion_7yq35_75 {\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_7yq35_75 {\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-caption);\n}\n\n._marketVersion_7yq35_75::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._marketEnd_7yq35_97 {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n\n._marketActions_7yq35_104 {\n  flex: none;\n  display: flex;\n  gap: var(--wb-len-6);\n}\n\n._marketSection_7yq35_110 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  min-width: 0;\n}\n\n._marketSectionHead_7yq35_117 {\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-8);\n}\n\n._marketSectionTitle_7yq35_123 {\n  margin: 0;\n  font: var(--dsw-font-base-strong-16);\n  color: var(--dsw-alias-label-primary);\n}\n\n._marketSectionCount_7yq35_129 {\n  font: var(--dsw-font-s-14);\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-caption);\n}\n\n._marketProgress_7yq35_135 {\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_7yq35_145 {\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._marketFailure_7yq35_152 {\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_7yq35_159 {\n  padding: var(--wb-len-18) var(--wb-len-16);\n  text-align: center;\n}\n\n._marketPage_7yq35_164 {\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: auto;\n  color: var(--dsw-alias-label-primary);\n}\n\n._marketPage_7yq35_164 > * {\n  width: 100%;\n  max-width: var(--wb-len-960);\n}\n\n._marketPageHead_7yq35_181 {\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_7yq35_189 {\n  margin: 0;\n  font: var(--dsw-font-l-20);\n}\n\n._marketPageIntro_7yq35_194 {\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_7yq35_200 {\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_7yq35_209 {\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_7yq35_209:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketIconButton_7yq35_209:disabled {\n  cursor: default;\n  opacity: 0.5;\n}\n\n._marketIconWrap_7yq35_234 {\n  display: inline-flex;\n}\n\n._marketIconButtonSpinning_7yq35_238 svg {\n  animation: _wb-spin_7yq35_1 var(--wb-dur-0-9) linear infinite;\n}\n\n._marketAddButton_7yq35_242 {\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_7yq35_159 {\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_7yq35_259 {\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_7yq35_267 {\n  font: var(--dsw-font-base-strong-16);\n  color: var(--dsw-alias-label-primary);\n}\n\n@keyframes _wb-spin_7yq35_1 {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n._wide_1coeb_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_1coeb_8 {\n  width: min(var(--wb-len-560), 100%);\n  max-height: min(var(--wb-len-800), 100%);\n}\n\n._content_1coeb_13 {\n  min-height: 0;\n  overflow: auto;\n}\n\n._stack_1coeb_18 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n\n._body_1coeb_25 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n\n._field_1coeb_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_1coeb_39 {\n  width: 100%;\n  height: var(--wb-len-40);\n  padding: 0 var(--wb-len-14);\n}\n\n._registryField_1coeb_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_1coeb_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_1coeb_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_1coeb_59:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n._guideToggle_1coeb_59 svg,\n._registryToggle_1coeb_78 svg {\n  transition: transform var(--wb-dur-0-12) ease;\n}\n\n._guideToggle_1coeb_59[aria-expanded='true'] svg,\n._registryToggle_1coeb_78[aria-expanded='true'] svg {\n  transform: rotate(180deg);\n}\n\n._registryWrap_1coeb_87 {\n  position: relative;\n  flex: none;\n}\n\n._registryToggle_1coeb_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_1coeb_78:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n._registryToggle_1coeb_78:disabled {\n  cursor: default;\n  opacity: 0.6;\n}\n\n._registryToggle_1coeb_78[aria-expanded='true'] {\n  border-color: var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n._registryChosen_1coeb_121 {\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n._registry_1coeb_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_1coeb_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_1coeb_143 {\n  flex-direction: row;\n  align-items: flex-start;\n  gap: var(--wb-len-10);\n}\n\n._registryPick_1coeb_159 {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-10);\n  cursor: pointer;\n}\n\n._registryOption_1coeb_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_1coeb_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_1coeb_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_1coeb_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_1coeb_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_1coeb_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_1coeb_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_1coeb_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_1coeb_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_1coeb_244 {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  gap: 0;\n  min-width: 0;\n}\n\n._guideTitle_1coeb_252 {\n  font: var(--dsw-font-s-14);\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n._guideHint_1coeb_258 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-caption);\n}\n\n._guideExample_1coeb_264 {\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._guideExample_1coeb_264 code {\n  font-family: var(--dsw-font-mono, monospace);\n}\n\n._guideExampleLabel_1coeb_274 {\n  color: var(--dsw-alias-label-caption);\n}\n\n._footer_1coeb_278 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-20);\n  width: 100%;\n}\n\n._hero_1coeb_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_1coeb_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_1coeb_294[data-state='done'] {\n  color: var(--dsw-alias-state-success-secondary);\n}\n\n._heroIcon_1coeb_294[data-state='error'] {\n  color: var(--dsw-alias-state-warn-label);\n}\n\n._pendingTitle_1coeb_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_1coeb_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_1coeb_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_1coeb_337 {\n  margin: 0;\n  font: var(--dsw-font-base-strong-16);\n  overflow-wrap: anywhere;\n}\n\n._subjectMeta_1coeb_343,\n._subjectDesc_1coeb_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_1coeb_351,\n._resultWarn_1coeb_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_1coeb_352 {\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);\n}\n\n._approval_1coeb_365 {\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_1coeb_375 {\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_1coeb_382 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._approvalCaution_1coeb_388 {\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_1coeb_395 {\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_1coeb_402 {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._noteError_1coeb_406 {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._problem_1coeb_410 {\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_1coeb_417 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-caption);\n}\n\n._detail_1coeb_417 {\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._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._button_ssnyt_1 {\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_ssnyt_1:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n._icon_ssnyt_13 {\n  display: block;\n  transform: scaleX(-1);\n}\n\n._icon_ssnyt_13 svg {\n  width: var(--wb-len-15);\n  height: var(--wb-len-15);\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_1weg4_1 {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n._pop_1weg4_7 {\n  position: absolute;\n  top: calc(100% + var(--wb-len-8));\n  right: 0;\n  z-index: var(--wb-z-30);\n  width: var(--wb-len-360);\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_1weg4_21 {\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_1weg4_29 {\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._reset_1weg4_37 {\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_1weg4_37:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n._reset_1weg4_37:disabled {\n  cursor: default;\n  opacity: 0.5;\n}\n\n._list_1weg4_59 {\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_1weg4_68 {\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: grab;\n}\n\n._row_1weg4_68:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._rowOver_1weg4_83::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_1weg4_93 {\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_1weg4_108 {\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}\n\n._label_1weg4_116 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._name_1weg4_123 {\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_1weg4_134 {\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_1weg4_142 {\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._blocker_cfaak_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_cfaak_10 {\n  display: flex;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._title_cfaak_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_cfaak_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_cfaak_1._blockerInline_cfaak_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_cfaak_1._blockerInline_cfaak_32 ._title_cfaak_15 {\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n}\n\n._blocker_cfaak_1._blockerInline_cfaak_32 ._hint_cfaak_23 {\n  max-width: 100%;\n}\n\n._blocker_cfaak_1._blockerInline_cfaak_32 ._actions_cfaak_48 {\n  margin-top: var(--wb-len-8);\n}\n\n._blocker_cfaak_1._blockerInline_cfaak_32 ._raw_cfaak_52 {\n  margin-top: var(--wb-len-4);\n  max-width: 100%;\n}\n\n._actions_cfaak_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_cfaak_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_cfaak_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_cfaak_71._noticeFlat_cfaak_84 {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n}\n\n._noticeText_cfaak_91 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-3);\n  min-width: 0;\n}\n\n._noticeTitle_cfaak_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_cfaak_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_cfaak_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_cfaak_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_cfaak_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._inlineLink_cfaak_134 {\n  margin-left: var(--wb-len-2);\n  padding: 0;\n  border: none;\n  background: transparent;\n  font: inherit;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n  vertical-align: baseline;\n}\n\n._inlineLink_cfaak_134:hover {\n  text-decoration: underline;\n}\n\n._inlineLink_cfaak_134:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n._rawText_cfaak_156 {\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  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-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-len-20);\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-cardRefresh.wb-spinning svg {\n  animation: wb-spin var(--wb-dur-0-9) linear infinite;\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);\n}\n.wb-cardBody > :not([data-wb-bleed]) {\n  padding-left: var(--wb-len-8);\n  padding-right: var(--wb-len-8);\n}\n\n.wb-choiceMenu {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  padding: var(--wb-len-4);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n  background: transparent;\n}\n\n.wb-choiceOption {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-height: var(--wb-len-30);\n  padding: var(--wb-len-6) var(--wb-len-8);\n  border-radius: var(--dsw-radius-md);\n  cursor: pointer;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-choiceOption:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-choiceLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-radio {\n  appearance: none;\n  -webkit-appearance: none;\n  flex: none;\n  box-sizing: border-box;\n  width: var(--wb-len-12);\n  height: var(--wb-len-12);\n  margin: 0;\n  border: 1px solid var(--dsw-alias-border-l3);\n  border-radius: 50%;\n  corner-shape: round;\n  background-color: transparent;\n  cursor: pointer;\n  transition:\n    background-color var(--wb-dur-0-12) ease, border-color var(--wb-dur-0-12) ease;\n}\n\n.wb-radio:not(:checked):hover {\n  border-color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-radio:checked {\n  border-color: var(--dsw-alias-brand-primary);\n  background-image: radial-gradient(\n    circle at center,\n    var(--dsw-alias-brand-primary) 0 3px,\n    transparent 3px\n  );\n}\n\n.wb-radio:disabled {\n  cursor: default;\n  opacity: 0.5;\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}\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  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n  color: var(--dsw-alias-label-secondary);\n  text-decoration: none;\n  white-space: nowrap;\n}\n.wb-longTaskLink:hover,\n.wb-longTaskLink:focus-visible {\n  color: var(--dsw-alias-label-primary);\n  text-decoration: none;\n}\n.wb-longTaskLink: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-longTaskHeadline {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-longTaskProblem {\n  margin: 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-longTaskDump {\n  margin: var(--wb-len-2) 0 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-longTaskDump pre {\n  margin: var(--wb-len-4) 0 0;\n  max-height: var(--wb-len-220);\n  overflow: auto;\n}\n.wb-mockStrip {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--wb-len-4);\n  padding: var(--wb-len-8) var(--wb-len-12);\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n  flex: none;\n}\n\n.wb-mockNote {\n  flex: 1 0 100%;\n  font-size: var(--wb-font-10);\n  line-height: var(--wb-line-14);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-mockChip {\n  flex: none;\n  padding: var(--wb-len-2) var(--wb-len-7);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--wb-radius-pill);\n  corner-shape: round;\n  background: transparent;\n  font-size: var(--wb-font-10);\n  line-height: var(--wb-line-14);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n.wb-mockChip:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-mockChipOn {\n  border-color: transparent;\n  background: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n.wb-note {\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-problem {\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-centered.wb-centeredCompact {\n  flex: none;\n  min-height: 0;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-20) var(--wb-len-16);\n}\n\n.wb-centered.wb-centeredCompact .wb-centeredHero {\n  margin-bottom: var(--wb-len-4);\n}\n\n.wb-skeleton {\n  display: flex;\n  flex-direction: column;\n}\n\n.wb-skeletonRow {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-8);\n  border-radius: var(--dsw-radius-md);\n}\n\n.wb-skeletonRow + .wb-skeletonRow::before {\n  content: '';\n  align-self: stretch;\n  height: var(--wb-len-0-5);\n  margin: 0 var(--wb-len-8) var(--wb-len-neg-0-5);\n  background: var(--dsw-alias-border-l2);\n}\n\n.wb-skeletonBar {\n  display: block;\n  height: var(--wb-len-13);\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-bg-skeleton);\n  animation: wb-skeleton-pulse var(--wb-dur-1-4) var(--ds-ease-in-out) infinite;\n}\n\n.wb-skeletonBarTitle {\n  width: 62%;\n}\n\n.wb-skeletonBarMeta {\n  width: 32%;\n  height: var(--wb-len-10);\n}\n\n.wb-skeletonRow:nth-child(2n) .wb-skeletonBarTitle {\n  width: 74%;\n}\n\n.wb-skeletonRow:nth-child(3n) .wb-skeletonBarTitle {\n  width: 52%;\n}\n\n@keyframes wb-skeleton-pulse {\n  50% {\n    opacity: 0.45;\n  }\n}\n\n.wb-centered {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: var(--wb-len-14);\n  flex: 1;\n  min-height: var(--wb-len-240);\n  padding: 0 var(--wb-len-24) var(--wb-len-24);\n  text-align: center;\n}\n\n.wb-centeredHero {\n  display: flex;\n  margin-bottom: var(--wb-len-16);\n  color: var(--dsw-alias-label-dimmed);\n}\n\n.wb-centeredTitle {\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-22);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-centeredHint {\n  max-width: var(--wb-len-300);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-centeredDetail {\n  max-width: var(--wb-len-320);\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-dimmed);\n  word-break: break-all;\n}\n\n.wb-centeredAction {\n  display: flex;\n  justify-content: center;\n  gap: var(--wb-len-8);\n  margin-top: var(--wb-len-2);\n}\n@media (prefers-reduced-motion: reduce) {\n  .wb-skeletonBar {\n    animation: none;\n  }}\n\n.wb-row:has(> [data-wb-dot]) {\n  grid-template-columns: 84px minmax(0, 1fr);\n}\n.wb-rows {\n  display: flex;\n  flex-direction: column;\n}\n.wb-row {\n  display: grid;\n  grid-template-columns: 56px minmax(0, 1fr);\n  align-items: baseline;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-4) 0;\n}\n.wb-row + .wb-row {\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n.wb-rowKey {\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-rowValue {\n  min-width: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-formActions {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--wb-len-8);\n}\n.wb-settings {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-1);\n}\n.wb-settingsHead {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n.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-xxs-12-font-size);\n  line-height: var(--wb-line-18);\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.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[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._marketList_7yq35_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  max-height: var(--wb-len-320);\n  overflow-y: auto;\n}\n\n._marketRow_7yq35_12 {\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_7yq35_22 {\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_7yq35_34 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n  min-width: 0;\n}\n\n._marketName_7yq35_41 {\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_7yq35_50 {\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_7yq35_61 {\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_7yq35_61::before {\n  content: '·';\n  margin-right: var(--wb-len-6);\n  opacity: 0.8;\n}\n\n._marketName_7yq35_41 ._marketVersion_7yq35_75 {\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_7yq35_75 {\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-caption);\n}\n\n._marketVersion_7yq35_75::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._marketEnd_7yq35_97 {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n\n._marketActions_7yq35_104 {\n  flex: none;\n  display: flex;\n  gap: var(--wb-len-6);\n}\n\n._marketSection_7yq35_110 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  min-width: 0;\n}\n\n._marketSectionHead_7yq35_117 {\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-8);\n}\n\n._marketSectionTitle_7yq35_123 {\n  margin: 0;\n  font: var(--dsw-font-base-strong-16);\n  color: var(--dsw-alias-label-primary);\n}\n\n._marketSectionCount_7yq35_129 {\n  font: var(--dsw-font-s-14);\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-caption);\n}\n\n._marketProgress_7yq35_135 {\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_7yq35_145 {\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._marketFailure_7yq35_152 {\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_7yq35_159 {\n  padding: var(--wb-len-18) var(--wb-len-16);\n  text-align: center;\n}\n\n._marketPage_7yq35_164 {\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: auto;\n  color: var(--dsw-alias-label-primary);\n}\n\n._marketPage_7yq35_164 > * {\n  width: 100%;\n  max-width: var(--wb-len-960);\n}\n\n._marketPageHead_7yq35_181 {\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_7yq35_189 {\n  margin: 0;\n  font: var(--dsw-font-l-20);\n}\n\n._marketPageIntro_7yq35_194 {\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_7yq35_200 {\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_7yq35_209 {\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_7yq35_209:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketIconButton_7yq35_209:disabled {\n  cursor: default;\n  opacity: 0.5;\n}\n\n._marketIconWrap_7yq35_234 {\n  display: inline-flex;\n}\n\n._marketIconButtonSpinning_7yq35_238 svg {\n  animation: _wb-spin_7yq35_1 var(--wb-dur-0-9) linear infinite;\n}\n\n._marketAddButton_7yq35_242 {\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_7yq35_159 {\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_7yq35_259 {\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_7yq35_267 {\n  font: var(--dsw-font-base-strong-16);\n  color: var(--dsw-alias-label-primary);\n}\n\n@keyframes _wb-spin_7yq35_1 {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n._foot_1us83_1 {\n  display: flex;\n  align-items: center;\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_1us83_12 {\n  flex: 1;\n  min-width: 0;\n}\n\n._footTextMd_1us83_17 {\n  flex: 1;\n  min-width: 0;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n._wide_1coeb_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_1coeb_8 {\n  width: min(var(--wb-len-560), 100%);\n  max-height: min(var(--wb-len-800), 100%);\n}\n\n._content_1coeb_13 {\n  min-height: 0;\n  overflow: auto;\n}\n\n._stack_1coeb_18 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n\n._body_1coeb_25 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n\n._field_1coeb_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_1coeb_39 {\n  width: 100%;\n  height: var(--wb-len-40);\n  padding: 0 var(--wb-len-14);\n}\n\n._registryField_1coeb_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_1coeb_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_1coeb_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_1coeb_59:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n._guideToggle_1coeb_59 svg,\n._registryToggle_1coeb_78 svg {\n  transition: transform var(--wb-dur-0-12) ease;\n}\n\n._guideToggle_1coeb_59[aria-expanded='true'] svg,\n._registryToggle_1coeb_78[aria-expanded='true'] svg {\n  transform: rotate(180deg);\n}\n\n._registryWrap_1coeb_87 {\n  position: relative;\n  flex: none;\n}\n\n._registryToggle_1coeb_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_1coeb_78:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n._registryToggle_1coeb_78:disabled {\n  cursor: default;\n  opacity: 0.6;\n}\n\n._registryToggle_1coeb_78[aria-expanded='true'] {\n  border-color: var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n._registryChosen_1coeb_121 {\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n._registry_1coeb_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_1coeb_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_1coeb_143 {\n  flex-direction: row;\n  align-items: flex-start;\n  gap: var(--wb-len-10);\n}\n\n._registryPick_1coeb_159 {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-10);\n  cursor: pointer;\n}\n\n._registryOption_1coeb_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_1coeb_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_1coeb_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_1coeb_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_1coeb_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_1coeb_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_1coeb_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_1coeb_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_1coeb_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_1coeb_244 {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  gap: 0;\n  min-width: 0;\n}\n\n._guideTitle_1coeb_252 {\n  font: var(--dsw-font-s-14);\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n._guideHint_1coeb_258 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-caption);\n}\n\n._guideExample_1coeb_264 {\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._guideExample_1coeb_264 code {\n  font-family: var(--dsw-font-mono, monospace);\n}\n\n._guideExampleLabel_1coeb_274 {\n  color: var(--dsw-alias-label-caption);\n}\n\n._footer_1coeb_278 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-20);\n  width: 100%;\n}\n\n._hero_1coeb_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_1coeb_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_1coeb_294[data-state='done'] {\n  color: var(--dsw-alias-state-success-secondary);\n}\n\n._heroIcon_1coeb_294[data-state='error'] {\n  color: var(--dsw-alias-state-warn-label);\n}\n\n._pendingTitle_1coeb_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_1coeb_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_1coeb_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_1coeb_337 {\n  margin: 0;\n  font: var(--dsw-font-base-strong-16);\n  overflow-wrap: anywhere;\n}\n\n._subjectMeta_1coeb_343,\n._subjectDesc_1coeb_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_1coeb_351,\n._resultWarn_1coeb_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_1coeb_352 {\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);\n}\n\n._approval_1coeb_365 {\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_1coeb_375 {\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_1coeb_382 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._approvalCaution_1coeb_388 {\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_1coeb_395 {\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_1coeb_402 {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._noteError_1coeb_406 {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._problem_1coeb_410 {\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_1coeb_417 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-caption);\n}\n\n._detail_1coeb_417 {\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._actions_jlw8j_1[hidden],\n._progress_jlw8j_2[hidden],\n._commandRow_jlw8j_3[hidden],\n._bridge_jlw8j_4[hidden],\n._raw_jlw8j_5[hidden] {\n  display: none;\n}\n\n._gate_jlw8j_9 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--wb-z-top);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--wb-len-24);\n  background: var(--dsw-alias-bg-base);\n}\n\n._card_jlw8j_20 {\n  width: 100%;\n  max-width: var(--wb-len-420);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-16);\n  text-align: center;\n}\n\n._card_jlw8j_20:has(._actions_jlw8j_1:not([hidden])),\n._card_jlw8j_20:has(._bridge_jlw8j_4:not([hidden])) {\n  max-width: var(--wb-len-520);\n}\n\n._title_jlw8j_35 {\n  margin: 0;\n  font-size: var(--dsw-font-base-16-font-size);\n  line-height: var(--wb-line-24);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._hint_jlw8j_43 {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._steps_jlw8j_50 {\n  list-style: none;\n  margin: var(--wb-len-6) 0 0;\n  padding: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  text-align: left;\n}\n\n._step_jlw8j_50 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-6) var(--wb-len-10);\n  border-radius: var(--dsw-radius-sm);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n._step_jlw8j_50[data-status='running'] {\n  color: var(--dsw-alias-label-primary);\n}\n\n._mark_jlw8j_77 {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-14);\n  height: var(--wb-len-14);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n\n._step_jlw8j_50[data-status='ok'] ._mark_jlw8j_77 {\n  color: var(--dsw-alias-state-success-primary);\n}\n\n._step_jlw8j_50[data-status='warn'] ._mark_jlw8j_77 {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._step_jlw8j_50[data-status='failed'] ._mark_jlw8j_77 {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._label_jlw8j_102 {\n  flex: none;\n}\n\n._detail_jlw8j_106 {\n  margin-left: auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._progress_jlw8j_2 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--wb-len-8);\n  margin-top: var(--wb-len-4);\n  max-width: 100%;\n}\n\n._elapsed_jlw8j_124 {\n  flex: none;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n\n._error_jlw8j_132 {\n  margin: 0;\n  padding: var(--wb-len-8) var(--wb-len-10);\n  max-height: var(--wb-len-120);\n  overflow: auto;\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-1);\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  white-space: pre-wrap;\n  word-break: break-all;\n  text-align: left;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._commandRow_jlw8j_3 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n  margin: 0 0 var(--wb-len-8);\n  padding-right: var(--wb-len-4);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n._copy_jlw8j_158 {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-24);\n  height: var(--wb-len-24);\n  padding: 0;\n  border: none;\n  border-radius: var(--wb-radius-6);\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n._copy_jlw8j_158:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n._command_jlw8j_3 {\n  flex: 1;\n  min-width: 0;\n  padding: var(--wb-len-8) var(--wb-len-10);\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  overflow-wrap: anywhere;\n  color: var(--dsw-alias-label-primary);\n}\n\n._buttons_jlw8j_191 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--wb-len-12);\n}\n\n._mockSlot_jlw8j_198 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  justify-content: center;\n  background: var(--dsw-alias-bg-base);\n}\n\n._button_jlw8j_191 {\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--wb-len-28);\n  padding: 0 var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n}\n\n._button_jlw8j_191:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._button_jlw8j_191:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n._actions_jlw8j_1,\n._bridge_jlw8j_4 {\n  box-sizing: border-box;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--wb-len-10);\n  margin-top: var(--wb-len-4);\n  padding: var(--wb-len-14) var(--wb-len-16);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--wb-radius-14);\n  background: var(--dsw-alias-bg-layer-1);\n  text-align: left;\n}\n\n._fixTitle_jlw8j_249 {\n  margin: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._actions_jlw8j_1 ._hint_jlw8j_43,\n._bridge_jlw8j_4 ._hint_jlw8j_43 {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-19);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._actions_jlw8j_1 ._commandRow_jlw8j_3,\n._bridge_jlw8j_4 ._commandRow_jlw8j_3 {\n  margin: 0;\n}\n\n._actions_jlw8j_1 ._buttons_jlw8j_191,\n._bridge_jlw8j_4 ._buttons_jlw8j_191 {\n  justify-content: flex-start;\n}\n\n._raw_jlw8j_5 {\n  margin: 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._rawSummary_jlw8j_282 {\n  cursor: pointer;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._actions_jlw8j_1 ._error_jlw8j_132,\n._bridge_jlw8j_4 ._error_jlw8j_132 {\n  margin-top: var(--wb-len-6);\n}\n\n._bridgeLines_jlw8j_292 {\n  margin: 0;\n  padding-left: var(--wb-len-18);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-19);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._bridgeLine_jlw8j_292 a {\n  display: block;\n  margin-top: var(--wb-len-4);\n  width: fit-content;\n}\n\n._link_jlw8j_309 {\n  color: var(--dsw-alias-label-primary);\n  text-decoration: none;\n}\n\n._link_jlw8j_309::after {\n  content: '↗';\n  margin-left: var(--wb-len-2);\n}\n\n._link_jlw8j_309:hover {\n  text-decoration: underline;\n}\n\n._loading_jlw8j_323 {\n  flex: none;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._loading_jlw8j_323[hidden] {\n  display: none;\n}\n\n._loadingMotion_jlw8j_332 {\n  transform-origin: center;\n  animation: _wb-spin_jlw8j_1 var(--wb-dur-1-5) linear infinite;\n}\n\n._loadingTrack_jlw8j_337,\n._loadingArc_jlw8j_338 {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n}\n\n._loadingTrack_jlw8j_337 {\n  opacity: 0.25;\n}\n\n._loadingArc_jlw8j_338 {\n  stroke-dasharray: 12 150;\n  animation: _wb-dash_jlw8j_1 var(--wb-dur-1-5) ease-in-out infinite;\n}\n\n@keyframes _wb-spin_jlw8j_1 {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes _wb-dash_jlw8j_1 {\n  0% {\n    stroke-dasharray: 12 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 24 150;\n    stroke-dashoffset: -6;\n  }\n  to {\n    stroke-dasharray: 12 150;\n    stroke-dashoffset: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  ._loadingMotion_jlw8j_332,\n  ._loadingArc_jlw8j_338 {\n    animation: none;\n  }\n}\n._group_1hxis_1 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n}\n\n._button_1hxis_7 {\n  flex: none;\n  width: var(--wb-len-28);\n  height: var(--wb-len-28);\n  padding: 0;\n  color: var(--dsw-alias-label-secondary);\n}\n\n._button_1hxis_7:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n._active_1hxis_19 {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._icon_1hxis_23 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n._icon_1hxis_23 svg {\n  display: block;\n  width: var(--wb-len-15);\n  height: var(--wb-len-15);\n}\n\n._mirror_1hxis_35 {\n  transform: scaleX(-1);\n}\n._stripTabs_1dqp4_1 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n  min-width: 0;\n  overflow: hidden;\n}\n\n._tab_1dqp4_9 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  flex: none;\n  height: var(--wb-len-28);\n  padding: 0 var(--wb-len-10);\n  border: 0;\n  border-radius: var(--dsw-radius-sm);\n  background: none;\n  font: inherit;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-16);\n  max-width: 100%;\n}\n\n._tabActive_1dqp4_25 {\n  color: var(--dsw-alias-label-primary);\n}\n\n._tabQuiet_1dqp4_29 {\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n._tabQuiet_1dqp4_29:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._tabTitle_1dqp4_39 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._sep_1dqp4_49 {\n  flex: none;\n  color: var(--dsw-alias-label-dimmed);\n}\n._trigger_1weg4_1 {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n._pop_1weg4_7 {\n  position: absolute;\n  top: calc(100% + var(--wb-len-8));\n  right: 0;\n  z-index: var(--wb-z-30);\n  width: var(--wb-len-360);\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_1weg4_21 {\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_1weg4_29 {\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._reset_1weg4_37 {\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_1weg4_37:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n._reset_1weg4_37:disabled {\n  cursor: default;\n  opacity: 0.5;\n}\n\n._list_1weg4_59 {\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_1weg4_68 {\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: grab;\n}\n\n._row_1weg4_68:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._rowOver_1weg4_83::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_1weg4_93 {\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_1weg4_108 {\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}\n\n._label_1weg4_116 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._name_1weg4_123 {\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_1weg4_134 {\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_1weg4_142 {\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._panel_1oyh4_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_1oyh4_1[data-fullscreen] {\n  z-index: var(--wb-z-40);\n}\n\n._panel_1oyh4_1[data-open] {\n  visibility: visible;\n}\n._blocker_cfaak_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_cfaak_10 {\n  display: flex;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._title_cfaak_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_cfaak_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_cfaak_1._blockerInline_cfaak_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_cfaak_1._blockerInline_cfaak_32 ._title_cfaak_15 {\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n}\n\n._blocker_cfaak_1._blockerInline_cfaak_32 ._hint_cfaak_23 {\n  max-width: 100%;\n}\n\n._blocker_cfaak_1._blockerInline_cfaak_32 ._actions_cfaak_48 {\n  margin-top: var(--wb-len-8);\n}\n\n._blocker_cfaak_1._blockerInline_cfaak_32 ._raw_cfaak_52 {\n  margin-top: var(--wb-len-4);\n  max-width: 100%;\n}\n\n._actions_cfaak_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_cfaak_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_cfaak_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_cfaak_71._noticeFlat_cfaak_84 {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n}\n\n._noticeText_cfaak_91 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-3);\n  min-width: 0;\n}\n\n._noticeTitle_cfaak_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_cfaak_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_cfaak_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_cfaak_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_cfaak_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._inlineLink_cfaak_134 {\n  margin-left: var(--wb-len-2);\n  padding: 0;\n  border: none;\n  background: transparent;\n  font: inherit;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n  vertical-align: baseline;\n}\n\n._inlineLink_cfaak_134:hover {\n  text-decoration: underline;\n}\n\n._inlineLink_cfaak_134:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n._rawText_cfaak_156 {\n  margin: var(--wb-len-6) 0 0;\n  max-width: 100%;\n}\n/*$vite$:1*/";
 function installStyles() {
 	const style = document.createElement("style");
 	style.setAttribute(STYLE_MARKER, "");
-	style.textContent = `${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${COMPONENT_CSS_MARKER}`;
+	style.textContent = `${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}`;
 	document.head.appendChild(style);
 	return () => style.remove();
 }
@@ -6768,6 +7113,120 @@ function mount(ctx) {
 		goToPanel: (index) => store.goTo(index)
 	};
 	const rightbarHooks = { hooks: { rightbar: observable } };
+	const sidebarRight = () => ctx.get("sidebarRight");
+	const dshColumn = createDshColumnSource(() => {
+		const official = sidebarRight();
+		if (official === void 0) return false;
+		return official.mounted.getSnapshot() === void 0 || official.isExpanded();
+	}, 400);
+	let pendingDshOpen = false;
+	let pendingOfficialCall;
+	let unsubscribeOfficial;
+	let restoreOfficial;
+	let officialShimmed = false;
+	let workbenchColumnArmed = false;
+	let disposeWorkbenchColumn;
+	const armWorkbenchColumn = () => {
+		if (workbenchColumnArmed) return;
+		workbenchColumnArmed = true;
+		disposeWorkbenchColumn = ctx.slots.inject("rightbar", () => ctx.slots.register({
+			name: "rightbar",
+			priority: -1,
+			locale: LOCALE_NS,
+			inject: () => ({
+				...rightbarActions,
+				...rightbarHooks,
+				units
+			})
+		}, Rightbar));
+	};
+	const releaseWorkbenchColumn = () => {
+		workbenchColumnArmed = false;
+		disposeWorkbenchColumn?.();
+		disposeWorkbenchColumn = void 0;
+	};
+	const flushOfficialCall = () => {
+		const official = sidebarRight();
+		if (official === void 0 || official.mounted.getSnapshot() === void 0) return;
+		if (pendingDshOpen) {
+			pendingDshOpen = false;
+			if (!official.isExpanded()) official.toggleExpanded();
+		}
+		const call = pendingOfficialCall;
+		pendingOfficialCall = void 0;
+		call?.();
+	};
+	const watchOfficial = () => {
+		const official = sidebarRight();
+		if (official === void 0 || unsubscribeOfficial !== void 0) return;
+		unsubscribeOfficial = official.mounted.subscribe(flushOfficialCall);
+	};
+	const armDshColumn = () => {
+		const official = sidebarRight();
+		if (official === void 0) return false;
+		if (official.mounted.getSnapshot() !== void 0) {
+			if (!official.isExpanded()) official.toggleExpanded();
+			return true;
+		}
+		watchOfficial();
+		store.setColumn("dsh");
+		ctx.layout.closeRightbar();
+		releaseWorkbenchColumn();
+		pendingDshOpen = true;
+		return false;
+	};
+	const openInDshColumn = (call) => {
+		shimOfficialNavigation();
+		if (sidebarRight() === void 0) return;
+		if (armDshColumn()) {
+			call();
+			return;
+		}
+		pendingOfficialCall = call;
+	};
+	const shimOfficialNavigation = () => {
+		const official = sidebarRight();
+		if (official === void 0 || officialShimmed) return;
+		const { openResource, openTab } = official;
+		if (typeof openResource !== "function" || typeof openTab !== "function") return;
+		officialShimmed = true;
+		official.openResource = (address, options) => openInDshColumn(() => openResource.call(official, address, options));
+		official.openTab = (kind, options) => openInDshColumn(() => openTab.call(official, kind, options));
+		restoreOfficial = () => {
+			official.openResource = openResource;
+			official.openTab = openTab;
+			officialShimmed = false;
+		};
+	};
+	const selectColumn = (column) => {
+		if (store.getSnapshot().column === column) {
+			if (column === "workbench") {
+				rightbarActions.toggleRightbar();
+				return;
+			}
+			const current = sidebarRight();
+			if (current === void 0 || current.mounted.getSnapshot() === void 0) return;
+			current.toggleExpanded();
+			return;
+		}
+		if (column === "workbench") {
+			store.setColumn("workbench");
+			pendingDshOpen = false;
+			armWorkbenchColumn();
+			store.setExpanded(true);
+			return;
+		}
+		openInDshColumn(() => {});
+	};
+	ctx.effect(() => () => {
+		unsubscribeOfficial?.();
+		unsubscribeOfficial = void 0;
+		restoreOfficial?.();
+		restoreOfficial = void 0;
+	}, "dsh-workbench: 官方椅面订阅与借道");
+	shimOfficialNavigation();
+	watchOfficial();
+	if (store.getSnapshot().column === "workbench") armWorkbenchColumn();
 	ctx.slots.inject("sidebar", () => ctx.slots.register({
 		name: "sidebar",
 		priority: -1,
@@ -6788,16 +7247,6 @@ function mount(ctx) {
 			selectPanel: (panelId) => ctx.layout.selectPanel(panelId)
 		})
 	}, Sidebar));
-	ctx.slots.inject("rightbar", () => ctx.slots.register({
-		name: "rightbar",
-		priority: -1,
-		locale: LOCALE_NS,
-		inject: () => ({
-			...rightbarActions,
-			...rightbarHooks,
-			units
-		})
-	}, Rightbar));
 	registerMarketPanel(ctx, units);
 	const gate = createBootGate(ctx);
 	ctx.effect(() => () => gate.close(), "dsh-workbench: env gate");
@@ -6815,10 +7264,11 @@ function mount(ctx) {
 		priority: -1,
 		locale: LOCALE_NS,
 		inject: () => ({
-			toggleRightbar: rightbarActions.toggleRightbar,
+			selectColumn,
+			dshColumn,
 			...rightbarHooks
 		})
-	}, ExpandButton));
+	}, ColumnSwitch));
 }
 function sidebarChildren(ctx) {
 	return {