@dsh-workbench/core 0.1.2 → 0.1.4

package/dist/client/index.js

@@ -1,3 +1,4 @@
+import { Button, CodeBlock, DisclosureRow, IconCheckCircleFillRegular, IconChevronDownOutlineRegular, IconCodeOutlineRegular, IconEllipsisOutlineRegular, IconFlatListOutlineRegular, IconFolderCloseRegular, IconFolderOpenRegular, IconInfoOutlineRegular, IconNewChatOutlineRegular, IconPanelLeftOutlineRegular, IconPinOutlineRegular, IconPlusOutlineRegular, IconRefreshOutlineRegular, IconRightUpOutlineRegular, IconSettingsOutlineRegular, IconTrashOutlineRegular, IconWarningOutlineRegular, Menu, Modal, RiskConfirmation, StateDot, Switch, Tag, TextShimmer, Tooltip, useAnchoredPosition, useDismissOnOutsidePointer, writeClipboard } from "@deepseek-ai/dsh-client-ui-primitives";
 //#region \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
 var __exportAll = (all, no_symbols) => {
@@ -352,10 +353,12 @@ function writeOutcomeOf(response, networkText) {
 		const own = typeof box.error?.message === "string" && box.error.message !== "" ? box.error.message : void 0;
 		const fallback = typeof box.text === "string" && box.text !== "" ? box.text : networkText;
 		const detail = typeof box.error?.detail === "string" ? box.error.detail : void 0;
+		const helpUrl = typeof box.error?.helpUrl === "string" && box.error.helpUrl !== "" ? box.error.helpUrl : void 0;
 		return {
 			ok: false,
 			message: own ?? fallback,
-			...detail === void 0 ? {} : { detail }
+			...detail === void 0 ? {} : { detail },
+			...helpUrl === void 0 ? {} : { helpUrl }
 		};
 	}
 	return {
@@ -521,235 +524,43 @@ function ApprovalDetail(props) {
 		input,
 		t
 	});
-	return command === "" ? null : h("code", { className: "wb-approvalCommand" }, command);
-}
-//#endregion
-//#region ../shared/dist/components/icons.js
-function Shell({ size, strokeWidth = 1, viewBox = "0 0 16 16", children }) {
-	return h("svg", {
-		width: size,
-		height: size,
-		viewBox,
-		fill: "none",
-		xmlns: "http://www.w3.org/2000/svg",
-		"aria-hidden": "true",
-		strokeWidth,
-		style: { display: "block" }
-	}, children);
-}
-function IconPanelLeft({ size = 16 }) {
-	return h(Shell, { size }, h("path", {
-		d: "M13.5 1.5H2.5C1.94772 1.5 1.5 1.94772 1.5 2.5V13.5C1.5 14.0523 1.94772 14.5 2.5 14.5H13.5C14.0523 14.5 14.5 14.0523 14.5 13.5V2.5C14.5 1.94772 14.0523 1.5 13.5 1.5Z",
-		stroke: "currentColor"
-	}), h("path", {
-		d: "M5.5 1.5V14.5",
-		stroke: "currentColor"
-	}));
-}
-function IconFolder({ size = 16 }) {
-	return h(Shell, { size }, h("path", {
-		d: "M1.50439 3.11059C1.50439 2.55831 1.95211 2.1106 2.50439 2.1106H5.43389C5.67773 2.1106 5.91318 2.19969 6.09593 2.36113L7.71649 3.79265C7.89924 3.95409 8.1347 4.04319 8.3785 4.04319H13.4958C14.0481 4.04319 14.4958 4.4909 14.4958 5.04319V12.8894C14.4958 13.4417 14.0481 13.8894 13.4958 13.8894H2.50439C1.95211 13.8894 1.50439 13.4417 1.50439 12.8894V4.04319V3.11059Z",
-		stroke: "currentColor"
-	}), h("path", {
-		d: "M3.63501 7.66614H12.3647",
-		stroke: "currentColor"
-	}));
-}
-function IconFolderOpen({ size = 16 }) {
-	return h(Shell, { size }, h("path", {
-		d: "M2.55912 7.93683C2.67584 7.49906 3.0723 7.19446 3.52536 7.19446H13.6491C14.3061 7.19446 14.7846 7.81725 14.6153 8.45209L13.4411 12.856C13.3244 13.2938 12.9279 13.5984 12.4748 13.5984H2.35113C1.69411 13.5984 1.21562 12.9756 1.38489 12.3407L2.55912 7.93683Z",
-		fill: "currentColor",
-		opacity: .16
-	}), h("path", {
-		d: "M13.6491 6.69446C14.6346 6.69453 15.3522 7.62895 15.0983 8.58118L13.9245 12.9845C13.7494 13.6412 13.1539 14.0988 12.4743 14.0988H2.35126C1.36574 14.0988 0.648153 13.1643 0.902044 12.212L2.07587 7.80774C2.25102 7.15128 2.84567 6.69455 3.52509 6.69446H13.6491ZM3.52509 7.69446C3.29865 7.69455 3.10004 7.84674 3.04169 8.06555L1.86786 12.4698C1.78345 12.7872 2.02285 13.0988 2.35126 13.0988H12.4743C12.7007 13.0988 12.8992 12.9463 12.9577 12.7277L14.1325 8.32336C14.2171 8.00598 13.9776 7.69453 13.6491 7.69446H3.52509Z",
-		fill: "currentColor"
-	}), h("path", {
-		d: "M4.7666 1.90137C5.13227 1.90144 5.48571 2.03525 5.75977 2.27734L7.27246 3.61328C7.36379 3.69382 7.48174 3.73828 7.60352 3.73828H12.3994C13.2276 3.73841 13.8993 4.41005 13.8994 5.23828V6.7168C13.8183 6.70327 13.735 6.69436 13.6494 6.69434H12.8994V5.23828C12.8993 4.96233 12.6754 4.73841 12.3994 4.73828H7.60352C7.23781 4.73828 6.88446 4.60438 6.61035 4.3623L5.09766 3.02637C5.00636 2.94576 4.88838 2.90144 4.7666 2.90137H2.0498C1.77366 2.90137 1.5498 3.12523 1.5498 3.40137V9.78223L0.902344 12.2119C0.648452 13.1642 1.36604 14.0986 2.35156 14.0986H2.0498C1.2214 14.0986 0.549838 13.427 0.549805 12.5986V3.40137C0.549805 2.57294 1.22138 1.90137 2.0498 1.90137H4.7666Z",
-		fill: "currentColor"
-	}));
-}
-function IconChevronDown({ size = 14 }) {
-	return h(Shell, { size }, h("path", {
-		d: "M4 6L7.29289 9.29289C7.68342 9.68342 8.31658 9.68342 8.70711 9.29289L12 6",
-		stroke: "currentColor"
-	}));
-}
-function IconPlus({ size = 16 }) {
-	return h(Shell, { size }, h("path", {
-		d: "M8 2V14",
-		stroke: "currentColor"
-	}), h("path", {
-		d: "M2 8H14",
-		stroke: "currentColor"
-	}));
-}
-function IconEllipsis({ size = 16 }) {
-	return h(Shell, { size }, h("path", {
-		d: "M3 9C3.55228 9 4 8.55228 4 8C4 7.44772 3.55228 7 3 7C2.44772 7 2 7.44772 2 8C2 8.55228 2.44772 9 3 9Z",
-		fill: "currentColor"
-	}), h("path", {
-		d: "M8 9C8.55228 9 9 8.55228 9 8C9 7.44772 8.55228 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9Z",
-		fill: "currentColor"
-	}), h("path", {
-		d: "M13 9C13.5523 9 14 8.55228 14 8C14 7.44772 13.5523 7 13 7C12.4477 7 12 7.44772 12 8C12 8.55228 12.4477 9 13 9Z",
-		fill: "currentColor"
-	}));
-}
-function IconSettings({ size = 16 }) {
-	return h(Shell, { size }, h("path", {
-		d: "M8 9.75012C8.9665 9.75012 9.75 8.96662 9.75 8.00012C9.75 7.03362 8.9665 6.25012 8 6.25012C7.0335 6.25012 6.25 7.03362 6.25 8.00012C6.25 8.96662 7.0335 9.75012 8 9.75012Z",
-		stroke: "currentColor"
-	}), h("path", {
-		d: "M13.0107 7.79377C12.9505 7.89401 12.9205 7.94413 12.9205 7.99951C12.9205 8.0549 12.9505 8.10502 13.0106 8.20528L13.9849 9.83006C14.045 9.93029 14.0751 9.9804 14.0751 10.0358C14.0751 10.0911 14.045 10.1413 13.9849 10.2415L13.0037 11.8777C12.9468 11.9726 12.9184 12.0201 12.8725 12.0461C12.8267 12.072 12.7713 12.072 12.6607 12.072H10.6704C10.5598 12.072 10.5045 12.072 10.4586 12.098C10.4128 12.1239 10.3843 12.1714 10.3274 12.2662L9.33825 13.9142C9.28133 14.009 9.25287 14.0564 9.20703 14.0823C9.16118 14.1083 9.10588 14.1083 8.99529 14.1083H7.00486C6.89426 14.1083 6.83896 14.1083 6.79312 14.0823C6.74727 14.0564 6.71881 14.009 6.6619 13.9142L5.67273 12.2662C5.61581 12.1714 5.58735 12.1239 5.54151 12.098C5.49566 12.072 5.44036 12.072 5.32977 12.072H3.33945C3.2288 12.072 3.17347 12.072 3.12761 12.0461C3.08176 12.0201 3.0533 11.9726 2.9964 11.8777L2.0152 10.2415C1.9551 10.1413 1.92505 10.0911 1.92505 10.0358C1.92505 9.9804 1.9551 9.93029 2.0152 9.83006L2.98951 8.20528C3.04963 8.10502 3.07969 8.0549 3.07969 7.99951C3.07968 7.94413 3.04961 7.89401 2.98946 7.79377L2.01529 6.17011C1.95514 6.06987 1.92507 6.01975 1.92507 5.96437C1.92506 5.90899 1.95512 5.85886 2.01524 5.7586L2.9964 4.1224C3.0533 4.0275 3.08176 3.98005 3.12761 3.95408C3.17347 3.92811 3.2288 3.92811 3.33945 3.92811H5.32977C5.44036 3.92811 5.49566 3.92811 5.54151 3.90216C5.58735 3.87621 5.61581 3.82879 5.67273 3.73397L6.6619 2.08599C6.71881 1.99116 6.74727 1.94375 6.79312 1.9178C6.83896 1.89185 6.89426 1.89185 7.00486 1.89185H8.99529C9.10588 1.89185 9.16118 1.89185 9.20703 1.9178C9.25287 1.94375 9.28133 1.99116 9.33825 2.08599L10.3274 3.73397C10.3843 3.82879 10.4128 3.87621 10.4586 3.90216C10.5045 3.92811 10.5598 3.92811 10.6704 3.92811H12.6607C12.7713 3.92811 12.8267 3.92811 12.8725 3.95408C12.9184 3.98005 12.9468 4.0275 13.0037 4.1224L13.9849 5.7586C14.045 5.85886 14.0751 5.90899 14.0751 5.96437C14.0751 6.01975 14.045 6.06987 13.9849 6.17011L13.0107 7.79377Z",
-		stroke: "currentColor",
-		strokeMiterlimit: 10
-	}));
-}
-function IconPin({ size = 16 }) {
-	return h(Shell, { size }, h("path", {
-		d: "M9.96976 1.70572L13.1554 3.93629L10.9019 8.12317L11.5158 11.605L10.7192 12.7427L2.52767 7.00693L3.3243 5.86922L6.80612 5.25528L9.96976 1.70572Z",
-		fill: "currentColor",
-		stroke: "currentColor",
-		strokeLinejoin: "round"
-	}), h("path", {
-		d: "M6.05285 9.47511C6.27284 9.16094 6.70586 9.08458 7.02003 9.30457C7.3342 9.52455 7.41055 9.95757 7.19057 10.2717L3.98587 14.4708L3.21223 13.9291L6.05285 9.47511Z",
-		fill: "currentColor"
-	}));
-}
-function IconCheck({ size = 16 }) {
-	return h(Shell, { size }, h("path", {
-		d: "M2.25 8.5L5.49732 11.7473C5.90519 12.1552 6.57263 12.1344 6.95426 11.7018L13.75 4",
-		stroke: "currentColor"
-	}));
-}
-function IconNewChat({ size = 14 }) {
-	return h(Shell, {
-		size,
-		strokeWidth: 1.3
-	}, h("path", {
-		d: "M2.37091 11.2501C1.58745 9.89288 1.32067 8.29835 1.61969 6.76006C1.91872 5.22177 2.76342 3.8433 3.99826 2.87846C5.2331 1.91362 6.77494 1.42737 8.33988 1.50925C9.90482 1.59113 11.3875 2.23562 12.5149 3.32406C13.6425 4.41269 14.3387 5.87206 14.4754 7.4334C14.612 8.99474 14.18 10.5529 13.2587 11.8209C12.3375 13.0888 10.9891 13.9813 9.46194 14.3337C8.18691 14.628 6.85895 14.5294 5.64989 14.0605C5.1712 13.8748 4.76962 13.4932 4.26534 13.3967C3.67413 13.2835 2.95257 13.5598 2.03794 14.3337",
-		stroke: "currentColor"
-	}), h("path", {
-		d: "M8 5V11",
-		stroke: "currentColor"
-	}), h("path", {
-		d: "M5 8H11",
-		stroke: "currentColor"
-	}));
-}
-function IconRefresh({ size = 16 }) {
-	return h(Shell, { size }, h("path", {
-		d: "M14.5001 8C14.5 9.28552 14.1188 10.5422 13.4045 11.611C12.6903 12.6799 11.6752 13.5129 10.4875 14.0049C9.29982 14.4968 7.99295 14.6255 6.73212 14.3747C5.4713 14.124 4.31314 13.505 3.4041 12.596C2.49514 11.687 1.87614 10.5288 1.62537 9.26798C1.37459 8.00716 1.50331 6.70028 1.99525 5.51261C2.48719 4.32494 3.32025 3.30981 4.3891 2.59557C5.45795 1.88134 6.71458 1.50008 8.0001 1.5C9.9001 1.5 11.7001 2.3 13.0001 3.6L14.5001 5.1",
-		stroke: "currentColor"
-	}), h("path", {
-		d: "M14.4999 1.5V5.1H10.8999",
-		stroke: "currentColor"
-	}));
-}
-function IconRightUp({ size = 14 }) {
-	return h(Shell, { size }, h("path", {
-		d: "M11.7256 2.77441C12.5538 2.77469 13.2256 3.44616 13.2256 4.27441V10.1416H12.2256V4.27441C12.2256 3.99844 12.0015 3.77469 11.7256 3.77441H5.7207V2.77441H11.7256Z",
-		fill: "currentColor"
-	}), h("path", {
-		d: "M2.77441 13.2255L12.3756 3.62427",
-		stroke: "currentColor"
-	}));
-}
-function IconConversation({ size = 16 }) {
-	return h(Shell, {
-		size,
-		strokeWidth: 1.3
-	}, h("path", {
-		d: "M2.5 7.2c0-2.3 2.1-4.2 4.8-4.2h1.4c2.7 0 4.8 1.9 4.8 4.2s-2.1 4.2-4.8 4.2H7.5l-3.2 2v-2.3c-1.1-.8-1.8-2-1.8-3.9Z",
-		stroke: "currentColor",
-		strokeLinejoin: "round"
-	}));
-}
-function IconBrandMark({ size = 24 }) {
-	return h(Shell, {
-		size,
-		strokeWidth: 1.6,
-		viewBox: "0 0 24 24"
-	}, h("rect", {
-		x: 3,
-		y: 3,
-		width: 18,
-		height: 18,
-		rx: 5,
-		stroke: "currentColor"
-	}), h("path", {
-		d: "M8 9.5h8M8 12.5h8M8 15.5h5",
-		stroke: "currentColor",
-		strokeLinecap: "round"
-	}));
-}
-function IconModules({ size = 16 }) {
-	return h("svg", {
-		width: size,
-		height: size,
-		viewBox: "0 0 16 16",
-		fill: "none",
-		"aria-hidden": "true"
-	}, h("rect", {
-		x: "2.5",
-		y: "2.5",
-		width: "4.6",
-		height: "4.6",
-		rx: "1.2",
-		stroke: "currentColor",
-		strokeWidth: "1.2"
-	}), h("rect", {
-		x: "8.9",
-		y: "2.5",
-		width: "4.6",
-		height: "4.6",
-		rx: "1.2",
-		stroke: "currentColor",
-		strokeWidth: "1.2"
-	}), h("rect", {
-		x: "2.5",
-		y: "8.9",
-		width: "4.6",
-		height: "4.6",
-		rx: "1.2",
-		stroke: "currentColor",
-		strokeWidth: "1.2"
-	}), h("rect", {
-		x: "8.9",
-		y: "8.9",
-		width: "4.6",
-		height: "4.6",
-		rx: "1.2",
-		stroke: "currentColor",
-		strokeWidth: "1.2"
-	}));
+	if (command === "") return null;
+	return h(CodeBlock, {
+		code: command,
+		className: "wb-approvalCommand",
+		copyLabel: t("blocker.copy"),
+		copiedLabel: t("env.copied")
+	});
 }
 //#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");
-	return h("header", { className: "wb-cardHead" }, h("h2", { className: "wb-cardTitle" }, title), meta === void 0 ? null : h("span", { className: "wb-cardMeta" }, meta), platformHref === void 0 || platform === void 0 ? null : h("a", {
+	return h("header", { className: "wb-cardHead" }, h("h2", { className: "wb-cardTitle" }, title), meta === void 0 ? null : h("span", { className: "wb-cardMeta" }, meta), platformHref === void 0 || platform === void 0 ? null : h(Tooltip, { label: platformTitle ?? platform }, h("a", {
 		className: "wb-iconButton wb-cardOpen",
 		href: platformHref,
 		target: "_blank",
 		rel: "noreferrer noopener",
-		title: platformTitle ?? platform,
 		"aria-label": platform
-	}, h(IconRightUp, { size: 14 })), h("button", {
+	}, h(IconRightUpOutlineRegular, { size: 14 }))), h(Tooltip, { label: refreshLabel }, h(Button, {
 		type: "button",
-		className: `wb-iconButton wb-cardRefresh${refreshing ? " wb-spinning" : ""}`,
+		size: "sm",
+		variant: "ghost",
+		className: `wb-cardRefresh${refreshing ? " wb-spinning" : ""}`,
 		"aria-label": refreshLabel,
-		title: refreshLabel,
 		disabled: refreshing,
+		icon: h(IconRefreshOutlineRegular, { size: 14 }),
 		onClick: onRefresh
-	}, h(IconRefresh, { size: 14 })), gear === void 0 || onToggleGear === void 0 ? null : h("button", {
+	})), gear === void 0 || onToggleGear === void 0 ? null : h(Tooltip, { label: gear }, h(Button, {
 		type: "button",
-		className: `wb-iconButton wb-cardGear${gearOpen === true ? " wb-iconButtonActive" : ""}`,
+		size: "sm",
+		variant: "ghost",
+		className: `wb-cardGear${gearOpen === true ? " wb-iconButtonActive" : ""}`,
 		"aria-label": gear,
 		"aria-expanded": gearOpen === true,
-		title: gear,
+		icon: h(IconSettingsOutlineRegular, { size: 15 }),
 		onClick: onToggleGear
-	}, h(IconSettings, { size: 15 })));
+	})));
 }
 //#endregion
 //#region ../shared/dist/components/ChoiceGroup.js
@@ -768,47 +579,18 @@ function ChoiceGroup({ label, name, value, options, disabled, onChange }) {
 	}), h("span", { className: "wb-choiceLabel" }, option.label)))));
 }
 //#endregion
-//#region ../shared/dist/components/StateDot.js
-function StateDot({ state, size }) {
-	if (state === "ongoing") return h("svg", {
-		className: "wb-loading",
-		viewBox: "0 0 24 24",
-		width: size,
-		height: size,
-		"aria-hidden": "true",
-		style: { display: "block" }
-	}, h("g", { className: "wb-loadingMotion" }, h("circle", {
-		className: "wb-loadingTrack",
-		cx: 12,
-		cy: 12,
-		r: 9.5
-	}), h("circle", {
-		className: "wb-loadingArc",
-		cx: 12,
-		cy: 12,
-		r: 9.5
-	})));
-	return h("span", {
-		className: "wb-stateDot",
-		"data-state": state,
-		style: {
-			width: size,
-			height: size
-		},
-		"aria-hidden": "true"
-	});
-}
-//#endregion
 //#region ../shared/dist/components/LongTaskRow.js
 function RowLink({ href, text }) {
 	return h("a", {
-		className: "wb-linkButton wb-longTaskLink",
+		className: "wb-longTaskLink",
 		href,
 		target: "_blank",
 		rel: "noreferrer noopener"
-	}, text, h(IconRightUp, { size: 12 }));
+	}, text, h(IconRightUpOutlineRegular, { size: 12 }));
 }
 function LongTaskRow(props) {
+	const [stepsOpen, setStepsOpen] = useState(false);
+	const [rawOpen, setRawOpen] = useState(false);
 	const failed = props.status === "failed";
 	const problem = props.problem ?? "";
 	const raw = (props.raw ?? "").trim();
@@ -820,7 +602,37 @@ function LongTaskRow(props) {
 		href: link.href,
 		key: `${link.text}@${link.href}`,
 		text: link.text
-	}))), problem === "" ? null : h("p", { className: "wb-longTaskProblem" }, problem), !failed ? null : h(Fragment, null, steps.length === 0 || props.stepsTitle === void 0 ? null : h("details", { className: "wb-longTaskDump" }, h("summary", null, props.stepsTitle), h("pre", null, steps.join("\n"))), raw === "" || props.rawTitle === void 0 ? null : h("details", { className: "wb-longTaskDump" }, h("summary", null, props.rawTitle), h("pre", null, raw))));
+	}))), problem === "" ? null : h("p", { className: "wb-longTaskProblem" }, problem), !failed ? null : h(Fragment, null, steps.length === 0 || props.stepsTitle === void 0 ? null : h(DisclosureRow, {
+		className: "wb-longTaskDump",
+		icon: h(IconFlatListOutlineRegular, { size: 14 }),
+		title: props.stepsTitle,
+		open: stepsOpen,
+		expandable: true,
+		expandOnRowClick: true,
+		previewChevron: true,
+		onToggle: () => setStepsOpen(!stepsOpen)
+	}, h(CodeBlock, {
+		code: steps.join("\n"),
+		className: "wb-longTaskDump",
+		showHeader: props.copyLabel !== void 0,
+		copyLabel: props.copyLabel ?? "",
+		copiedLabel: props.copiedLabel ?? ""
+	})), raw === "" || props.rawTitle === void 0 ? null : h(DisclosureRow, {
+		className: "wb-longTaskDump",
+		icon: h(IconCodeOutlineRegular, { size: 14 }),
+		title: props.rawTitle,
+		open: rawOpen,
+		expandable: true,
+		expandOnRowClick: true,
+		previewChevron: true,
+		onToggle: () => setRawOpen(!rawOpen)
+	}, h(CodeBlock, {
+		code: raw,
+		className: "wb-longTaskDump",
+		showHeader: props.copyLabel !== void 0,
+		copyLabel: props.copyLabel ?? "",
+		copiedLabel: props.copiedLabel ?? ""
+	}))));
 }
 //#endregion
 //#region ../shared/dist/components/MockStrip.js
