@dsh-workbench/core 0.1.1 → 0.1.3

package/client.js

@@ -1,4 +1,4 @@
-// ⚠️ 本文件由 scripts/build.mjs 生成，请勿手改。
+// ⚠️ 本文件由 scripts/build.mjs 生成（moduleShell v2：组件样式 *.module.css 已内联），请勿手改。
 // 改 src/ 后跑：pnpm run build（开发时跑 pnpm run dev 会自动重建并热换）
 window.__ModuleLoader__.load({
   id: "@dsh-workbench/core",
@@ -18,6 +18,7 @@ window.__ModuleLoader__.load({
       	return target;
       };
       //#endregion
+      let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
       //#region ../shared/dist/lib/ui.js
       function cx(...parts) {
       	return parts.filter(Boolean).join(" ");
@@ -525,235 +526,43 @@ window.__ModuleLoader__.load({
       		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(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.IconRightUpOutlineRegular, { size: 14 }))), h(_deepseek_ai_dsh_client_ui_primitives.Tooltip, { label: refreshLabel }, h(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.Tooltip, { label: gear }, h(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.IconSettingsOutlineRegular, { size: 15 }),
       		onClick: onToggleGear
-      	}, h(IconSettings, { size: 15 })));
+      	})));
       }
       //#endregion
       //#region ../shared/dist/components/ChoiceGroup.js
@@ -772,59 +581,60 @@ window.__ModuleLoader__.load({
       	}), 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(_deepseek_ai_dsh_client_ui_primitives.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();
       	const steps = props.steps ?? [];
-      	return h("div", { className: "wb-longTask" }, h("p", { className: "wb-longTaskHead" }, h(StateDot, {
+      	return h("div", { className: "wb-longTask" }, h("p", { className: "wb-longTaskHead" }, h(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
       		state: longTaskDot(props.status),
       		size: 10
       	}), h("span", { className: "wb-longTaskHeadline" }, props.headline), (props.links ?? []).map((link) => h(RowLink, {
       		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(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
+      		className: "wb-longTaskDump",
+      		icon: h(_deepseek_ai_dsh_client_ui_primitives.IconFlatListOutlineRegular, { size: 14 }),
+      		title: props.stepsTitle,
+      		open: stepsOpen,
+      		expandable: true,
+      		expandOnRowClick: true,
+      		previewChevron: true,
+      		onToggle: () => setStepsOpen(!stepsOpen)
+      	}, h(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
+      		className: "wb-longTaskDump",
+      		icon: h(_deepseek_ai_dsh_client_ui_primitives.IconCodeOutlineRegular, { size: 14 }),
+      		title: props.rawTitle,
+      		open: rawOpen,
+      		expandable: true,
+      		expandOnRowClick: true,
+      		previewChevron: true,
+      		onToggle: () => setRawOpen(!rawOpen)
+      	}, h(_deepseek_ai_dsh_client_ui_primitives.CodeBlock, {
+      		code: raw,
+      		className: "wb-longTaskDump",
+      		showHeader: props.copyLabel !== void 0,
+      		copyLabel: props.copyLabel ?? "",
+      		copiedLabel: props.copiedLabel ?? ""
+      	}))));
       }
       //#endregion
       //#region ../shared/dist/components/MockStrip.js
@@ -870,19 +680,113 @@ window.__ModuleLoader__.load({
       //#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(_deepseek_ai_dsh_client_ui_primitives.Button, {
       		type: "button",
-      		className: "wb-linkButton",
+      		size: "sm",
+      		variant: "ghost",
       		onClick: onCancel,
       		disabled: busy
-      	}, labels.cancel), h("button", {
+      	}, labels.cancel), h(_deepseek_ai_dsh_client_ui_primitives.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 {
@@ -972,11 +876,13 @@ window.__ModuleLoader__.load({
       	"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}",
@@ -984,6 +890,9 @@ window.__ModuleLoader__.load({
       	"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.moduleUpdate": "Version {version} is out: 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",
@@ -991,6 +900,126 @@ window.__ModuleLoader__.load({
       	"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.supplyInstalled": "The plugins it needs are installed too.",
+      	"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.removed": "Removed.",
+      	"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…",
@@ -1136,18 +1165,23 @@ window.__ModuleLoader__.load({
       	"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.moduleUpdate": "有新版 {version}：安装完成后可能需要重启才生效。",
+      	"panels.market.restartNeeded": "新版装好了，重启一次才生效。",
       	"panels.market.foot": "装好后到那个项目的面板页勾选它，模块才会出现。",
       	"panels.market.recheck": "重新检查更新",
       	"panels.market.checkUpdates": "检查更新",
@@ -1155,6 +1189,126 @@ window.__ModuleLoader__.load({
       	"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.supplyInstalled": "它要的插件也装上了。",
+      	"panels.market.add.supplyPending": "它要的插件重启后再装。",
+      	"panels.market.add.supplyFailed": "它要的插件没装上：{reason}",
+      	"panels.market.add.notModule": "这不是工作台模块（没有 dsh.workbench 声明），不会出现在面板上。",
+      	"panels.market.add.removed": "已经移除了。",
+      	"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": "正在执行…",
@@ -1351,20 +1505,8 @@ window.__ModuleLoader__.load({
       	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,
@@ -1387,7 +1529,7 @@ window.__ModuleLoader__.load({
       	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,
@@ -1875,6 +2017,27 @@ window.__ModuleLoader__.load({
       				actions: ["update", "uninstall"]
       			}
       		},
+      		{
+      			id: "module-update",
+      			label: "模块包有新版（行上给「更新」，装了要重启）",
+      			manifests: [mine],
+      			capabilities: probe$1(id, "ok", { plugins: [{
+      				name: "fixture",
+      				status: "ok",
+      				missing: []
+      			}] }),
+      			updates: { [id]: {
+      				installed: "0.1.2",
+      				latest: "0.2.0"
+      			} },
+      			expect: {
+      				rows: 1,
+      				state: "installed",
+      				actions: ["update-bundle", "uninstall"],
+      				shared: 1,
+      				sharedActions: []
+      			}
+      		},
       		{
       			id: "outdated-release",
       			label: "源上有新版（模块行不变，共用依赖行给「更新」）",
@@ -2097,6 +2260,65 @@ window.__ModuleLoader__.load({
       				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: "三个模块（同一份安装）",
@@ -2132,6 +2354,178 @@ window.__ModuleLoader__.load({
       	];
       }
       //#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",
@@ -2149,11 +2543,34 @@ window.__ModuleLoader__.load({
       	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,
+      			...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) {
@@ -2192,7 +2609,7 @@ window.__ModuleLoader__.load({
       	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));
@@ -2207,7 +2624,7 @@ window.__ModuleLoader__.load({
       		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) {
@@ -2217,6 +2634,7 @@ window.__ModuleLoader__.load({
       		const note = noteOf(state, install, manifest);
       		const onMachine = isOnMachine(state);
       		const reAdopt = capability?.released === true && install === void 0;
+      		const moduleUpdate = updates[manifest.id];
       		rows.push({
       			id: manifest.id,
       			titleKey: manifest.card?.titleKey ?? manifest.id,
@@ -2224,7 +2642,11 @@ window.__ModuleLoader__.load({
       			canInstall: state !== "installed" && (install === "ready" || reAdopt),
       			canUpdate: onMachine && isOutdated(capability),
       			canUninstall: onMachine,
-      			...note === void 0 ? {} : { note }
+      			...moduleUpdate === void 0 ? {} : { moduleUpdate },
+      			...moduleUpdate === void 0 ? note === void 0 ? {} : { note } : { note: {
+      				key: "panels.market.moduleUpdate",
+      				params: { version: moduleUpdate.latest }
+      			} }
       		});
       	}
       	return rows;
@@ -2383,60 +2805,103 @@ window.__ModuleLoader__.load({
       		return () => clearInterval(timer);
       	}, []);
       	if (at === null) return null;
-      	return /* @__PURE__ */ h("span", { className: "wb-marketChecked" }, t("panels.market.checkedAt", { time: checkedAgoText(at, now, t) }));
+      	return /* @__PURE__ */ h("span", null, t("panels.market.checkedAt", { time: checkedAgoText(at, now, t) }));
       }
+      var PanelFoot_module_default = {
+      	foot: "_foot_1us83_1",
+      	footText: "_footText_1us83_12",
+      	footTextMd: "_footTextMd_1us83_17"
+      };
+      //#endregion
+      //#region src/shared/components/PanelFoot.tsx
+      function PanelFoot({ text, size = "sm", children }) {
+      	return /* @__PURE__ */ h("footer", { className: PanelFoot_module_default.foot }, /* @__PURE__ */ h("span", { className: size === "md" ? PanelFoot_module_default.footTextMd : PanelFoot_module_default.footText }, text), children ?? null);
+      }
+      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 actions = marketActions$1(row);
       	const stateText = t(MARKET_STATE_KEY[row.state]);
-      	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" }, 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)), /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.Tooltip, { label: stateText }, /* @__PURE__ */ h("span", {
+      		className: MarketPage_module_default.marketDesc,
       		role: "img",
-      		"aria-label": stateText,
-      		title: stateText
-      	}, row.state === "checking" ? /* @__PURE__ */ h(StateDot, {
+      		"aria-label": stateText
+      	}, row.state === "checking" ? /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
       		state: "ongoing",
       		size: 14
-      	}) : /* @__PURE__ */ h(StateDot, {
+      	}) : /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.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))), /* @__PURE__ */ h("div", { className: MarketPage_module_default.marketEnd }, running !== null ? /* @__PURE__ */ h("span", { className: MarketPage_module_default.marketProgress }, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.Button, {
+      			key: action,
+      			type: "button",
+      			size: "sm",
+      			variant: action === "install" ? "primary" : "outline",
+      			className: danger ? "wb-dangerAction" : void 0,
+      			icon: danger ? /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.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;
@@ -2444,98 +2909,1127 @@ window.__ModuleLoader__.load({
       	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(_deepseek_ai_dsh_client_ui_primitives.Tooltip, { 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 && row.state === "outdated" ? 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(_deepseek_ai_dsh_client_ui_primitives.Tooltip, { label: stateText }, /* @__PURE__ */ h("span", {
+      		className: MarketPage_module_default.marketDesc,
       		role: "img",
-      		"aria-label": stateText,
-      		title: stateText
-      	}, row.state === "checking" ? /* @__PURE__ */ h(StateDot, {
+      		"aria-label": stateText
+      	}, row.state === "checking" ? /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
       		state: "ongoing",
       		size: 14
-      	}) : /* @__PURE__ */ h(StateDot, {
+      	}) : /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.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 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, mock }) {
+      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(_deepseek_ai_dsh_client_ui_primitives.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(MarketCheckedAt, {
+      		t,
+      		at: freshness.checkedAt
+      	})), /* @__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() {
+      	return apiGet(MODULE_VERSIONS_ROUTE);
+      }
+      var AddModule_module_default = {
+      	wide: "_wide_xf7fq_1",
+      	dialog: "_dialog_xf7fq_8",
+      	content: "_content_xf7fq_13",
+      	stack: "_stack_xf7fq_18",
+      	body: "_body_xf7fq_25",
+      	field: "_field_xf7fq_32",
+      	input: "_input_xf7fq_39",
+      	registryField: "_registryField_xf7fq_45",
+      	options: "_options_xf7fq_51",
+      	guideToggle: "_guideToggle_xf7fq_59",
+      	registryToggle: "_registryToggle_xf7fq_78",
+      	registryWrap: "_registryWrap_xf7fq_87",
+      	registryChosen: "_registryChosen_xf7fq_121",
+      	registry: "_registry_xf7fq_45",
+      	registryOption: "_registryOption_xf7fq_143",
+      	registryPick: "_registryPick_xf7fq_159",
+      	registryTitle: "_registryTitle_xf7fq_179",
+      	registryHint: "_registryHint_xf7fq_189",
+      	inputError: "_inputError_xf7fq_197",
+      	guide: "_guide_xf7fq_59",
+      	guideList: "_guideList_xf7fq_214",
+      	guideItem: "_guideItem_xf7fq_223",
+      	guideIndex: "_guideIndex_xf7fq_230",
+      	guideMain: "_guideMain_xf7fq_244",
+      	guideTitle: "_guideTitle_xf7fq_252",
+      	guideHint: "_guideHint_xf7fq_258",
+      	guideExample: "_guideExample_xf7fq_264",
+      	guideExampleLabel: "_guideExampleLabel_xf7fq_274",
+      	footer: "_footer_xf7fq_278",
+      	hero: "_hero_xf7fq_285",
+      	heroIcon: "_heroIcon_xf7fq_294",
+      	wizardTitle: "_wizardTitle_xf7fq_311",
+      	subject: "_subject_xf7fq_318",
+      	subjectName: "_subjectName_xf7fq_329",
+      	subjectMeta: "_subjectMeta_xf7fq_335",
+      	subjectDesc: "_subjectDesc_xf7fq_336",
+      	result: "_result_xf7fq_343",
+      	resultWarn: "_resultWarn_xf7fq_344",
+      	approval: "_approval_xf7fq_357",
+      	approvalTitle: "_approvalTitle_xf7fq_367",
+      	approvalText: "_approvalText_xf7fq_374",
+      	approvalCaution: "_approvalCaution_xf7fq_380",
+      	note: "_note_xf7fq_387",
+      	noteWarn: "_noteWarn_xf7fq_394",
+      	noteError: "_noteError_xf7fq_398",
+      	problem: "_problem_xf7fq_402",
+      	detailLabel: "_detailLabel_xf7fq_409",
+      	detail: "_detail_xf7fq_409"
+      };
+      //#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 = {
+      	installed: "panels.market.add.supplyInstalled",
+      	"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 = (0, _deepseek_ai_dsh_client_ui_primitives.useAnchoredPosition)({
+      		open: state.registryOpen,
+      		anchorRef: registryAnchor,
+      		panelRef: registryPanel,
+      		align: "end",
+      		gap: 6,
+      		margin: 12
+      	});
+      	(0, _deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
+      		state: "ongoing",
+      		size: 28
+      	})), /* @__PURE__ */ h("h2", {
+      		className: AddModule_module_default.wizardTitle,
+      		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 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(_deepseek_ai_dsh_client_ui_primitives.IconWarningOutlineRegular, { size: 28 }) : cancelled ? /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
+      		state: "idle",
+      		size: 28
+      	}) : /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.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 ? 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 ? 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)), state.removed ? /* @__PURE__ */ h("p", { className: AddModule_module_default.note }, t("panels.market.add.removed")) : null);
+      }
+      //#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",
+      		removed: true,
+      		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,
+      		removed: mock.removed ?? false,
+      		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 [removed, setRemoved] = useState(false);
+      	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);
+      		setRemoved(false);
+      		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);
+      		setRemoved(false);
+      		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);
+      		setRemoved(false);
+      		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
+      		});
+      	}, [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;
+      			setRemoved(true);
+      			onInstalled();
       		});
-      		else onChanged();
+      	}, [
+      		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,
+      		removed,
+      		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(_deepseek_ai_dsh_client_ui_primitives.Button, {
+      		type: "button",
+      		variant: "primary",
+      		size: "md",
+      		className: AddModule_module_default.wide,
+      		disabled: empty || checking,
+      		"aria-busy": checking,
+      		onClick: state.check
+      	}, checking ? /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.Button, {
+      		type: "button",
+      		variant: "outline",
+      		size: "md",
+      		onClick: state.edit
+      	}, t("panels.market.add.edit")), /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.Button, {
+      		type: "button",
+      		variant: "primary",
+      		size: "md",
+      		onClick: () => state.install()
+      	}, t("panels.market.add.run"))) : null, installing ? /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.Button, {
+      		type: "button",
+      		variant: "outline",
+      		size: "md",
+      		onClick: state.edit
+      	}, t("panels.market.add.changeRegistry")) : null, notModule ? /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.Button, {
+      		type: "button",
+      		variant: "outline",
+      		size: "md",
+      		className: "wb-dangerAction",
+      		onClick: state.removeIt
+      	}, t("panels.market.add.remove")) : null, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.Button, {
+      		type: "button",
+      		variant: "outline",
+      		size: "md",
+      		onClick: onClose
+      	}, t("panels.market.add.close")), builds.length === 0 ? null : /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.Button, {
+      		type: "button",
+      		variant: "primary",
+      		size: "md",
+      		onClick: () => state.install(builds)
+      	}, t("panels.market.add.approveRun")), failed && builds.length === 0 ? /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.Button, {
+      		type: "button",
+      		variant: "primary",
+      		size: "md",
+      		onClick: () => state.install()
+      	}, t("panels.market.add.retry")) : null) : null);
+      	return /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.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
@@ -2545,8 +4039,13 @@ window.__ModuleLoader__.load({
       	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(() => {
@@ -2556,12 +4055,34 @@ window.__ModuleLoader__.load({
       		return /* @__PURE__ */ h(IconModules, { size });
       	};
       }
-      function MarketPanel({ t, manifests }) {
+      function MarketPanel({ t, units }) {
+      	const manifests = useLiveManifests(units);
       	const { capabilities, checkedAt, checking, forceProbe, reload } = 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(() => {
+      		readModuleVersions().then((response) => {
+      			setInstalledRead(true);
+      			if (!response.ok) return;
+      			setInstalled(response.modules);
+      			const next = {};
+      			for (const module of response.modules) {
+      				if (module.latest === void 0 || module.latest === module.installed) continue;
+      				next[module.unit] = {
+      					installed: module.installed,
+      					latest: module.latest
+      				};
+      			}
+      			setUpdates(next);
+      		});
+      	}, []);
       	useEffect(() => {
       		if (decided) return;
       		setDecided(true);
+      		loadUpdates();
       		if (!shouldProbeOnEnter({
       			checkedAt,
       			now: Date.now(),
@@ -2572,27 +4093,45 @@ window.__ModuleLoader__.load({
       	}, [
       		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(_deepseek_ai_dsh_client_ui_primitives.Tooltip, { 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();
+      		}
+      	}, /* @__PURE__ */ h("span", {
+      		className: MarketPage_module_default.marketIconWrap,
+      		"aria-hidden": "true"
+      	}, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutlineRegular, null)))), /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.Button, {
+      		variant: "primary",
+      		size: "sm",
+      		className: MarketPage_module_default.marketAddButton,
+      		icon: /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.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)
@@ -2601,12 +4140,20 @@ window.__ModuleLoader__.load({
       		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",
@@ -2614,12 +4161,12 @@ window.__ModuleLoader__.load({
       		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
@@ -2628,107 +4175,40 @@ window.__ModuleLoader__.load({
       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) {
@@ -2802,10 +4282,10 @@ window.__ModuleLoader__.load({
       	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");
@@ -3061,7 +4541,7 @@ window.__ModuleLoader__.load({
       	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) => {
@@ -3121,9 +4601,9 @@ window.__ModuleLoader__.load({
       	};
       }
       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");
@@ -3132,14 +4612,15 @@ window.__ModuleLoader__.load({
       	let text;
       	copy.addEventListener("click", () => {
       		if (text === void 0) return;
-      		navigator.clipboard?.writeText(text).then(() => {
+      		(0, _deepseek_ai_dsh_client_ui_primitives.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,
@@ -3155,47 +4636,47 @@ window.__ModuleLoader__.load({
       	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);
@@ -3240,16 +4721,16 @@ window.__ModuleLoader__.load({
       	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;
       	}
@@ -3296,10 +4777,10 @@ window.__ModuleLoader__.load({
       		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";
@@ -3363,18 +4844,32 @@ window.__ModuleLoader__.load({
       	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(_deepseek_ai_dsh_client_ui_primitives.Tooltip, { label: t("rightbar.expand") }, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.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) {
@@ -3384,23 +4879,21 @@ window.__ModuleLoader__.load({
       }
       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
@@ -3410,13 +4903,15 @@ window.__ModuleLoader__.load({
       		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(_deepseek_ai_dsh_client_ui_primitives.Button, {
       			type: "button",
-      			className: "wb-outlineButton",
+      			size: "sm",
+      			variant: "outline",
       			onClick: onOpenModules
-      		}, t("panels.choose")), /* @__PURE__ */ h("button", {
+      		}, t("panels.choose")), /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.Button, {
       			type: "button",
-      			className: "wb-outlineButton",
+      			size: "sm",
+      			variant: "outline",
       			onClick: onOpenMarket
       		}, t("panels.browseMarket")))
       	});
@@ -3433,6 +4928,22 @@ window.__ModuleLoader__.load({
       		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) {
@@ -3676,7 +5187,7 @@ window.__ModuleLoader__.load({
       	};
       	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`
@@ -3686,16 +5197,17 @@ window.__ModuleLoader__.load({
       		icon: null,
       		title: t("panels.noneInstalled"),
       		hint: t("panels.noneInstalledHint"),
-      		action: /* @__PURE__ */ h("button", {
+      		action: /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.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) => {
@@ -3727,28 +5239,24 @@ window.__ModuleLoader__.load({
       				event.preventDefault();
       				drop();
       			}
-      		}, /* @__PURE__ */ h("span", {
-      			className: "wb-modulesGrip",
-      			title: t("panels.dragHint"),
+      		}, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.Tooltip, { 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(_deepseek_ai_dsh_client_ui_primitives.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
@@ -3772,37 +5280,32 @@ window.__ModuleLoader__.load({
       		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]);
+      	(0, _deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.Tooltip, { label: t("panels.title") }, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.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)
@@ -4142,22 +5645,21 @@ window.__ModuleLoader__.load({
       	});
       }
       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(_deepseek_ai_dsh_client_ui_primitives.Tooltip, { 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(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutlineRegular, { size: 16 }),
       		onClick: onRefresh
-      	}, /* @__PURE__ */ h(IconRefresh, { size: 16 })), /* @__PURE__ */ h(PanelModules, {
+      	})), /* @__PURE__ */ h(PanelModules, {
       		t,
       		open: modulesOpen,
       		onOpenChange: onModulesOpenChange,
@@ -4166,13 +5668,15 @@ window.__ModuleLoader__.load({
       		refreshToken,
       		manifests,
       		onOpenMarket
-      	}), /* @__PURE__ */ h("button", {
+      	}), /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.Tooltip, { label: t("rightbar.collapse") }, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.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") {
@@ -4196,7 +5700,7 @@ window.__ModuleLoader__.load({
       	}
       	return /* @__PURE__ */ h(Fragment, null, plan.reading ? /* @__PURE__ */ h(CenteredState, {
       		icon: null,
-      		title: t("panels.reading")
+      		title: /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.TextShimmer, { active: true }, t("panels.reading"))
       	}) : null, plan.empty ? /* @__PURE__ */ h(BoardEmpty, {
       		t,
       		onOpenModules,
@@ -4229,12 +5733,12 @@ window.__ModuleLoader__.load({
       	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,
@@ -4271,8 +5775,8 @@ window.__ModuleLoader__.load({
       		onGoTo: props.goToPanel,
       		titleKeyOf,
       		refreshing: summary.refreshing,
-      		at: summary.at,
       		refreshEnabled: feedEnabled,
+      		at: summary.at,
       		onRefresh: refreshPanel,
       		modulesOpen,
       		onModulesOpenChange: setModulesOpen,
@@ -4485,13 +5989,12 @@ window.__ModuleLoader__.load({
       //#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(_deepseek_ai_dsh_client_ui_primitives.Tooltip, { 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(_deepseek_ai_dsh_client_ui_primitives.IconNewChatOutlineRegular, { size: 16 })))));
       }
       //#endregion
       //#region src/app/layouts/sidebar/PanelNav.tsx
@@ -4499,50 +6002,34 @@ window.__ModuleLoader__.load({
       	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(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+      		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",
       		"aria-hidden": "true"
-      	}, glyph, hint !== null && !wide ? /* @__PURE__ */ h("span", { className: "wb-panelDot" }, /* @__PURE__ */ h(StateDot, {
+      	}, glyph, hint !== null && !wide ? /* @__PURE__ */ h("span", { className: "wb-panelDot" }, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.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",
@@ -4550,31 +6037,39 @@ window.__ModuleLoader__.load({
       		"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(_deepseek_ai_dsh_client_ui_primitives.IconFolderOpenRegular, { size: 16 }) : /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.IconFolderCloseRegular, { size: 16 })), /* @__PURE__ */ h("span", { className: "wb-projectName" }, title), /* @__PURE__ */ h("span", { className: cx("wb-projectChevron", open && "wb-projectChevronOpen") }, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { size: 14 })));
+      	return /* @__PURE__ */ h("div", { className: "wb-project" }, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+      		open,
+      		portal: true,
+      		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(_deepseek_ai_dsh_client_ui_primitives.IconFolderCloseRegular, { size: 16 })
+      		}))],
+      		footer: [{
+      			id: ADD_WORKSPACE_ID,
+      			label: t("project.add"),
+      			icon: /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.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
@@ -4582,7 +6077,7 @@ window.__ModuleLoader__.load({
       	if (node.blank) return null;
       	const primary = statuses[0];
       	if (primary === void 0 || primary.state === "idle") return /* @__PURE__ */ h(Fragment, null, renderSlot("sidebar.session.row.leading", { sessionId: node.id }));
-      	return /* @__PURE__ */ h(Fragment, null, /* @__PURE__ */ h(StateDot, {
+      	return /* @__PURE__ */ h(Fragment, null, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
       		state: primary.state,
       		size: 10
       	}), statuses.map((status) => /* @__PURE__ */ h("span", {
@@ -4593,24 +6088,8 @@ window.__ModuleLoader__.load({
       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
@@ -4618,31 +6097,31 @@ window.__ModuleLoader__.load({
       	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(_deepseek_ai_dsh_client_ui_primitives.Tooltip, { 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(_deepseek_ai_dsh_client_ui_primitives.IconPinOutlineRegular, { size: 14 }))) : null, /* @__PURE__ */ h("span", { className: "wb-sessionTime" }, relativeTime(node.updatedAt, t)), /* @__PURE__ */ h("span", { className: "wb-rowActions" }, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.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(_deepseek_ai_dsh_client_ui_primitives.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);
@@ -4709,12 +6188,11 @@ window.__ModuleLoader__.load({
       		});
       	};
       	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(_deepseek_ai_dsh_client_ui_primitives.Tooltip, { 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"),
@@ -4722,7 +6200,7 @@ window.__ModuleLoader__.load({
       	}, !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(_deepseek_ai_dsh_client_ui_primitives.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, {
@@ -4771,16 +6249,28 @@ window.__ModuleLoader__.load({
       }
       //#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-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-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({
@@ -5048,10 +6538,11 @@ window.__ModuleLoader__.load({
       				return;
       			}
       			if (action.kind === "copy") {
-      				navigator.clipboard?.writeText(action.text).then(() => {
+      				(0, _deepseek_ai_dsh_client_ui_primitives.writeClipboard)(action.text).then((ok) => {
+      					if (!ok) return;
       					setCopied(action.text);
       					setTimeout(() => setCopied(null), 1500);
-      				}, () => {});
+      				});
       				return;
       			}
       			window.open(action.url, "_blank", "noopener");
@@ -5061,18 +6552,39 @@ window.__ModuleLoader__.load({
       		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(_deepseek_ai_dsh_client_ui_primitives.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, {
@@ -5080,26 +6592,40 @@ window.__ModuleLoader__.load({
       		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(_deepseek_ai_dsh_client_ui_primitives.IconRightUpOutlineRegular, { size: 12 })))), buttonActions.length === 0 ? null : /* @__PURE__ */ h("div", { className: BlockerState_module_default.actions }, buttons), failureBlock, blocker.detail === void 0 ? null : /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
+      		className: BlockerState_module_default.raw,
+      		icon: /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.IconInfoOutlineRegular, { size: 14 }),
+      		title: t("env.fix.details"),
+      		open: rawOpen,
+      		expandable: true,
+      		expandOnRowClick: true,
+      		previewChevron: true,
+      		onToggle: () => setRawOpen(!rawOpen)
+      	}, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.CodeBlock, {
+      		code: blocker.detail,
+      		className: BlockerState_module_default.rawText,
+      		copyLabel: t("blocker.copy"),
+      		copiedLabel: t("env.copied")
+      	})));
       }
       //#endregion
       //#region src/app/client.tsx
@@ -5126,6 +6652,7 @@ window.__ModuleLoader__.load({
       		...dist_exports,
       		...dist_exports,
       		...dist_exports,
+      		...dist_exports,
       		...dist_exports
       	},
       	api: {
@@ -5143,10 +6670,11 @@ window.__ModuleLoader__.load({
       		...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_xf7fq_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_xf7fq_8 {\n  width: min(var(--wb-len-560), 100%);\n  max-height: min(var(--wb-len-800), 100%);\n}\n\n._content_xf7fq_13 {\n  min-height: 0;\n  overflow: auto;\n}\n\n._stack_xf7fq_18 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n\n._body_xf7fq_25 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n\n._field_xf7fq_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_xf7fq_39 {\n  width: 100%;\n  height: var(--wb-len-40);\n  padding: 0 var(--wb-len-14);\n}\n\n._registryField_xf7fq_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_xf7fq_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_xf7fq_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_xf7fq_59:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n._guideToggle_xf7fq_59 svg,\n._registryToggle_xf7fq_78 svg {\n  transition: transform var(--wb-dur-0-12) ease;\n}\n\n._guideToggle_xf7fq_59[aria-expanded='true'] svg,\n._registryToggle_xf7fq_78[aria-expanded='true'] svg {\n  transform: rotate(180deg);\n}\n\n._registryWrap_xf7fq_87 {\n  position: relative;\n  flex: none;\n}\n\n._registryToggle_xf7fq_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_xf7fq_78:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n._registryToggle_xf7fq_78:disabled {\n  cursor: default;\n  opacity: 0.6;\n}\n\n._registryToggle_xf7fq_78[aria-expanded='true'] {\n  border-color: var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n._registryChosen_xf7fq_121 {\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n._registry_xf7fq_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_xf7fq_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_xf7fq_143 {\n  flex-direction: row;\n  align-items: flex-start;\n  gap: var(--wb-len-10);\n}\n\n._registryPick_xf7fq_159 {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-10);\n  cursor: pointer;\n}\n\n._registryOption_xf7fq_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_xf7fq_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_xf7fq_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_xf7fq_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_xf7fq_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_xf7fq_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_xf7fq_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_xf7fq_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_xf7fq_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_xf7fq_244 {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  gap: 0;\n  min-width: 0;\n}\n\n._guideTitle_xf7fq_252 {\n  font: var(--dsw-font-s-14);\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n._guideHint_xf7fq_258 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-caption);\n}\n\n._guideExample_xf7fq_264 {\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._guideExample_xf7fq_264 code {\n  font-family: var(--dsw-font-mono, monospace);\n}\n\n._guideExampleLabel_xf7fq_274 {\n  color: var(--dsw-alias-label-caption);\n}\n\n._footer_xf7fq_278 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-20);\n  width: 100%;\n}\n\n._hero_xf7fq_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_xf7fq_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_xf7fq_294[data-state='done'] {\n  color: var(--dsw-alias-state-success-secondary);\n}\n\n._heroIcon_xf7fq_294[data-state='error'] {\n  color: var(--dsw-alias-state-warn-label);\n}\n\n._wizardTitle_xf7fq_311 {\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_xf7fq_318 {\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_xf7fq_329 {\n  margin: 0;\n  font: var(--dsw-font-base-strong-16);\n  overflow-wrap: anywhere;\n}\n\n._subjectMeta_xf7fq_335,\n._subjectDesc_xf7fq_336 {\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_xf7fq_343,\n._resultWarn_xf7fq_344 {\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_xf7fq_344 {\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);\n}\n\n._approval_xf7fq_357 {\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_xf7fq_367 {\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_xf7fq_374 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._approvalCaution_xf7fq_380 {\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_xf7fq_387 {\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_xf7fq_394 {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._noteError_xf7fq_398 {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._problem_xf7fq_402 {\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_xf7fq_409 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-caption);\n}\n\n._detail_xf7fq_409 {\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();
       }
@@ -5188,7 +6716,6 @@ window.__ModuleLoader__.load({
       		manifests: () => units.manifests()
       	});
       	assembleClientUnits(units);
-      	const manifests = units.manifests();
       	const store = rightbarStore;
       	const observable = {
       		getSnapshot: () => store.getSnapshot(),
@@ -5220,7 +6747,15 @@ window.__ModuleLoader__.load({
       				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)
       	};
@@ -5255,7 +6790,7 @@ window.__ModuleLoader__.load({
       			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({