@@ -866,19 +678,113 @@ function EmptyState({ text, icon = null, compact = false }) {
 //#endregion
 //#region ../shared/dist/components/SaveBar.js
 function SaveBar({ busy, disabled, labels, onCancel, onSave }) {
-	return h("div", { className: "wb-formActions" }, h("button", {
+	return h("div", { className: "wb-formActions" }, h(Button, {
 		type: "button",
-		className: "wb-linkButton",
+		size: "sm",
+		variant: "ghost",
 		onClick: onCancel,
 		disabled: busy
-	}, labels.cancel), h("button", {
+	}, labels.cancel), h(Button, {
 		type: "button",
-		className: "wb-primaryButton",
+		size: "sm",
+		variant: "primary",
 		onClick: onSave,
 		disabled: busy || disabled === true
 	}, busy ? labels.saving : labels.save));
 }
 //#endregion
+//#region ../shared/dist/components/TextField.js
+function TextField({ invalid = false, className, ...rest }) {
+	return h("input", {
+		...rest,
+		className: className === void 0 ? "wb-textField" : `wb-textField ${className}`,
+		"aria-invalid": invalid || void 0
+	});
+}
+//#endregion
+//#region ../shared/dist/components/icons.js
+function Shell({ size, strokeWidth = 1, viewBox = "0 0 16 16", children }) {
+	return h("svg", {
+		width: size,
+		height: size,
+		viewBox,
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		strokeWidth,
+		style: { display: "block" }
+	}, children);
+}
+function IconConversation({ size = 16 }) {
+	return h(Shell, {
+		size,
+		strokeWidth: 1.3
+	}, h("path", {
+		d: "M2.5 7.2c0-2.3 2.1-4.2 4.8-4.2h1.4c2.7 0 4.8 1.9 4.8 4.2s-2.1 4.2-4.8 4.2H7.5l-3.2 2v-2.3c-1.1-.8-1.8-2-1.8-3.9Z",
+		stroke: "currentColor",
+		strokeLinejoin: "round"
+	}));
+}
+function IconBrandMark({ size = 24 }) {
+	return h(Shell, {
+		size,
+		strokeWidth: 1.6,
+		viewBox: "0 0 24 24"
+	}, h("rect", {
+		x: 3,
+		y: 3,
+		width: 18,
+		height: 18,
+		rx: 5,
+		stroke: "currentColor"
+	}), h("path", {
+		d: "M8 9.5h8M8 12.5h8M8 15.5h5",
+		stroke: "currentColor",
+		strokeLinecap: "round"
+	}));
+}
+function IconModules({ size = 16 }) {
+	return h("svg", {
+		width: size,
+		height: size,
+		viewBox: "0 0 16 16",
+		fill: "none",
+		"aria-hidden": "true"
+	}, h("rect", {
+		x: "2.5",
+		y: "2.5",
+		width: "4.6",
+		height: "4.6",
+		rx: "1.2",
+		stroke: "currentColor",
+		strokeWidth: "1.2"
+	}), h("rect", {
+		x: "8.9",
+		y: "2.5",
+		width: "4.6",
+		height: "4.6",
+		rx: "1.2",
+		stroke: "currentColor",
+		strokeWidth: "1.2"
+	}), h("rect", {
+		x: "2.5",
+		y: "8.9",
+		width: "4.6",
+		height: "4.6",
+		rx: "1.2",
+		stroke: "currentColor",
+		strokeWidth: "1.2"
+	}), h("rect", {
+		x: "8.9",
+		y: "8.9",
+		width: "4.6",
+		height: "4.6",
+		rx: "1.2",
+		stroke: "currentColor",
+		strokeWidth: "1.2"
+	}));
+}
+//#endregion
 //#region ../shared/dist/config/storage.js
 function readText(key) {
 	try {
@@ -968,11 +874,13 @@ var en = {
 	"panels.market.install": "Install",
 	"panels.market.update": "Update",
 	"panels.market.uninstall": "Uninstall",
+	"panels.market.uninstallLabel": "Uninstall {name}",
 	"panels.market.installing": "Installing…",
 	"panels.market.updating": "Updating…",
 	"panels.market.uninstalling": "Uninstalling…",
-	"panels.market.confirmUninstall": "Uninstall?",
+	"panels.market.confirmUninstallTitle": "Uninstall \"{name}\"?",
 	"panels.market.confirmUninstallDetail": "It will be gone from this machine, and removed from every project panel (bindings and settings are kept).",
+	"panels.market.confirmUninstallAck": "I understand: using it again means reinstalling it.",
 	"panels.market.confirmYes": "Uninstall",
 	"panels.market.confirmNo": "Cancel",
 	"panels.market.failed": "Failed: {reason}",
@@ -980,6 +888,10 @@ var en = {
 	"panels.market.noSource": "This module declares no install method — install it yourself",
 	"panels.market.badSource": "The install method is incomplete — install it yourself",
 	"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.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",
 	"panels.market.checkUpdates": "Check for updates",
@@ -987,6 +899,125 @@ var en = {
 	"panels.market.justNow": "just now",
 	"panels.market.minutesAgo": "{n} min ago",
 	"panels.market.hoursAgo": "{n} h ago",
+	"panels.market.add.description": "Enter a package name, a Git URL, or a path to a local directory.",
+	"panels.market.add.specPlaceholder": "e.g. @dsh-workbench/module-hello",
+	"panels.market.add.guideToggle": "Install guide and examples",
+	"panels.market.add.guideHide": "Hide guide",
+	"panels.market.add.guideIdTitle": "Package name",
+	"panels.market.add.guideIdExample": "@dsh-workbench/module-hello",
+	"panels.market.add.guideIdHint": "The module package name is its npm name (like dsh-workbench-module-xxx or @author/module) — whatever follows dsh plugin add or pnpm add in the README of a community module.",
+	"panels.market.add.guideGitTitle": "Git URL",
+	"panels.market.add.guideGitExample": "https://github.com/author/dsh-workbench-module-x",
+	"panels.market.add.guideGitHint": "The public repository of the module on GitHub; other Git hosts work too.",
+	"panels.market.add.guidePathTitle": "Local module directory",
+	"panels.market.add.guidePathExample": "/Users/name/my-workbench-module",
+	"panels.market.add.guidePathHint": "Absolute path to the module directory on this machine, for modules you develop or have already downloaded.",
+	"panels.market.add.guideExampleLabel": "Example:",
+	"panels.market.add.guideFill": "Fill in",
+	"panels.market.add.guideSafety": "Make sure you trust the source. Modules run on this machine with your permissions; an unknown module can damage the workbench or read and leak your data.",
+	"panels.market.add.registryLegend": "Which npm registry to download from",
+	"panels.market.add.registryOfficial": "npm registry",
+	"panels.market.add.registryMirror": "China mirror",
+	"panels.market.add.registryWithHost": "{name} ({host})",
+	"panels.market.add.registryToggle": "Source",
+	"panels.market.add.installVersion": "Version {version}",
+	"panels.market.add.registryDefault": "Default source",
+	"panels.market.add.registryCustom": "Custom address",
+	"panels.market.add.registryCustomPlaceholder": "https://npm.example.com/",
+	"panels.market.add.registryCustomHint": "A corporate or private npm registry; for one that needs auth, put the credentials in ~/.npmrc on this machine",
+	"panels.market.add.registryCustomInvalid": "Enter an address starting with http:// or https://",
+	"panels.market.add.run": "Install",
+	"panels.market.add.edit": "Edit",
+	"panels.market.add.changeRegistry": "Change source",
+	"panels.market.add.installingTitle": "Installing the module…",
+	"panels.market.add.installedTitle": "Installed",
+	"panels.market.add.failedTitle": "Module install failed",
+	"panels.market.add.cancelledTitle": "Cancelled",
+	"panels.market.add.failureNetworkHost": "Cannot reach {host}. Git URLs and .tgz links bypass the registry, so this machine needs direct access or a proxy; if the module is also on npm, use its package name instead.",
+	"panels.market.add.problemInvalid": "Cannot read this package name or address: {reason}",
+	"panels.market.add.problemInstalled": "This module is already installed",
+	"panels.market.add.problemNotFound": "No such module found",
+	"panels.market.add.problemNotPackage": "That path does not exist or is not a valid module package",
+	"panels.market.add.problemNotBundle": "This package declares no bundle, so it cannot be installed as a module: {reason}",
+	"panels.market.add.problemNetwork": "Cannot reach the module source; check the network and retry",
+	"panels.market.add.problemUnknown": "Cannot fetch module information: {reason}",
+	"panels.market.add.failureNetwork": "The network connection failed",
+	"panels.market.add.failureNotFound": "No such module found",
+	"panels.market.add.failureNoMatchingVersion": "No matching version",
+	"panels.market.add.failureDiskFull": "Out of disk space, install stopped",
+	"panels.market.add.failurePermission": "No write permission, cannot install",
+	"panels.market.add.failureBuildBlocked": "A dependency wants to run install scripts; you have to allow it first",
+	"panels.market.add.failureIntegrity": "The downloaded package failed its integrity check",
+	"panels.market.add.failureTimeout": "The install timed out",
+	"panels.market.add.failurePnpmMissing": "pnpm was not found, cannot install",
+	"panels.market.add.failureGeneric": "Something went wrong during install — see the install details",
+	"panels.market.add.approveTitle": "Your approval is needed for install scripts",
+	"panels.market.add.approveCaution": "Only allow packages you trust: install scripts run on this machine with your permissions.",
+	"panels.market.add.approveRun": "Allow and continue installing",
+	"panels.market.add.restart": "Installed — restart once to pick it up.",
+	"panels.market.add.tookEffect": "Live.",
+	"panels.market.add.details": "Install details",
+	"panels.market.add.open": "Add module",
+	"panels.market.add.title": "Add module",
+	"panels.market.add.intro": "Install a workbench module by package name. It goes on this machine, shared by every project.",
+	"panels.market.add.specLabel": "Package",
+	"panels.market.add.specHint": "The same thing you would put after `dsh plugin add`: a package name (optional @version), a git URL, a tarball, or an absolute local path.",
+	"panels.market.add.exampleTitle": "Examples",
+	"panels.market.add.exampleFill": "Fill in an example",
+	"panels.market.add.registryLabel": "Source",
+	"panels.market.add.registryProfile": "This profile's registry",
+	"panels.market.add.registryPnpm": "pnpm's own registry",
+	"panels.market.add.check": "Check",
+	"panels.market.add.checking": "Checking…",
+	"panels.market.add.change": "Edit",
+	"panels.market.add.previewTitle": "About to install",
+	"panels.market.add.fieldName": "Package",
+	"panels.market.add.fieldVersion": "Version",
+	"panels.market.add.fieldDescription": "Description",
+	"panels.market.add.fieldSource": "Source",
+	"panels.market.add.install": "Install",
+	"panels.market.add.installing": "Installing…",
+	"panels.market.add.cancel": "Cancel install",
+	"panels.market.add.close": "Close",
+	"panels.market.add.retry": "Retry",
+	"panels.market.add.changeSource": "Change source",
+	"panels.market.add.approveBuilds": "Allow these scripts and retry",
+	"panels.market.add.approveHint": "These packages want to run install scripts: {packages}",
+	"panels.market.add.doneApplied": "Installed and live.",
+	"panels.market.add.doneRestart": "Installed — restart once to pick it up.",
+	"panels.market.add.cancelled": "Cancelled.",
+	"panels.market.add.failed": "Didn't work: {reason}",
+	"panels.market.add.removed": "It has been removed.",
+	"panels.market.add.supplyPending": "Its plugins install after you restart.",
+	"panels.market.add.supplyFailed": "Its plugins didn't install: {reason}",
+	"panels.market.add.notModule": "This is not a workbench module (no dsh.workbench declaration), so it will not show up on the board.",
+	"panels.market.add.removedRestart": "Removed — restart once to finish.",
+	"panels.market.add.remove": "Remove it",
+	"panels.market.add.problem.invalidSpec": "That is not a spec we accept: it cannot be empty or start with a dash.",
+	"panels.market.add.problem.alreadyInstalled": "That package is already in the profile (add @version to switch versions).",
+	"panels.market.add.problem.notFound": "No such package on that source.",
+	"panels.market.add.problem.notAPackage": "There is no package at that location.",
+	"panels.market.add.problem.notABundle": "It is an npm package, but not a dsh plugin (no bundle patch).",
+	"panels.market.add.problem.network": "The source is unreachable.",
+	"panels.market.add.problem.unknown": "The check did not pass (reason unknown).",
+	"panels.market.add.reason.invalidSpec": "the spec is not accepted",
+	"panels.market.add.reason.incompatible": "it wants a different dsh version than this machine runs",
+	"panels.market.add.reason.notBundle": "it is not a dsh plugin package",
+	"panels.market.add.reason.notRemovable": "it ships with the installation and cannot be removed",
+	"panels.market.add.reason.bundleInUse": "something is still using it",
+	"panels.market.add.reason.stopProfile": "this profile has no hot reload, so stop the process first",
+	"panels.market.add.reason.staleApproval": "the scripts to allow changed — start over",
+	"panels.market.add.reason.operationError": "pnpm failed (see the install output)",
+	"panels.market.add.reason.buildBlocked": "pnpm blocked install scripts",
+	"panels.market.add.reason.pnpmMissing": "pnpm is not on this machine",
+	"panels.market.add.reason.noMatchingVersion": "no version matching that range on the source",
+	"panels.market.add.reason.diskFull": "the disk is full",
+	"panels.market.add.reason.permission": "no permission to write",
+	"panels.market.add.reason.integrity": "the download failed its integrity check",
+	"panels.market.add.reason.timeout": "no output for too long, so it was stopped",
+	"panels.market.add.reason.network": "the network is unreachable",
+	"panels.market.add.reason.notFound": "no such package on the source",
+	"panels.market.add.reason.unknown": "It failed without saying why (see the install output)",
 	"blocker.fix.install": "Install for me",
 	"blocker.fix.update": "Upgrade for me",
 	"blocker.fix.running": "Running…",
@@ -1132,18 +1163,24 @@ var zh = {
 	"panels.market.install": "安装",
 	"panels.market.update": "更新",
 	"panels.market.uninstall": "卸载",
+	"panels.market.uninstallLabel": "卸载 {name}",
 	"panels.market.installing": "正在安装…",
 	"panels.market.updating": "正在更新…",
 	"panels.market.uninstalling": "正在卸载…",
-	"panels.market.confirmUninstall": "要卸载吗？",
-	"panels.market.confirmUninstallDetail": "卸载后这台机器上就没有它了，所有项目的面板也会把它一起拿掉（绑定与设置不会丢）。",
-	"panels.market.confirmYes": "确定卸载",
+	"panels.market.confirmUninstallTitle": "卸载「{name}」？",
+	"panels.market.confirmUninstallDetail": "卸载后它提供的功能会消失。",
+	"panels.market.confirmUninstallAck": "我明白：卸载后想再用，得重新装一遍。",
+	"panels.market.confirmYes": "卸载",
 	"panels.market.confirmNo": "取消",
 	"panels.market.failed": "没成功：{reason}",
 	"panels.market.needEnv": "先在启动工作台的终端里设 {env}",
 	"panels.market.noSource": "这个模块没声明怎么装，只能自己动手",
 	"panels.market.badSource": "安装方式没写全，只能自己动手",
 	"panels.market.empty": "暂无可用模块",
+	"panels.market.installedSection": "已装",
+	"panels.market.moduleOutdated": "有新版",
+	"panels.market.moduleRestartHint": "安装完成后可能需要重启才生效",
+	"panels.market.restartNeeded": "新版装好了，重启一次才生效。",
 	"panels.market.foot": "装好后到那个项目的面板页勾选它，模块才会出现。",
 	"panels.market.recheck": "重新检查更新",
 	"panels.market.checkUpdates": "检查更新",
@@ -1151,6 +1188,125 @@ var zh = {
 	"panels.market.justNow": "刚刚",
 	"panels.market.minutesAgo": "{n} 分钟前",
 	"panels.market.hoursAgo": "{n} 小时前",
+	"panels.market.add.description": "输入模块的包名、Git 仓库地址或本地目录路径。",
+	"panels.market.add.specPlaceholder": "例如 @dsh-workbench/module-hello",
+	"panels.market.add.guideToggle": "模块安装引导和示例",
+	"panels.market.add.guideHide": "收起引导",
+	"panels.market.add.guideIdTitle": "包名",
+	"panels.market.add.guideIdExample": "@dsh-workbench/module-hello",
+	"panels.market.add.guideIdHint": "模块包名即 npm 包名（如 dsh-workbench-module-xxx 或 @作者/模块名），社区模块的 README 安装命令中 dsh plugin add 或 pnpm add 之后的部分。",
+	"panels.market.add.guideGitTitle": "Git 仓库地址",
+	"panels.market.add.guideGitExample": "https://github.com/author/dsh-workbench-module-x",
+	"panels.market.add.guideGitHint": "模块在 GitHub 上的开源仓库地址，也支持其他 Git 仓库。",
+	"panels.market.add.guidePathTitle": "本地模块目录",
+	"panels.market.add.guidePathExample": "/Users/name/my-workbench-module",
+	"panels.market.add.guidePathHint": "本机上模块目录的绝对路径，适用于自行开发或已下载的模块。",
+	"panels.market.add.guideExampleLabel": "示例：",
+	"panels.market.add.guideFill": "填入示例",
+	"panels.market.add.guideSafety": "请确认模块来源可信。模块在本机以你的权限运行，来源不明的模块可能损坏工作台，或读取和泄露你的数据。",
+	"panels.market.add.registryLegend": "从哪个 npm 源下载模块",
+	"panels.market.add.registryOfficial": "npm 官方源",
+	"panels.market.add.registryMirror": "中国大陆镜像源",
+	"panels.market.add.registryWithHost": "{name}（{host}）",
+	"panels.market.add.registryToggle": "安装源",
+	"panels.market.add.installVersion": "版本 {version}",
+	"panels.market.add.registryDefault": "默认安装源",
+	"panels.market.add.registryCustom": "自定义地址",
+	"panels.market.add.registryCustomPlaceholder": "https://npm.example.com/",
+	"panels.market.add.registryCustomHint": "公司内网或私有 npm 源；需要登录的源，把凭据放在本机的 ~/.npmrc 里",
+	"panels.market.add.registryCustomInvalid": "请输入以 http:// 或 https:// 开头的地址",
+	"panels.market.add.run": "安装",
+	"panels.market.add.edit": "编辑",
+	"panels.market.add.changeRegistry": "更换安装源",
+	"panels.market.add.installingTitle": "模块安装中…",
+	"panels.market.add.installedTitle": "已安装",
+	"panels.market.add.failedTitle": "模块安装失败",
+	"panels.market.add.cancelledTitle": "已取消",
+	"panels.market.add.failureNetworkHost": "无法连接 {host}。Git 地址和 .tgz 直链不经过安装源，需要本机能直接访问它或配置代理；如果这个模块也发布到了 npm，请改填包名。",
+	"panels.market.add.problemInvalid": "无法识别这个包名或地址：{reason}",
+	"panels.market.add.problemInstalled": "该模块已安装",
+	"panels.market.add.problemNotFound": "未找到相关模块",
+	"panels.market.add.problemNotPackage": "该路径不存在或不是有效的模块包",
+	"panels.market.add.problemNotBundle": "这个包没有声明组合包，无法作为模块安装：{reason}",
+	"panels.market.add.problemNetwork": "无法连接模块源，请检查网络后重试",
+	"panels.market.add.problemUnknown": "无法获取模块信息：{reason}",
+	"panels.market.add.failureNetwork": "网络连接失败",
+	"panels.market.add.failureNotFound": "未找到相关模块",
+	"panels.market.add.failureNoMatchingVersion": "没有匹配的版本",
+	"panels.market.add.failureDiskFull": "磁盘空间不足，安装已停止",
+	"panels.market.add.failurePermission": "没有写入权限，无法安装",
+	"panels.market.add.failureBuildBlocked": "有依赖的安装脚本需要你允许后才能继续",
+	"panels.market.add.failureIntegrity": "下载的安装包校验失败",
+	"panels.market.add.failureTimeout": "安装超时",
+	"panels.market.add.failurePnpmMissing": "没有找到 pnpm，无法安装",
+	"panels.market.add.failureGeneric": "安装过程中出错，原因见安装详情",
+	"panels.market.add.approveTitle": "需要你允许安装脚本",
+	"panels.market.add.approveCaution": "只允许你信得过的包：安装脚本会以你的权限在这台机器上运行。",
+	"panels.market.add.approveRun": "允许并继续安装",
+	"panels.market.add.restart": "装好了，重启一次才生效。",
+	"panels.market.add.tookEffect": "已生效。",
+	"panels.market.add.details": "安装详情",
+	"panels.market.add.open": "添加模块",
+	"panels.market.add.title": "添加模块",
+	"panels.market.add.intro": "按包名装工作台模块。装在这台机器上，所有项目共用。",
+	"panels.market.add.specLabel": "包名",
+	"panels.market.add.specHint": "就是命令里 `dsh plugin add` 后面那一段：包名（可带 @版本）、git 地址、压缩包或本地绝对路径。",
+	"panels.market.add.exampleTitle": "示例",
+	"panels.market.add.exampleFill": "填入示例",
+	"panels.market.add.registryLabel": "安装源",
+	"panels.market.add.registryProfile": "这个 profile 配的源",
+	"panels.market.add.registryPnpm": "pnpm 自己配的源",
+	"panels.market.add.check": "预检",
+	"panels.market.add.checking": "正在预检…",
+	"panels.market.add.change": "改一下",
+	"panels.market.add.previewTitle": "将要安装",
+	"panels.market.add.fieldName": "包名",
+	"panels.market.add.fieldVersion": "版本",
+	"panels.market.add.fieldDescription": "简介",
+	"panels.market.add.fieldSource": "来源",
+	"panels.market.add.install": "安装",
+	"panels.market.add.installing": "正在安装…",
+	"panels.market.add.cancel": "取消安装",
+	"panels.market.add.close": "关闭",
+	"panels.market.add.retry": "重试",
+	"panels.market.add.changeSource": "换源",
+	"panels.market.add.approveBuilds": "允许这些脚本并重试",
+	"panels.market.add.approveHint": "这几个包要跑安装脚本：{packages}",
+	"panels.market.add.doneApplied": "装好了，已经生效。",
+	"panels.market.add.doneRestart": "装好了，重启一次才生效。",
+	"panels.market.add.cancelled": "已取消。",
+	"panels.market.add.failed": "没成功：{reason}",
+	"panels.market.add.removed": "已经移除了。",
+	"panels.market.add.supplyPending": "它要的插件重启后再装。",
+	"panels.market.add.supplyFailed": "它要的插件没装上：{reason}",
+	"panels.market.add.notModule": "这不是工作台模块（没有 dsh.workbench 声明），不会出现在面板上。",
+	"panels.market.add.removedRestart": "卸掉了，重启一次才彻底生效。",
+	"panels.market.add.remove": "移除它",
+	"panels.market.add.problem.invalidSpec": "这个写法不认：不能是空的，也不能以横杠开头。",
+	"panels.market.add.problem.alreadyInstalled": "这个包已经在 profile 里了（要换版本请带上 @版本）。",
+	"panels.market.add.problem.notFound": "源上没有这个包。",
+	"panels.market.add.problem.notAPackage": "这个位置没有包。",
+	"panels.market.add.problem.notABundle": "它是一个 npm 包，但不是 dsh 插件包（没有 bundle patch）。",
+	"panels.market.add.problem.network": "源连不上。",
+	"panels.market.add.problem.unknown": "预检没通过（原因未知）。",
+	"panels.market.add.reason.invalidSpec": "写法不认",
+	"panels.market.add.reason.incompatible": "它要的 dsh 版本和这台机器上的不一致",
+	"panels.market.add.reason.notBundle": "它不是一个 dsh 插件包",
+	"panels.market.add.reason.notRemovable": "它是安装自带的组合包，不能卸",
+	"panels.market.add.reason.bundleInUse": "还有东西在用它，卸不掉",
+	"panels.market.add.reason.stopProfile": "这个 profile 没开热更新，得先停掉进程",
+	"panels.market.add.reason.staleApproval": "要允许的安装脚本已经变了，重新来一次",
+	"panels.market.add.reason.operationError": "pnpm 执行出错（详情见安装输出）",
+	"panels.market.add.reason.buildBlocked": "pnpm 拦下了安装脚本",
+	"panels.market.add.reason.pnpmMissing": "这台机器上没有 pnpm",
+	"panels.market.add.reason.noMatchingVersion": "源上没有符合这个版本范围的版本",
+	"panels.market.add.reason.diskFull": "磁盘满了",
+	"panels.market.add.reason.permission": "没有写权限",
+	"panels.market.add.reason.integrity": "下载内容校验不过",
+	"panels.market.add.reason.timeout": "太久没有输出，被中断了",
+	"panels.market.add.reason.network": "网络不通",
+	"panels.market.add.reason.notFound": "源上没有这个包",
+	"panels.market.add.reason.unknown": "没成功，但它没说是为什么（详情见安装输出的那一行）",
 	"blocker.fix.install": "帮我安装",
 	"blocker.fix.update": "帮我升级",
 	"blocker.fix.running": "正在执行…",
@@ -1347,20 +1503,8 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	HANDOFF_TTL_MS: () => HANDOFF_TTL_MS,
 	INSTALL_TIMEOUT_MS: () => INSTALL_TIMEOUT_MS,
 	IconBrandMark: () => IconBrandMark,
-	IconCheck: () => IconCheck,
-	IconChevronDown: () => IconChevronDown,
 	IconConversation: () => IconConversation,
-	IconEllipsis: () => IconEllipsis,
-	IconFolder: () => IconFolder,
-	IconFolderOpen: () => IconFolderOpen,
 	IconModules: () => IconModules,
-	IconNewChat: () => IconNewChat,
-	IconPanelLeft: () => IconPanelLeft,
-	IconPin: () => IconPin,
-	IconPlus: () => IconPlus,
-	IconRefresh: () => IconRefresh,
-	IconRightUp: () => IconRightUp,
-	IconSettings: () => IconSettings,
 	LINK_BUTTON_STYLE: () => LINK_BUTTON_STYLE,
 	LOCALES: () => LOCALES,
 	LOCALE_NS: () => LOCALE_NS,
@@ -1383,7 +1527,7 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	STORAGE_KEY_RIGHTBAR: () => STORAGE_KEY_RIGHTBAR,
 	SaveBar: () => SaveBar,
 	SkeletonRows: () => SkeletonRows,
-	StateDot: () => StateDot,
+	TextField: () => TextField,
 	UNITS_SERVICE: () => UNITS_SERVICE,
 	VERSION_CHECK_TIMEOUT_MS: () => VERSION_CHECK_TIMEOUT_MS,
 	VERSION_CHECK_TTL_MS: () => VERSION_CHECK_TTL_MS,
@@ -1440,6 +1584,17 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	zh: () => zh
 });
 //#endregion
+//#region src/shared/components/Tip.tsx
+function Tip({ side = "bottom", align = "end", gap = 6, portal = true, ...rest }) {
+	return /* @__PURE__ */ h(Tooltip, {
+		side,
+		align,
+		gap,
+		portal,
+		...rest
+	});
+}
+//#endregion
 //#region src/shared/hooks/fact-transports.ts
 function sseTransport(options) {
 	return { start({ onFrame, cursor }) {
@@ -1746,13 +1901,6 @@ function panelRowName(label, hint, t) {
 //#endregion
 //#region src/app/layouts/rightbar/market-freshness.ts
 var MARKET_STALE_MS = VERSION_CHECK_TTL_MS;
-function checkedAgoText(at, now, t) {
-	const seconds = Math.max(0, Math.floor((now - at) / 1e3));
-	if (seconds < 60) return t("panels.market.justNow");
-	const minutes = Math.floor(seconds / 60);
-	if (minutes < 60) return t("panels.market.minutesAgo", { n: String(minutes) });
-	return t("panels.market.hoursAgo", { n: String(Math.floor(minutes / 60)) });
-}
 function shouldProbeOnEnter(input) {
 	if (input.checkedAt === null) return true;
 	return input.now - input.checkedAt >= input.staleMs;
@@ -1872,17 +2020,38 @@ function buildMarketMocks(roster) {
 			}
 		},
 		{
-			id: "outdated-release",
-			label: "源上有新版（模块行不变，共用依赖行给「更新」）",
+			id: "module-update",
+			label: "模块包有新版（行上给「更新」，装了要重启）",
 			manifests: [mine],
 			capabilities: probe$1(id, "ok", { plugins: [{
 				name: "fixture",
-				status: "outdated",
-				missing: [],
-				release: {
-					installed: "1.0.16",
-					latest: "1.0.17"
-				}
+				status: "ok",
+				missing: []
+			}] }),
+			updates: { [id]: {
+				installed: "0.1.2",
+				latest: "0.2.0"
+			} },
+			expect: {
+				rows: 1,
+				state: "outdated",
+				actions: ["update-bundle", "uninstall"],
+				shared: 1,
+				sharedActions: []
+			}
+		},
+		{
+			id: "outdated-release",
+			label: "源上有新版（模块行不变，共用依赖行给「更新」）",
+			manifests: [mine],
+			capabilities: probe$1(id, "ok", { plugins: [{
+				name: "fixture",
+				status: "outdated",
+				missing: [],
+				release: {
+					installed: "1.0.16",
+					latest: "1.0.17"
+				}
 			}] }),
 			expect: {
 				rows: 1,
@@ -2093,6 +2262,65 @@ function buildMarketMocks(roster) {
 				actions: ["uninstall"]
 			}
 		},
+		{
+			id: "installed-half",
+			label: "本机装了模块，但它没有环境依赖（供给那半没有它）",
+			manifests: [found],
+			capabilities: {},
+			installed: [{
+				unit: id,
+				pkg: "@dsh-workbench/module-one",
+				installed: "0.1.2"
+			}],
+			expect: {
+				rows: 0,
+				installed: 1,
+				installedActions: ["remove-bundle"]
+			}
+		},
+		{
+			id: "installed-half-update",
+			label: "本机装了模块 + 源上有新版（给「更新」，装完要重启）",
+			manifests: [found],
+			capabilities: {},
+			installed: [{
+				unit: id,
+				pkg: "@dsh-workbench/module-one",
+				installed: "0.1.0",
+				latest: "0.1.2"
+			}],
+			expect: {
+				rows: 0,
+				installed: 1,
+				installedActions: ["update-bundle", "remove-bundle"]
+			}
+		},
+		{
+			id: "installed-confirm",
+			label: "卸载本机模块（Modal 确认，标题带模块名）",
+			manifests: [found],
+			capabilities: {},
+			installed: [{
+				unit: id,
+				pkg: "@dsh-workbench/module-one",
+				installed: "0.1.2"
+			}],
+			confirming: id,
+			expect: {
+				rows: 0,
+				installed: 1,
+				installedActions: ["remove-bundle"]
+			}
+		},
+		{
+			id: "first-paint",
+			label: "刚进页面（检测中：能力与本机清单都还没结论）",
+			manifests: [found],
+			capabilities: null,
+			installedRead: false,
+			loaded: false,
+			expect: { rows: 0 }
+		},
 		{
 			id: "shared-many",
 			label: "三个模块（同一份安装）",
@@ -2128,6 +2356,178 @@ function buildMarketMocks(roster) {
 	];
 }
 //#endregion
+//#region src/app/layouts/rightbar/registry.ts
+function createBoardRegistry() {
+	const modules = [];
+	const listeners = /* @__PURE__ */ new Set();
+	let revision = 0;
+	let sorted = [];
+	let index = /* @__PURE__ */ new Map();
+	let steps = /* @__PURE__ */ new Map();
+	function rebuild() {
+		sorted = [...modules].sort((a, b) => a.order - b.order || a.id.localeCompare(b.id));
+		index = new Map(sorted.map((module) => [module.id, module]));
+		const table = /* @__PURE__ */ new Map();
+		for (const module of sorted) for (const kind of Object.keys(module.steps ?? {})) {
+			const owner = table.get(kind);
+			if (owner !== void 0) throw new Error(`看板层名重复：${kind}（${owner.id} 与 ${module.id} 都声明了它）`);
+			table.set(kind, module);
+		}
+		steps = table;
+	}
+	function notify() {
+		revision += 1;
+		for (const listener of listeners) listener();
+	}
+	return {
+		register(module) {
+			if (modules.some((item) => item.id === module.id)) throw new Error(`看板模块 id 重复：${module.id}（id 会进持久化配置，不能撞）`);
+			modules.push(module);
+			try {
+				rebuild();
+			} catch (error) {
+				modules.pop();
+				rebuild();
+				throw error;
+			}
+			notify();
+			return () => {
+				const at = modules.indexOf(module);
+				if (at < 0) return;
+				modules.splice(at, 1);
+				rebuild();
+				notify();
+			};
+		},
+		all: () => sorted,
+		visible: () => sorted.filter((module) => module.enabledByDefault),
+		byId: (id) => index.get(id),
+		stepOwner: (kind) => steps.get(kind),
+		subscribe(listener) {
+			listeners.add(listener);
+			return () => listeners.delete(listener);
+		},
+		version: () => revision
+	};
+}
+//#endregion
+//#region src/app/units/registry.ts
+function toBoardModule(face) {
+	return {
+		id: face.manifest.id,
+		titleKey: face.manifest.card?.titleKey ?? face.manifest.id,
+		order: face.manifest.card?.order ?? 100,
+		enabledByDefault: face.manifest.card?.enabledByDefault ?? false,
+		View: face.card,
+		...face.steps === void 0 ? {} : { steps: face.steps }
+	};
+}
+function createClientUnitRegistry() {
+	const faces = [];
+	const listeners = /* @__PURE__ */ new Set();
+	const board = createBoardRegistry();
+	let revision = 0;
+	let manifestsCache;
+	function notify() {
+		revision += 1;
+		for (const listener of listeners) listener();
+	}
+	return {
+		register(face) {
+			const id = face.manifest.id;
+			if (faces.some((item) => item.manifest.id === id)) throw new Error(`套件 id 重复：${id}（id 会进持久化配置，不能撞）`);
+			const unregisterBoard = board.register(toBoardModule(face));
+			faces.push(face);
+			manifestsCache = void 0;
+			notify();
+			return () => {
+				const at = faces.findIndex((item) => item.manifest.id === id);
+				if (at < 0) return;
+				faces.splice(at, 1);
+				manifestsCache = void 0;
+				unregisterBoard();
+				notify();
+			};
+		},
+		all: () => faces,
+		manifests: () => {
+			manifestsCache ??= faces.map((face) => face.manifest);
+			return manifestsCache;
+		},
+		board,
+		subscribe(listener) {
+			listeners.add(listener);
+			return () => listeners.delete(listener);
+		},
+		version: () => revision
+	};
+}
+//#endregion
+//#region src/app/units/fixture-unit-mock.tsx
+var FIXTURE_UNIT_ID = "wb-fixture";
+var KEY = {
+	cardTitle: `${FIXTURE_UNIT_ID}.cardTitle`,
+	cardMeta: `${FIXTURE_UNIT_ID}.cardMeta`,
+	rowKey: `${FIXTURE_UNIT_ID}.rowKey`,
+	rowValue: `${FIXTURE_UNIT_ID}.rowValue`
+};
+var messages = {
+	zh: {
+		[KEY.cardTitle]: "示例模块",
+		[KEY.cardMeta]: "夹具",
+		[KEY.rowKey]: "示例",
+		[KEY.rowValue]: "第 {n} 行"
+	},
+	en: {
+		[KEY.cardTitle]: "Sample module",
+		[KEY.cardMeta]: "Fixture",
+		[KEY.rowKey]: "Sample",
+		[KEY.rowValue]: "Row {n}"
+	}
+};
+var manifest = {
+	id: FIXTURE_UNIT_ID,
+	kind: "board",
+	card: {
+		titleKey: KEY.cardTitle,
+		order: 900,
+		enabledByDefault: true
+	},
+	tools: [],
+	host: { inject: [] }
+};
+function FixtureCard({ t, onRefresh }) {
+	return /* @__PURE__ */ h("section", { className: "wb-card" }, /* @__PURE__ */ h(CardHead, {
+		t,
+		title: t(KEY.cardTitle),
+		meta: t(KEY.cardMeta),
+		refreshing: false,
+		onRefresh
+	}), /* @__PURE__ */ h("div", { className: "wb-cardBody" }, /* @__PURE__ */ h("div", { className: "wb-rows" }, [
+		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) })))))));
+}
+var FIXTURE_FACE = {
+	manifest,
+	messages,
+	card: FixtureCard
+};
+var SAMPLE_ROSTER = [manifest];
+function hasCard(roster) {
+	return roster.some((item) => item.card !== null);
+}
+function fixtureRoster(roster) {
+	return hasCard(roster) ? roster : SAMPLE_ROSTER;
+}
+function fixtureSeed(roster, all) {
+	return hasCard(roster) ? all : [toBoardModule(FIXTURE_FACE)];
+}
+//#endregion
 //#region src/app/layouts/rightbar/market-rows.ts
 var MARKET_STATE_KEY = {
 	checking: "panels.market.checking",
@@ -2145,11 +2545,38 @@ var MARKET_DOT = {
 	unchecked: "idle",
 	unknown: "idle"
 };
-function marketActions(row) {
+function installedRows(modules, manifests, listed) {
+	const titles = new Map(manifests.map((manifest) => [manifest.id, manifest.card?.titleKey]));
+	const rows = [];
+	for (const module of modules) {
+		if (listed.has(module.unit)) continue;
+		const latest = module.latest;
+		const outdated = latest !== void 0 && latest !== module.installed;
+		rows.push({
+			id: module.unit,
+			titleKey: titles.get(module.unit) ?? module.pkg,
+			state: outdated ? "outdated" : "installed",
+			pkg: module.pkg,
+			canInstall: false,
+			canUpdate: outdated,
+			canUninstall: true,
+			version: {
+				installed: module.installed,
+				...latest === void 0 ? {} : { latest }
+			},
+			...outdated ? { moduleUpdate: {
+				installed: module.installed,
+				latest
+			} } : {}
+		});
+	}
+	return rows;
+}
+function marketActions$1(row) {
 	return [
 		...row.canInstall ? ["install"] : [],
-		...row.canUpdate ? ["update"] : [],
-		...row.canUninstall ? ["uninstall"] : []
+		...row.moduleUpdate === void 0 ? row.canUpdate ? ["update"] : [] : ["update-bundle"],
+		...row.canUninstall ? [row.pkg === void 0 ? "uninstall" : "remove-bundle"] : []
 	];
 }
 function stateOf(capability) {
@@ -2188,7 +2615,7 @@ function isOnMachine(state) {
 	return state === "installed" || state === "outdated";
 }
 function marketHasUpdates(rows, shared = []) {
-	return rows.some((row) => row.state === "outdated") || shared.some((row) => row.state === "outdated" || row.state === "unsatisfied");
+	return rows.some((row) => row.state === "outdated" || row.moduleUpdate !== void 0) || shared.some((row) => row.state === "outdated" || row.state === "unsatisfied");
 }
 function marketSections(rows) {
 	const installed = rows.filter((row) => isOnMachine(row.state));
@@ -2203,7 +2630,7 @@ function marketSections(rows) {
 		rows: rest
 	}]];
 }
-function marketRows(manifests, capabilities) {
+function marketRows(manifests, capabilities, updates = {}) {
 	const catalog = manifests.filter((manifest) => (manifest.env?.plugins ?? []).length > 0 || (manifest.env?.libs ?? []).length > 0);
 	const rows = [];
 	for (const manifest of catalog) {
@@ -2213,14 +2640,25 @@ function marketRows(manifests, capabilities) {
 		const note = noteOf(state, install, manifest);
 		const onMachine = isOnMachine(state);
 		const reAdopt = capability?.released === true && install === void 0;
+		const entry = updates[manifest.id];
+		const moduleUpdate = entry === void 0 || entry.latest === void 0 || entry.latest === entry.installed ? void 0 : {
+			installed: entry.installed,
+			latest: entry.latest
+		};
 		rows.push({
 			id: manifest.id,
 			titleKey: manifest.card?.titleKey ?? manifest.id,
-			state,
+			state: moduleUpdate === void 0 ? state : "outdated",
 			canInstall: state !== "installed" && (install === "ready" || reAdopt),
 			canUpdate: onMachine && isOutdated(capability),
 			canUninstall: onMachine,
-			...note === void 0 ? {} : { note }
+			...moduleUpdate === void 0 ? {} : { hint: "panels.market.moduleRestartHint" },
+			...entry === void 0 ? {} : { version: {
+				installed: entry.installed,
+				...entry.latest === void 0 ? {} : { latest: entry.latest }
+			} },
+			...moduleUpdate === void 0 ? {} : { moduleUpdate },
+			...moduleUpdate === void 0 ? note === void 0 ? {} : { note } : {}
 		});
 	}
 	return rows;
@@ -2370,69 +2808,104 @@ 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/rightbar/MarketFreshLines.tsx
-function MarketCheckedAt({ t, at }) {
-	const [now, setNow] = useState(() => Date.now());
-	useEffect(() => {
-		const timer = setInterval(() => setNow(Date.now()), 3e4);
-		return () => clearInterval(timer);
-	}, []);
-	if (at === null) return null;
-	return /* @__PURE__ */ h("span", { className: "wb-marketChecked" }, t("panels.market.checkedAt", { time: checkedAgoText(at, now, t) }));
-}
+//#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);
+}
+var MarketPage_module_default = {
+	marketList: "_marketList_7yq35_1",
+	marketRow: "_marketRow_7yq35_12",
+	marketIcon: "_marketIcon_7yq35_22",
+	marketMain: "_marketMain_7yq35_34",
+	marketName: "_marketName_7yq35_41",
+	marketDesc: "_marketDesc_7yq35_50",
+	marketUsedBy: "_marketUsedBy_7yq35_61",
+	marketVersion: "_marketVersion_7yq35_75",
+	marketEnd: "_marketEnd_7yq35_97",
+	marketActions: "_marketActions_7yq35_104",
+	marketSection: "_marketSection_7yq35_110",
+	marketSectionHead: "_marketSectionHead_7yq35_117",
+	marketSectionTitle: "_marketSectionTitle_7yq35_123",
+	marketSectionCount: "_marketSectionCount_7yq35_129",
+	marketProgress: "_marketProgress_7yq35_135",
+	marketNote: "_marketNote_7yq35_145",
+	marketFailure: "_marketFailure_7yq35_152",
+	marketEmpty: "_marketEmpty_7yq35_159",
+	marketPage: "_marketPage_7yq35_164",
+	marketPageHead: "_marketPageHead_7yq35_181",
+	marketPageTitle: "_marketPageTitle_7yq35_189",
+	marketPageIntro: "_marketPageIntro_7yq35_194",
+	marketPageTools: "_marketPageTools_7yq35_200",
+	marketIconButton: "_marketIconButton_7yq35_209",
+	marketIconWrap: "_marketIconWrap_7yq35_234",
+	marketIconButtonSpinning: "_marketIconButtonSpinning_7yq35_238",
+	"wb-spin": "_wb-spin_7yq35_1",
+	marketAddButton: "_marketAddButton_7yq35_242",
+	marketChecking: "_marketChecking_7yq35_259",
+	marketEmptyTitle: "_marketEmptyTitle_7yq35_267"
+};
 //#endregion
 //#region src/app/layouts/rightbar/MarketView.tsx
 var PROGRESS_KEY = {
 	install: "panels.market.installing",
 	update: "panels.market.updating",
+	"update-bundle": "panels.market.updating",
+	"remove-bundle": "panels.market.uninstalling",
 	uninstall: "panels.market.uninstalling",
 	"update-dependency": "panels.market.updating"
 };
 var ACTION_LABEL_KEY = {
 	install: "panels.market.install",
 	update: "panels.market.update",
+	"update-bundle": "panels.market.update",
+	"remove-bundle": "panels.market.uninstall",
 	uninstall: "panels.market.uninstall",
 	"update-dependency": "panels.market.update"
 };
-function MarketLine({ t, row, pending, confirming, failure, onAct, onConfirm, onCancel }) {
+function MarketLine({ t, row, pending, failure, onAct }) {
 	const running = pending !== null && pending.id === row.id ? pending : null;
 	const locked = pending !== null;
-	const actions = marketActions(row);
-	const stateText = t(MARKET_STATE_KEY[row.state]);
-	return /* @__PURE__ */ h("li", { className: "wb-marketRow" }, /* @__PURE__ */ h("span", {
-		className: "wb-marketIcon",
+	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: "wb-marketMain" }, /* @__PURE__ */ h("span", { className: "wb-marketName" }, t(row.titleKey)), /* @__PURE__ */ h("span", {
-		className: "wb-marketDesc",
+	}, /* @__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", {
+		className: MarketPage_module_default.marketDesc,
 		role: "img",
-		"aria-label": stateText,
-		title: stateText
+		"aria-label": stateText
 	}, row.state === "checking" ? /* @__PURE__ */ h(StateDot, {
 		state: "ongoing",
 		size: 14
 	}) : /* @__PURE__ */ h(StateDot, {
 		state: MARKET_DOT[row.state],
 		size: 9
-	}), stateText)), /* @__PURE__ */ h("div", { className: "wb-marketEnd" }, running !== null ? /* @__PURE__ */ h("span", { className: "wb-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])) : confirming || actions.length === 0 ? null : /* @__PURE__ */ h("span", { className: "wb-marketActions" }, actions.map((action) => /* @__PURE__ */ h("button", {
-		key: action,
-		type: "button",
-		className: `wb-marketAction${action === "install" ? " wb-marketActionPrimary" : ""}`,
-		disabled: locked,
-		onClick: () => onAct(action)
-	}, t(ACTION_LABEL_KEY[action]))))), confirming ? /* @__PURE__ */ h("div", { className: "wb-marketConfirm" }, /* @__PURE__ */ h("span", { className: "wb-marketConfirmText" }, /* @__PURE__ */ h("span", { className: "wb-marketConfirmTitle" }, t("panels.market.confirmUninstall")), /* @__PURE__ */ h("span", { className: "wb-marketConfirmDetail" }, t("panels.market.confirmUninstallDetail"))), /* @__PURE__ */ h("button", {
-		type: "button",
-		className: "wb-marketAction wb-marketActionDanger",
-		disabled: locked,
-		onClick: onConfirm
-	}, t("panels.market.confirmYes")), /* @__PURE__ */ h("button", {
-		type: "button",
-		className: "wb-marketAction",
-		onClick: onCancel
-	}, t("panels.market.confirmNo"))) : null, row.note === void 0 ? null : /* @__PURE__ */ h("div", { className: "wb-marketNote" }, t(row.note.key, row.note.params)), failure === null ? null : /* @__PURE__ */ h("div", { className: "wb-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 SharedLine({ t, row, pending, failure, onAct }) {
 	const running = pending !== null && pending.id === row.id ? pending : null;
@@ -2440,98 +2913,1117 @@ function SharedLine({ t, row, pending, failure, onAct }) {
 	const actions = sharedActions(row);
 	const stateText = t(SHARED_STATE_KEY[row.state]);
 	const version = row.version;
-	return /* @__PURE__ */ h("li", { className: "wb-marketRow" }, /* @__PURE__ */ h("span", {
-		className: "wb-marketIcon",
+	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: "wb-marketMain" }, /* @__PURE__ */ h("span", {
-		className: "wb-marketName",
-		title: row.detail
-	}, row.label, version === void 0 ? null : /* @__PURE__ */ h("span", { className: "wb-marketVersion" }, version.installed !== void 0 && version.latest !== void 0 && row.state === "outdated" ? t("panels.market.versionArrow", {
+	}, /* @__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("span", {
-		className: "wb-marketDesc",
+	}) : version.installed ?? version.latest ?? ""))), /* @__PURE__ */ h(Tip, { label: stateText }, /* @__PURE__ */ h("span", {
+		className: MarketPage_module_default.marketDesc,
 		role: "img",
-		"aria-label": stateText,
-		title: stateText
+		"aria-label": stateText
 	}, row.state === "checking" ? /* @__PURE__ */ h(StateDot, {
 		state: "ongoing",
 		size: 14
 	}) : /* @__PURE__ */ h(StateDot, {
 		state: SHARED_DOT[row.state],
 		size: 9
-	}), stateText, /* @__PURE__ */ h("span", { className: "wb-marketUsedBy" }, t("panels.market.sharedUsedBy", { modules: row.usedByKeys.map((key) => t(key)).join(t("panels.market.listSeparator")) })))), /* @__PURE__ */ h("div", { className: "wb-marketEnd" }, running !== null ? /* @__PURE__ */ h("span", { className: "wb-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: "wb-marketActions" }, actions.map((action) => /* @__PURE__ */ h("button", {
+	}), 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",
-		className: "wb-marketAction",
+		size: "sm",
+		variant: "outline",
 		disabled: locked,
 		onClick: () => onAct(action)
-	}, t(ACTION_LABEL_KEY[action]))))), failure === null ? null : /* @__PURE__ */ h("div", { className: "wb-marketFailure" }, failure));
+	}, t(ACTION_LABEL_KEY[action]))))), failure === null ? null : /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketFailure }, failure));
+}
+function ConfirmUninstall({ t, name, onConfirm, onCancel }) {
+	const [acknowledged, setAcknowledged] = useState(false);
+	return /* @__PURE__ */ h(RiskConfirmation, {
+		open: name !== null,
+		title: t("panels.market.confirmUninstallTitle", { name: name ?? "" }),
+		description: t("panels.market.confirmUninstallDetail"),
+		acknowledgeLabel: t("panels.market.confirmUninstallAck"),
+		cancelLabel: t("panels.market.confirmNo"),
+		closeLabel: t("panels.market.confirmNo"),
+		confirmLabel: t("panels.market.confirmYes"),
+		acknowledged,
+		onAcknowledgedChange: setAcknowledged,
+		onCancel,
+		onConfirm
+	});
 }
-function MarketView({ t, manifests, capabilities, freshness, onChanged, mock }) {
+function MarketSection({ t, titleKey, rows, pending, failureOf, act, confirmAction, 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,
+		t,
+		row,
+		pending,
+		failure: failureOf(row.id),
+		onAct: (action) => action === confirmAction ? onConfirming(row.id) : void act(row.id, action)
+	}))));
+}
+function MarketView({ t, manifests, capabilities, freshness, onChanged, updates, installed, installedRead, mock }) {
 	const source = mock?.manifests ?? manifests;
 	const effective = mock === void 0 ? capabilities : mock.capabilities;
-	const rows = marketRows(source, effective);
+	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")
+		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 [restartNeeded, setRestartNeeded] = useState(false);
+	const act = async (id, action) => {
+		if (mock !== void 0) return;
+		setPending({
+			id,
+			action
+		});
+		setConfirming(null);
+		setFailed(null);
+		setRestartNeeded(false);
+		const dependency = action === "update-dependency";
+		const outcome = await provision.send(dependency ? {
+			action,
+			id
+		} : action === "remove-bundle" ? {
+			action,
+			name: rowById.get(id)?.pkg ?? ""
+		} : {
+			action,
+			unit: id
+		});
+		setPending(null);
+		if (!outcome.ok) {
+			setFailed({
+				id,
+				message: t("panels.market.failed", { reason: outcome.message })
+			});
+			return;
+		}
+		const value = outcome.value;
+		setRestartNeeded(value?.change?.application === "restart-required");
+		onChanged();
+	};
+	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, {
+		key: section.id,
+		t,
+		titleKey: section.titleKey,
+		rows: section.rows,
+		pending,
+		failureOf: (id) => failed?.id === id ? failed.message : null,
+		act,
+		confirmAction: "uninstall",
+		onConfirming: setConfirming
+	})), /* @__PURE__ */ h(MarketSection, {
+		t,
+		titleKey: "panels.market.installedSection",
+		rows: installedList,
+		pending,
+		failureOf: (id) => failed?.id === id ? failed.message : null,
+		act,
+		confirmAction: "remove-bundle",
+		onConfirming: setConfirming
+	}), restartNeeded ? /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketNote }, t("panels.market.restartNeeded")) : null, /* @__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,
+		t,
+		row,
+		pending,
+		failure: failed?.id === row.id ? failed.message : null,
+		onAct: (action) => void act(row.id, action)
+	})))), /* @__PURE__ */ h(ConfirmUninstall, {
+		key: confirming ?? "",
+		t,
+		name: confirmingRow === void 0 ? null : t(confirmingRow.titleKey),
+		onCancel: () => setConfirming(null),
+		onConfirm: () => {
+			const id = confirming;
+			setConfirming(null);
+			if (id === null) return;
+			act(id, rowById.get(id)?.pkg === void 0 ? "uninstall" : "remove-bundle");
+		}
+	}));
+}
+//#endregion
+//#region src/shared/api/bundle-install.ts
+var BUNDLE_REGISTRIES_ROUTE = "bundle-registries";
+var BUNDLE_INSPECT_ROUTE = "bundle-inspect";
+var MODULE_VERSIONS_ROUTE = "module-versions";
+//#endregion
+//#region src/shared/hooks/bundle-queries.ts
+function readBundleRegistries() {
+	return apiGet(BUNDLE_REGISTRIES_ROUTE);
+}
+function readBundleInspection(spec, registry) {
+	return apiGet(BUNDLE_INSPECT_ROUTE, {
+		spec,
+		...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];
+}
+//#endregion
+//#region src/app/layouts/market/AddModuleRegistry.tsx
+var REGISTRY_ID = "wb-add-module-registry";
+function AddModuleRegistry({ t, state }) {
+	const chosen = state.choices.find((option) => option.choice.kind === state.choice.kind && option.choice.value === state.choice.value);
+	const customBad = state.choice.kind === "custom" && state.custom.trim() !== "" && !customRegistryAllowed(state.custom);
+	const registryRoot = useRef(null);
+	const registryAnchor = useRef(null);
+	const registryPanel = useRef(null);
+	const registryPosition = useAnchoredPosition({
+		open: state.registryOpen,
+		anchorRef: registryAnchor,
+		panelRef: registryPanel,
+		align: "end",
+		gap: 6,
+		margin: 12
+	});
+	useDismissOnOutsidePointer(registryRoot, state.registryOpen, (next) => {
+		if (!next) state.closeRegistry();
+	});
+	return /* @__PURE__ */ h("div", {
+		className: AddModule_module_default.registryWrap,
+		ref: registryRoot,
+		onKeyDown: (event) => {
+			if (event.key !== "Escape" || !state.registryOpen) return;
+			event.stopPropagation();
+			state.closeRegistry();
+		}
+	}, /* @__PURE__ */ h("button", {
+		type: "button",
+		ref: registryAnchor,
+		className: AddModule_module_default.registryToggle,
+		"aria-expanded": state.registryOpen,
+		"aria-haspopup": "dialog",
+		"aria-controls": REGISTRY_ID,
+		disabled: state.phase === "inspecting",
+		onClick: state.toggleRegistry
+	}, /* @__PURE__ */ h("span", null, t("panels.market.add.registryToggle")), " ", /* @__PURE__ */ h("span", { className: AddModule_module_default.registryChosen }, chosen === void 0 ? t("panels.market.add.registryDefault") : registryName(chosen, t)), /* @__PURE__ */ h(IconChevronDownOutlineRegular, { size: 14 })), state.registryOpen ? /* @__PURE__ */ h("div", {
+		id: REGISTRY_ID,
+		className: AddModule_module_default.registry,
+		ref: registryPanel,
+		role: "dialog",
+		"aria-label": t("panels.market.add.registryLegend"),
+		style: registryPosition ?? void 0
+	}, state.choices.map((option) => {
+		const active = option.choice.kind === state.choice.kind && option.choice.value === state.choice.value;
+		if (!(option.choice.kind === "custom")) return /* @__PURE__ */ h("label", {
+			key: `${option.choice.kind}|${option.choice.value}`,
+			className: AddModule_module_default.registryOption,
+			"data-checked": active
+		}, /* @__PURE__ */ h("input", {
+			type: "radio",
+			name: REGISTRY_ID,
+			checked: active,
+			onChange: () => state.setChoice(option.choice)
+		}), /* @__PURE__ */ h("span", { className: AddModule_module_default.registryTitle }, /* @__PURE__ */ h("span", null, optionLabel(option, t))));
+		return /* @__PURE__ */ h("div", {
+			key: `${option.choice.kind}|${option.choice.value}`,
+			className: AddModule_module_default.registryOption,
+			"data-checked": active
+		}, /* @__PURE__ */ h("label", { className: AddModule_module_default.registryPick }, /* @__PURE__ */ h("input", {
+			type: "radio",
+			name: REGISTRY_ID,
+			checked: active,
+			onChange: () => state.setChoice(option.choice)
+		}), /* @__PURE__ */ h("span", { className: AddModule_module_default.registryTitle }, /* @__PURE__ */ h("span", null, t("panels.market.add.registryCustom")))), /* @__PURE__ */ h(TextField, {
+			type: "text",
+			className: AddModule_module_default.registryField,
+			"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", {
+			className: AddModule_module_default.inputError,
+			role: "alert"
+		}, t("panels.market.add.registryCustomInvalid")) : null, /* @__PURE__ */ h("span", { className: AddModule_module_default.registryHint }, t("panels.market.add.registryCustomHint")));
+	})) : null);
+}
+//#endregion
+//#region src/app/layouts/market/AddModuleForm.tsx
+function AddModuleForm({ t, state }) {
+	return /* @__PURE__ */ h("div", { className: AddModule_module_default.body }, /* @__PURE__ */ h("div", { className: AddModule_module_default.field }, /* @__PURE__ */ h(TextField, {
+		type: "text",
+		className: AddModule_module_default.input,
+		value: state.spec,
+		placeholder: t("panels.market.add.specPlaceholder"),
+		spellCheck: false,
+		autoComplete: "off",
+		"aria-label": t("panels.market.add.specLabel"),
+		invalid: state.problem !== null,
+		onChange: (event) => state.setSpec(event.target.value),
+		onKeyDown: (event) => {
+			if (event.key === "Enter" && state.spec.trim() !== "") state.check();
+		}
+	})), state.problem === null ? null : /* @__PURE__ */ h("p", {
+		className: AddModule_module_default.problem,
+		role: "alert"
+	}, t(problemKey(state.problem.problem), { reason: state.problem.reason })), state.failure === null ? null : /* @__PURE__ */ h("p", {
+		className: AddModule_module_default.problem,
+		role: "alert"
+	}, state.failure), /* @__PURE__ */ h("div", { className: AddModule_module_default.options }, /* @__PURE__ */ h("button", {
+		type: "button",
+		className: AddModule_module_default.guideToggle,
+		"aria-expanded": state.guideOpen,
+		onClick: state.toggleGuide
+	}, /* @__PURE__ */ h(IconChevronDownOutlineRegular, { size: 14 }), /* @__PURE__ */ h("span", null, t(state.guideOpen ? "panels.market.add.guideHide" : "panels.market.add.guideToggle"))), /* @__PURE__ */ h(AddModuleRegistry, {
+		t,
+		state
+	})), state.guideOpen ? /* @__PURE__ */ h("div", { className: AddModule_module_default.guide }, /* @__PURE__ */ h("ol", { className: AddModule_module_default.guideList }, GUIDE_ITEMS.map((item, index) => /* @__PURE__ */ h("li", {
+		className: AddModule_module_default.guideItem,
+		key: item.exampleKey
+	}, /* @__PURE__ */ h("span", {
+		className: AddModule_module_default.guideIndex,
+		"aria-hidden": "true"
+	}, index + 1), /* @__PURE__ */ h("span", { className: AddModule_module_default.guideMain }, /* @__PURE__ */ h("span", { className: AddModule_module_default.guideTitle }, t(item.titleKey)), /* @__PURE__ */ h("span", { className: AddModule_module_default.guideHint }, t(item.hintKey)), /* @__PURE__ */ h("span", { className: AddModule_module_default.guideExample }, /* @__PURE__ */ h("span", { className: AddModule_module_default.guideExampleLabel }, t("panels.market.add.guideExampleLabel")), /* @__PURE__ */ h("code", null, t(item.exampleKey)))), /* @__PURE__ */ h(Button, {
+		type: "button",
+		size: "sm",
+		variant: "outline",
+		"aria-label": t("panels.market.add.guideFill"),
+		onClick: () => state.setSpec(t(item.exampleKey))
+	}, t("panels.market.add.guideFill")))))) : null);
+}
+var SafetyNote_module_default = { note: "_note_1enlz_1" };
+//#endregion
+//#region src/app/layouts/market/SafetyNote.tsx
+function SafetyNote({ t }) {
+	return /* @__PURE__ */ h("p", {
+		className: SafetyNote_module_default.note,
+		role: "note"
+	}, /* @__PURE__ */ h(IconWarningOutlineRegular, {
+		size: 14,
+		"aria-hidden": "true"
+	}), /* @__PURE__ */ h("span", null, t("panels.market.add.guideSafety")));
+}
+//#endregion
+//#region src/app/layouts/market/AddModuleStages.tsx
+var SUPPLY_TONES = {
+	"pending-restart": `${AddModule_module_default.note} ${AddModule_module_default.noteWarn}`,
+	"not-a-module": `${AddModule_module_default.note} ${AddModule_module_default.noteWarn}`,
+	failed: `${AddModule_module_default.note} ${AddModule_module_default.noteError}`
+};
+function supplyTone(state) {
+	return SUPPLY_TONES[state] ?? AddModule_module_default.note;
+}
+function AddModulePending({ t, kind }) {
+	return /* @__PURE__ */ h("div", { className: AddModule_module_default.body }, /* @__PURE__ */ h("div", { className: AddModule_module_default.hero }, /* @__PURE__ */ h("span", {
+		className: AddModule_module_default.heroIcon,
+		"data-state": "ongoing",
+		"aria-hidden": "true"
+	}, /* @__PURE__ */ h(StateDot, {
+		state: "ongoing",
+		size: 28
+	})), /* @__PURE__ */ h("h2", {
+		className: AddModule_module_default.pendingTitle,
+		role: "status"
+	}, kind === "inspecting" ? t("panels.market.add.checking") : t("panels.market.add.installingTitle"))));
+}
+function AddModulePreview({ t, state }) {
+	const preview = state.preview;
+	if (preview === null) return null;
+	const source = preview.registry === "" ? t("panels.market.add.registryDefault") : preview.registry;
+	return /* @__PURE__ */ h("div", { className: AddModule_module_default.body }, /* @__PURE__ */ h("div", { className: AddModule_module_default.subject }, /* @__PURE__ */ h("p", { className: AddModule_module_default.subjectName }, preview.name), preview.version === "" ? null : /* @__PURE__ */ h("p", { className: AddModule_module_default.subjectMeta }, t("panels.market.add.installVersion", { version: preview.version })), preview.description === "" ? null : /* @__PURE__ */ h("p", { className: AddModule_module_default.subjectDesc }, preview.description), /* @__PURE__ */ h("p", { className: AddModule_module_default.subjectMeta }, source)));
+}
+function AddModuleResult({ t, state }) {
+	const outcome = state.outcome;
+	if (outcome === null) return null;
+	const reason = failureReason(failureCode(outcome.change), outcome.change.application, t);
+	const supply = supplyKey(outcome.supply.state);
+	const builds = state.builds;
+	const failed = outcome.change.application === "failed";
+	const restart = outcome.change.application === "restart-required";
+	const cancelled = outcome.change.application === "cancelled";
+	const notModule = outcome.supply.state === "not-a-module";
+	const name = outcome.module.kind === "module" ? outcome.module.unit : outcome.module.pkg;
+	return /* @__PURE__ */ h("div", { className: AddModule_module_default.body }, /* @__PURE__ */ h("div", { className: AddModule_module_default.hero }, /* @__PURE__ */ h("span", {
+		className: AddModule_module_default.heroIcon,
+		"data-state": failed ? "error" : cancelled ? "idle" : "done",
+		"aria-hidden": "true"
+	}, failed ? /* @__PURE__ */ h(IconWarningOutlineRegular, { size: 28 }) : cancelled ? /* @__PURE__ */ h(StateDot, {
+		state: "idle",
+		size: 28
+	}) : /* @__PURE__ */ h(IconCheckCircleFillRegular, { size: 28 })), /* @__PURE__ */ h("h2", {
+		className: AddModule_module_default.wizardTitle,
+		role: failed ? "alert" : "status"
+	}, failed ? t("panels.market.add.failedTitle") : cancelled ? t("panels.market.add.cancelledTitle") : t("panels.market.add.installedTitle"))), /* @__PURE__ */ h("div", { className: AddModule_module_default.subject }, /* @__PURE__ */ h("p", { className: AddModule_module_default.subjectName }, outcome.module.pkg), name === outcome.module.pkg ? null : /* @__PURE__ */ h("p", { className: AddModule_module_default.subjectMeta }, name), outcome.module.version === void 0 ? null : /* @__PURE__ */ h("p", { className: AddModule_module_default.subjectMeta }, t("panels.market.add.installVersion", { version: outcome.module.version }))), failed ? /* @__PURE__ */ h("p", {
+		className: AddModule_module_default.resultWarn,
+		role: "alert"
+	}, t("panels.market.add.failed", { reason })) : restart ? /* @__PURE__ */ h("p", { className: AddModule_module_default.resultWarn }, t("panels.market.add.doneRestart")) : cancelled || notModule ? null : /* @__PURE__ */ h("p", { className: AddModule_module_default.result }, t("panels.market.add.tookEffect")), builds.length === 0 ? null : /* @__PURE__ */ h("div", { className: AddModule_module_default.approval }, /* @__PURE__ */ h("p", { className: AddModule_module_default.approvalTitle }, t("panels.market.add.approveTitle")), /* @__PURE__ */ h("p", { className: AddModule_module_default.approvalText }, t("panels.market.add.approveHint", { packages: builds.join("、") })), /* @__PURE__ */ h("p", { className: AddModule_module_default.approvalCaution }, t("panels.market.add.approveCaution"))), supply === void 0 || outcome.supply.state !== "failed" && (failed || cancelled) ? null : /* @__PURE__ */ h("p", { className: supplyTone(outcome.supply.state) }, t(supply, { reason: outcome.supply.reason ?? "" })), state.failure === null ? null : /* @__PURE__ */ h("p", { className: AddModule_module_default.problem }, state.failure), outcome.change.errorDetail === void 0 ? null : /* @__PURE__ */ h(Fragment, null, /* @__PURE__ */ h("p", { className: AddModule_module_default.detailLabel }, t("panels.market.add.details")), /* @__PURE__ */ h("p", { className: AddModule_module_default.detail }, outcome.change.errorDetail)));
+}
+//#endregion
+//#region src/app/layouts/market/add-module-mock.ts
+function change(over) {
+	return {
+		application: "applied",
+		stage: "install",
+		changed: true,
+		target: "@dsh-workbench/module-hello",
+		...over
+	};
+}
+function outcome(over, supply = { state: "installed" }) {
+	return {
+		change: change(over),
+		module: {
+			kind: "module",
+			pkg: "@dsh-workbench/module-hello",
+			unit: "hello",
+			version: "0.1.2"
+		},
+		supply
+	};
+}
+function refused(problem, reason = "") {
+	return {
+		id: `refused-${problem}`,
+		label: `预检拒：${problem}`,
+		phase: "idle",
+		spec: "@dsh-workbench/module-nope",
+		problem: {
+			problem,
+			reason
+		}
+	};
+}
+var ADD_MODULE_MOCKS = [
+	{
+		id: "empty",
+		label: "刚打开",
+		phase: "idle",
+		spec: ""
+	},
+	{
+		id: "typed",
+		label: "填了包名",
+		phase: "idle",
+		spec: "@dsh-workbench/module-hello"
+	},
+	{
+		id: "guide",
+		label: "展开了示例",
+		phase: "idle",
+		spec: "",
+		guideOpen: true
+	},
+	{
+		id: "inspecting",
+		label: "正在预检",
+		phase: "inspecting",
+		spec: "@dsh-workbench/module-hello"
+	},
+	refused("invalid-spec"),
+	refused("already-installed", "已经在 profile 里：@dsh-workbench/module-hello@0.1.2"),
+	refused("not-found"),
+	refused("not-a-package"),
+	refused("not-a-bundle"),
+	refused("network", "getaddrinfo ENOTFOUND registry.example.com"),
+	refused("unknown", "pnpm 的返回码是 1"),
+	{
+		id: "preview",
+		label: "预览（可装）",
+		phase: "preview",
+		spec: "@dsh-workbench/module-hello",
+		preview: {
+			name: "@dsh-workbench/module-hello",
+			version: "0.1.2",
+			description: "最小样本模块：一枚「你好」卡片",
+			registry: "registry.npmmirror.com"
+		}
+	},
+	{
+		id: "preview-no-source",
+		label: "预览（问不出源）",
+		phase: "preview",
+		spec: "@dsh-workbench/module-hello",
+		preview: {
+			name: "@dsh-workbench/module-hello",
+			version: "",
+			description: "",
+			registry: ""
+		}
+	},
+	{
+		id: "installing",
+		label: "正在安装（可取消）",
+		phase: "installing",
+		spec: "@dsh-workbench/module-hello"
+	},
+	{
+		id: "needs-approval",
+		label: "安装脚本待批",
+		phase: "result",
+		spec: "@dsh-workbench/module-hello",
+		outcome: {
+			...outcome({
+				application: "failed",
+				stage: "install",
+				errorCode: "build-blocked",
+				pendingBuilds: ["esbuild", "sharp"]
+			}),
+			supply: {
+				state: "failed",
+				reason: "装上之前得先允许安装脚本"
+			}
+		}
+	},
+	{
+		id: "failed-registry",
+		label: "失败：源上没有",
+		phase: "result",
+		spec: "@dsh-workbench/module-nope",
+		outcome: outcome({
+			application: "failed",
+			stage: "install",
+			failedAt: "registry",
+			errorCode: "not-found"
+		})
+	},
+	{
+		id: "failed-pnpm",
+		label: "失败：pnpm 执行出错",
+		phase: "result",
+		spec: "@dsh-workbench/module-hello",
+		outcome: outcome({
+			application: "failed",
+			stage: "install",
+			errorCode: "operation-error",
+			errorDetail: "ERR_PNPM_FETCH_404 GET https://registry.example.com/@dsh-workbench%2Fmodule-hello: Not Found"
+		})
+	},
+	{
+		id: "done-applied",
+		label: "装好了（已生效）",
+		phase: "result",
+		spec: "@dsh-workbench/module-hello",
+		outcome: outcome({})
+	},
+	{
+		id: "done-restart",
+		label: "装好了（要重启）",
+		phase: "result",
+		spec: "@dsh-workbench/module-hello",
+		outcome: outcome({ application: "restart-required" }, { state: "pending-restart" })
+	},
+	{
+		id: "not-a-module",
+		label: "装进来的不是模块",
+		phase: "result",
+		spec: "some-random-package",
+		outcome: {
+			change: change({ target: "some-random-package" }),
+			module: {
+				kind: "not-module",
+				pkg: "some-random-package"
+			},
+			supply: { state: "not-a-module" }
+		}
+	},
+	{
+		id: "cancelled",
+		label: "已取消",
+		phase: "result",
+		spec: "@dsh-workbench/module-hello",
+		outcome: outcome({
+			application: "cancelled",
+			changed: false
+		}, { state: "no-needs" })
+	},
+	{
+		id: "done-no-needs",
+		label: "装好了（不要额外供给）",
+		phase: "result",
+		spec: "@dsh-workbench/module-plain",
+		outcome: {
+			change: change({ target: "@dsh-workbench/module-plain" }),
+			module: {
+				kind: "module",
+				pkg: "@dsh-workbench/module-plain",
+				unit: "plain",
+				version: "1.0.0"
+			},
+			supply: { state: "no-needs" }
+		}
+	},
+	{
+		id: "removed",
+		label: "移除掉了",
+		phase: "result",
+		spec: "some-random-package",
+		outcome: {
+			change: change({
+				stage: "remove",
+				target: "some-random-package"
+			}),
+			module: {
+				kind: "not-module",
+				pkg: "some-random-package"
+			},
+			supply: { state: "not-a-module" }
+		}
+	}
+];
+var frozen = () => {};
+function stateOfMock(base, mock) {
+	return {
+		...base,
+		spec: mock.spec,
+		guideOpen: mock.guideOpen ?? false,
+		phase: mock.phase,
+		choices: base.choices,
+		custom: "",
+		registryOpen: false,
+		problem: mock.problem ?? null,
+		preview: mock.preview ?? null,
+		outcome: mock.outcome ?? null,
+		failure: mock.failure ?? null,
+		builds: mock.outcome?.change.pendingBuilds ?? [],
+		setSpec: frozen,
+		setChoice: frozen,
+		setCustom: frozen,
+		toggleRegistry: frozen,
+		closeRegistry: frozen,
+		toggleGuide: frozen,
+		check: frozen,
+		edit: frozen,
+		install: frozen,
+		cancelInstall: frozen,
+		removeIt: frozen
+	};
+}
+//#endregion
+//#region src/app/layouts/market/use-add-module.ts
+function newRequestId() {
+	return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
+}
+function useAddModule(options) {
+	const { open, onInstalled, failedText } = options;
+	const [spec, setSpec] = useState("");
+	const [choice, setChoice] = useState({
+		kind: "default",
+		value: ""
+	});
+	const [custom, setCustom] = useState("");
+	const [registryOpen, setRegistryOpen] = useState(false);
+	const [guideOpen, setGuideOpen] = useState(false);
+	const [phase, setPhase] = useState("idle");
+	const [choices, setChoices] = useState(() => registryOptions(null));
+	const [problem, setProblem] = useState(null);
+	const [preview, setPreview] = useState(null);
+	const [outcome, setOutcome] = useState(null);
+	const [failure, setFailure] = useState(null);
+	const generationRef = useRef(0);
+	const requestIdRef = useRef("");
+	const write = useHostWrite({
+		channel: "provision",
+		networkText: failedText
 	});
-	const [confirming, setConfirming] = useState(mock?.confirming ?? null);
-	const [failed, setFailed] = useState(mock?.failure ?? null);
-	const act = async (id, action) => {
-		if (mock !== void 0) return;
-		setPending({
-			id,
-			action
+	const cancel = useHostWrite({
+		channel: "provision",
+		networkText: failedText
+	});
+	const remove = useHostWrite({
+		channel: "provision",
+		networkText: failedText
+	});
+	useEffect(() => {
+		if (!open) return void 0;
+		let alive = true;
+		readBundleRegistries().then((response) => {
+			if (!alive) return;
+			setChoices(registryOptions(response.ok ? response.registries : null));
 		});
-		setConfirming(null);
-		setFailed(null);
-		const dependency = action === "update-dependency";
-		const outcome = await provision.send(dependency ? {
-			action,
-			id
-		} : {
-			action,
-			unit: id
+		return () => {
+			alive = false;
+		};
+	}, [open]);
+	const registry = registryOf(choice, custom);
+	useEffect(() => {
+		if (open) return;
+		generationRef.current += 1;
+		setGuideOpen(false);
+		setRegistryOpen(false);
+		setProblem(null);
+		setPreview(null);
+		setOutcome(null);
+		setFailure(null);
+		setPhase("idle");
+	}, [open]);
+	const check = useCallback(() => {
+		const wanted = spec.trim();
+		if (wanted === "") return;
+		const mine = generationRef.current + 1;
+		generationRef.current = mine;
+		setProblem(null);
+		setFailure(null);
+		setPreview(null);
+		setOutcome(null);
+		setRegistryOpen(false);
+		setPhase("inspecting");
+		readBundleInspection(wanted, registry).then((response) => {
+			if (generationRef.current !== mine) return;
+			if (!response.ok) {
+				setFailure(response.error.message);
+				setPhase("idle");
+				return;
+			}
+			const inspection = response.inspection;
+			if (inspection.status === "refused") {
+				setProblem({
+					problem: inspection.problem,
+					reason: inspection.reason
+				});
+				setPhase("idle");
+				return;
+			}
+			setPreview({
+				name: inspection.name ?? wanted,
+				version: inspection.version ?? "",
+				description: inspection.description ?? "",
+				registry: inspection.registry ?? ""
+			});
+			setPhase("preview");
 		});
-		setPending(null);
-		if (!outcome.ok) setFailed({
-			id,
-			message: t("panels.market.failed", { reason: outcome.message })
+	}, [spec, registry]);
+	const install = useCallback((approvedBuilds = []) => {
+		const wanted = spec.trim();
+		if (wanted === "") return;
+		const mine = generationRef.current + 1;
+		generationRef.current = mine;
+		const id = newRequestId();
+		requestIdRef.current = id;
+		setFailure(null);
+		setPhase("installing");
+		write.send({
+			action: "install-bundle",
+			spec: wanted,
+			...registry === void 0 ? {} : { registry },
+			requestId: id,
+			...approvedBuilds.length === 0 ? {} : { approvedBuilds: [...approvedBuilds] }
+		}).then((response) => {
+			if (generationRef.current !== mine) return;
+			if (!response.ok) {
+				setFailure(response.message);
+				setPhase("result");
+				return;
+			}
+			const value = response.value;
+			setOutcome({
+				change: value.change,
+				module: value.module,
+				supply: value.supply
+			});
+			setPhase("result");
+			if (value.change.application === "applied" || value.change.application === "restart-required") onInstalled();
+		});
+	}, [
+		spec,
+		registry,
+		write,
+		onInstalled
+	]);
+	const cancelInstall = useCallback(() => {
+		cancel.send({
+			action: "cancel-install",
+			requestId: requestIdRef.current
 		});
-		else onChanged();
+	}, [cancel]);
+	const removeIt = useCallback(() => {
+		const pkg = outcome?.module.pkg;
+		if (pkg === void 0) return;
+		remove.send({
+			action: "remove-bundle",
+			name: pkg
+		}).then((result) => {
+			if (!result.ok) return;
+			onInstalled();
+		});
+	}, [
+		outcome,
+		remove,
+		onInstalled
+	]);
+	const edit = useCallback(() => {
+		generationRef.current += 1;
+		setProblem(null);
+		setFailure(null);
+		setPreview(null);
+		setPhase("idle");
+	}, []);
+	return {
+		spec,
+		choice,
+		custom,
+		registryOpen,
+		guideOpen,
+		phase,
+		choices,
+		problem,
+		preview,
+		outcome,
+		failure,
+		builds: outcome?.change.pendingBuilds ?? [],
+		setSpec,
+		setChoice: useCallback((next) => {
+			setChoice(next);
+		}, []),
+		setCustom,
+		toggleRegistry: useCallback(() => setRegistryOpen((value) => !value), []),
+		closeRegistry: useCallback(() => setRegistryOpen(false), []),
+		toggleGuide: useCallback(() => setGuideOpen((value) => !value), []),
+		check,
+		edit,
+		install,
+		cancelInstall,
+		removeIt
 	};
-	if (!freshness.loaded) return null;
-	if (rows.length === 0) return /* @__PURE__ */ h("div", { className: "wb-marketEmpty" }, /* @__PURE__ */ h("div", { className: "wb-marketEmptyTitle" }, t("panels.market.empty")));
-	return /* @__PURE__ */ h(Fragment, null, marketSections(rows).map((section) => /* @__PURE__ */ h("section", {
-		className: "wb-marketSection",
-		key: section.id
-	}, /* @__PURE__ */ h("div", { className: "wb-marketSectionHead" }, /* @__PURE__ */ h("h2", { className: "wb-marketSectionTitle" }, t(section.titleKey)), /* @__PURE__ */ h("span", { className: "wb-marketSectionCount" }, section.rows.length)), /* @__PURE__ */ h("ul", { className: "wb-marketList" }, section.rows.map((row) => /* @__PURE__ */ h(MarketLine, {
-		key: row.id,
+}
+//#endregion
+//#region src/app/layouts/market/AddModuleDialog.tsx
+function AddModuleDialog({ t, open, onClose, onInstalled }) {
+	const real = useAddModule({
+		open,
+		onInstalled,
+		failedText: t("panels.failed")
+	});
+	const pick = useFixturePick({
+		fixtures: ADD_MODULE_MOCKS,
+		initial: ADD_MODULE_MOCKS[0]?.id ?? null
+	});
+	const mock = pick.enabled ? pick.current : void 0;
+	const state = mock === void 0 ? real : stateOfMock(real, mock);
+	if (!open) return null;
+	const installing = state.phase === "installing";
+	const checking = state.phase === "inspecting";
+	const empty = state.spec.trim() === "";
+	const failed = state.outcome?.change.application === "failed";
+	const builds = state.builds;
+	const notModule = state.outcome?.supply.state === "not-a-module";
+	const footer = /* @__PURE__ */ h(Fragment, null, state.phase === "idle" ? /* @__PURE__ */ h("div", { className: AddModule_module_default.footer }, /* @__PURE__ */ h(SafetyNote, { t }), /* @__PURE__ */ h(Button, {
+		type: "button",
+		variant: "primary",
+		size: "md",
+		className: AddModule_module_default.wide,
+		disabled: empty || checking,
+		"aria-busy": checking,
+		onClick: state.check
+	}, checking ? /* @__PURE__ */ h(StateDot, {
+		state: "ongoing",
+		size: 12
+	}) : null, t(checking ? "panels.market.add.checking" : "panels.market.add.run"))) : null, state.phase === "preview" ? /* @__PURE__ */ h(Fragment, null, /* @__PURE__ */ h(Button, {
+		type: "button",
+		variant: "outline",
+		size: "md",
+		onClick: state.edit
+	}, t("panels.market.add.edit")), /* @__PURE__ */ h(Button, {
+		type: "button",
+		variant: "primary",
+		size: "md",
+		onClick: () => state.install()
+	}, t("panels.market.add.run"))) : null, installing ? /* @__PURE__ */ h(Button, {
+		type: "button",
+		variant: "outline",
+		size: "sm",
+		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",
+		variant: "outline",
+		size: "md",
+		onClick: state.edit
+	}, t("panels.market.add.changeRegistry")) : null, notModule ? /* @__PURE__ */ h(Button, {
+		type: "button",
+		variant: "outline",
+		size: "md",
+		className: "wb-dangerAction",
+		onClick: state.removeIt
+	}, t("panels.market.add.remove")) : null, /* @__PURE__ */ h(Button, {
+		type: "button",
+		variant: "outline",
+		size: "md",
+		onClick: onClose
+	}, t("panels.market.add.close")), builds.length === 0 ? null : /* @__PURE__ */ h(Button, {
+		type: "button",
+		variant: "primary",
+		size: "md",
+		onClick: () => state.install(builds)
+	}, t("panels.market.add.approveRun")), failed && builds.length === 0 ? /* @__PURE__ */ h(Button, {
+		type: "button",
+		variant: "primary",
+		size: "md",
+		onClick: () => state.install()
+	}, t("panels.market.add.retry")) : null) : null);
+	return /* @__PURE__ */ h(Modal, {
+		open,
+		onClose: () => {
+			if (!installing) onClose();
+		},
+		title: t("panels.market.add.title"),
+		description: t("panels.market.add.description"),
+		closeLabel: t("panels.market.add.close"),
+		className: AddModule_module_default.dialog,
+		contentClassName: AddModule_module_default.content,
+		footer
+	}, /* @__PURE__ */ h("div", { className: AddModule_module_default.stack }, pick.enabled ? /* @__PURE__ */ h(MockStrip, {
+		mocks: ADD_MODULE_MOCKS,
+		index: pick.index,
+		note: "夹具：只切状态，不发请求",
+		onPick: (at) => pick.pick(ADD_MODULE_MOCKS[at]?.id ?? null)
+	}) : null, state.phase === "idle" ? /* @__PURE__ */ h(AddModuleForm, {
 		t,
-		row,
-		pending,
-		confirming: confirming === row.id,
-		failure: failed?.id === row.id ? failed.message : null,
-		onAct: (action) => action === "uninstall" ? setConfirming(row.id) : void act(row.id, action),
-		onConfirm: () => void act(row.id, "uninstall"),
-		onCancel: () => setConfirming(null)
-	}))))), /* @__PURE__ */ h("footer", { className: "wb-modulesFoot" }, /* @__PURE__ */ h("span", { className: "wb-modulesFootText" }, t("panels.market.foot"))), shared.length === 0 ? null : /* @__PURE__ */ h("section", { className: "wb-marketSection" }, /* @__PURE__ */ h("div", { className: "wb-marketSectionHead" }, /* @__PURE__ */ h("h2", { className: "wb-marketSectionTitle" }, t("panels.market.sectionShared")), /* @__PURE__ */ h("span", { className: "wb-marketSectionCount" }, shared.length), /* @__PURE__ */ h(MarketCheckedAt, {
+		state
+	}) : null, state.phase === "inspecting" ? /* @__PURE__ */ h(AddModulePending, {
 		t,
-		at: freshness.checkedAt
-	})), /* @__PURE__ */ h("ul", { className: "wb-marketList" }, shared.map((row) => /* @__PURE__ */ h(SharedLine, {
-		key: row.id,
+		kind: "inspecting"
+	}) : null, state.phase === "preview" ? /* @__PURE__ */ h(AddModulePreview, {
 		t,
-		row,
-		pending,
-		failure: failed?.id === row.id ? failed.message : null,
-		onAct: (action) => void act(row.id, action)
-	})))));
+		state
+	}) : null, state.phase === "installing" ? /* @__PURE__ */ h(AddModulePending, {
+		t,
+		kind: "installing"
+	}) : null, state.phase === "result" ? /* @__PURE__ */ h(AddModuleResult, {
+		t,
+		state
+	}) : null));
 }
 //#endregion
 //#region src/app/layouts/market/panel.tsx
@@ -2541,8 +4033,13 @@ var MOCK_FRESHNESS = {
 	checking: false,
 	checkedAt: null
 };
-function makeMarketEntryIcon(manifests) {
+function useLiveManifests(units) {
+	useSyncExternalStore(useCallback((listener) => units.subscribe(listener), [units]), useCallback(() => units.version(), [units]));
+	return units.manifests();
+}
+function makeMarketEntryIcon(units) {
 	return function MarketEntryIcon({ size = 16 }) {
+		const manifests = useLiveManifests(units);
 		const { capabilities } = useCapabilityMap(0);
 		const hasUpdates = marketHasUpdates(marketRows(manifests, capabilities), sharedRows(manifests, capabilities));
 		useEffect(() => {
@@ -2552,12 +4049,35 @@ function makeMarketEntryIcon(manifests) {
 		return /* @__PURE__ */ h(IconModules, { size });
 	};
 }
-function MarketPanel({ t, manifests }) {
-	const { capabilities, checkedAt, checking, forceProbe, reload } = useCapabilityMap(0);
+function MarketPanel({ t, units }) {
+	const manifests = useLiveManifests(units);
+	const { capabilities, checkedAt, checking, forceProbe, reload: reloadCapability } = useCapabilityMap(0);
 	const [decided, setDecided] = useState(false);
+	const [adding, setAdding] = useState(false);
+	const [updates, setUpdates] = useState({});
+	const [installed, setInstalled] = useState([]);
+	const [installedRead, setInstalledRead] = useState(false);
+	const loadUpdates = useCallback((force = false) => {
+		readModuleVersions(force).then((response) => {
+			setInstalledRead(true);
+			if (!response.ok) return;
+			setInstalled(response.modules);
+			const next = {};
+			for (const module of response.modules) next[module.unit] = {
+				installed: module.installed,
+				...module.latest === void 0 ? {} : { latest: module.latest }
+			};
+			setUpdates(next);
+		});
+	}, []);
+	const reload = useCallback(() => {
+		reloadCapability();
+		loadUpdates();
+	}, [loadUpdates, reloadCapability]);
 	useEffect(() => {
 		if (decided) return;
 		setDecided(true);
+		loadUpdates();
 		if (!shouldProbeOnEnter({
 			checkedAt,
 			now: Date.now(),
@@ -2568,27 +4088,45 @@ function MarketPanel({ t, manifests }) {
 	}, [
 		decided,
 		checkedAt,
-		forceProbe
+		forceProbe,
+		loadUpdates
 	]);
 	const freshness = {
 		loaded: capabilities !== null,
 		checking,
 		checkedAt
 	};
-	const marketMocks = useMemo(() => buildMarketMocks(manifests), [manifests]);
+	const pendingFreshness = {
+		loaded: false,
+		checking: true,
+		checkedAt: null
+	};
+	const marketMocks = useMemo(() => buildMarketMocks(fixtureRoster(manifests)), [manifests]);
 	const fixturePick = useFixturePick({
 		fixtures: marketMocks,
 		initial: marketMocks[0]?.id ?? null
 	});
 	const mock = fixturePick.enabled ? fixturePick.current : void 0;
 	const mockNonce = fixturePick.nonce;
-	return /* @__PURE__ */ h("div", { className: "wb-marketPage" }, /* @__PURE__ */ h("header", { className: "wb-marketPageHead" }, /* @__PURE__ */ h("div", null, /* @__PURE__ */ h("h1", { className: "wb-marketPageTitle" }, t("panels.tab.market")), /* @__PURE__ */ h("p", { className: "wb-marketPageIntro" }, t("panels.market.lead"))), /* @__PURE__ */ h("button", {
+	return /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketPage }, /* @__PURE__ */ h("header", { className: MarketPage_module_default.marketPageHead }, /* @__PURE__ */ h("div", null, /* @__PURE__ */ h("h1", { className: MarketPage_module_default.marketPageTitle }, t("panels.tab.market")), /* @__PURE__ */ h("p", { className: MarketPage_module_default.marketPageIntro }, t("panels.market.lead"))), /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketPageTools }, /* @__PURE__ */ h(Tip, { label: t("panels.market.recheck") }, /* @__PURE__ */ h("button", {
 		type: "button",
-		className: `wb-outlineButton wb-marketRefresh${checking ? " wb-spinning" : ""}`,
-		title: t("panels.market.recheck"),
+		className: `${MarketPage_module_default.marketIconButton}${checking ? ` ${MarketPage_module_default.marketIconButtonSpinning}` : ""}`,
+		"aria-label": t("panels.market.checkUpdates"),
 		disabled: checking,
-		onClick: forceProbe
-	}, /* @__PURE__ */ h(IconRefresh, { size: 14 }), /* @__PURE__ */ h("span", null, t("panels.market.checkUpdates")))), fixturePick.enabled ? /* @__PURE__ */ h(MockStrip, {
+		onClick: () => {
+			forceProbe();
+			loadUpdates(true);
+		}
+	}, /* @__PURE__ */ h("span", {
+		className: MarketPage_module_default.marketIconWrap,
+		"aria-hidden": "true"
+	}, /* @__PURE__ */ h(IconRefreshOutlineRegular, null)))), /* @__PURE__ */ h(Button, {
+		variant: "primary",
+		size: "sm",
+		className: MarketPage_module_default.marketAddButton,
+		icon: /* @__PURE__ */ h(IconPlusOutlineRegular, { size: 13 }),
+		onClick: () => setAdding(true)
+	}, t("panels.market.add.open")))), fixturePick.enabled ? /* @__PURE__ */ h(MockStrip, {
 		mocks: marketMocks,
 		index: fixturePick.index,
 		onPick: (at) => fixturePick.pick(marketMocks[at]?.id ?? null)
@@ -2597,12 +4135,20 @@ function MarketPanel({ t, manifests }) {
 		t,
 		manifests,
 		capabilities,
-		freshness: mock === void 0 ? freshness : MOCK_FRESHNESS,
+		freshness: mock === void 0 ? freshness : mock.loaded === false ? pendingFreshness : MOCK_FRESHNESS,
 		onChanged: reload,
+		updates,
+		installed,
+		installedRead: mock === void 0 ? installedRead : mock.installedRead ?? true,
 		mock
+	}), /* @__PURE__ */ h(AddModuleDialog, {
+		t,
+		open: adding,
+		onClose: () => setAdding(false),
+		onInstalled: reload
 	}));
 }
-function registerMarketPanel(ctx, manifests) {
+function registerMarketPanel(ctx, units) {
 	const t = ctx.locale.bind(LOCALE_NS);
 	ctx.slots.inject("sidebar.panellist", () => ctx.slots.register({
 		name: "sidebar.panellist",
@@ -2610,12 +4156,12 @@ function registerMarketPanel(ctx, manifests) {
 		order: 30,
 		locale: LOCALE_NS,
 		label: () => t("panels.tab.market")
-	}, makeMarketEntryIcon(manifests)));
+	}, makeMarketEntryIcon(units)));
 	ctx.slots.inject("main", () => ctx.slots.register({
 		name: "main",
 		key: MARKET_PANEL_ID,
 		locale: LOCALE_NS,
-		inject: () => ({ manifests })
+		inject: () => ({ units })
 	}, MarketPanel));
 }
 //#endregion
@@ -2624,107 +4170,40 @@ var CLIENT_UNITS = [];
 function assembleClientUnits(registry) {
 	for (const face of CLIENT_UNITS) registry.register(face);
 }
-//#endregion
-//#region src/app/layouts/rightbar/registry.ts
-function createBoardRegistry() {
-	const modules = [];
-	const listeners = /* @__PURE__ */ new Set();
-	let revision = 0;
-	let sorted = [];
-	let index = /* @__PURE__ */ new Map();
-	let steps = /* @__PURE__ */ new Map();
-	function rebuild() {
-		sorted = [...modules].sort((a, b) => a.order - b.order || a.id.localeCompare(b.id));
-		index = new Map(sorted.map((module) => [module.id, module]));
-		const table = /* @__PURE__ */ new Map();
-		for (const module of sorted) for (const kind of Object.keys(module.steps ?? {})) {
-			const owner = table.get(kind);
-			if (owner !== void 0) throw new Error(`看板层名重复：${kind}（${owner.id} 与 ${module.id} 都声明了它）`);
-			table.set(kind, module);
-		}
-		steps = table;
-	}
-	function notify() {
-		revision += 1;
-		for (const listener of listeners) listener();
-	}
-	return {
-		register(module) {
-			if (modules.some((item) => item.id === module.id)) throw new Error(`看板模块 id 重复：${module.id}（id 会进持久化配置，不能撞）`);
-			modules.push(module);
-			try {
-				rebuild();
-			} catch (error) {
-				modules.pop();
-				rebuild();
-				throw error;
-			}
-			notify();
-			return () => {
-				const at = modules.indexOf(module);
-				if (at < 0) return;
-				modules.splice(at, 1);
-				rebuild();
-				notify();
-			};
-		},
-		all: () => sorted,
-		visible: () => sorted.filter((module) => module.enabledByDefault),
-		byId: (id) => index.get(id),
-		stepOwner: (kind) => steps.get(kind),
-		subscribe(listener) {
-			listeners.add(listener);
-			return () => listeners.delete(listener);
-		},
-		version: () => revision
-	};
-}
-//#endregion
-//#region src/app/units/registry.ts
-function toBoardModule(face) {
-	return {
-		id: face.manifest.id,
-		titleKey: face.manifest.card?.titleKey ?? face.manifest.id,
-		order: face.manifest.card?.order ?? 100,
-		enabledByDefault: face.manifest.card?.enabledByDefault ?? false,
-		View: face.card,
-		...face.steps === void 0 ? {} : { steps: face.steps }
-	};
-}
-function createClientUnitRegistry() {
-	const faces = [];
-	const listeners = /* @__PURE__ */ new Set();
-	const board = createBoardRegistry();
-	let revision = 0;
-	function notify() {
-		revision += 1;
-		for (const listener of listeners) listener();
-	}
-	return {
-		register(face) {
-			const id = face.manifest.id;
-			if (faces.some((item) => item.manifest.id === id)) throw new Error(`套件 id 重复：${id}（id 会进持久化配置，不能撞）`);
-			const unregisterBoard = board.register(toBoardModule(face));
-			faces.push(face);
-			notify();
-			return () => {
-				const at = faces.findIndex((item) => item.manifest.id === id);
-				if (at < 0) return;
-				faces.splice(at, 1);
-				unregisterBoard();
-				notify();
-			};
-		},
-		all: () => faces,
-		manifests: () => faces.map((face) => face.manifest),
-		board,
-		subscribe(listener) {
-			listeners.add(listener);
-			return () => listeners.delete(listener);
-		},
-		version: () => revision
-	};
-}
+var BootGate_module_default = {
+	actions: "_actions_jlw8j_1",
+	progress: "_progress_jlw8j_2",
+	commandRow: "_commandRow_jlw8j_3",
+	bridge: "_bridge_jlw8j_4",
+	raw: "_raw_jlw8j_5",
+	gate: "_gate_jlw8j_9",
+	card: "_card_jlw8j_20",
+	title: "_title_jlw8j_35",
+	hint: "_hint_jlw8j_43",
+	steps: "_steps_jlw8j_50",
+	step: "_step_jlw8j_50",
+	mark: "_mark_jlw8j_77",
+	label: "_label_jlw8j_102",
+	detail: "_detail_jlw8j_106",
+	elapsed: "_elapsed_jlw8j_124",
+	error: "_error_jlw8j_132",
+	copy: "_copy_jlw8j_158",
+	command: "_command_jlw8j_3",
+	buttons: "_buttons_jlw8j_191",
+	mockSlot: "_mockSlot_jlw8j_198",
+	button: "_button_jlw8j_191",
+	fixTitle: "_fixTitle_jlw8j_249",
+	rawSummary: "_rawSummary_jlw8j_282",
+	bridgeLines: "_bridgeLines_jlw8j_292",
+	bridgeLine: "_bridgeLine_jlw8j_292",
+	link: "_link_jlw8j_309",
+	loading: "_loading_jlw8j_323",
+	loadingMotion: "_loadingMotion_jlw8j_332",
+	"wb-spin": "_wb-spin_jlw8j_1",
+	loadingTrack: "_loadingTrack_jlw8j_337",
+	loadingArc: "_loadingArc_jlw8j_338",
+	"wb-dash": "_wb-dash_jlw8j_1"
+};
 //#endregion
 //#region src/app/layouts/env-gate/gate-text.ts
 function failedStepText(guidance, t) {
@@ -2798,10 +4277,10 @@ function spinnerIcon(size = 14) {
 	svg.setAttribute("height", String(size));
 	svg.setAttribute("viewBox", "0 0 24 24");
 	svg.setAttribute("aria-hidden", "true");
-	svg.setAttribute("class", "wb-loading");
+	svg.setAttribute("class", BootGate_module_default.loading);
 	const group = document.createElementNS(SVG_NS, "g");
-	group.setAttribute("class", "wb-loadingMotion");
-	for (const name of ["wb-loadingTrack", "wb-loadingArc"]) {
+	group.setAttribute("class", BootGate_module_default.loadingMotion);
+	for (const name of [BootGate_module_default.loadingTrack, BootGate_module_default.loadingArc]) {
 		const circle = document.createElementNS(SVG_NS, "circle");
 		circle.setAttribute("cx", "12");
 		circle.setAttribute("cy", "12");
@@ -3057,7 +4536,7 @@ function el(tag, className, text) {
 	return node;
 }
 function mountGateMockStrip(options) {
-	const strip = el("div", "wb-mockStrip");
+	const strip = el("div", `wb-mockStrip ${BootGate_module_default.mockSlot}`);
 	const note = el("span", "wb-mockNote");
 	const chips = [];
 	const paint = (active) => {
@@ -3117,9 +4596,9 @@ function createForcePlan() {
 	};
 }
 function commandRow(t) {
-	const row = el$1("div", "wb-gateCommandRow");
-	const code = el$1("code", "wb-gateCommand");
-	const copy = el$1("button", "wb-gateCopy");
+	const row = el$1("div", BootGate_module_default.commandRow);
+	const code = el$1("code", BootGate_module_default.command);
+	const copy = el$1("button", BootGate_module_default.copy);
 	copy.setAttribute("type", "button");
 	copy.setAttribute("aria-label", t("env.copyCommand"));
 	copy.title = t("env.copyCommand");
@@ -3128,14 +4607,15 @@ function commandRow(t) {
 	let text;
 	copy.addEventListener("click", () => {
 		if (text === void 0) return;
-		navigator.clipboard?.writeText(text).then(() => {
+		writeClipboard(text).then((ok) => {
+			if (!ok) return;
 			copy.replaceChildren(svgIcon("check"));
 			copy.title = t("env.copied");
 			setTimeout(() => {
 				copy.replaceChildren(svgIcon("copy"));
 				copy.title = t("env.copyCommand");
 			}, 1500);
-		}, () => {});
+		});
 	});
 	return {
 		row,
@@ -3151,47 +4631,47 @@ function createBootGate(ctx, options = {}) {
 	const request = options.request ?? apiGet;
 	if (typeof document === "undefined" || typeof document.getElementById !== "function" || document.body === void 0) return { close: () => {} };
 	const root = document.getElementById("root");
-	const overlay = el$1("div", "wb-gate");
+	const overlay = el$1("div", BootGate_module_default.gate);
 	overlay.setAttribute("role", "dialog");
 	overlay.setAttribute("aria-modal", "true");
 	overlay.setAttribute("aria-label", t("env.title"));
-	const card = el$1("div", "wb-gateCard");
-	const title = el$1("h1", "wb-gateTitle", t("env.title"));
-	const hint = el$1("p", "wb-gateHint", t("env.checking"));
-	const list = el$1("ul", "wb-gateSteps");
-	const progressRow = el$1("div", "wb-gateProgress");
+	const card = el$1("div", BootGate_module_default.card);
+	const title = el$1("h1", BootGate_module_default.title, t("env.title"));
+	const hint = el$1("p", BootGate_module_default.hint, t("env.checking"));
+	const list = el$1("ul", BootGate_module_default.steps);
+	const progressRow = el$1("div", BootGate_module_default.progress);
 	progressRow.hidden = true;
-	const elapsed = el$1("span", "wb-gateElapsed");
+	const elapsed = el$1("span", BootGate_module_default.elapsed);
 	progressRow.append(elapsed);
-	const actions = el$1("div", "wb-gateActions");
+	const actions = el$1("div", BootGate_module_default.actions);
 	actions.hidden = true;
-	const fixTitle = el$1("h2", "wb-gateFixTitle", t("env.fix.title"));
-	const fixWhy = el$1("p", "wb-gateHint");
-	const fixStep = el$1("p", "wb-gateHint");
-	const fixAdvice = el$1("p", "wb-gateHint");
-	const raw = el$1("details", "wb-gateRaw");
-	const rawSummary = el$1("summary", "wb-gateRawSummary", t("env.fix.details"));
-	const errorBox = el$1("pre", "wb-gateError");
+	const fixTitle = el$1("h2", BootGate_module_default.fixTitle, t("env.fix.title"));
+	const fixWhy = el$1("p", BootGate_module_default.hint);
+	const fixStep = el$1("p", BootGate_module_default.hint);
+	const fixAdvice = el$1("p", BootGate_module_default.hint);
+	const raw = el$1("details", BootGate_module_default.raw);
+	const rawSummary = el$1("summary", BootGate_module_default.rawSummary, t("env.fix.details"));
+	const errorBox = el$1("pre", BootGate_module_default.error);
 	raw.append(rawSummary, errorBox);
-	const buttons = el$1("div", "wb-gateButtons");
-	const retry = el$1("button", "wb-outlineButton", t("env.retry"));
+	const buttons = el$1("div", BootGate_module_default.buttons);
+	const retry = el$1("button", BootGate_module_default.button, t("env.retry"));
 	retry.setAttribute("type", "button");
 	const fixCommand = commandRow(t);
 	buttons.append(retry);
 	actions.append(fixTitle, fixWhy, fixStep, fixCommand.row, fixAdvice, buttons, raw);
-	const bridge = el$1("div", "wb-gateBridge");
+	const bridge = el$1("div", BootGate_module_default.bridge);
 	bridge.hidden = true;
-	const bridgeTitle = el$1("h2", "wb-gateFixTitle", t("env.fix.title"));
-	const bridgeWhy = el$1("p", "wb-gateHint", t("env.bridge.why"));
-	const bridgeLines = el$1("ul", "wb-gateBridgeLines");
+	const bridgeTitle = el$1("h2", BootGate_module_default.fixTitle, t("env.fix.title"));
+	const bridgeWhy = el$1("p", BootGate_module_default.hint, t("env.bridge.why"));
+	const bridgeLines = el$1("ul", BootGate_module_default.bridgeLines);
 	const bridgeCommand = commandRow(t);
-	const bridgeRetry = el$1("button", "wb-outlineButton", t("env.retry"));
+	const bridgeRetry = el$1("button", BootGate_module_default.button, t("env.retry"));
 	bridgeRetry.setAttribute("type", "button");
-	const bridgeButtons = el$1("div", "wb-gateButtons");
+	const bridgeButtons = el$1("div", BootGate_module_default.buttons);
 	bridgeButtons.append(bridgeRetry);
-	const bridgeRaw = el$1("details", "wb-gateRaw");
-	const bridgeRawText = el$1("pre", "wb-gateError");
-	bridgeRaw.append(el$1("summary", "wb-gateRawSummary", t("env.fix.details")), bridgeRawText);
+	const bridgeRaw = el$1("details", BootGate_module_default.raw);
+	const bridgeRawText = el$1("pre", BootGate_module_default.error);
+	bridgeRaw.append(el$1("summary", BootGate_module_default.rawSummary, t("env.fix.details")), bridgeRawText);
 	bridge.append(bridgeTitle, bridgeWhy, bridgeLines, bridgeCommand.row, bridgeButtons, bridgeRaw);
 	card.append(title, hint, list, progressRow, actions, bridge);
 	overlay.append(card);
@@ -3236,16 +4716,16 @@ function createBootGate(ctx, options = {}) {
 	function ensureRow(step) {
 		const existing = rows.get(step.id);
 		if (existing !== void 0) return existing;
-		const item = el$1("li", "wb-gateStep");
-		const mark = el$1("span", "wb-gateMark");
+		const item = el$1("li", BootGate_module_default.step);
+		const mark = el$1("span", BootGate_module_default.mark);
 		mark.setAttribute("aria-hidden", "true");
 		const row = {
 			item,
 			mark,
-			detail: el$1("span", "wb-gateDetail"),
+			detail: el$1("span", BootGate_module_default.detail),
 			status: ""
 		};
-		item.append(mark, el$1("span", "wb-gateLabel", stepLabel$1(step.id, t)), row.detail);
+		item.append(mark, el$1("span", BootGate_module_default.label, stepLabel$1(step.id, t)), row.detail);
 		rows.set(step.id, row);
 		return row;
 	}
@@ -3292,10 +4772,10 @@ function createBootGate(ctx, options = {}) {
 		if (bridgeBroken && bridgeStep !== void 0) {
 			bridgeLines.replaceChildren(...(snapshot.bridgeIssues ?? ["unknown"]).map((issue) => {
 				const advice = bridgeAdvice(issue);
-				const item = el$1("li", "wb-gateBridgeLine", t(advice.textKey));
+				const item = el$1("li", BootGate_module_default.bridgeLine, t(advice.textKey));
 				if (advice.link !== void 0) {
 					const link = document.createElement("a");
-					link.className = "wb-gateLink";
+					link.className = BootGate_module_default.link;
 					link.textContent = t(advice.link.labelKey);
 					link.href = advice.link.href;
 					link.target = "_blank";
@@ -3359,18 +4839,32 @@ 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/ExpandButton.tsx
 function ExpandButton({ useRightbar, toggleRightbar, t }) {
 	if (useRightbar((state) => state.expanded)) return null;
-	return /* @__PURE__ */ h("button", {
+	return /* @__PURE__ */ h(Tip, { label: t("rightbar.expand") }, /* @__PURE__ */ h(Button, {
 		type: "button",
-		className: "wb-expandButton",
+		size: "sm",
+		variant: "ghost",
+		className: ExpandButton_module_default.button,
 		"aria-label": t("rightbar.expand"),
-		title: t("rightbar.expand"),
+		icon: /* @__PURE__ */ h("span", { className: ExpandButton_module_default.icon }, /* @__PURE__ */ h(IconPanelLeftOutlineRegular, { size: 15 })),
 		onClick: toggleRightbar
-	}, /* @__PURE__ */ h("span", { className: "wb-expandIcon" }, /* @__PURE__ */ h(IconPanelLeft, { size: 15 })));
+	}));
 }
+var Breadcrumbs_module_default = {
+	stripTabs: "_stripTabs_1dqp4_1",
+	tab: "_tab_1dqp4_9",
+	tabActive: "_tabActive_1dqp4_25",
+	tabQuiet: "_tabQuiet_1dqp4_29",
+	tabTitle: "_tabTitle_1dqp4_39",
+	sep: "_sep_1dqp4_49"
+};
 //#endregion
 //#region src/app/layouts/rightbar/Breadcrumbs.tsx
 function stepLabel(step, titleKeyOf, t) {
@@ -3380,23 +4874,21 @@ function stepLabel(step, titleKeyOf, t) {
 }
 function Breadcrumbs({ trail, onGoTo, titleKeyOf, t }) {
 	return /* @__PURE__ */ h("div", {
-		className: "wb-stripTabs",
+		className: Breadcrumbs_module_default.stripTabs,
 		role: "presentation"
 	}, trail.map((step, index) => {
 		const current = index === trail.length - 1;
 		return /* @__PURE__ */ h(Fragment, { key: `${step.kind}-${index}` }, index > 0 ? /* @__PURE__ */ h("span", {
-			className: "wb-crumbSep",
+			className: Breadcrumbs_module_default.sep,
 			"aria-hidden": "true"
 		}, "›") : null, current ? /* @__PURE__ */ h("div", {
-			className: "wb-tab wb-tabActive",
-			role: "tab",
-			"aria-selected": "true",
-			tabIndex: -1
-		}, /* @__PURE__ */ h("span", { className: "wb-tabTitle" }, stepLabel(step, titleKeyOf, t))) : /* @__PURE__ */ h("button", {
+			className: `${Breadcrumbs_module_default.tab} ${Breadcrumbs_module_default.tabActive}`,
+			"aria-current": "page"
+		}, /* @__PURE__ */ h("span", { className: Breadcrumbs_module_default.tabTitle }, stepLabel(step, titleKeyOf, t))) : /* @__PURE__ */ h("button", {
 			type: "button",
-			className: "wb-tab wb-tabQuiet",
+			className: `${Breadcrumbs_module_default.tab} ${Breadcrumbs_module_default.tabQuiet}`,
 			onClick: () => onGoTo(index)
-		}, /* @__PURE__ */ h("span", { className: "wb-tabTitle" }, stepLabel(step, titleKeyOf, t))));
+		}, /* @__PURE__ */ h("span", { className: Breadcrumbs_module_default.tabTitle }, stepLabel(step, titleKeyOf, t))));
 	}));
 }
 //#endregion
@@ -3406,13 +4898,15 @@ function BoardEmpty({ t, onOpenModules, onOpenMarket }) {
 		icon: /* @__PURE__ */ h(IconBrandMark, { size: 32 }),
 		title: t("panels.empty"),
 		hint: t("panels.emptyHint"),
-		action: /* @__PURE__ */ h(Fragment, null, /* @__PURE__ */ h("button", {
+		action: /* @__PURE__ */ h(Fragment, null, /* @__PURE__ */ h(Button, {
 			type: "button",
-			className: "wb-outlineButton",
+			size: "sm",
+			variant: "primary",
 			onClick: onOpenModules
-		}, t("panels.choose")), /* @__PURE__ */ h("button", {
+		}, t("panels.choose")), /* @__PURE__ */ h(Button, {
 			type: "button",
-			className: "wb-outlineButton",
+			size: "sm",
+			variant: "toolbar",
 			onClick: onOpenMarket
 		}, t("panels.browseMarket")))
 	});
@@ -3429,6 +4923,22 @@ function BoardMockStrip({ fixtures, show }) {
 		onPick: fixtures.pick
 	});
 }
+var ModulesPage_module_default = {
+	trigger: "_trigger_1weg4_1",
+	pop: "_pop_1weg4_7",
+	head: "_head_1weg4_21",
+	title: "_title_1weg4_29",
+	reset: "_reset_1weg4_37",
+	list: "_list_1weg4_59",
+	row: "_row_1weg4_68",
+	rowOver: "_rowOver_1weg4_83",
+	ghost: "_ghost_1weg4_93",
+	grip: "_grip_1weg4_108",
+	label: "_label_1weg4_116",
+	name: "_name_1weg4_123",
+	error: "_error_1weg4_134",
+	dep: "_dep_1weg4_142"
+};
 //#endregion
 //#region src/app/layouts/rightbar/panel-mock.ts
 function row(id, titleKey, shown) {
@@ -3672,7 +5182,7 @@ function ModulesPage({ t, units, workspace, capabilities, loading = false, onOpe
 	};
 	const dragging = drag === null ? void 0 : rows[drag.from];
 	return /* @__PURE__ */ h(Fragment, null, drag?.at === void 0 || dragging === void 0 ? null : /* @__PURE__ */ h("div", {
-		className: "wb-modulesGhost",
+		className: ModulesPage_module_default.ghost,
 		style: {
 			left: `${drag.at.x + 12}px`,
 			top: `${drag.at.y - 12}px`
@@ -3682,16 +5192,17 @@ function ModulesPage({ t, units, workspace, capabilities, loading = false, onOpe
 		icon: null,
 		title: t("panels.noneInstalled"),
 		hint: t("panels.noneInstalledHint"),
-		action: /* @__PURE__ */ h("button", {
+		action: /* @__PURE__ */ h(Button, {
 			type: "button",
-			className: "wb-outlineButton",
+			size: "sm",
+			variant: "outline",
 			onClick: onOpenMarket
 		}, t("panels.browseMarket"))
-	}) : /* @__PURE__ */ h("ul", { className: "wb-modulesList" }, rows.map((unit, index) => {
+	}) : /* @__PURE__ */ h("ul", { className: ModulesPage_module_default.list }, rows.map((unit, index) => {
 		const badge = panelBadgeKey(capabilities?.[unit.id]);
 		const dep = badge === void 0 ? void 0 : t(badge);
 		return /* @__PURE__ */ h("li", {
-			className: `wb-modulesRow${drag?.over === index ? " wb-modulesRowOver" : ""}`,
+			className: `${ModulesPage_module_default.row}${drag?.over === index ? ` ${ModulesPage_module_default.rowOver}` : ""}`,
 			key: unit.id,
 			draggable: true,
 			onDragStart: (event) => {
@@ -3723,28 +5234,24 @@ function ModulesPage({ t, units, workspace, capabilities, loading = false, onOpe
 				event.preventDefault();
 				drop();
 			}
-		}, /* @__PURE__ */ h("span", {
-			className: "wb-modulesGrip",
-			title: t("panels.dragHint"),
+		}, /* @__PURE__ */ h(Tip, { label: t("panels.dragHint") }, /* @__PURE__ */ h("span", {
+			className: ModulesPage_module_default.grip,
 			"aria-hidden": "true"
-		}, "⠿"), /* @__PURE__ */ h("span", { className: "wb-modulesLabel" }, /* @__PURE__ */ h("span", { className: "wb-modulesName" }, t(unit.titleKey)), dep === void 0 ? null : /* @__PURE__ */ h("span", { className: "wb-modulesDep" }, dep)), /* @__PURE__ */ h("button", {
-			type: "button",
-			role: "switch",
-			"aria-checked": unit.shown,
-			"aria-label": `${t(unit.titleKey)} · ${unit.shown ? t("panels.enabled") : t("panels.disabled")}`,
-			className: "wb-switch",
+		}, "⠿")), /* @__PURE__ */ h("span", { className: ModulesPage_module_default.label }, /* @__PURE__ */ h("span", { className: ModulesPage_module_default.name }, t(unit.titleKey)), dep === void 0 ? null : /* @__PURE__ */ h("span", { className: ModulesPage_module_default.dep }, dep)), /* @__PURE__ */ h(Switch, {
+			checked: unit.shown,
+			label: `${t(unit.titleKey)} · ${unit.shown ? t("panels.enabled") : t("panels.disabled")}`,
 			disabled: busy,
-			onClick: () => void write({
-				action: unit.shown ? "hide" : "show",
+			onChange: (next) => void write({
+				action: next ? "show" : "hide",
 				id: unit.id
 			})
-		}, /* @__PURE__ */ h("span", { className: "wb-switchKnob" })));
-	})), /* @__PURE__ */ h("footer", { className: "wb-modulesFoot" }, /* @__PURE__ */ h("span", { className: "wb-modulesFootText" }, t("panels.hintEffect")), /* @__PURE__ */ h("button", {
+		}));
+	})), /* @__PURE__ */ h(PanelFoot, { text: t("panels.hintEffect") }, /* @__PURE__ */ h("button", {
 		type: "button",
-		className: "wb-modulesReset",
+		className: ModulesPage_module_default.reset,
 		disabled: busy,
 		onClick: () => void write({ action: "reset" })
-	}, t("panels.reset"))), failed ? /* @__PURE__ */ h("p", { className: "wb-modulesError" }, t("panels.failed")) : null);
+	}, t("panels.reset"))), failed ? /* @__PURE__ */ h("p", { className: ModulesPage_module_default.error }, t("panels.failed")) : null);
 }
 //#endregion
 //#region src/app/layouts/rightbar/PanelModules.tsx
@@ -3768,37 +5275,32 @@ function PanelModules({ t, open, onOpenChange, enabledUnits, workspace, refreshT
 		forceProbe
 	]);
 	const root = useRef(null);
-	const panelMocks = useMemo(() => buildPanelMocks(manifests), [manifests]);
+	const panelMocks = useMemo(() => buildPanelMocks(fixtureRoster(manifests)), [manifests]);
 	const fixturePick = useFixturePick({
 		fixtures: panelMocks,
 		initial: panelMocks[0]?.id ?? null
 	});
 	const panelMock = fixturePick.enabled ? fixturePick.current : void 0;
 	const mockNonce = fixturePick.nonce;
-	useEffect(() => {
-		if (!open) return void 0;
-		const onDown = (event) => {
-			if (root.current !== null && !root.current.contains(event.target)) onOpenChange(false);
-		};
-		document.addEventListener("mousedown", onDown);
-		return () => document.removeEventListener("mousedown", onDown);
-	}, [open, onOpenChange]);
+	useDismissOnOutsidePointer(root, open, onOpenChange);
 	const units = enabledUnits ?? [];
 	return /* @__PURE__ */ h("div", {
-		className: "wb-modules",
+		className: ModulesPage_module_default.trigger,
 		ref: root
-	}, /* @__PURE__ */ h("button", {
+	}, /* @__PURE__ */ h(Tip, { label: t("panels.title") }, /* @__PURE__ */ h(Button, {
 		type: "button",
-		className: `wb-iconButton${open ? " wb-iconButtonActive" : ""}`,
+		size: "sm",
+		variant: "ghost",
+		className: `wb-stripButton${open ? " wb-stripButtonActive" : ""}`,
 		"aria-label": t("panels.title"),
 		"aria-expanded": open,
-		title: t("panels.title"),
+		icon: /* @__PURE__ */ h(IconModules, { size: 16 }),
 		onClick: () => onOpenChange(!open)
-	}, /* @__PURE__ */ h(IconModules, { size: 16 })), open ? /* @__PURE__ */ h("div", {
-		className: "wb-modulesPop",
+	})), open ? /* @__PURE__ */ h("div", {
+		className: ModulesPage_module_default.pop,
 		role: "dialog",
 		"aria-label": t("panels.title")
-	}, /* @__PURE__ */ h("header", { className: "wb-modulesHead" }, /* @__PURE__ */ h("span", { className: "wb-modulesTitle" }, t("panels.tab.modules"))), fixturePick.enabled ? /* @__PURE__ */ h(MockStrip, {
+	}, /* @__PURE__ */ h("header", { className: ModulesPage_module_default.head }, /* @__PURE__ */ h("span", { className: ModulesPage_module_default.title }, t("panels.tab.modules"))), fixturePick.enabled ? /* @__PURE__ */ h(MockStrip, {
 		mocks: panelMocks,
 		index: fixturePick.index,
 		onPick: (at) => fixturePick.pick(panelMocks[at]?.id ?? null)
@@ -4138,22 +5640,21 @@ function ModuleHost({ module, step, panelToken, onPanelRefresh, onSummary, ...re
 	});
 }
 function PanelHeader({ t, trail, onGoTo, titleKeyOf, refreshing, at, refreshEnabled, onRefresh, modulesOpen, onModulesOpenChange, enabledUnits, manifests, workspace, refreshToken, onOpenMarket, onCollapse }) {
-	return /* @__PURE__ */ h("header", { className: "wb-panelHeader" }, /* @__PURE__ */ h("div", {
-		className: "wb-tabStrip",
-		role: "tablist"
-	}, /* @__PURE__ */ h(Breadcrumbs, {
+	return /* @__PURE__ */ h("header", { className: "wb-panelHeader" }, /* @__PURE__ */ h("div", { className: "wb-tabStrip" }, /* @__PURE__ */ h(Breadcrumbs, {
 		trail,
 		onGoTo,
 		titleKeyOf,
 		t
-	}), /* @__PURE__ */ h("span", { className: "wb-stripFill" }), /* @__PURE__ */ h("div", { className: "wb-stripChrome" }, /* @__PURE__ */ h("button", {
+	}), /* @__PURE__ */ h("span", { className: "wb-stripFill" }), /* @__PURE__ */ h("div", { className: "wb-stripChrome" }, /* @__PURE__ */ h(Tip, { label: refreshing ? t("rightbar.refreshing") : at === null ? t("rightbar.refresh") : `${t("rightbar.refresh")} · ${t("rightbar.updatedAt", { time: new Date(at).toLocaleTimeString().slice(0, 5) })}` }, /* @__PURE__ */ h(Button, {
 		type: "button",
-		className: `wb-iconButton wb-refreshButton${refreshing ? " wb-spinning" : ""}`,
+		size: "sm",
+		variant: "ghost",
+		className: `wb-stripButton${refreshing ? " wb-spinning" : ""}`,
 		"aria-label": refreshing ? t("rightbar.refreshing") : t("rightbar.refresh"),
 		disabled: refreshing || !refreshEnabled,
-		title: refreshing ? t("rightbar.refreshing") : at === null ? t("rightbar.refresh") : `${t("rightbar.refresh")} · ${t("rightbar.updatedAt", { time: new Date(at).toLocaleTimeString().slice(0, 5) })}`,
+		icon: /* @__PURE__ */ h(IconRefreshOutlineRegular, { size: 16 }),
 		onClick: onRefresh
-	}, /* @__PURE__ */ h(IconRefresh, { size: 16 })), /* @__PURE__ */ h(PanelModules, {
+	})), /* @__PURE__ */ h(PanelModules, {
 		t,
 		open: modulesOpen,
 		onOpenChange: onModulesOpenChange,
@@ -4162,13 +5663,15 @@ function PanelHeader({ t, trail, onGoTo, titleKeyOf, refreshing, at, refreshEnab
 		refreshToken,
 		manifests,
 		onOpenMarket
-	}), /* @__PURE__ */ h("button", {
+	}), /* @__PURE__ */ h(Tip, { label: t("rightbar.collapse") }, /* @__PURE__ */ h(Button, {
 		type: "button",
-		className: "wb-iconButton wb-collapseButton",
+		size: "sm",
+		variant: "ghost",
+		className: "wb-stripButton",
 		"aria-label": t("rightbar.collapse"),
-		title: t("rightbar.collapse"),
+		icon: /* @__PURE__ */ h("span", { className: "wb-stripIconFlip" }, /* @__PURE__ */ h(IconPanelLeftOutlineRegular, { size: 16 })),
 		onClick: onCollapse
-	}, /* @__PURE__ */ h(IconPanelLeft, { size: 16 })))));
+	})))));
 }
 function BoardContent({ top, plan, world, board, panelToken, onPanelRefresh, onNavigate, onOpenMarket, onSummary, onOpenModules, t }) {
 	if (top.kind !== "board") {
@@ -4192,7 +5695,7 @@ function BoardContent({ top, plan, world, board, panelToken, onPanelRefresh, onN
 	}
 	return /* @__PURE__ */ h(Fragment, null, plan.reading ? /* @__PURE__ */ h(CenteredState, {
 		icon: null,
-		title: t("panels.reading")
+		title: /* @__PURE__ */ h(TextShimmer, { active: true }, t("panels.reading"))
 	}) : null, plan.empty ? /* @__PURE__ */ h(BoardEmpty, {
 		t,
 		onOpenModules,
@@ -4225,12 +5728,12 @@ function Rightbar(props) {
 	const boardWorkspace = board.path;
 	const enabledUnits = useEnabledUnits(panelToken, boardWorkspace);
 	const [modulesOpen, setModulesOpen] = useState(false);
-	const fixtures = useBoardMock(manifests);
+	const fixtures = useBoardMock(fixtureRoster(manifests));
 	const visibleModules = selectBoardModules(enabledUnits, (id) => modules.byId(id), capabilities);
 	const plan = planBoard(fixtures.shape, {
 		modules: visibleModules,
 		configRead: enabledUnits !== null
-	}, modules.all());
+	}, fixtureSeed(manifests, modules.all()));
 	const world = createSuiteWorld({
 		workspaces,
 		sessions,
@@ -4267,8 +5770,8 @@ function Rightbar(props) {
 		onGoTo: props.goToPanel,
 		titleKeyOf,
 		refreshing: summary.refreshing,
-		at: summary.at,
 		refreshEnabled: feedEnabled,
+		at: summary.at,
 		onRefresh: refreshPanel,
 		modulesOpen,
 		onModulesOpenChange: setModulesOpen,
@@ -4481,13 +5984,12 @@ function openNewSession(input) {
 //#endregion
 //#region src/app/layouts/sidebar/WorkspaceSection.tsx
 function WorkspaceSection({ t, wide, onNewSession }) {
-	return /* @__PURE__ */ h("div", { className: "wb-wsSection" }, /* @__PURE__ */ h("div", { className: "wb-sectionHeader" }, wide ? /* @__PURE__ */ h("span", { className: "wb-sectionLabel" }, t("workspace.section")) : null, /* @__PURE__ */ h("button", {
+	return /* @__PURE__ */ h("div", { className: "wb-wsSection" }, /* @__PURE__ */ h("div", { className: "wb-sectionHeader" }, wide ? /* @__PURE__ */ h("span", { className: "wb-sectionLabel" }, t("workspace.section")) : null, /* @__PURE__ */ h(Tip, { label: t("session.new.label") }, /* @__PURE__ */ h("button", {
 		type: "button",
 		className: "wb-iconButton wb-wsNew",
-		title: t("session.new.label"),
 		"aria-label": t("session.new"),
 		onClick: onNewSession
-	}, /* @__PURE__ */ h(IconNewChat, { size: 16 }))));
+	}, /* @__PURE__ */ h(IconNewChatOutlineRegular, { size: 16 })))));
 }
 //#endregion
 //#region src/app/layouts/sidebar/PanelNav.tsx
@@ -4495,12 +5997,14 @@ function PanelRow({ id, label, active, wide, onSelect, fallbackGlyph, renderEntr
 	const glyph = fallbackGlyph ?? (id !== null && renderEntry !== void 0 ? renderEntry(id, active, wide) : null);
 	const hint = usePanelHint(id);
 	const name = panelRowName(label, hint, t);
-	return /* @__PURE__ */ h("button", {
+	return /* @__PURE__ */ h(Tip, {
+		label: name,
+		disabled: !(hint !== null || !wide)
+	}, /* @__PURE__ */ h("button", {
 		type: "button",
 		className: cx("wb-panelRow", active && "wb-panelActive"),
 		"aria-current": active ? "page" : void 0,
 		"aria-label": name,
-		title: hint !== null || !wide ? name : void 0,
 		onClick: () => onSelect(id)
 	}, /* @__PURE__ */ h("span", {
 		className: "wb-panelGlyph",
@@ -4508,37 +6012,19 @@ function PanelRow({ id, label, active, wide, onSelect, fallbackGlyph, renderEntr
 	}, glyph, hint !== null && !wide ? /* @__PURE__ */ h("span", { className: "wb-panelDot" }, /* @__PURE__ */ h(StateDot, {
 		state: "warning",
 		size: 9
-	})) : null), wide ? /* @__PURE__ */ h("span", { className: "wb-panelTitle" }, label) : null, hint === null || !wide ? null : /* @__PURE__ */ h("span", {
-		className: "wb-panelTag",
-		"aria-hidden": "true"
-	}, t(hint.labelKey)));
+	})) : null), wide ? /* @__PURE__ */ h("span", { className: "wb-panelTitle" }, label) : null, hint === null || !wide ? null : /* @__PURE__ */ h(Tag, {
+		tone: "warning",
+		className: "wb-panelTag"
+	}, t(hint.labelKey))));
 }
 //#endregion
 //#region src/app/layouts/sidebar/ProjectSwitcher.tsx
+var ADD_WORKSPACE_ID = "__wb-add-workspace__";
 function ProjectSwitcher({ items, current, workspaceTitle, onPick, onAdd, t }) {
 	const [open, setOpen] = useState(false);
-	const root = useRef(null);
-	useEffect(() => {
-		if (!open) return void 0;
-		const onDown = (event) => {
-			if (root.current !== null && !root.current.contains(event.target)) setOpen(false);
-		};
-		const onKey = (event) => {
-			if (event.key === "Escape") setOpen(false);
-		};
-		document.addEventListener("mousedown", onDown);
-		document.addEventListener("keydown", onKey);
-		return () => {
-			document.removeEventListener("mousedown", onDown);
-			document.removeEventListener("keydown", onKey);
-		};
-	}, [open]);
 	const title = current ? workspaceTitle(current.title) : t("project.none");
 	const currentId = current?.workspaceId ?? null;
-	return /* @__PURE__ */ h("div", {
-		className: "wb-project",
-		ref: root
-	}, /* @__PURE__ */ h("button", {
+	const trigger = /* @__PURE__ */ h("button", {
 		type: "button",
 		className: "wb-projectButton",
 		"aria-haspopup": "listbox",
@@ -4546,31 +6032,40 @@ function ProjectSwitcher({ items, current, workspaceTitle, onPick, onAdd, t }) {
 		"aria-label": t("project.label"),
 		title: current ? current.path : title,
 		onClick: () => setOpen((value) => !value)
-	}, /* @__PURE__ */ h("span", { className: "wb-projectGlyph wb-projectGlyphActive" }, open ? /* @__PURE__ */ h(IconFolderOpen, { size: 16 }) : /* @__PURE__ */ h(IconFolder, { size: 16 })), /* @__PURE__ */ h("span", { className: "wb-projectName" }, title), /* @__PURE__ */ h("span", { className: cx("wb-projectChevron", open && "wb-projectChevronOpen") }, /* @__PURE__ */ h(IconChevronDown, { size: 14 }))), open ? /* @__PURE__ */ h("div", {
-		className: "wb-popover",
-		role: "listbox",
-		"aria-label": t("project.label")
-	}, items.length === 0 ? /* @__PURE__ */ h("div", { className: "wb-popoverEmpty" }, t("project.empty")) : items.map((workspace) => {
-		const selected = workspace.workspaceId === currentId;
-		return /* @__PURE__ */ h("button", {
-			key: workspace.workspaceId,
-			type: "button",
-			role: "option",
-			"aria-selected": selected,
-			className: cx("wb-popoverItem", selected && "wb-popoverItemActive"),
-			onClick: () => {
-				setOpen(false);
-				onPick(workspace.workspaceId);
-			}
-		}, /* @__PURE__ */ h("span", { className: cx("wb-popoverItemIcon", selected && "wb-projectGlyphActive") }, /* @__PURE__ */ h(IconFolder, { size: 16 })), /* @__PURE__ */ h("span", { className: "wb-popoverItemTitle" }, workspaceTitle(workspace.title)), selected ? /* @__PURE__ */ h("span", { className: "wb-popoverCheck" }, /* @__PURE__ */ h(IconCheck, { size: 14 })) : null);
-	}), /* @__PURE__ */ h("div", { className: "wb-popoverSep" }), /* @__PURE__ */ h("button", {
-		type: "button",
-		className: "wb-popoverAdd",
-		onClick: () => {
+	}, /* @__PURE__ */ h("span", { className: "wb-projectGlyph wb-projectGlyphActive" }, open ? /* @__PURE__ */ h(IconFolderOpenRegular, { size: 16 }) : /* @__PURE__ */ h(IconFolderCloseRegular, { size: 16 })), /* @__PURE__ */ h("span", { className: "wb-projectName" }, title), /* @__PURE__ */ h("span", { className: cx("wb-projectChevron", open && "wb-projectChevronOpen") }, /* @__PURE__ */ h(IconChevronDownOutlineRegular, { size: 14 })));
+	return /* @__PURE__ */ h("div", { className: "wb-project" }, /* @__PURE__ */ h(Menu, {
+		open,
+		portal: true,
+		className: "wb-projectAnchor",
+		anchor: trigger,
+		align: "start",
+		side: "bottom",
+		selection: "check",
+		selectedId: currentId ?? void 0,
+		items: [...items.length === 0 ? [{
+			type: "label",
+			id: "empty",
+			text: t("project.empty")
+		}] : [], ...items.map((workspace) => ({
+			id: workspace.workspaceId,
+			label: workspaceTitle(workspace.title),
+			icon: /* @__PURE__ */ h(IconFolderCloseRegular, { size: 16 })
+		}))],
+		footer: [{
+			id: ADD_WORKSPACE_ID,
+			label: t("project.add"),
+			icon: /* @__PURE__ */ h(IconPlusOutlineRegular, { size: 14 })
+		}],
+		onSelect: (id) => {
 			setOpen(false);
-			onAdd();
-		}
-	}, /* @__PURE__ */ h(IconPlus, { size: 14 }), /* @__PURE__ */ h("span", null, t("project.add")))) : null);
+			if (id === ADD_WORKSPACE_ID) {
+				onAdd();
+				return;
+			}
+			onPick(id);
+		},
+		onClose: () => setOpen(false)
+	}));
 }
 //#endregion
 //#region src/app/layouts/sidebar/SessionList.tsx
@@ -4589,24 +6084,8 @@ function SessionLeading({ node, statuses, renderSlot }) {
 function SessionRow({ node, active, onOpen, renderSlot, t }) {
 	const [menuOpen, setMenuOpen] = useState(false);
 	const menuState = useMemo(() => [menuOpen, setMenuOpen], [menuOpen]);
-	const root = useRef(null);
 	const statuses = sessionStatuses(node, t);
 	const label = node.blank ? t("session.new") : node.title;
-	useEffect(() => {
-		if (!menuOpen) return void 0;
-		const onDown = (event) => {
-			if (root.current !== null && !root.current.contains(event.target)) setMenuOpen(false);
-		};
-		const onKey = (event) => {
-			if (event.key === "Escape") setMenuOpen(false);
-		};
-		document.addEventListener("mousedown", onDown);
-		document.addEventListener("keydown", onKey);
-		return () => {
-			document.removeEventListener("mousedown", onDown);
-			document.removeEventListener("keydown", onKey);
-		};
-	}, [menuOpen]);
 	const owner = {
 		sessionId: node.id,
 		displayTitle: label
@@ -4614,31 +6093,31 @@ function SessionRow({ node, active, onOpen, renderSlot, t }) {
 	return /* @__PURE__ */ h("div", {
 		className: cx("wb-sessionRow", active && "wb-selected", menuOpen && "wb-menuOpen"),
 		"aria-current": active ? "true" : void 0,
-		ref: root,
 		onClick: () => onOpen(node.id)
 	}, /* @__PURE__ */ h("span", { className: "wb-sessionLeading" }, /* @__PURE__ */ h(SessionLeading, {
 		node,
 		statuses,
 		renderSlot
-	})), /* @__PURE__ */ h("span", { className: "wb-sessionTitle" }, label), node.pinned ? /* @__PURE__ */ h("span", {
+	})), /* @__PURE__ */ h("span", { className: "wb-sessionTitle" }, label), node.pinned ? /* @__PURE__ */ h(Tip, { label: t("session.pinned") }, /* @__PURE__ */ h("span", {
 		className: "wb-sessionPin",
 		role: "img",
-		"aria-label": t("session.pinned"),
-		title: t("session.pinned")
-	}, /* @__PURE__ */ h(IconPin, { size: 14 })) : null, /* @__PURE__ */ h("span", { className: "wb-sessionTime" }, relativeTime(node.updatedAt, t)), /* @__PURE__ */ h("span", { className: "wb-rowActions" }, /* @__PURE__ */ h("button", {
-		type: "button",
-		className: "wb-iconButton",
-		"aria-haspopup": "menu",
-		"aria-expanded": menuOpen,
-		"aria-label": t("session.actions", { name: label }),
-		onClick: (event) => {
-			event.stopPropagation();
-			setMenuOpen((value) => !value);
-		}
-	}, /* @__PURE__ */ h(IconEllipsis, { size: 16 })), renderSlot("sidebar.workspaces.session.row.action", owner)), menuOpen ? /* @__PURE__ */ h("div", {
-		className: "wb-popover wb-rowMenu",
-		role: "menu"
-	}, renderSlot("sidebar.workspaces.session.menu.item", owner, { hookContext: menuState })) : null);
+		"aria-label": t("session.pinned")
+	}, /* @__PURE__ */ h(IconPinOutlineRegular, { size: 14 }))) : null, /* @__PURE__ */ h("span", { className: "wb-sessionTime" }, relativeTime(node.updatedAt, t)), /* @__PURE__ */ h("span", { className: "wb-rowActions" }, /* @__PURE__ */ h(Menu, {
+		open: menuOpen,
+		portal: true,
+		anchor: /* @__PURE__ */ h("button", {
+			type: "button",
+			className: "wb-iconButton",
+			"aria-haspopup": "menu",
+			"aria-expanded": menuOpen,
+			"aria-label": t("session.actions", { name: label }),
+			onClick: (event) => {
+				event.stopPropagation();
+				setMenuOpen((value) => !value);
+			}
+		}, /* @__PURE__ */ h(IconEllipsisOutlineRegular, { size: 16 })),
+		onClose: () => setMenuOpen(false)
+	}, renderSlot("sidebar.workspaces.session.menu.item", owner, { hookContext: menuState })), renderSlot("sidebar.workspaces.session.row.action", owner)));
 }
 function SessionList({ workspace, pinnedIds, archived, panelActive, useSessions, useSessionStatus, onOpen, renderSlot, t }) {
 	const list = useSessions((state) => state);
@@ -4705,12 +6184,11 @@ function Sidebar(props) {
 		});
 	};
 	const wide = !collapsed;
-	return /* @__PURE__ */ h("div", { className: cx("wb-root", collapsed && "wb-collapsed") }, /* @__PURE__ */ h("div", { className: "wb-logoRow" }, wide ? /* @__PURE__ */ h("button", {
+	return /* @__PURE__ */ h("div", { className: cx("wb-root", collapsed && "wb-collapsed") }, /* @__PURE__ */ h("div", { className: "wb-logoRow" }, wide ? /* @__PURE__ */ h(Tip, { label: t("panel.conversation") }, /* @__PURE__ */ h("button", {
 		type: "button",
 		className: "wb-brand",
-		title: t("panel.conversation"),
 		onClick: () => props.selectPanel(null)
-	}, /* @__PURE__ */ h("span", { className: "wb-brandIdentity" }, /* @__PURE__ */ h("span", { className: "wb-brandMark" }, renderSlot("sidebar.brand.mark", { size: 24 }, { fallback: /* @__PURE__ */ h(IconBrandMark, { size: 24 }) })), /* @__PURE__ */ h("span", { className: "wb-brandName" }, renderSlot("sidebar.brand.name", {}, { fallback: t("brand.name") })))) : null, /* @__PURE__ */ h("button", {
+	}, /* @__PURE__ */ h("span", { className: "wb-brandIdentity" }, /* @__PURE__ */ h("span", { className: "wb-brandMark" }, renderSlot("sidebar.brand.mark", { size: 24 }, { fallback: /* @__PURE__ */ h(IconBrandMark, { size: 24 }) })), /* @__PURE__ */ h("span", { className: "wb-brandName" }, renderSlot("sidebar.brand.name", {}, { fallback: t("brand.name") }))))) : null, /* @__PURE__ */ h("button", {
 		type: "button",
 		className: "wb-iconButton wb-toggle",
 		"aria-label": t(collapsed ? "toggle.open" : "toggle.collapse"),
@@ -4718,7 +6196,7 @@ function Sidebar(props) {
 	}, !wide ? /* @__PURE__ */ h("span", {
 		className: "wb-railMark",
 		"aria-hidden": "true"
-	}, renderSlot("sidebar.brand.mark", { size: 24 }, { fallback: /* @__PURE__ */ h(IconBrandMark, { size: 24 }) })) : null, /* @__PURE__ */ h("span", { className: "wb-panelIcon" }, /* @__PURE__ */ h(IconPanelLeft, { size: wide ? 16 : 18 })), !wide ? renderSlot("sidebar.toggle.badge", {}) : null)), /* @__PURE__ */ h("nav", {
+	}, renderSlot("sidebar.brand.mark", { size: 24 }, { fallback: /* @__PURE__ */ h(IconBrandMark, { size: 24 }) })) : null, /* @__PURE__ */ h("span", { className: "wb-panelIcon" }, /* @__PURE__ */ h(IconPanelLeftOutlineRegular, { size: wide ? 16 : 18 })), !wide ? renderSlot("sidebar.toggle.badge", {}) : null)), /* @__PURE__ */ h("nav", {
 		className: "wb-panelList",
 		"aria-label": t("panels.label")
 	}, panelEntries.map((entry) => /* @__PURE__ */ h(PanelRow, {
@@ -4767,16 +6245,28 @@ 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: 38px;\n}\n\n.wb-tabStrip {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  height: 38px;\n  padding: 10px 6px 0 10px;\n}\n\n.wb-stripTabs {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.wb-stripFill {\n  flex: 1 1 0;\n  min-width: 0;\n}\n\n.wb-stripChrome {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex: none;\n  margin-left: 4px;\n}\n\n.wb-tab {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  flex: none;\n  height: 28px;\n  padding: 0 10px;\n  border: 0;\n  border-radius: 8px;\n  background: none;\n  font: inherit;\n  font-size: 13px;\n  line-height: 16px;\n  max-width: 100%;\n}\n\n.wb-tabActive {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-tabQuiet {\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n.wb-tabQuiet:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-tabTitle {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-crumbSep {\n  flex: none;\n  color: var(--dsw-alias-label-dimmed);\n}\n\n.wb-stripChrome .wb-iconButton {\n  width: 28px;\n  height: 28px;\n  padding: 6px;\n  border-radius: 8px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-stripChrome .wb-iconButton:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-stripChrome .wb-iconButton:disabled {\n  cursor: default;\n  opacity: 1;\n}\n\n.wb-stripChrome .wb-spinning svg {\n  animation: wb-spin 0.9s linear infinite;\n}\n\n@keyframes wb-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.wb-collapseButton svg {\n  transform: scaleX(-1);\n}\n\n.wb-expandButton {\n  width: 28px;\n  flex: none;\n  padding: 0;\n  border: 0;\n  background: none;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n.wb-expandButton:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-expandButton svg {\n  width: 15px;\n  height: 15px;\n}\n\n.wb-expandIcon {\n  display: block;\n  transform: scaleX(-1);\n}\n\n.wb-panelBody {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  scrollbar-gutter: stable;\n  padding: 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.wb-view {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  min-height: 0;\n}\n\n.wb-view > .wb-issueList {\n  margin: 0 -8px;\n}\n\n.wb-card {\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: 20px;\n  background: var(--dsw-alias-bg-layer-1);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  flex: none;\n}\n\n.wb-centered.wb-centeredCompact {\n  flex: none;\n  min-height: 0;\n  gap: 8px;\n  padding: 20px 16px;\n}\n\n.wb-centered.wb-centeredCompact .wb-centeredHero {\n  margin-bottom: 4px;\n}\n\n.wb-cardHead {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex: none;\n  padding: 8px 10px 8px 20px;\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: 12px;\n  line-height: 18px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-cardMeta {\n  font-size: 11px;\n  line-height: 16px;\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: 6px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardOpen.wb-iconButton {\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: 22px;\n  height: 22px;\n  padding: 4px;\n  border-radius: 6px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardOpen ~ .wb-cardRefresh.wb-iconButton {\n  margin-left: 0;\n}\n\n.wb-cardOpen.wb-iconButton:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-cardRefresh.wb-iconButton,\n.wb-envRefresh.wb-iconButton {\n  flex: none;\n  width: 22px;\n  height: 22px;\n  padding: 4px;\n  border-radius: 6px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardRefresh.wb-iconButton {\n  margin-left: auto;\n}\n\n.wb-cardRefresh.wb-iconButton:hover:not(:disabled),\n.wb-envRefresh.wb-iconButton:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-cardRefresh.wb-iconButton:disabled,\n.wb-envRefresh.wb-iconButton:disabled {\n  cursor: default;\n  opacity: 1;\n}\n\n.wb-cardRefresh.wb-spinning svg,\n.wb-envRefresh.wb-spinning svg {\n  animation: wb-spin 0.9s linear infinite;\n}\n\n.wb-cardBody {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 12px;\n}\n\n.wb-cardBody > :not(.wb-issueList) {\n  padding-left: 8px;\n  padding-right: 8px;\n}\n\n.wb-cardMore {\n  box-sizing: border-box;\n  border: 0;\n  background: none;\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  text-align: left;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  border-radius: 12px;\n  padding-top: 6px;\n  padding-bottom: 6px;\n}\n\n.wb-cardMore:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-prio {\n  box-sizing: border-box;\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 22px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: 6px;\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 1;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-state-error-primary);\n  background: var(--dsw-alias-bg-mask-1);\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 18%, transparent);\n}\n\n.wb-prio[data-level='2'] {\n  color: var(--dsw-alias-state-warn-primary);\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 18%, transparent);\n}\n\n.wb-prio[data-level='3'] {\n  color: var(--dsw-alias-state-business-primary);\n  background: color-mix(in srgb, var(--dsw-alias-state-business-primary) 18%, transparent);\n}\n\n.wb-prio[data-level='4'] {\n  color: var(--dsw-alias-label-tertiary);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-typeDot {\n  flex: none;\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  corner-shape: round;\n  background: var(--dsw-alias-label-tertiary);\n}\n\n.wb-typeDot[data-type='PROCESSING'] {\n  background: var(--dsw-alias-state-business-primary);\n}\n\n.wb-typeDot[data-type='COMPLETED'] {\n  background: var(--dsw-alias-state-success-primary);\n}\n\n.wb-typeDot[data-type='unknown'] {\n  background: var(--dsw-alias-label-tertiary);\n}\n\n.wb-issueList {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.wb-issueRow {\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  text-align: left;\n  border: 0;\n  border-radius: 12px;\n  background: none;\n  padding: 8px;\n  font: inherit;\n  color: inherit;\n  text-decoration: none;\n  cursor: pointer;\n  font-size: 13px;\n}\n\n.wb-issueList > .wb-issueRow + .wb-issueRow::before {\n  content: '';\n  position: absolute;\n  top: -1.5px;\n  left: 8px;\n  right: 8px;\n  height: 0.5px;\n  background: var(--dsw-alias-border-l2);\n}\n\n.wb-issueRow:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-issueLink {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n  flex: 1;\n  min-width: 0;\n  color: inherit;\n  text-decoration: none;\n}\n\n.wb-issueToChat {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: 0;\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n  opacity: 0.65;\n}\n\n.wb-issueRow:hover .wb-issueToChat {\n  opacity: 1;\n}\n\n.wb-issueToChat:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-issueToChatFailed,\n.wb-issueToChatFailed:hover {\n  color: var(--dsw-alias-label-danger, #e5646b);\n  opacity: 1;\n}\n\n.wb-issueRow: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-issueMain {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  flex: 1;\n  min-width: 0;\n}\n\n.wb-issueLine {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-gap-xs);\n  min-width: 0;\n  font-size: 12px;\n  line-height: 16px;\n}\n\n.wb-issueCode {\n  flex: none;\n  min-width: 3.4em;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n\n.wb-issueTitle {\n  display: block;\n  flex: 1;\n  min-width: 0;\n  font-size: 13px;\n  line-height: 20px;\n  color: var(--dsw-alias-label-primary);\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n.wb-issueMeta {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-gap-xs);\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n  min-width: 0;\n}\n\n.wb-issueStatus {\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-issueIteration {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-issuePreview {\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-issueOpen {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  align-self: center;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-issueRow:hover .wb-issueOpen {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-issueMetaItem {\n  min-width: 0;\n  max-width: 45%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-variant-numeric: tabular-nums;\n}\n\n.wb-metaDot {\n  flex: none;\n  font-size: inherit;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-issueTime {\n  flex: none;\n  font-variant-numeric: tabular-nums;\n}\n\n.wb-releaseState {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.wb-releaseStateTitle {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-releaseStateHint {\n  margin: 0;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-releaseActions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 2px;\n}\n\n.wb-releaseResolving {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-releaseGear {\n  margin: 0;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-envSkeletonBlock {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-top: 10px;\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n.wb-envSkeletonTitle {\n  width: 96px;\n}\n.wb-envSkeletonLine {\n  width: 72%;\n  height: 10px;\n}\n\n.wb-envListSkeleton {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 1px 0;\n}\n\n.wb-envListSkeleton > :nth-child(2n) {\n  width: 58%;\n}\n\n.wb-envBlock {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding-top: 10px;\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.wb-envBlockHead {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n\n.wb-envBlockActions {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.wb-envBlockTitle {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  border: none;\n  background: none;\n  font: inherit;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 20px;\n  color: var(--dsw-alias-label-primary);\n  text-align: left;\n  cursor: pointer;\n}\n\n.wb-envBlockTitle:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-envChevron {\n  flex: none;\n  display: inline-flex;\n  color: var(--dsw-alias-label-caption);\n  transition: transform 0.15s var(--ds-ease-in-out);\n}\n\n.wb-envChevronOpen {\n  transform: rotate(180deg);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .wb-envChevron {\n    transition: none;\n  }\n}\n\n.wb-envList {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.wb-envListTitle {\n  margin: 0;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-envLine {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-envLineText {\n  flex: none;\n  min-width: 0;\n  font-size: 12px;\n  line-height: 18px;\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n  max-height: 72px;\n  overflow-y: auto;\n}\n\n.wb-choiceMenu {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 4px;\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: 6px;\n  min-height: 30px;\n  padding: 6px 8px;\n  border-radius: var(--dsw-radius-md);\n  cursor: pointer;\n  font-size: 13px;\n  line-height: 20px;\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: 12px;\n  height: 12px;\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 0.12s ease,\n    border-color 0.12s 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, 2px) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: 2px;\n}\n\n.wb-envLineAt {\n  flex: none;\n  margin-left: auto;\n  font-size: 10px;\n  line-height: 16px;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-envLineActions {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.wb-envChatFailed {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-envListEmpty {\n  margin: 0;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-releasePublishPick {\n  position: relative;\n  display: inline-flex;\n}\n\n.wb-releasePublishRow {\n  display: flex;\n  justify-content: flex-end;\n  padding-top: 12px;\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.wb-releasePublish {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.wb-releaseConfirm {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 10px 8px;\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-releaseConfirmTitle {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-releaseConfirmRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.wb-releaseConfirmKey {\n  flex: none;\n  width: 52px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-releaseConfirmValue {\n  display: inline-flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 4px;\n  min-width: 0;\n  overflow-wrap: anywhere;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-releaseConfirmSep {\n  margin: 0 6px;\n  color: var(--dsw-alias-label-dimmed);\n}\n\n.wb-cmdbField > .wb-cmdbFieldLabel:empty {\n  display: none;\n}\n\n.wb-releaseConfirmValue .wb-cmdbField {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  width: auto;\n}\n\n.wb-releaseConfirmValue .wb-cmdbFieldInput {\n  flex: none;\n  min-width: 0;\n  max-width: 240px;\n  min-height: 0;\n  padding: 1px 6px;\n  font-size: 11px;\n  line-height: 16px;\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-releaseConfirmValue .wb-menu {\n  min-width: 220px;\n  right: auto;\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-layer-2));\n}\n\n.wb-releaseConfirmActions {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  margin-top: 2px;\n}\n\n.wb-cardGear.wb-iconButton {\n  flex: none;\n  width: 22px;\n  height: 22px;\n  padding: 3px;\n  border-radius: 6px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardGear.wb-iconButton:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-lineEllipsis {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-rowDot {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.wb-row:has(> .wb-rowDot) {\n  grid-template-columns: 84px minmax(0, 1fr);\n}\n\n.wb-chips {\n  display: flex;\n  gap: var(--wb-gap-xs);\n  flex-wrap: wrap;\n}\n\n.wb-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  height: 26px;\n  padding: 0 10px;\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: 13px;\n  background: none;\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n.wb-chip:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-chipActive {\n  color: var(--dsw-alias-label-primary);\n  border-color: var(--dsw-alias-border-l4);\n  background: var(--dsw-alias-interactive-bg-active);\n}\n\n.wb-chipCount {\n  color: var(--dsw-alias-label-tertiary);\n  font-variant-numeric: tabular-nums;\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: 8px;\n  padding: 8px;\n  border-radius: 12px;\n}\n\n.wb-skeletonRow + .wb-skeletonRow::before {\n  content: '';\n  align-self: stretch;\n  height: 0.5px;\n  margin: 0 8px -0.5px;\n  background: var(--dsw-alias-border-l2);\n}\n\n.wb-skeletonBar {\n  display: block;\n  height: 13px;\n  border-radius: 4px;\n  background: var(--dsw-alias-bg-skeleton);\n  animation: wb-skeleton-pulse 1.4s var(--ds-ease-in-out) infinite;\n}\n\n.wb-skeletonBarTitle {\n  width: 62%;\n}\n\n.wb-skeletonBarMeta {\n  width: 32%;\n  height: 10px;\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@media (prefers-reduced-motion: reduce) {\n  .wb-skeletonBar {\n    animation: none;\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: 14px;\n  flex: 1;\n  min-height: 240px;\n  padding: 0 24px 24px;\n  text-align: center;\n}\n\n.wb-centeredHero {\n  display: flex;\n  margin-bottom: 16px;\n  color: var(--dsw-alias-label-dimmed);\n}\n\n.wb-centeredTitle {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-centeredHint {\n  max-width: 300px;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-centeredDetail {\n  max-width: 320px;\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: 11px;\n  line-height: 16px;\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: 8px;\n  margin-top: 2px;\n}\n\n.wb-primaryButton {\n  height: 28px;\n  padding: 0 14px;\n  border: 0.5px solid transparent;\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-brand-primary);\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary-foreground);\n  cursor: pointer;\n}\n\n.wb-primaryButton:hover:not(:disabled) {\n  background: var(--dsw-alias-button-primary-hover);\n}\n\n.wb-linkButton {\n  padding: 2px 6px;\n  border: none;\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n.wb-linkButton:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-outlineButton {\n  height: 28px;\n  padding: 0 14px;\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-button-elevated-fill);\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n}\n\n.wb-outlineButton:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-linkButton:disabled,\n.wb-primaryButton:disabled,\n.wb-outlineButton:disabled {\n  cursor: default;\n  opacity: 0.5;\n}\n\n.wb-approvalPlan {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.wb-approvalHint {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-approvalRows {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin: 0;\n}\n\n.wb-approvalRow {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n}\n\n.wb-approvalLabel {\n  flex: none;\n  width: 56px;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-approvalValue {\n  margin: 0;\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-approvalBody {\n  max-height: 132px;\n  overflow-y: auto;\n  white-space: pre-wrap;\n  font-weight: 400;\n}\n\n.wb-approvalHosts,\n.wb-approvalWarn {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n  overflow-wrap: anywhere;\n}\n\n.wb-approvalWarn {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-approvalCommand {\n  font-family: var(--ds-font-family-code);\n  font-size: 13px;\n  line-height: 20px;\n  color: var(--dsw-alias-label-tertiary);\n  overflow-wrap: anywhere;\n}\n\n.wb-detailHead {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.wb-detailTitle {\n  margin: 0;\n  font-size: 15px;\n  line-height: 24px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-detailStatus {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-gap-xs);\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-detailType {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-detailMeta {\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.wb-detailMetaRow {\n  display: flex;\n  gap: 8px;\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.wb-detailMetaRow dt {\n  flex: none;\n  width: 62px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-detailMetaRow dd {\n  margin: 0;\n  color: var(--dsw-alias-label-secondary);\n  word-break: break-all;\n}\n\n.wb-detailBody {\n  font-size: 13px;\n  line-height: 22px;\n  color: var(--dsw-alias-label-primary);\n  white-space: pre-wrap;\n  word-break: break-word;\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n  padding-top: 10px;\n}\n\n.wb-detailEmpty {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-imageChip {\n  align-self: flex-start;\n  font-size: 11px;\n  line-height: 16px;\n  padding: 1px 6px;\n  border-radius: 4px;\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-intentBar {\n  position: sticky;\n  bottom: 0;\n  margin-top: auto;\n  padding-top: 10px;\n  background: var(--dsw-alias-bg-base);\n}\n\n.wb-intentButton {\n  width: 100%;\n  height: 30px;\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-button-elevated-fill);\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n}\n\n.wb-intentButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\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\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@container (max-width: 340px) {\n  .wb-panelBody {\n    padding: 8px;\n  }\n\n  .wb-issueTime {\n    display: none;\n  }\n}\n\n.wb-refreshButton:disabled {\n  cursor: default;\n  opacity: 1;\n}\n\n.wb-gateActions[hidden],\n.wb-gateProgress[hidden],\n.wb-gateCommandRow[hidden],\n.wb-gateBridge[hidden],\n.wb-gateRaw[hidden] {\n  display: none;\n}\n\n.wb-gate {\n  position: fixed;\n  inset: 0;\n  z-index: 2147483000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n  background: var(--dsw-alias-bg-base);\n}\n\n.wb-gateCard {\n  width: 100%;\n  max-width: 420px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  text-align: center;\n}\n\n.wb-gateCard:has(.wb-gateActions:not([hidden])),\n.wb-gateCard:has(.wb-gateBridge:not([hidden])) {\n  max-width: 520px;\n}\n\n.wb-gateBrand {\n  display: flex;\n  margin-bottom: 6px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-gateTitle {\n  margin: 0;\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-gateHint {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-gateSteps {\n  list-style: none;\n  margin: 6px 0 0;\n  padding: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  text-align: left;\n}\n\n.wb-gateStep {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 10px;\n  border-radius: 8px;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n.wb-gateStep[data-status='running'] {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-gateMark {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n\n.wb-gateStep[data-status='ok'] .wb-gateMark {\n  color: var(--dsw-alias-state-success-primary);\n}\n\n.wb-gateStep[data-status='warn'] .wb-gateMark {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n.wb-gateStep[data-status='failed'] .wb-gateMark {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-gateLabel {\n  flex: none;\n}\n\n.wb-gateDetail {\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.wb-loading {\n  flex: none;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-loading[hidden] {\n  display: none;\n}\n\n.wb-loadingMotion {\n  transform-origin: center;\n  animation: wb-spin 1.5s linear infinite;\n}\n\n.wb-loadingTrack,\n.wb-loadingArc {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n}\n\n.wb-loadingTrack {\n  opacity: 0.25;\n}\n\n.wb-loadingArc {\n  stroke-dasharray: 12 150;\n  animation: wb-dash 1.5s ease-in-out infinite;\n}\n\n@keyframes wb-dash {\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  .wb-loadingMotion,\n  .wb-loadingArc {\n    animation: none;\n  }\n}\n\n.wb-gateProgress {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 4px;\n  max-width: 100%;\n}\n\n.wb-gateElapsed {\n  flex: none;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n\n.wb-gateError {\n  margin: 0;\n  padding: 8px 10px;\n  max-height: 120px;\n  overflow: auto;\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-1);\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: 11px;\n  line-height: 16px;\n  white-space: pre-wrap;\n  word-break: break-all;\n  text-align: left;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-gateCommandRow {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  margin: 0 0 8px;\n  padding-right: 4px;\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-gateCopy {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: none;\n  border-radius: 6px;\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n.wb-gateCopy:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-gateCommand {\n  flex: 1;\n  min-width: 0;\n  padding: 8px 10px;\n  border-radius: 8px;\n  background: transparent;\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: 11px;\n  line-height: 16px;\n  overflow-wrap: anywhere;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-gateButtons {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n}\n\n.wb-modules {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.wb-iconButtonActive {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-modulesPop {\n  position: absolute;\n  top: calc(100% + 8px);\n  right: 0;\n  z-index: 30;\n  width: 360px;\n  max-width: calc(100vw - 48px);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: 14px;\n  background: var(--dsw-alias-bg-layer-2);\n  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.36);\n  overflow: hidden;\n}\n\n.wb-modulesHead {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 12px 9px 14px;\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.wb-modulesTitle {\n  flex: 1;\n  font-size: 13px;\n  line-height: 20px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-modulesReset {\n  flex: none;\n  padding: 3px 8px;\n  border: none;\n  border-radius: 6px;\n  background: transparent;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n.wb-modulesReset:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-modulesReset:disabled {\n  cursor: default;\n  opacity: 0.5;\n}\n\n.wb-modulesList {\n  list-style: none;\n  margin: 0;\n  padding: 6px;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.wb-modulesRow {\n  position: relative;\n  display: grid;\n  grid-template-columns: 12px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 8px;\n  border-radius: 8px;\n  cursor: grab;\n}\n\n.wb-modulesRow:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-modulesRowOver::before {\n  content: '';\n  position: absolute;\n  top: -3px;\n  left: 8px;\n  right: 8px;\n  height: 2px;\n  background: var(--dsw-alias-brand-primary);\n}\n\n.wb-modulesGhost {\n  position: fixed;\n  z-index: 40;\n  pointer-events: none;\n  padding: 4px 10px;\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);\n  font-size: 13px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n  white-space: nowrap;\n}\n\n.wb-modulesGrip {\n  font-size: 11px;\n  line-height: 16px;\n  text-align: center;\n  color: var(--dsw-alias-label-tertiary);\n  user-select: none;\n}\n\n.wb-modulesLabel {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n}\n\n.wb-modulesName {\n  min-width: 0;\n  flex: 0 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 13px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-modulesFoot {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 14px 10px;\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-modulesFootText {\n  flex: 1;\n  min-width: 0;\n}\n\n.wb-modulesError {\n  margin: 0;\n  padding: 0 14px 10px;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-mockStrip {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  padding: 8px 12px;\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n  flex: none;\n}\n\n.wb-panelBody.wb-fixtureMany .wb-mockStrip {\n  display: none;\n}\n\n.wb-mockNote {\n  flex: 1 0 100%;\n  font-size: 10px;\n  line-height: 14px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-mockChip {\n  flex: none;\n  padding: 2px 7px;\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  corner-shape: round;\n  background: transparent;\n  font-size: 10px;\n  line-height: 14px;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n.wb-mockChip:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-mockChipOn {\n  border-color: transparent;\n  background: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n\n.wb-gate > .wb-mockStrip {\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.wb-marketList {\n  list-style: none;\n  margin: 0;\n  padding: 6px;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  max-height: 320px;\n  overflow-y: auto;\n}\n\n.wb-marketRow {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  align-items: center;\n  column-gap: 14px;\n  row-gap: 4px;\n  padding: 8px;\n  border-radius: var(--dsw-radius-lg);\n}\n\n.wb-marketIcon {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\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.wb-marketMain {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 0;\n}\n\n.wb-marketName {\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.wb-marketDesc {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\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.wb-marketUsedBy {\n  margin-left: 8px;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n  opacity: 0.75;\n}\n\n.wb-marketUsedBy::before {\n  content: '·';\n  margin-right: 6px;\n  opacity: 0.8;\n}\n\n.wb-marketName .wb-marketVersion {\n  margin-left: 6px;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 18px;\n}\n\n.wb-marketVersion {\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-caption);\n}\n\n.wb-marketVersion::before {\n  content: '';\n  display: inline-block;\n  width: 1px;\n  height: 10px;\n  margin: 0 8px 0 2px;\n  vertical-align: -1px;\n  background: var(--dsw-alias-border-l2);\n}\n\n.wb-marketEnd {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.wb-marketActions {\n  flex: none;\n  display: flex;\n  gap: 6px;\n}\n\n.wb-marketSection {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  min-width: 0;\n}\n\n.wb-marketSectionHead {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n}\n\n.wb-marketSectionTitle {\n  margin: 0;\n  font: var(--dsw-font-base-strong-16);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-marketSectionCount {\n  font: var(--dsw-font-s-14);\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-caption);\n}\n\n.wb-marketAction {\n  flex: none;\n  min-height: 32px;\n  padding: 6px 14px;\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n.wb-marketAction:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-marketAction:disabled {\n  cursor: default;\n  opacity: 0.5;\n}\n\n.wb-marketActionPrimary {\n  border-color: transparent;\n  background: var(--dsw-alias-button-elevated-fill);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-marketActionDanger {\n  border-color: transparent;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-marketProgress {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 32px;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-marketConfirm {\n  grid-column: 2 / -1;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.wb-marketConfirmText {\n  flex: 1;\n  min-width: 0;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-marketNote {\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.wb-marketFailure {\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.wb-marketEmpty {\n  padding: 18px 16px;\n  text-align: center;\n}\n\n.wb-marketPage {\n  box-sizing: border-box;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 32px;\n  padding: 0 clamp(24px, 4vw, 48px) 48px;\n  overflow: auto;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-marketPage > * {\n  width: 100%;\n  max-width: 960px;\n}\n\n.wb-marketPageHead {\n  box-sizing: border-box;\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  padding-top: 28px;\n}\n\n.wb-marketPageTitle {\n  margin: 0;\n  font: var(--dsw-font-l-20);\n}\n\n.wb-marketPageIntro {\n  margin: 4px 0 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-marketPageHead .wb-marketRefresh {\n  flex: none;\n  align-self: center;\n  margin-left: auto;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.wb-marketPageHead .wb-marketRefresh:disabled {\n  cursor: default;\n}\n\n.wb-marketRefresh.wb-spinning svg {\n  animation: wb-spin 0.9s linear infinite;\n}\n\n.wb-marketChecked {\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-caption);\n}\n\n.wb-marketPage .wb-marketList {\n  padding: 0;\n  max-height: none;\n  overflow: visible;\n}\n\n.wb-marketPage .wb-marketRow {\n  margin: 0 -8px;\n}\n\n.wb-marketPage .wb-modulesFoot {\n  padding: 0;\n  border-top: none;\n}\n\n.wb-switch {\n  flex: none;\n  box-sizing: border-box;\n  position: relative;\n  width: 36px;\n  height: 20px;\n  padding: 2px;\n  border: 0;\n  border-radius: 999px;\n  corner-shape: round;\n  background: var(--dsw-alias-border-l3);\n  cursor: pointer;\n  transition: background 0.12s ease;\n}\n\n.wb-switch[aria-checked='true'] {\n  background: var(--dsw-alias-brand-primary);\n}\n\n.wb-switch:disabled {\n  cursor: default;\n  opacity: 0.5;\n}\n\n.wb-switch:focus-visible {\n  outline: var(--dsw-focus-ring-width, 2px) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: 2px;\n}\n\n.wb-switchKnob {\n  display: block;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  corner-shape: round;\n  background: var(--dsw-alias-label-primary-foreground);\n  transition: transform 0.12s ease;\n}\n\n.wb-switch[aria-checked='true'] .wb-switchKnob {\n  transform: translateX(16px);\n}\n\n.wb-gateActions,\n.wb-gateBridge {\n  box-sizing: border-box;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 10px;\n  margin-top: 4px;\n  padding: 14px 16px;\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: 14px;\n  background: var(--dsw-alias-bg-layer-1);\n  text-align: left;\n}\n\n.wb-gateFixTitle {\n  margin: 0;\n  font-size: 13px;\n  line-height: 20px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-gateActions .wb-gateHint,\n.wb-gateBridge .wb-gateHint {\n  margin: 0;\n  font-size: 12px;\n  line-height: 19px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-gateActions .wb-gateCommandRow,\n.wb-gateBridge .wb-gateCommandRow {\n  margin: 0;\n}\n\n.wb-gateActions .wb-gateButtons,\n.wb-gateBridge .wb-gateButtons {\n  justify-content: flex-start;\n}\n\n.wb-gateRaw {\n  margin: 0;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-gateRawSummary {\n  cursor: pointer;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-gateActions .wb-gateError,\n.wb-gateBridge .wb-gateError {\n  margin-top: 6px;\n}\n\n.wb-gateBridgeLines {\n  margin: 0;\n  padding-left: 18px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  font-size: 12px;\n  line-height: 19px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-gateBridgeLine a {\n  display: block;\n  margin-top: 4px;\n  width: fit-content;\n}\n\n.wb-gateLink {\n  color: var(--dsw-alias-label-primary);\n  text-decoration: none;\n}\n\n.wb-gateLink::after {\n  content: '↗';\n  margin-left: 2px;\n}\n\n.wb-gateLink:hover {\n  text-decoration: underline;\n}\n\n.wb-blocker {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  padding: 20px 16px;\n  text-align: center;\n}\n\n.wb-blockerIcon {\n  display: flex;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-blockerTitle {\n  margin: 2px 0 0;\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-blockerHint {\n  margin: 0;\n  max-width: 42em;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n  text-wrap: pretty;\n}\n\n.wb-blocker.wb-blockerInline {\n  align-items: flex-start;\n  gap: 6px;\n  padding: 4px 0 2px;\n  text-align: left;\n}\n\n.wb-blocker.wb-blockerInline .wb-blockerTitle {\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.wb-blocker.wb-blockerInline .wb-blockerHint {\n  max-width: 100%;\n}\n\n.wb-blocker.wb-blockerInline .wb-blockerActions {\n  margin-top: 8px;\n}\n\n.wb-blocker.wb-blockerInline .wb-blockerRaw {\n  margin-top: 4px;\n  max-width: 100%;\n}\n\n.wb-blockerActions {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-top: 6px;\n}\n\n.wb-blockerRaw {\n  margin-top: 10px;\n  width: 100%;\n  max-width: 360px;\n  text-align: left;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-blockerRaw summary {\n  cursor: pointer;\n}\n\n.wb-blockerRaw .wb-gateError {\n  margin: 6px 0 0;\n}\n\n.wb-blockerNotice {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: start;\n  column-gap: 10px;\n  margin: 0 0 10px;\n  padding: 10px 12px;\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-left: 2px solid var(--dsw-alias-border-l3);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n.wb-blockerNotice.wb-flat {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n}\n\n.wb-blockerNoticeText {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  min-width: 0;\n}\n\n.wb-blockerNoticeTitle {\n  font-size: 12.5px;\n  line-height: 18px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-blockerNoticeHint {\n  font-size: 11.5px;\n  line-height: 17px;\n  color: var(--dsw-alias-label-tertiary);\n  overflow-wrap: anywhere;\n}\n\n.wb-blockerNoticeActions {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: -2px;\n}\n\n.wb-modulesDep {\n  flex: none;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n  white-space: nowrap;\n}\n\n.wb-blockerFailure {\n  margin: 8px 0 0;\n  font-size: 11.5px;\n  line-height: 17px;\n  color: var(--dsw-alias-label-danger, #e5646b);\n  overflow-wrap: anywhere;\n}\n\n.wb-blockerFailureDetail {\n  display: block;\n  margin-top: 2px;\n  color: var(--dsw-alias-label-tertiary);\n  white-space: pre-wrap;\n}\n\n.wb-blockerInlineLink {\n  margin-left: 2px;\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: 2px;\n  vertical-align: baseline;\n}\n\n.wb-blockerInlineLink:hover {\n  text-decoration: underline;\n}\n\n.wb-blockerInlineLink:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n.wb-marketPage .wb-modulesFootText {\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-marketConfirm {\n  grid-column: 1 / -1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin-top: 4px;\n  padding: 10px 0 2px;\n  border-top: 0.5px solid var(--dsw-alias-border-l3);\n}\n\n.wb-marketConfirmText {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.wb-marketConfirmTitle {\n  font: var(--dsw-font-s-strong-14);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-marketConfirmDetail {\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-marketConfirm .wb-marketAction {\n  padding: 6px 14px;\n}\n\n.wb-marketActionDanger {\n  border-color: var(--dsw-alias-state-error-primary);\n  background: transparent;\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-marketActionDanger:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover-danger);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-marketEmpty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 64px 16px;\n  text-align: center;\n}\n\n.wb-marketEmptyTitle {\n  font: var(--dsw-font-base-strong-16);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-settings {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 10px;\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\n.wb-settingsHead {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\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: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-cmdbPublishTo {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-cmdbForm {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.wb-cmdbField {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  position: relative;\n}\n\n.wb-menu {\n  box-sizing: border-box;\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  right: 0;\n  z-index: 100;\n  padding: 4px;\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: 240px;\n  overflow-y: auto;\n}\n\n.wb-menuTop {\n  top: auto;\n  bottom: calc(100% + 4px);\n}\n\n.wb-menuItem {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  min-height: 30px;\n  padding: 6px 8px;\n  border: none;\n  border-radius: var(--dsw-radius-md);\n  background: transparent;\n  cursor: pointer;\n  font-size: 13px;\n  line-height: 20px;\n  color: var(--dsw-alias-label-primary);\n  text-align: left;\n}\n\n.wb-menuItem:hover,\n.wb-menuItem:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover);\n  outline: none;\n}\n\n.wb-menuItemLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-menuItemMark {\n  flex: none;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-menuItemCheck {\n  flex: none;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-cmdbFieldTrigger {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 6px;\n  text-align: left;\n  cursor: pointer;\n}\n\n.wb-cmdbFieldInput {\n  box-sizing: border-box;\n  flex: 1 1 auto;\n  min-width: 0;\n  min-height: 28px;\n  padding: 4px 8px;\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  font-size: 13px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-cmdbFieldInput:focus-visible {\n  outline: none;\n  border-color: var(--dsw-alias-border-l1);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\nselect.wb-cmdbFieldInput {\n  cursor: pointer;\n}\n\n.wb-cmdbFieldLabel {\n  flex: none;\n  width: 72px;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-cmdbFieldInput {\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 26px;\n  padding: 0 8px;\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-base);\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-cmdbFieldInput:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color);\n  outline-offset: 1px;\n}\n\n.wb-cmdbEnvs {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin: 0;\n  padding: 0;\n  border: none;\n  min-width: 0;\n}\n\n.wb-cmdbEnvs > .wb-cmdbFieldLabel {\n  width: auto;\n  margin-bottom: 2px;\n}\n\n.wb-cmdbEnvGroup {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.wb-cmdbEnvGroupLabel {\n  margin: 0;\n  padding: 6px 8px 2px;\n  font-size: 11px;\n  line-height: 15px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cmdbEnvs > .wb-cmdbEnvGroup + .wb-cmdbEnvGroup {\n  margin-top: 2px;\n  padding-top: 8px;\n  border-top: 0.5px solid var(--dsw-alias-border-l1);\n}\n\n.wb-cmdbEnvs .wb-cmdbEnvGroupLabel {\n  padding-left: 0;\n  padding-bottom: 4px;\n}\n\n.wb-cmdbFieldNote {\n  flex: none;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n  white-space: nowrap;\n}\n\n.wb-note {\n  margin: 0;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cmdbLoading {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-cmdbFieldWaiting {\n  display: flex;\n  align-items: center;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: default;\n}\n\n.wb-problems {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.wb-problem {\n  margin: 0;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-rows {\n  display: flex;\n  flex-direction: column;\n}\n\n.wb-row {\n  display: grid;\n  grid-template-columns: 56px minmax(0, 1fr);\n  align-items: baseline;\n  gap: 8px;\n  padding: 4px 0;\n}\n\n.wb-row + .wb-row {\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.wb-rowKey {\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-rowValue {\n  min-width: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-rowSub {\n  display: block;\n  margin-top: 2px;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-formActions {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n}\n\n.wb-cmdbConfirm {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 8px;\n  border: 0.5px solid var(--dsw-alias-state-error-primary);\n  border-radius: var(--dsw-radius-sm);\n}\n\n.wb-cmdbConfirmText {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-cmdbDone {\n  margin: 0;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-state-success-primary);\n}\n\n.wb-cmdbAsk {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.wb-cmdbAskText {\n  flex: 1 1 auto;\n  min-width: 0;\n  font-size: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n  overflow-wrap: anywhere;\n}\n\n.wb-cmdbAsk > .wb-linkButton {\n  flex: none;\n  white-space: nowrap;\n}\n\n.wb-longTask {\n  padding-top: 12px;\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.wb-longTaskHead {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin: 0;\n}\n\n.wb-longTaskLink {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n.wb-longTaskHeadline {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\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: 11px;\n  line-height: 16px;\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-longTaskDump {\n  margin: 2px 0 0;\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-longTaskDump > summary {\n  cursor: pointer;\n  font-size: 11px;\n}\n\n.wb-longTaskDump > pre {\n  margin: 4px 0 0;\n  max-height: 220px;\n  overflow: auto;\n  font-size: 11px;\n  line-height: 16px;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\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}";
 //#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";
 //#endregion
+//#region src/shared/styles/tokens/palette.css?raw
+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-15: 15px;\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-62: 62px;\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-13: 13px;\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}\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) 4px 0;\n  padding-right: calc(\n    var(--dsh-session-list-edge-inset) - var(--dsh-session-list-scrollbar-width) -\n      var(--dsh-session-list-scrollbar-offset)\n  );\n}\n.wb-sectionHeader {\n  box-sizing: border-box;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 4px;\n  height: 36px;\n  flex: none;\n  margin-bottom: 4px;\n  padding-left: 8px;\n  padding-right: 2px;\n  border-radius: var(--dsw-radius-md);\n  color: var(--dsw-alias-label-tertiary);\n  overflow: hidden;\n}\n.wb-wsNew {\n  margin-left: auto;\n}\n.wb-sectionLabel {\n  flex: none;\n  min-width: 0;\n  max-width: 45%;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 20px;\n}\n.wb-collapsed .wb-wsSection {\n  margin: 0 0 12px;\n  padding-right: 0;\n}\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}\n.wb-collapsed .wb-wsNew {\n  margin-left: 0;\n}\n\n.wb-project {\n  position: relative;\n  flex: none;\n  margin: 0 2px 4px;\n}\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: 34px;\n  padding: 0 8px;\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}\n.wb-projectButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\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}\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}\n.wb-collapsed .wb-projectName,\n.wb-collapsed .wb-projectChevron {\n  display: none;\n}\n.wb-projectGlyph {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 20px;\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-projectGlyphActive {\n  color: var(--dsw-alias-state-business-primary);\n}\n.wb-projectName {\n  flex: 1;\n  min-width: 0;\n  font-size: var(--wb-font-row);\n  line-height: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.wb-projectChevron {\n  flex: none;\n  display: inline-flex;\n  color: var(--dsw-alias-label-caption);\n  transition: transform 0.15s var(--ds-ease-in-out);\n}\n.wb-projectChevronOpen {\n  transform: rotate(180deg);\n}\n\n.wb-popover {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  right: auto;\n  min-width: 100%;\n  max-width: 360px;\n  z-index: 100;\n  box-sizing: border-box;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  max-height: 320px;\n  overflow-y: auto;\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-menu-surface-fill);\n  backdrop-filter: var(--dsw-menu-backdrop-filter);\n  box-shadow: var(--dsw-elevation-prominent);\n  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);\n  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2);\n}\n.wb-popoverItem {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-gap-xs);\n  width: 100%;\n  min-height: 34px;\n  padding: 6px 8px;\n  border: none;\n  border-radius: var(--dsw-radius-md);\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 13px;\n  line-height: 20px;\n  text-align: left;\n  cursor: pointer;\n}\n.wb-popoverItem:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.wb-popoverItemActive {\n  background: transparent;\n}\n.wb-popoverItem:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover);\n  outline: none;\n}\n.wb-popoverItemIcon {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  color: var(--dsw-alias-menu-icon);\n}\n.wb-popoverItemIcon svg {\n  width: 14px;\n  height: 14px;\n}\n.wb-popoverItemTitle {\n  flex: 1;\n  min-width: 0;\n  font-size: 13px;\n  line-height: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.wb-popoverCheck {\n  flex: none;\n  display: inline-flex;\n  width: 14px;\n  height: 14px;\n  color: var(--dsw-alias-label-primary);\n}\n.wb-popoverSep {\n  height: 0.5px;\n  margin: 3px 2px;\n  background: var(--dsw-alias-border-l2);\n}\n.wb-popoverAdd {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-gap-xs);\n  width: 100%;\n  min-height: 34px;\n  padding: 6px 8px;\n  border: none;\n  border-radius: var(--dsw-radius-md);\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  font: inherit;\n  font-size: 13px;\n  line-height: 20px;\n  text-align: left;\n  cursor: pointer;\n}\n.wb-popoverAdd:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n.wb-popoverAdd svg {\n  color: var(--dsw-alias-menu-icon);\n}\n.wb-popoverEmpty {\n  padding: 6px 8px;\n  font-size: 11px;\n  line-height: 15px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\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: -4px;\n  margin-right: var(--dsh-session-list-scrollbar-offset);\n  padding-left: 4px;\n  padding-right: calc(\n    var(--dsh-session-list-edge-inset) - var(--dsh-session-list-scrollbar-width) -\n      var(--dsh-session-list-scrollbar-offset)\n  );\n  padding-bottom: 16px;\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}\n\n.wb-sessions > * + * {\n  margin-top: 2px;\n}\n\n.wb-sessionLeading {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 20px;\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-sessionPin {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 20px;\n  margin-left: 6px;\n  color: var(--dsw-alias-label-caption);\n}\n.wb-rowActions {\n  flex: none;\n  display: none;\n  align-items: center;\n  gap: 10px;\n}\n.wb-sessionRow:hover .wb-rowActions,\n.wb-sessionRow.wb-menuOpen .wb-rowActions {\n  display: inline-flex;\n}\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}\n.wb-sessionRow.wb-menuOpen {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.wb-iconButton {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  padding: 0;\n  border: none;\n  border-radius: var(--dsw-radius-xs);\n  background: none;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n.wb-iconButton:hover {\n  color: var(--dsw-alias-label-primary);\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.wb-rowMenu {\n  left: auto;\n  right: 0;\n  min-width: 144px;\n  max-width: 260px;\n}\n\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: 32px;\n  padding: 0 8px;\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}\n.wb-sessionRow:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\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}\n.wb-stateDot {\n  position: relative;\n  display: inline-block;\n  flex: none;\n}\n.wb-stateDot::after {\n  content: '';\n  position: absolute;\n  inset: 20%;\n  border-radius: 50%;\n  corner-shape: round;\n  background: currentColor;\n}\n.wb-stateDot[data-state='done'] {\n  color: var(--dsw-alias-state-success-primary);\n}\n.wb-stateDot[data-state='warning'] {\n  color: var(--dsw-alias-state-warn-primary);\n}\n.wb-stateDot[data-state='error'] {\n  color: var(--dsw-alias-state-error-primary);\n}\n.wb-stateDot[data-state='idle'] {\n  color: var(--dsw-alias-state-idle-primary);\n}\n.wb-visuallyHidden {\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  overflow: hidden;\n}\n.wb-sessionTitle {\n  flex: 1;\n  min-width: 0;\n  margin: 0 6px 0 4px;\n  font-size: var(--wb-font-row);\n  line-height: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.wb-sessionTime {\n  flex: none;\n  font-size: 10px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-empty {\n  padding: 16px 12px;\n  font-size: 13px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .wb-projectChevron {\n    transition: none;\n  }\n}\n\n.wb-sessionRow.wb-selected {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-panelTag {\n  flex: none;\n  margin-left: auto;\n  white-space: nowrap;\n  padding: 1px 8px;\n  border-radius: 999px;\n  corner-shape: round;\n  color: var(--dsw-alias-state-warn-primary);\n  background: var(--dsw-alias-state-warn-tertiary);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 17px;\n}\n.wb-panelGlyph {\n  position: relative;\n}\n.wb-panelDot {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -3px;\n  right: -3px;\n}\n\nbutton.pXSMma_workspace {\n  display: none;\n}\n";
+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}\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}\n.wb-wsNew {\n  margin-left: auto;\n}\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}\n.wb-collapsed .wb-wsSection {\n  margin: 0 0 var(--wb-len-12);\n  padding-right: 0;\n}\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}\n.wb-collapsed .wb-wsNew {\n  margin-left: 0;\n}\n\n.wb-project {\n  position: relative;\n  flex: none;\n  margin: 0 var(--wb-len-2) var(--wb-len-4);\n}\n.wb-projectAnchor {\n  display: block;\n  width: 100%;\n}\n\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}\n.wb-projectButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\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}\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}\n.wb-collapsed .wb-projectName,\n.wb-collapsed .wb-projectChevron {\n  display: none;\n}\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}\n.wb-projectGlyphActive {\n  color: var(--dsw-alias-state-business-primary);\n}\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}\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}\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}\n\n.wb-sessions > * + * {\n  margin-top: var(--wb-len-2);\n}\n\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}\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}\n.wb-rowActions {\n  flex: none;\n  display: none;\n  align-items: center;\n  gap: var(--wb-len-10);\n}\n\n.wb-rowActions .wb-iconButton {\n  width: var(--wb-len-24);\n  height: var(--wb-len-24);\n}\n.wb-sessionRow:hover .wb-rowActions,\n.wb-sessionRow.wb-menuOpen .wb-rowActions {\n  display: inline-flex;\n}\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}\n.wb-sessionRow.wb-menuOpen {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.wb-iconButton:hover {\n  color: var(--dsw-alias-label-primary);\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.wb-rowMenu {\n  left: auto;\n  right: 0;\n  min-width: var(--wb-len-144);\n  max-width: var(--wb-len-260);\n}\n\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}\n.wb-sessionRow:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\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}\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}\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}\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}\n\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}\n\n@media (prefers-reduced-motion: reduce) {\n  .wb-projectChevron {\n    transition: none;\n  }\n}\n\n.wb-sessionRow.wb-selected {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-panelTag {\n  flex: none;\n  margin-left: auto;\n}\n.wb-panelGlyph {\n  position: relative;\n}\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}\n\nbutton.pXSMma_workspace {\n  display: none;\n}\n";
 //#endregion
 //#region src/shared/styles/sidebar.css?raw
-var sidebar_default = ".wb-root{--dsh-sidebar-inline-padding:12px;height:100%;padding:6px var(--dsh-sidebar-inline-padding);box-sizing:border-box;background:var(--dsw-specific-sidebar-fill);color:var(--dsw-alias-label-primary);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);flex-direction:column;font-size:14px;display:flex}[data-platform=darwin] .wb-root{background:0 0}.wb-root.wb-collapsed{padding:18px 10px 6px}[data-windows-titlebar] .wb-root .wb-logoRow{height:40px;margin:0;padding:0}[data-windows-titlebar] .wb-toggle{top:calc((var(--dsh-windows-titlebar-height) - 28px) / 2);z-index:30;-webkit-app-region:no-drag;position:fixed;left:12px}[data-windows-titlebar] .wb-root.wb-collapsed .wb-logoRow{height:0}[data-windows-titlebar] .wb-root:not(.wb-collapsed) .wb-brand{padding-left:4px}[data-windows-titlebar] .wb-brandIdentity{transform:translateY(1px)}[data-windows-titlebar] .wb-brandMark{transform:translate(1px)}[data-windows-titlebar] .wb-brandName{font-weight:400}[data-windows-titlebar] .wb-root.wb-collapsed{padding:0}[data-windows-titlebar] .wb-root:not(.wb-collapsed) .wb-newSession{margin-top:8px;margin-left:0}[data-windows-titlebar] .wb-collapsed .wb-panelList,[data-windows-titlebar] .wb-collapsed .wb-regionArea,[data-windows-titlebar] .wb-collapsed .wb-footArea{display:none}html[data-windows-titlebar]:has([data-sidebar-collapsed=true]){--dsh-windows-menu-start:84px}[data-windows-titlebar] .wb-collapsed .wb-newSession{top:calc((var(--dsh-windows-titlebar-height) - 28px) / 2);z-index:30;-webkit-app-region:no-drag;border:none;margin:0;padding:0;position:fixed;left:48px}[data-windows-titlebar] .wb-railIn .wb-iconButton,[data-windows-titlebar] .wb-railIn .wb-newSession{animation:none}[data-windows-titlebar] .wb-collapsed .wb-toggle,[data-windows-titlebar] .wb-collapsed .wb-newSession{corner-shape:round;width:28px;height:28px;color:var(--dsw-alias-label-secondary);border-radius:50%}[data-windows-titlebar] .wb-collapsed .wb-toggle .wb-panelIcon{display:inline}.wb-root.wb-quietBars{--dsh-scrollbar-thumb:transparent;--dsh-scrollbar-thumb-hover:transparent}.wb-fading>*{opacity:0;transition:opacity .15s var(--ds-ease-in-out)}.wb-wide{animation:wb-wide-in .2s var(--ds-ease-in-out)}@keyframes wb-wide-in{0%{opacity:0}}.wb-railIn .wb-iconButton,.wb-railIn .wb-newSession,.wb-railIn .wb-panelList,.wb-railIn .wb-regionArea{animation:wb-rail-in .15s var(--ds-ease-in-out) backwards}.wb-railIn .wb-footArea{animation:wb-rail-fade-in .15s var(--ds-ease-in-out) backwards}@keyframes wb-rail-in{0%{opacity:0;transform:translate(49px)}}@keyframes wb-rail-fade-in{0%{opacity:0}}.wb-topStrip{box-sizing:border-box;height:52px;margin:-6px calc(-1 * var(--dsh-sidebar-inline-padding)) 0;flex:none;justify-content:flex-end;align-items:center;padding:0 12px 2px;display:flex}[data-fullscreen] .wb-topStrip{justify-content:flex-start}.wb-topStrip+.wb-logoRow{margin-top:-12px}.wb-logoRow{box-sizing:border-box;flex:none;justify-content:flex-end;align-items:center;gap:8px;height:60px;margin-bottom:4px;padding:8px 0 8px 4px;display:flex;overflow:hidden}.wb-collapsed .wb-logoRow{justify-content:flex-start;height:36px;margin-bottom:12px;padding:0;overflow:visible}.wb-brand{min-width:0;color:inherit;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;padding:0;display:inline-flex;overflow:hidden}[data-platform=darwin] .wb-brand{cursor:default}.wb-brandIdentity{align-items:center;gap:8px;min-width:0;height:24px;display:inline-flex}.wb-brandMark{flex:none;justify-content:center;align-items:center;display:inline-flex}.wb-brandName{letter-spacing:.04em;align-items:center;gap:6px;min-width:0;height:24px;font-size:18px;font-weight:600;line-height:24px;display:inline-flex}.wb-fallbackBrandName{letter-spacing:0;white-space:nowrap;font-size:17px}.wb-localBuildBrand{white-space:nowrap;flex-direction:column;flex:none;justify-content:center;align-items:flex-start;gap:1px;height:24px;display:inline-flex}.wb-localBuildTitle{letter-spacing:0;font-size:12px;line-height:13px}.wb-iconButton{border-radius:var(--dsw-radius-sm);cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-secondary);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.wb-iconButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.wb-iconButton.wb-toggle:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.wb-collapsed .wb-iconButton{border-radius:var(--dsw-radius-md);width:36px;height:36px}.wb-collapsed .wb-toggle .wb-panelIcon{display:none}.wb-collapsed .wb-toggle:hover .wb-panelIcon{display:inline}.wb-collapsed .wb-toggle:hover .wb-railMark{display:none}.wb-railMark{justify-content:center;align-items:center;display:inline-flex}.wb-collapsed .wb-iconButton{color:var(--dsw-alias-label-primary)}.wb-buildVersion{height:10px;color:var(--dsw-alias-label-primary-inverted);background:var(--dsw-alias-label-primary);font-family:var(--ds-font-family-code);white-space:nowrap;border-radius:2px;flex:none;align-items:center;padding:0 3px;font-size:6px;font-weight:500;line-height:10px;display:inline-flex}.wb-newSession{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-button-elevated-fill);height:38px;color:var(--dsw-alias-label-primary);cursor:pointer;flex:none;justify-content:center;align-items:center;gap:0;margin:0 2px 12px;padding:8px 12px;font-size:14px;font-weight:500;line-height:22px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.wb-newSession:hover{background:var(--dsw-alias-button-floating-hover)}[data-platform=darwin] .wb-newSession{background:#ffffff8c}[data-platform=darwin] .wb-newSession:hover{background:#ffffff4d}[data-platform=darwin] [data-ds-dark-theme] .wb-newSession{background:#ffffff26}[data-platform=darwin] [data-ds-dark-theme] .wb-newSession:hover{background:#fff3}.wb-collapsed .wb-newSession{background:0 0;border-color:#0000;align-self:flex-start;gap:0;width:36px;height:36px;margin:0 0 12px;padding:0}.wb-collapsed .wb-newSession:hover{background:var(--dsw-alias-interactive-bg-hover)}.wb-newSessionLabel{white-space:nowrap;max-width:200px;overflow:hidden}.wb-collapsed .wb-newSessionLabel{max-width:0}.wb-newSessionLabelMask{flex:1;min-width:0}.wb-newSession:is(:hover,:focus-visible) .wb-newSessionLabelMask:has(+.wb-newSessionShortcut){overflow:hidden;mask-image:linear-gradient(90deg,#000 calc(100% - 16px),#0000)}.wb-newSessionContent{justify-content:center;align-items:center;gap:6px;width:100cqw;display:flex}.wb-newSessionContent>svg{flex:none}.wb-newSessionShortcut{opacity:0;pointer-events:none;flex:none;font-weight:400;display:inline-flex}.wb-newSession:is(:hover,:focus-visible) .wb-newSessionShortcut{opacity:1}.wb-panelList{flex-direction:column;flex:none;gap:4px;margin-bottom:8px;display:flex}.wb-panelRow{box-sizing:border-box;border-radius:var(--dsw-radius-md);min-height:36px;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin:0 2px;padding:7px 8px;line-height:22px;display:flex}.wb-panelRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.wb-panelRow.wb-panelActive{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.wb-panelRow:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.wb-panelGlyph{flex:none;justify-content:center;align-items:center;display:inline-flex}.wb-panelTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wb-collapsed .wb-panelList{gap:12px;margin-bottom:12px}.wb-collapsed .wb-panelRow{width:36px;height:36px;color:var(--dsw-alias-label-primary);justify-content:center;margin:0;padding:0}.wb-regionArea{min-height:0;margin-left:-4px;margin-right:calc(-1 * var(--dsh-sidebar-inline-padding));flex-direction:column;flex:1;padding-left:4px;display:flex;overflow:hidden}.wb-collapsed .wb-regionArea{margin-left:0;margin-right:0;padding-left:0}.wb-footArea{flex-direction:column;flex:none;display:flex}.wb-settingsArea,.wb-footerActions{flex:none;width:100%;min-width:0}.wb-footerActions{display:flex}.wb-collapsed .wb-footArea{align-items:center}.wb-collapsed .wb-settingsArea,.wb-collapsed .wb-footerActions{justify-content:center;width:auto;display:flex}@media (prefers-reduced-motion:reduce){.wb-wide,.wb-fading>*,.wb-railIn .wb-iconButton,.wb-railIn .wb-newSession,.wb-railIn .wb-panelList,.wb-railIn .wb-footArea,.wb-railIn .wb-regionArea{transition:none;animation:none}}\n";
+var sidebar_default = ".wb-root{--dsh-sidebar-inline-padding:12px;height:100%;padding:var(--wb-len-6) var(--dsh-sidebar-inline-padding);box-sizing:border-box;background:var(--dsw-specific-sidebar-fill);color:var(--dsw-alias-label-primary);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);flex-direction:column;font-size:var(--dsw-font-s-14-font-size);display:flex}[data-platform=darwin] .wb-root{background:0 0}.wb-root.wb-collapsed{padding:var(--wb-len-18) var(--wb-len-10) var(--wb-len-6)}[data-windows-titlebar] .wb-root .wb-logoRow{height:var(--wb-len-40);margin:0;padding:0}[data-windows-titlebar] .wb-toggle{top:calc((var(--dsh-windows-titlebar-height) - var(--wb-len-28)) / 2);z-index:var(--wb-z-30);-webkit-app-region:no-drag;position:fixed;left:var(--wb-len-12)}[data-windows-titlebar] .wb-root.wb-collapsed .wb-logoRow{height:0}[data-windows-titlebar] .wb-root:not(.wb-collapsed) .wb-brand{padding-left:var(--wb-len-4)}[data-windows-titlebar] .wb-brandIdentity{transform:translateY(1px)}[data-windows-titlebar] .wb-brandMark{transform:translate(1px)}[data-windows-titlebar] .wb-brandName{font-weight:400}[data-windows-titlebar] .wb-root.wb-collapsed{padding:0}[data-windows-titlebar] .wb-root:not(.wb-collapsed) .wb-newSession{margin-top:var(--wb-len-8);margin-left:0}[data-windows-titlebar] .wb-collapsed .wb-panelList,[data-windows-titlebar] .wb-collapsed .wb-regionArea,[data-windows-titlebar] .wb-collapsed .wb-footArea{display:none}html[data-windows-titlebar]:has([data-sidebar-collapsed=true]){--dsh-windows-menu-start:84px}[data-windows-titlebar] .wb-collapsed .wb-newSession{top:calc((var(--dsh-windows-titlebar-height) - var(--wb-len-28)) / 2);z-index:var(--wb-z-30);-webkit-app-region:no-drag;border:none;margin:0;padding:0;position:fixed;left:var(--wb-len-48)}[data-windows-titlebar] .wb-railIn .wb-iconButton,[data-windows-titlebar] .wb-railIn .wb-newSession{animation:none}[data-windows-titlebar] .wb-collapsed .wb-toggle,[data-windows-titlebar] .wb-collapsed .wb-newSession{corner-shape:round;width:var(--wb-len-28);height:var(--wb-len-28);color:var(--dsw-alias-label-secondary);border-radius:50%}[data-windows-titlebar] .wb-collapsed .wb-toggle .wb-panelIcon{display:inline}.wb-root.wb-quietBars{--dsh-scrollbar-thumb:transparent;--dsh-scrollbar-thumb-hover:transparent}.wb-fading>*{opacity:0;transition:opacity var(--wb-dur-0-15) var(--ds-ease-in-out)}.wb-wide{animation:wb-wide-in var(--ds-transition-duration) var(--ds-ease-in-out)}@keyframes wb-wide-in{0%{opacity:0}}.wb-railIn .wb-iconButton,.wb-railIn .wb-newSession,.wb-railIn .wb-panelList,.wb-railIn .wb-regionArea{animation:wb-rail-in var(--wb-dur-0-15) var(--ds-ease-in-out) backwards}.wb-railIn .wb-footArea{animation:wb-rail-fade-in var(--wb-dur-0-15) var(--ds-ease-in-out) backwards}@keyframes wb-rail-in{0%{opacity:0;transform:translate(49px)}}@keyframes wb-rail-fade-in{0%{opacity:0}}.wb-topStrip{box-sizing:border-box;height:var(--wb-len-52);margin:var(--wb-len-neg-6) calc(-1 * var(--dsh-sidebar-inline-padding)) 0;flex:none;justify-content:flex-end;align-items:center;padding:0 var(--wb-len-12) var(--wb-len-2);display:flex}[data-fullscreen] .wb-topStrip{justify-content:flex-start}.wb-topStrip+.wb-logoRow{margin-top:var(--wb-len-neg-12)}.wb-logoRow{box-sizing:border-box;flex:none;justify-content:flex-end;align-items:center;gap:var(--wb-len-8);height:var(--wb-len-60);margin-bottom:var(--wb-len-4);padding:var(--wb-len-8) 0 var(--wb-len-8) var(--wb-len-4);display:flex;overflow:hidden}.wb-collapsed .wb-logoRow{justify-content:flex-start;height:var(--wb-len-36);margin-bottom:var(--wb-len-12);padding:0;overflow:visible}.wb-brand{min-width:0;color:inherit;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;padding:0;display:inline-flex;overflow:hidden}[data-platform=darwin] .wb-brand{cursor:default}.wb-brandIdentity{align-items:center;gap:var(--wb-len-8);min-width:0;height:var(--wb-len-24);display:inline-flex}.wb-brandMark{flex:none;justify-content:center;align-items:center;display:inline-flex}.wb-brandName{letter-spacing:var(--wb-track-brand);align-items:center;gap:var(--wb-len-6);min-width:0;height:var(--wb-len-24);font-size:var(--wb-font-18);font-weight:600;line-height:var(--wb-line-24);display:inline-flex}.wb-fallbackBrandName{letter-spacing:0;white-space:nowrap;font-size:var(--wb-font-17)}.wb-localBuildBrand{white-space:nowrap;flex-direction:column;flex:none;justify-content:center;align-items:flex-start;gap:var(--wb-len-1);height:var(--wb-len-24);display:inline-flex}.wb-localBuildTitle{letter-spacing:0;font-size:var(--dsw-font-xxs-12-font-size);line-height:var(--wb-line-13)}.wb-iconButton{border-radius:var(--dsw-radius-sm);cursor:pointer;width:var(--wb-len-28);height:var(--wb-len-28);color:var(--dsw-alias-label-secondary);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.wb-iconButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.wb-iconButton.wb-toggle:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.wb-collapsed .wb-iconButton{border-radius:var(--dsw-radius-md);width:var(--wb-len-36);height:var(--wb-len-36)}.wb-collapsed .wb-toggle .wb-panelIcon{display:none}.wb-collapsed .wb-toggle:hover .wb-panelIcon{display:inline}.wb-collapsed .wb-toggle:hover .wb-railMark{display:none}.wb-railMark{justify-content:center;align-items:center;display:inline-flex}.wb-collapsed .wb-iconButton{color:var(--dsw-alias-label-primary)}.wb-buildVersion{height:var(--wb-len-10);color:var(--dsw-alias-label-primary-inverted);background:var(--dsw-alias-label-primary);font-family:var(--ds-font-family-code);white-space:nowrap;border-radius:var(--wb-radius-2);flex:none;align-items:center;padding:0 var(--wb-len-3);font-size:var(--wb-font-6);font-weight:500;line-height:var(--wb-line-10);display:inline-flex}.wb-newSession{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-button-elevated-fill);height:var(--wb-len-38);color:var(--dsw-alias-label-primary);cursor:pointer;flex:none;justify-content:center;align-items:center;gap:0;margin:0 var(--wb-len-2) var(--wb-len-12);padding:var(--wb-len-8) var(--wb-len-12);font-size:var(--dsw-font-s-14-font-size);font-weight:500;line-height:var(--wb-line-22);display:flex;position:relative;overflow:hidden;container-type:inline-size}.wb-newSession:hover{background:var(--dsw-alias-button-floating-hover)}[data-platform=darwin] .wb-newSession{background:var(--wb-static-titlebar-fill)}[data-platform=darwin] .wb-newSession:hover{background:var(--wb-static-titlebar-fill-hover)}[data-platform=darwin] [data-ds-dark-theme] .wb-newSession{background:var(--wb-static-titlebar-fill-dark)}[data-platform=darwin] [data-ds-dark-theme] .wb-newSession:hover{background:var(--wb-static-titlebar-fill-dark-hover)}.wb-collapsed .wb-newSession{background:0 0;border-color:transparent;align-self:flex-start;gap:0;width:var(--wb-len-36);height:var(--wb-len-36);margin:0 0 var(--wb-len-12);padding:0}.wb-collapsed .wb-newSession:hover{background:var(--dsw-alias-interactive-bg-hover)}.wb-newSessionLabel{white-space:nowrap;max-width:var(--wb-len-200);overflow:hidden}.wb-collapsed .wb-newSessionLabel{max-width:0}.wb-newSessionLabelMask{flex:1;min-width:0}.wb-newSession:is(:hover,:focus-visible) .wb-newSessionLabelMask:has(+.wb-newSessionShortcut){overflow:hidden;mask-image:linear-gradient(90deg,var(--wb-static-mask-opaque) calc(100% - var(--wb-len-16)),transparent)}.wb-newSessionContent{justify-content:center;align-items:center;gap:var(--wb-len-6);width:100cqw;display:flex}.wb-newSessionContent>svg{flex:none}.wb-newSessionShortcut{opacity:0;pointer-events:none;flex:none;font-weight:400;display:inline-flex}.wb-newSession:is(:hover,:focus-visible) .wb-newSessionShortcut{opacity:1}.wb-panelList{flex-direction:column;flex:none;gap:var(--wb-len-4);margin-bottom:var(--wb-len-8);display:flex}.wb-panelRow{box-sizing:border-box;border-radius:var(--dsw-radius-md);min-height:var(--wb-len-36);color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:var(--wb-len-8);margin:0 var(--wb-len-2);padding:var(--wb-len-7) var(--wb-len-8);line-height:var(--wb-line-22);display:flex}.wb-panelRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.wb-panelRow.wb-panelActive{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.wb-panelRow:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.wb-panelGlyph{flex:none;justify-content:center;align-items:center;display:inline-flex}.wb-panelTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wb-collapsed .wb-panelList{gap:var(--wb-len-12);margin-bottom:var(--wb-len-12)}.wb-collapsed .wb-panelRow{width:var(--wb-len-36);height:var(--wb-len-36);color:var(--dsw-alias-label-primary);justify-content:center;margin:0;padding:0}.wb-regionArea{min-height:0;margin-left:var(--wb-len-neg-4);margin-right:calc(-1 * var(--dsh-sidebar-inline-padding));flex-direction:column;flex:1;padding-left:var(--wb-len-4);display:flex;overflow:hidden}.wb-collapsed .wb-regionArea{margin-left:0;margin-right:0;padding-left:0}.wb-footArea{flex-direction:column;flex:none;display:flex}.wb-settingsArea,.wb-footerActions{flex:none;width:100%;min-width:0}.wb-footerActions{display:flex}.wb-collapsed .wb-footArea{align-items:center}.wb-collapsed .wb-settingsArea,.wb-collapsed .wb-footerActions{justify-content:center;width:auto;display:flex}@media (prefers-reduced-motion:reduce){.wb-wide,.wb-fading>*,.wb-railIn .wb-iconButton,.wb-railIn .wb-newSession,.wb-railIn .wb-panelList,.wb-railIn .wb-footArea,.wb-railIn .wb-regionArea{transition:none;animation:none}}\n";
+//#endregion
+//#region src/shared/styles/chrome.css?raw
+var chrome_default = ".wb-stripButton {\n  width: var(--wb-len-28);\n  height: var(--wb-len-28);\n  padding: 0;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-stripIconFlip {\n  display: block;\n  transform: scaleX(-1);\n}\n\n.wb-stripButton:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-stripButton:disabled {\n  cursor: default;\n  opacity: 1;\n}\n\n.wb-stripButtonActive {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-stripButton.wb-spinning svg {\n  animation: wb-spin var(--wb-dur-0-9) linear infinite;\n}\n\n.wb-panelBody.wb-fixtureMany .wb-mockStrip {\n  display: none;\n}\n\n@keyframes wb-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\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}\n\n.wb-view > .wb-issueList {\n  margin: 0 var(--wb-len-neg-8);\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\n.wb-cardBody {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  padding: var(--wb-len-12);\n}\n\n.wb-cardBody > :not(.wb-issueList) {\n  padding-left: var(--wb-len-8);\n  padding-right: var(--wb-len-8);\n}\n\n.wb-cardMore {\n  align-self: flex-start;\n  color: var(--dsw-alias-label-secondary);\n  padding-top: var(--wb-len-6);\n  padding-bottom: var(--wb-len-6);\n}\n\n.wb-cardMore:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-prio {\n  box-sizing: border-box;\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--wb-len-22);\n  height: var(--wb-len-18);\n  padding: 0 var(--wb-len-5);\n  border-radius: var(--wb-radius-6);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  font-weight: 600;\n  line-height: 1;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-state-error-primary);\n  background: var(--dsw-alias-bg-mask-1);\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 18%, transparent);\n}\n\n.wb-prio[data-level='2'] {\n  color: var(--dsw-alias-state-warn-primary);\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 18%, transparent);\n}\n\n.wb-prio[data-level='3'] {\n  color: var(--dsw-alias-state-business-primary);\n  background: color-mix(in srgb, var(--dsw-alias-state-business-primary) 18%, transparent);\n}\n\n.wb-prio[data-level='4'] {\n  color: var(--dsw-alias-label-tertiary);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-typeDot {\n  flex: none;\n  width: var(--wb-len-5);\n  height: var(--wb-len-5);\n  border-radius: 50%;\n  corner-shape: round;\n  background: var(--dsw-alias-label-tertiary);\n}\n\n.wb-typeDot[data-type='PROCESSING'] {\n  background: var(--dsw-alias-state-business-primary);\n}\n\n.wb-typeDot[data-type='COMPLETED'] {\n  background: var(--dsw-alias-state-success-primary);\n}\n\n.wb-typeDot[data-type='unknown'] {\n  background: var(--dsw-alias-label-tertiary);\n}\n\n.wb-issueList {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n}\n\n.wb-issueRow {\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--wb-len-8);\n  width: 100%;\n  text-align: left;\n  border: 0;\n  border-radius: var(--dsw-radius-md);\n  background: none;\n  padding: var(--wb-len-8);\n  font: inherit;\n  color: inherit;\n  text-decoration: none;\n  cursor: pointer;\n  font-size: var(--dsw-font-xs-13-font-size);\n}\n\n.wb-issueList > .wb-issueRow + .wb-issueRow::before {\n  content: '';\n  position: absolute;\n  top: var(--wb-len-neg-1-5);\n  left: var(--wb-len-8);\n  right: var(--wb-len-8);\n  height: var(--wb-len-0-5);\n  background: var(--dsw-alias-border-l2);\n}\n\n.wb-issueRow:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-issueLink {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--wb-len-8);\n  flex: 1;\n  min-width: 0;\n  color: inherit;\n  text-decoration: none;\n}\n\n.wb-issueToChat {\n  flex: none;\n  width: var(--wb-len-24);\n  height: var(--wb-len-24);\n  padding: 0;\n  color: var(--dsw-alias-label-tertiary);\n  opacity: 0.65;\n}\n\n.wb-issueRow:hover .wb-issueToChat {\n  opacity: 1;\n}\n\n.wb-issueToChat:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-issueToChatFailed,\n.wb-issueToChatFailed:hover {\n  color: var(--dsw-alias-state-error-primary);\n  opacity: 1;\n}\n\n.wb-issueRow: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-issueMain {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-5);\n  flex: 1;\n  min-width: 0;\n}\n\n.wb-issueLine {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-gap-xs);\n  min-width: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-16);\n}\n\n.wb-issueCode {\n  flex: none;\n  min-width: var(--wb-len-3-4em);\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.wb-issueTitle {\n  display: block;\n  flex: 1;\n  min-width: 0;\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  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n.wb-issueMeta {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-gap-xs);\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}\n\n.wb-issueStatus {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-issueIteration {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-issuePreview {\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  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-issueOpen {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  align-self: center;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-issueRow:hover .wb-issueOpen {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-issueMetaItem {\n  min-width: 0;\n  max-width: 45%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-variant-numeric: tabular-nums;\n}\n\n.wb-metaDot {\n  flex: none;\n  font-size: inherit;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-issueTime {\n  flex: none;\n  font-variant-numeric: tabular-nums;\n}\n\n.wb-releaseState {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n}\n\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}\n\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}\n\n.wb-releaseActions {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  margin-top: var(--wb-len-2);\n}\n\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}\n\n.wb-releaseGear {\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-envSkeletonBlock {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  padding-top: var(--wb-len-10);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n.wb-envSkeletonTitle {\n  width: var(--wb-len-96);\n}\n.wb-envSkeletonLine {\n  width: 72%;\n  height: var(--wb-len-10);\n}\n\n.wb-envListSkeleton {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-1) 0;\n}\n\n.wb-envListSkeleton > :nth-child(2n) {\n  width: 58%;\n}\n\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\n.wb-envBlockHead {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wb-len-8);\n}\n\n.wb-envBlockActions {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n\n.wb-envBlockTitle {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  border: none;\n  background: none;\n  font: inherit;\n  font-size: var(--dsw-font-xs-13-font-size);\n  font-weight: 500;\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-primary);\n  text-align: left;\n  cursor: pointer;\n}\n\n.wb-envBlockTitle:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-envChevron {\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}\n\n.wb-envChevronOpen {\n  transform: rotate(180deg);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .wb-envChevron {\n    transition: none;\n  }\n}\n\n.wb-envList {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\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-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}\n\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}\n\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}\n\n.wb-envLineActions {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n}\n\n.wb-envChatFailed {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-envListEmpty {\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-releasePublishPick {\n  position: relative;\n  display: inline-flex;\n}\n\n.wb-releasePublishRow {\n  display: flex;\n  justify-content: flex-end;\n  padding-top: var(--wb-len-12);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.wb-releasePublish {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n}\n\n.wb-releaseConfirm {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-10) var(--wb-len-8);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-releaseConfirmTitle {\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-primary);\n}\n\n.wb-releaseConfirmRow {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n}\n\n.wb-releaseConfirmKey {\n  flex: none;\n  width: var(--wb-len-52);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-releaseConfirmValue {\n  display: inline-flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--wb-len-4);\n  min-width: 0;\n  overflow-wrap: anywhere;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-releaseConfirmSep {\n  margin: 0 var(--wb-len-6);\n  color: var(--dsw-alias-label-dimmed);\n}\n\n.wb-cmdbField > .wb-cmdbFieldLabel:empty {\n  display: none;\n}\n\n.wb-releaseConfirmValue .wb-cmdbField {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  width: auto;\n}\n\n.wb-releaseConfirmValue .wb-cmdbFieldInput {\n  flex: none;\n  min-width: 0;\n  max-width: var(--wb-len-240);\n  min-height: 0;\n  padding: var(--wb-len-1) var(--wb-len-6);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-releaseConfirmValue .wb-menu {\n  min-width: var(--wb-len-220);\n  right: auto;\n  background: var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-layer-2));\n}\n\n.wb-releaseConfirmActions {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--wb-len-8);\n  margin-top: var(--wb-len-2);\n}\n\n.wb-lineEllipsis {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-rowDot {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n}\n\n.wb-row:has(> .wb-rowDot) {\n  grid-template-columns: 84px minmax(0, 1fr);\n}\n\n.wb-chips {\n  display: flex;\n  gap: var(--wb-gap-xs);\n  flex-wrap: wrap;\n}\n\n.wb-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n  height: var(--wb-len-26);\n  padding: 0 var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--wb-radius-13);\n  background: none;\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-secondary);\n  cursor: pointer;\n}\n\n.wb-chip:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-chipActive {\n  color: var(--dsw-alias-label-primary);\n  border-color: var(--dsw-alias-border-l4);\n  background: var(--dsw-alias-interactive-bg-active);\n}\n\n.wb-chipCount {\n  color: var(--dsw-alias-label-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .wb-skeletonBar {\n    animation: none;\n  }\n}\n\n.wb-approvalPlan {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n}\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\n.wb-approvalRows {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  margin: 0;\n}\n\n.wb-approvalRow {\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-8);\n}\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\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\n.wb-approvalBody {\n  max-height: var(--wb-len-132);\n  overflow-y: auto;\n  white-space: pre-wrap;\n  font-weight: 400;\n}\n\n.wb-approvalHosts,\n.wb-approvalWarn {\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  overflow-wrap: anywhere;\n}\n\n.wb-approvalWarn {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-detailHead {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n\n.wb-detailTitle {\n  margin: 0;\n  font-size: var(--wb-font-15);\n  line-height: var(--wb-line-24);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-detailStatus {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-gap-xs);\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-detailType {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-detailMeta {\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n}\n\n.wb-detailMetaRow {\n  display: flex;\n  gap: var(--wb-len-8);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n}\n\n.wb-detailMetaRow dt {\n  flex: none;\n  width: var(--wb-len-62);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-detailMetaRow dd {\n  margin: 0;\n  color: var(--dsw-alias-label-secondary);\n  word-break: break-all;\n}\n\n.wb-detailBody {\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-22);\n  color: var(--dsw-alias-label-primary);\n  white-space: pre-wrap;\n  word-break: break-word;\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n  padding-top: var(--wb-len-10);\n}\n\n.wb-detailEmpty {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-imageChip {\n  align-self: flex-start;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  padding: var(--wb-len-1) var(--wb-len-6);\n  border-radius: var(--dsw-radius-xs);\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-intentBar {\n  position: sticky;\n  bottom: 0;\n  margin-top: auto;\n  padding-top: var(--wb-len-10);\n  background: var(--dsw-alias-bg-base);\n}\n\n.wb-intentButton {\n  width: 100%;\n  height: var(--wb-len-30);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-button-elevated-fill);\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.wb-intentButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n@container (max-width: 340px) {\n  .wb-panelBody {\n    padding: var(--wb-len-8);\n  }\n\n  .wb-issueTime {\n    display: none;\n  }\n}\n\n@keyframes wb-dash {\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.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\n.wb-settingsHead {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\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-cmdbPublishTo {\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  overflow-wrap: anywhere;\n}\n\n.wb-cmdbForm {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n}\n\n.wb-cmdbField {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  position: relative;\n}\n\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}\n\n.wb-menuTop {\n  top: auto;\n  bottom: calc(100% + var(--wb-len-4));\n}\n\n.wb-menuItem {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  width: 100%;\n  min-height: var(--wb-len-30);\n  padding: var(--wb-len-6) var(--wb-len-8);\n  border: none;\n  border-radius: var(--dsw-radius-md);\n  background: transparent;\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  text-align: left;\n}\n\n.wb-menuItem:hover,\n.wb-menuItem:focus-visible {\n  background: var(--dsw-alias-interactive-bg-hover);\n  outline: none;\n}\n\n.wb-menuItemLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-menuItemMark {\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}\n\n.wb-formActions {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n\n.wb-menuItemCheck {\n  flex: none;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-cmdbFieldTrigger {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wb-len-6);\n  text-align: left;\n  cursor: pointer;\n}\n\n.wb-cmdbFieldInput {\n  box-sizing: border-box;\n  flex: 1 1 auto;\n  min-width: 0;\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-8);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\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.wb-cmdbFieldInput:focus-visible {\n  outline: none;\n  border-color: var(--dsw-alias-border-l1);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\nselect.wb-cmdbFieldInput {\n  cursor: pointer;\n}\n\n.wb-cmdbFieldLabel {\n  flex: none;\n  width: var(--wb-len-72);\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-cmdbFieldInput {\n  flex: 1 1 auto;\n  min-width: 0;\n  height: var(--wb-len-26);\n  padding: 0 var(--wb-len-8);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-base);\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}\n\n.wb-cmdbFieldInput:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color);\n  outline-offset: 1px;\n}\n\n.wb-cmdbEnvs {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  margin: 0;\n  padding: 0;\n  border: none;\n  min-width: 0;\n}\n\n.wb-cmdbEnvs > .wb-cmdbFieldLabel {\n  width: auto;\n  margin-bottom: var(--wb-len-2);\n}\n\n.wb-cmdbEnvGroup {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  min-width: 0;\n}\n\n.wb-cmdbEnvGroupLabel {\n  margin: 0;\n  padding: var(--wb-len-6) var(--wb-len-8) var(--wb-len-2);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-15);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cmdbEnvs > .wb-cmdbEnvGroup + .wb-cmdbEnvGroup {\n  margin-top: var(--wb-len-2);\n  padding-top: var(--wb-len-8);\n  border-top: 0.5px solid var(--dsw-alias-border-l1);\n}\n\n.wb-cmdbEnvs .wb-cmdbEnvGroupLabel {\n  padding-left: 0;\n  padding-bottom: var(--wb-len-4);\n}\n\n.wb-cmdbFieldNote {\n  flex: none;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  white-space: nowrap;\n}\n\n.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\n.wb-cmdbLoading {\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-cmdbFieldWaiting {\n  display: flex;\n  align-items: center;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: default;\n}\n\n.wb-problems {\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.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-rows {\n  display: flex;\n  flex-direction: column;\n}\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\n.wb-row + .wb-row {\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\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\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-rowSub {\n  display: block;\n  margin-top: var(--wb-len-2);\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-cmdbConfirm {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-8);\n  border: 0.5px solid var(--dsw-alias-state-error-primary);\n  border-radius: var(--dsw-radius-sm);\n}\n\n.wb-cmdbConfirmText {\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-cmdbDone {\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-success-primary);\n}\n\n.wb-cmdbAsk {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-8);\n  padding-top: var(--wb-len-8);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.wb-cmdbAsk > button {\n  flex: none;\n  white-space: nowrap;\n}\n\n.wb-cmdbAskText {\n  flex: 1 1 auto;\n  min-width: 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  overflow-wrap: anywhere;\n}\n\n.wb-anchorButton {\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--wb-len-4);\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  text-decoration: none;\n  cursor: pointer;\n}\n\n.wb-anchorButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n.wb-envRefresh.wb-iconButton {\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-envRefresh.wb-iconButton:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-envRefresh.wb-iconButton:disabled {\n  cursor: default;\n  opacity: 1;\n}\n\n.wb-envRefresh.wb-spinning svg {\n  animation: wb-spin var(--wb-dur-0-9) linear infinite;\n}";
 //#endregion
 //#region src/shared/hooks/use-api-resource.ts
 var use_api_resource_exports = /* @__PURE__ */ __exportAll({
@@ -5044,10 +6534,11 @@ function useBlockerActions(onRetry, onOpenMarket) {
 				return;
 			}
 			if (action.kind === "copy") {
-				navigator.clipboard?.writeText(action.text).then(() => {
+				writeClipboard(action.text).then((ok) => {
+					if (!ok) return;
 					setCopied(action.text);
 					setTimeout(() => setCopied(null), 1500);
-				}, () => {});
+				});
 				return;
 			}
 			window.open(action.url, "_blank", "noopener");
@@ -5057,18 +6548,39 @@ function useBlockerActions(onRetry, onOpenMarket) {
 		failure
 	};
 }
+var BlockerState_module_default = {
+	blocker: "_blocker_cfaak_1",
+	icon: "_icon_cfaak_10",
+	title: "_title_cfaak_15",
+	hint: "_hint_cfaak_23",
+	blockerInline: "_blockerInline_cfaak_32",
+	actions: "_actions_cfaak_48",
+	raw: "_raw_cfaak_52",
+	notice: "_notice_cfaak_71",
+	noticeFlat: "_noticeFlat_cfaak_84",
+	noticeText: "_noticeText_cfaak_91",
+	noticeTitle: "_noticeTitle_cfaak_98",
+	noticeHint: "_noticeHint_cfaak_105",
+	noticeActions: "_noticeActions_cfaak_112",
+	failure: "_failure_cfaak_119",
+	failureDetail: "_failureDetail_cfaak_127",
+	inlineLink: "_inlineLink_cfaak_134",
+	rawText: "_rawText_cfaak_156"
+};
 //#endregion
 //#region src/shared/components/BlockerState.tsx
 var BlockerState_exports = /* @__PURE__ */ __exportAll({ BlockerState: () => BlockerState });
 function BlockerState({ blocker, t, onRetry, busy = false, flush = false, onOpenMarket }) {
 	const { run, copied, running, failure } = useBlockerActions(onRetry, onOpenMarket);
+	const [rawOpen, setRawOpen] = useState(false);
 	const pending = blockerPending(busy, running);
 	const inlineActions = blocker.actions.filter((action) => action.kind === "open-url" && action.inline === true);
 	const buttonActions = blocker.actions.filter((action) => !(action.kind === "open-url" && action.inline === true) || blocker.hint === void 0);
-	const buttons = buttonActions.map((action, index) => /* @__PURE__ */ h("button", {
+	const buttons = buttonActions.map((action, index) => /* @__PURE__ */ h(Button, {
 		key: `${action.kind}:${action.label}`,
 		type: "button",
-		className: index === 0 ? "wb-primaryButton" : "wb-linkButton",
+		size: "sm",
+		variant: index === 0 ? "primary" : "ghost",
 		disabled: pending,
 		onClick: () => run(action)
 	}, blockerActionLabel(action, {
@@ -5076,26 +6588,40 @@ function BlockerState({ blocker, t, onRetry, busy = false, flush = false, onOpen
 		running,
 		copied
 	}, t)));
-	const failureBlock = failure === null ? null : /* @__PURE__ */ h("p", { className: "wb-blockerFailure" }, t("blocker.fix.failed"), failure.message, failure.detail === void 0 ? null : /* @__PURE__ */ h("span", { className: "wb-blockerFailureDetail" }, failure.detail));
+	const failureBlock = failure === null ? null : /* @__PURE__ */ h("p", { className: BlockerState_module_default.failure }, t("blocker.fix.failed"), failure.message, failure.detail === void 0 ? null : /* @__PURE__ */ h("span", { className: BlockerState_module_default.failureDetail }, failure.detail));
 	if (blocker.severity === "notice") return /* @__PURE__ */ h("div", {
-		className: `wb-blockerNotice${flush ? " wb-flat" : ""}`,
+		className: `${BlockerState_module_default.notice}${flush ? ` ${BlockerState_module_default.noticeFlat}` : ""}`,
 		role: "status",
 		"aria-busy": pending
-	}, /* @__PURE__ */ h("span", { className: "wb-blockerNoticeText" }, /* @__PURE__ */ h("span", { className: "wb-blockerNoticeTitle" }, blocker.title), blocker.hint === void 0 ? null : /* @__PURE__ */ h("span", { className: "wb-blockerNoticeHint" }, blocker.hint)), /* @__PURE__ */ h("span", { className: "wb-blockerNoticeActions" }, buttons), failureBlock);
+	}, /* @__PURE__ */ h("span", { className: BlockerState_module_default.noticeText }, /* @__PURE__ */ h("span", { className: BlockerState_module_default.noticeTitle }, blocker.title), blocker.hint === void 0 ? null : /* @__PURE__ */ h("span", { className: BlockerState_module_default.noticeHint }, blocker.hint)), /* @__PURE__ */ h("span", { className: BlockerState_module_default.noticeActions }, buttons), failureBlock);
 	return /* @__PURE__ */ h("div", {
-		className: `wb-blocker${flush ? " wb-blockerInline" : ""}`,
+		className: `${BlockerState_module_default.blocker}${flush ? ` ${BlockerState_module_default.blockerInline}` : ""}`,
 		role: "status",
 		"aria-busy": pending
 	}, flush ? null : /* @__PURE__ */ h("span", {
-		className: "wb-blockerIcon",
+		className: BlockerState_module_default.icon,
 		"aria-hidden": "true"
-	}, /* @__PURE__ */ h(IconBrandMark, { size: 32 })), /* @__PURE__ */ h("p", { className: "wb-blockerTitle" }, blocker.title), blocker.hint === void 0 && inlineActions.length === 0 ? null : /* @__PURE__ */ h("p", { className: "wb-blockerHint" }, blocker.hint, inlineActions.map((action) => /* @__PURE__ */ h("button", {
+	}, /* @__PURE__ */ h(IconBrandMark, { size: 32 })), /* @__PURE__ */ h("p", { className: BlockerState_module_default.title }, blocker.title), blocker.hint === void 0 && inlineActions.length === 0 ? null : /* @__PURE__ */ h("p", { className: BlockerState_module_default.hint }, blocker.hint, inlineActions.map((action) => /* @__PURE__ */ h("button", {
 		key: `inline:${action.kind}:${action.label}`,
 		type: "button",
-		className: "wb-blockerInlineLink",
+		className: BlockerState_module_default.inlineLink,
 		disabled: pending,
 		onClick: () => run(action)
-	}, action.label, /* @__PURE__ */ h(IconRightUp, { size: 12 })))), buttonActions.length === 0 ? null : /* @__PURE__ */ h("div", { className: "wb-blockerActions" }, buttons), failureBlock, blocker.detail === void 0 ? null : /* @__PURE__ */ h("details", { className: "wb-blockerRaw" }, /* @__PURE__ */ h("summary", null, t("env.fix.details")), /* @__PURE__ */ h("pre", { className: "wb-gateError" }, blocker.detail)));
+	}, action.label, /* @__PURE__ */ h(IconRightUpOutlineRegular, { size: 12 })))), buttonActions.length === 0 ? null : /* @__PURE__ */ h("div", { className: BlockerState_module_default.actions }, buttons), failureBlock, blocker.detail === void 0 ? null : /* @__PURE__ */ h(DisclosureRow, {
+		className: BlockerState_module_default.raw,
+		icon: /* @__PURE__ */ h(IconInfoOutlineRegular, { size: 14 }),
+		title: t("env.fix.details"),
+		open: rawOpen,
+		expandable: true,
+		expandOnRowClick: true,
+		previewChevron: true,
+		onToggle: () => setRawOpen(!rawOpen)
+	}, /* @__PURE__ */ h(CodeBlock, {
+		code: blocker.detail,
+		className: BlockerState_module_default.rawText,
+		copyLabel: t("blocker.copy"),
+		copiedLabel: t("env.copied")
+	})));
 }
 //#endregion
 //#region src/app/client.tsx
@@ -5122,7 +6648,9 @@ var kit = {
 		...dist_exports,
 		...dist_exports,
 		...dist_exports,
-		...dist_exports
+		...dist_exports,
+		...dist_exports,
+		Tip
 	},
 	api: {
 		...dist_exports,
@@ -5139,10 +6667,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  text-decoration: none;\n  white-space: nowrap;\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*/";
 function installStyles() {
 	const style = document.createElement("style");
 	style.setAttribute(STYLE_MARKER, "");
-	style.textContent = `${tokens_default}\n${sidebar_default}\n${sidebar_app_default}\n${rightbar_default}`;
+	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}`;
 	document.head.appendChild(style);
 	return () => style.remove();
 }
@@ -5184,7 +6713,6 @@ function mount(ctx) {
 		manifests: () => units.manifests()
 	});
 	assembleClientUnits(units);
-	const manifests = units.manifests();
 	const store = rightbarStore;
 	const observable = {
 		getSnapshot: () => store.getSnapshot(),
@@ -5216,7 +6744,15 @@ function mount(ctx) {
 				ctx.layout.openRightbar(track, fullscreen);
 			} else ctx.layout.closeRightbar();
 		},
-		toggleRightbar: () => store.toggleExpanded(),
+		toggleRightbar: () => {
+			store.toggleExpanded();
+			if (!store.getSnapshot().expanded) {
+				ctx.layout.closeRightbar();
+				return;
+			}
+			seedRightbarWidth(ctx);
+			ctx.layout.openRightbar(true, false);
+		},
 		openPanel: (step) => store.open(step),
 		goToPanel: (index) => store.goTo(index)
 	};
@@ -5251,7 +6787,7 @@ function mount(ctx) {
 			units
 		})
 	}, Rightbar));
-	registerMarketPanel(ctx, manifests);
+	registerMarketPanel(ctx, units);
 	const gate = createBootGate(ctx);
 	ctx.effect(() => () => gate.close(), "dsh-workbench: env gate");
 	ctx.slots.inject("conversation.approval.detail", () => ctx.slots.register({