@dsh-workbench/core 0.3.4 → 0.3.6

package/client.js

@@ -20,6 +20,11 @@ window.__ModuleLoader__.load({
       //#endregion
       let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
       //#region ../shared/dist/lib/ui.js
+      /**
+      * 拼类名：只留真值、用空格连接（`false` / `null` / `undefined` / 空串都丢掉）。
+      * @param parts - 若干类名或条件值。
+      * @returns 拼好的类字符串；一个真值都没有给空串。
+      */
       function cx(...parts) {
       	return parts.filter(Boolean).join(" ");
       }
@@ -28,6 +33,12 @@ window.__ModuleLoader__.load({
       var DAY = 24 * HOUR;
       var MONTH = 30 * DAY;
       var YEAR = 365 * DAY;
+      /**
+      * 把时间戳按 dsh 的分档切成「刚刚 / N 分钟 / N 小时 / N 天 / N 月 / N 年」—— 30 天进月、365 天进年。
+      * @param epochMs - 要换算的时间戳（毫秒）。
+      * @param now - 基准时间，默认 `Date.now()`。
+      * @returns 档位与数量；时间戳或基准不是有限数给 `null`，未来时间钳到「刚刚」（`now` / 0）。
+      */
       function relativeTimeBucket(epochMs, now = Date.now()) {
       	if (!Number.isFinite(epochMs) || !Number.isFinite(now)) return null;
       	const diff = Math.max(0, now - epochMs);
@@ -59,16 +70,36 @@ window.__ModuleLoader__.load({
       function bucketLabel(bucket, t) {
       	return bucket.unit === "now" ? t("time.now") : t(`time.short.${bucket.unit}`, { n: bucket.n });
       }
+      /**
+      * 行内用的紧凑相对时间（「3 分钟」这种，不带「前」）。
+      * @param epochMs - 要换算的时间戳（毫秒）。
+      * @param t - 词表取词函数。
+      * @param now - 基准时间，默认 `Date.now()`。
+      * @returns 紧凑文案；时间戳非法给空串。
+      */
       function relativeTimeCompact(epochMs, t, now) {
       	const bucket = relativeTimeBucket(epochMs, now);
       	return bucket === null ? "" : bucketLabel(bucket, t);
       }
+      /**
+      * 悬停卡里用的相对时间（「3 分钟前」）；「刚刚」那一档不加「前」。
+      * @param epochMs - 要换算的时间戳（毫秒）。
+      * @param t - 词表取词函数。
+      * @param now - 基准时间，默认 `Date.now()`。
+      * @returns 带「前」的文案；时间戳非法给空串。
+      */
       function relativeTimeAgo(epochMs, t, now) {
       	const bucket = relativeTimeBucket(epochMs, now);
       	if (bucket === null) return "";
       	const label = bucketLabel(bucket, t);
       	return bucket.unit === "now" ? label : t("time.ago", { t: label });
       }
+      /**
+      * 会话行那一版相对时间：一小时内按分钟、一天内按小时、七天内按天，再久直接给绝对时间（到秒）。
+      * @param epochMs - 要换算的时间戳（毫秒）。
+      * @param t - 词表取词函数。
+      * @returns 文案；时间戳不是有限数给空串，未来时间落「刚刚」，七天及以上给本地化的年月日时分秒。
+      */
       function relativeTime(epochMs, t) {
       	if (!Number.isFinite(epochMs)) return "";
       	const diff = Date.now() - epochMs;
@@ -85,12 +116,22 @@ window.__ModuleLoader__.load({
       		second: "2-digit"
       	});
       }
+      /**
+      * 把 `/Users/<用户名>/…` 缩成 `~/…`，免得会话行里全是一样的长前缀。
+      * @param path - 任意值。
+      * @returns 缩好的路径；不在用户主目录下原样返回，不是字符串给空串。
+      */
       function shortenPath(path) {
       	if (typeof path !== "string") return "";
       	const hit = path.match(/^\/Users\/[^/]+/);
       	return hit === null ? path : path.replace(hit[0], "~");
       }
       var LOCAL_TIMESTAMP = /^(\d{4})-(\d{2})-(\d{2})[ T](\d{2}):(\d{2}):(\d{2})$/;
+      /**
+      * 解析不带时区的本地时间戳（`YYYY-MM-DD HH:mm:ss`，也接受 `T` 分隔），按本机时区换算。
+      * @param text - 原文；`null` / `undefined` 当空串；首尾空白容忍。
+      * @returns 毫秒时间戳；形态不认识给 `NaN`（调用方据此回退到原始字符串，宁可不换算也不显示错时间）。
+      */
       function parseLocalTimestamp(text) {
       	const raw = String(text ?? "").trim();
       	if (!LOCAL_TIMESTAMP.test(raw)) return NaN;
@@ -111,6 +152,13 @@ window.__ModuleLoader__.load({
       		text
       	};
       }
+      /**
+      * 把一次读失败翻成一张卡住态，交给卡片直接渲染。
+      * @param error 读口回的错误；undefined 表示连错误都没拿到（多半是网络断，回「原因未知」）。
+      * @param t 文案函数，只取 blocker.* 命名空间的键。
+      * @param context 判定现场；platform 缺省时标题不带平台名。
+      * @returns 一定有一张卡，actions 至少一颗「重试」。
+      */
       function blockerOfError(error, t, context = {}) {
       	if (error === void 0) return {
       		id: "unknown",
@@ -180,6 +228,12 @@ window.__ModuleLoader__.load({
       		};
       	}
       }
+      /**
+      * 把宿主回的环境读数翻成卡住态：探针没查过（unchecked）只算提示，不挡卡片。
+      * @param capability 宿主回的单元环境读数。
+      * @param t 文案函数，键都在 env.unit.* / blocker.* 下。
+      * @returns status 为 'ok' 时给 undefined（没有卡住态），其余状态一律给一张。
+      */
       function blockerOfCapability(capability, t) {
       	if (capability.status === "ok") return void 0;
       	const fixAction = capability.fix === void 0 ? void 0 : {
@@ -233,12 +287,25 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/api/context-ref.js
+      /**
+      * 引用标记的固定名字；完整标记是 @<这个名字>:<编码文本>，改它等于作废历史会话里已写下的引用。
+      */
       var CONTEXT_MARKER_NAME = "工作台";
       var MARKER = new RegExp(`@${CONTEXT_MARKER_NAME}:([a-z][a-z0-9-]*:[A-Za-z0-9._~%#/-]+)`, "g");
       var TRAILING_PUNCTUATION = /[.,;:!?]+$/;
+      /**
+      * 把引用拼回标记体里的那一段文本（不含 @ 与标记名）。
+      * @param ref 要拼的引用。
+      * @returns 形如 kind:part/part；分段里的 / 不转义，所以分段名本身不能含 /。
+      */
       function encodeRef(ref) {
       	return `${ref.kind}:${ref.parts.join("/")}`;
       }
+      /**
+      * 把 kind:part/part 文本读回引用。
+      * @param text 待解析文本。
+      * @returns 没冒号、冒号在首尾、种类不是小写字母开头、或冒号后为空时给 undefined；不抛异常。
+      */
       function decodeRef(text) {
       	const at = text.indexOf(":");
       	if (at <= 0 || at === text.length - 1) return void 0;
@@ -251,12 +318,27 @@ window.__ModuleLoader__.load({
       		parts
       	};
       }
+      /**
+      * 拼出 @ 后面那半截（标记名加已编码文本），比较与拼接都用它。
+      * @param encoded encodeRef 的结果。
+      * @returns 形如 工作台:file:src/a.ts。
+      */
       function markerBody(encoded) {
       	return `${CONTEXT_MARKER_NAME}:${encoded}`;
       }
+      /**
+      * 把一条引用拼成能写进对话文本的完整标记。
+      * @param ref 要标记的引用。
+      * @returns 形如 @工作台:file:src/a.ts 的一段文本。
+      */
       function buildMarker(ref) {
       	return `@${markerBody(encodeRef(ref))}`;
       }
+      /**
+      * 从一段文本里按出现顺序捞出所有标记引用，同一个引用只留第一次。
+      * @param text 任意文本；null / undefined 当空串。
+      * @returns 解析不出来的标记会被丢掉，所以结果只含合法引用，可能为空数组。
+      */
       function parseMarkers(text) {
       	const seen = /* @__PURE__ */ new Set();
       	const refs = [];
@@ -270,15 +352,35 @@ window.__ModuleLoader__.load({
       	}
       	return refs;
       }
+      /**
+      * 由单元 id 拼出它那一族事实的范围名。
+      * @param unit 单元 id，不带后缀。
+      * @returns <unit>* —— 永远是范围名，不是某一条事实。
+      */
       function unitFactScope(unit) {
       	return `${unit}*`;
       }
+      /**
+      * 判一个名字是不是范围查法，不是问这条事实存不存在。
+      * @param name 事实名或范围名。
+      * @returns 单字符 * 不算范围；只有「至少一个字符加 *」才算。
+      */
       function isFactScope(name) {
       	return name.length > 1 && name.endsWith("*");
       }
+      /**
+      * 取范围名对应的前缀，普通事实名原样返回。
+      * @param name 事实名或范围名。
+      * @returns 去掉末尾 * 的前缀；本来不是范围就给原值。
+      */
       function scopePrefixOf(name) {
       	return isFactScope(name) ? name.slice(0, -1) : name;
       }
+      /**
+      * 造一条事实通道：第一次订阅时才连传输层，最后一个订阅者走掉就断开。
+      * @param options 传输层，用来连宿主。
+      * @returns 通道句柄；没记录过的事实版本给 0，refresh() 不带事实名时刷新全部并逐个通知。
+      */
       function createFactChannel(options) {
       	const entries = /* @__PURE__ */ new Map();
       	let epoch = null;
@@ -378,6 +480,11 @@ window.__ModuleLoader__.load({
       	};
       	return channel;
       }
+      /**
+      * 把传输层收到的原始数据读成一帧；坏数据当没收到。
+      * @param data 帧的原始数据，期望是 JSON 字符串。
+      * @returns 合法帧；不是字符串、JSON 坏了、或 rev 不是数字都给 null。
+      */
       function parseFactFrame(data) {
       	if (typeof data !== "string") return null;
       	try {
@@ -392,15 +499,32 @@ window.__ModuleLoader__.load({
       		return null;
       	}
       }
+      /**
+      * 读口路由到事实名的映射，当前一对一。
+      * @param route 读口路由。
+      * @returns 该路由对应的事实名（就是路由本身）。
+      */
       function factOfRoute(route) {
       	return route;
       }
       //#endregion
       //#region ../shared/dist/api/host-write.js
+      /**
+      * 由通道与资源拼出写路由。
+      * @param channel 写通道。
+      * @param resource 该通道下的资源名。
+      * @returns 路由字符串；provision 只有一段，其余是 channel/resource。
+      */
       function writeRoute(channel, resource) {
       	if (channel === "provision") return "provision";
       	return `${channel}/${resource}`;
       }
+      /**
+      * 把写通道的响应翻成 WriteOutcome。
+      * @param response 写口回的响应；null 表示请求本身没成（网络断了，宿主没答）。
+      * @param networkText 拿不到任何服务端文案时兜底的那句。
+      * @returns 失败时 message 优先用服务端自己的话，没有才用响应正文或 networkText。
+      */
       function writeOutcomeOf(response, networkText) {
       	if (response === null) return {
       		ok: false,
@@ -426,31 +550,99 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/api/long-task.js
+      /**
+      * 单元的长任务读口路由。
+      * @param unit 单元 id。
+      * @returns <unit>/runs。
+      */
       function runsRouteOf(unit) {
       	return `${unit}/runs`;
       }
+      /**
+      * 停止那条写路由（走 actions 通道的资源名）：`<单元>/runs/stop`。
+      * @param unit 单元 id。
+      * @returns <unit>/runs/stop。
+      */
+      function stopRouteOf(unit) {
+      	return `${unit}/runs/stop`;
+      }
+      /**
+      * 有长任务在跑时的轮询间隔（毫秒）。
+      */
       var LONG_TASK_POLL_MS = 1500;
+      /**
+      * 没有长任务时的轮询间隔（毫秒），比在跑那一档大一个量级。
+      */
       var LONG_TASK_IDLE_MS = 1e4;
+      /**
+      * 算这次该隔多久再问一次长任务。
+      * @param live 是否有在跑的长任务。
+      * @param override 调用点指定的间隔；给了就用它，不再看 live。
+      * @returns 毫秒：有活 1500，没活 10000。
+      */
       function longTaskPollMs(live, override) {
       	if (override !== void 0) return override;
       	return live ? LONG_TASK_POLL_MS : LONG_TASK_IDLE_MS;
       }
+      /**
+      * 从读口状态里取 run 列表。
+      * @param state 读口状态；value 还没到就按空算。
+      * @returns 一串 run（形状由调用点自己判），没有就给空数组。
+      */
       function longTaskRunsOf(state) {
       	return state.value?.runs ?? [];
       }
+      /**
+      * 把长任务态折成状态点的那一档。
+      * @param status 长任务的五种态。
+      * @returns ongoing / done / error / idle；needs-login 也算进行中；`stopped` 落进 idle —— 灰点：不是成功、不是出错，是用户自己按停的。
+      */
       function longTaskDot(status) {
       	if (status === "ok") return "done";
       	if (status === "failed") return "error";
       	if (status === "running" || status === "needs-login") return "ongoing";
       	return "idle";
       }
+      /**
+      * 算停止钮现在在哪一档。
+      * @param state armed = 已经按过第一下、在等第二下；busy = 停止请求已经在飞。
+      * @returns busy 优先（在飞时按不动），其次 armed，否则 idle。
+      */
+      function longTaskStopStage(state) {
+      	if (state.busy) return "busy";
+      	return state.armed ? "armed" : "idle";
+      }
+      /**
+      * 按一下该干什么：第一次只上膛（'arm'），上了膛再按才真发（'fire'），在飞时按不动（'ignore'）。
+      * @param stage 现在这一档（先过 `longTaskStopStage`）。
+      * @returns 'arm' / 'fire' / 'ignore'，调用点照它上膛、落膛加发请求、或什么都不做。
+      */
+      function longTaskStopPress(stage) {
+      	if (stage === "busy") return "ignore";
+      	return stage === "armed" ? "fire" : "arm";
+      }
+      /**
+      * 上膛后多久自己落膛（毫秒）。3 秒 = dsh 那行现在的取值。
+      */
+      var LONG_TASK_STOP_ARM_MS = 3e3;
       //#endregion
       //#region ../shared/dist/api/unit-board.js
+      /**
+      * 判这张卡现在能不能画。
+      * @param capability 环境读数；还没读到给 null。
+      * @param mode 闸档。
+      * @returns mode 为 none 或读数还没到都放行（先放行让它读）；读到明确不通过（ok 与 unchecked 之外）才拦。
+      */
       function gateOf(capability, mode) {
       	if (mode === "none") return { gated: true };
       	if (capability === null) return { gated: true };
       	return { gated: capability.status === "ok" || capability.status === "unchecked" };
       }
+      /**
+      * 把候选卡住态分档，每档只留第一个。
+      * @param candidates 候选（可能含 undefined），按优先级从高到低给。
+      * @returns 分出的 blocker 与 notice；已经有 blocker 时不带 notice（挡住就不必再提示）。
+      */
       function splitBlocker(candidates) {
       	let blocker;
       	let notice;
@@ -467,11 +659,22 @@ window.__ModuleLoader__.load({
       		...blocker !== void 0 || notice === void 0 ? {} : { notice }
       	};
       }
+      /**
+      * 由读口错误算出「出错搭车强探」的防抖键：同一个键只自动重探一次。
+      * @param error 读口错误；undefined 表示这次没有错误。
+      * @returns 键字符串；空 code 归一到 unknown。
+      */
       function probeKeyOf(error) {
       	if (error === void 0) return null;
       	return error.code === "" ? "unknown" : error.code;
       }
+      /**
+      * 外壳愿意认的协议版本；不在表里的模块当场被拒，不猜语义。
+      */
       var SUPPORTED_API_VERSIONS = [1];
+      /**
+      * 协议认得的全部键；写了别的键不会被采纳（外壳静默忽略），所以字段名拼错不会有提示。
+      */
       var DECLARATION_KEYS = [
       	"apiVersion",
       	"unit",
@@ -480,6 +683,9 @@ window.__ModuleLoader__.load({
       	"host",
       	"env"
       ];
+      /**
+      * 协议要求必写的键；env 不在其中（没有环境需要就不写）。
+      */
       var DECLARATION_REQUIRED_KEYS = [
       	"apiVersion",
       	"unit",
@@ -511,6 +717,12 @@ window.__ModuleLoader__.load({
       	if (!Array.isArray(value)) return [`${at} 要是一串字符串，现在是 ${JSON.stringify(value)}`];
       	return value.flatMap((item, index) => text(item) === "" ? [`${at}[${index}] 不是非空字符串：${JSON.stringify(item)}`] : []);
       }
+      /**
+      * 查清单里 dsh.workbench 那一段的形状，回一串给人看的问题（中文，带字段路径）。
+      * @param subject 报错时用的主语，一般是包名。
+      * @param raw 清单里那段原始值，可能什么都不是。
+      * @returns 空数组表示形状过得去；版本不对就当场返回（后面的字段无从判起）。
+      */
       function declarationProblemsOf(subject, raw) {
       	if (!isRecord(raw)) return [`${subject}: dsh.workbench 不是一个对象 —— ${JSON.stringify(raw)}`];
       	const version = raw.apiVersion;
@@ -572,6 +784,12 @@ window.__ModuleLoader__.load({
       	if (raw.env !== void 0 && !isRecord(raw.env)) problems.push(`${subject}: dsh.workbench.env 要是对象（command / plugins / libs）—— 语义由门禁的 env 判据查，这里只查形状`);
       	return problems;
       }
+      /**
+      * 读一份清单：先查形状，过了再把声明规整成 manifest。
+      * @param subject 报错时用的主语。
+      * @param raw 清单里 dsh.workbench 那段原始值。
+      * @returns 有问题时只有 problems；没问题时 declaration 与 manifest 都给，manifest 里的字符串已 trim。
+      */
       function readDeclaration(subject, raw) {
       	const problems = declarationProblemsOf(subject, raw);
       	if (problems.length > 0) return { problems };
@@ -600,49 +818,99 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/api/unit.js
+      /**
+      * 判这个模块要不要往外装东西。
+      * @param manifest 模块清单。
+      * @returns 插件与共用库两张表都空时给 false。
+      */
       function hasEnvSupply(manifest) {
       	return (manifest.env?.plugins ?? []).length > 0 || (manifest.env?.libs ?? []).length > 0;
       }
       //#endregion
       //#region ../shared/dist/config/constants.js
+      /** 外壳插件的包名：浏览器模块表与宿主按它注册、认领这枚插件。 */
       var PLUGIN_ID = "@dsh-workbench/core";
+      /** 与外壳同批发布的兄弟包名：`release.ts` 用它判一版三包是否都已在源上。 */
       var RELEASE_SIBLINGS = ["@dsh-workbench/shared", "@dsh-workbench/module-tools"];
+      /** 外壳宿主 HTTP API 的根前缀；prefs / actions / provision 等路由都挂在它下面。 */
       var API_PREFIX = "/workbench/api";
+      /** 模块偏好读写的路由前缀，挂在外壳 API 下：走写通道，拒写回 write-refused。 */
       var PREFS_PREFIX = `${API_PREFIX}/prefs`;
+      /** 事实（facts）SSE 事件流的端点路径；前端 `EventSource` 按它带 `since` 游标续传。 */
       var EVENTS_PATH = "/workbench/events";
+      /** 写动作的路由前缀，挂在外壳 API 下：模块的写通道 POST 到这里。 */
       var ACTIONS_PREFIX = `${API_PREFIX}/actions`;
+      /** 机器供给（provision）的路由前缀：只收 POST，装机时用它铺一份运行环境。 */
       var PROVISION_PREFIX = `${API_PREFIX}/provision`;
+      /** 面板运行态上报的路径段：崩溃与卡片收尾分别 POST 到 `panel-state/crash`、`panel-state/cards`。 */
       var PANEL_STATE_PATH = "panel-state";
+      /** DIY 调试动作的路径段；宿主按它登记 `/workbench/api/diy-debug` 前缀。 */
       var DIY_DEBUG_PATH = "diy-debug";
+      /** 调试动作的子路径（`diy-debug/act`）；仓内暂无调用点，动作现走 `DIY_DEBUG_SERVICE`。 */
       var DIY_DEBUG_ACT_PATH = `${DIY_DEBUG_PATH}/act`;
+      /** DIY 录制交接的路径段；宿主按它登记 `/workbench/api/diy-record` 前缀。 */
       var DIY_RECORD_PATH = "diy-record";
+      /** 录制动作的子路径（`diy-record/act`）；仓内暂无调用点，录制现走 `DIY_RECORD_SERVICE`。 */
       var DIY_RECORD_ACT_PATH = `${DIY_RECORD_PATH}/act`;
+      /** 面板运行态的路由前缀，挂在外壳 API 下：上报口用它，拒报回 report-refused。 */
       var PANEL_STATE_PREFIX = `${API_PREFIX}/${PANEL_STATE_PATH}`;
+      /** 钉住的 opencli 插件版本：`opencli-runtime` 按它校验、取那一份。 */
       var OPENCLI_PIN = "1.8.8";
+      /** 缺陷看板套件的 dsh 服务名（`workbenchCodingIssues`）：套件照它登记自己那份服务。 */
       var CODING_ISSUES_SERVICE = "workbenchCodingIssues";
+      /** 面板套件的 dsh 服务名（`workbenchPanels`）：宿主经它取套件公布的清单与订阅。 */
       var PANELS_SERVICE = "workbenchPanels";
+      /** 单元花名册服务的 dsh 服务名（`workbenchUnits`）：模块经它认领自己的单元。 */
       var UNITS_SERVICE = "workbenchUnits";
+      /** 面板运行态服务的 dsh 服务名（`workbenchPanelState`）：宿主注册，读口按它取。 */
       var PANEL_STATE_SERVICE = "workbenchPanelState";
+      /** DIY 调试约定服务的 dsh 服务名（`workbenchDiyDebug`）：调试动作走它，不走 HTTP。 */
       var DIY_DEBUG_SERVICE = "workbenchDiyDebug";
+      /** DIY 录制交接服务的 dsh 服务名（`workbenchDiyRecord`）：`diy-acts.ts` 经它收发录制三拍。 */
       var DIY_RECORD_SERVICE = "workbenchDiyRecord";
+      /** 会话投影服务的 dsh 服务名（`sessionProjections`）：宿主经 `stateOf(session, 'agentPreset')` 读那一档。 */
+      var SESSION_PROJECTIONS_SERVICE = "sessionProjections";
+      /** 单次 opencli 调用的默认超时（毫秒）；调用点没传 `timeoutMs` 时按它算。 */
       var OPENCLI_TIMEOUT_MS = 12e4;
+      /** 启动预热站点那一跳的超时（毫秒）；超时按未热对待，不挡面板。 */
       var WARM_TIMEOUT_MS = 2e4;
+      /** 装 / 卸模块包的超时（毫秒）：pnpm 与取包内容都按它算。 */
       var INSTALL_TIMEOUT_MS = 3e5;
+      /** 查 registry 版本那一次请求的超时（毫秒）。 */
       var VERSION_CHECK_TIMEOUT_MS = 1e4;
+      /** 版本查询结果的缓存有效期（毫秒）：期内不发第二次请求。 */
       var VERSION_CHECK_TTL_MS = 6e5;
+      /** 单元探测结果的缓存有效期（毫秒）。 */
       var PROBE_TTL_MS = 3e4;
+      /** 工具读出来的值交给面板后的保留时长（毫秒）：过期就不再算这一拍。 */
       var HANDOFF_TTL_MS = 15e3;
+      /** 跑本地 git 命令的超时（毫秒）；短于对外的 `OPENCLI_TIMEOUT_MS`。 */
       var GIT_TIMEOUT_MS = 1e4;
+      /** 面板轮询事实的间隔（毫秒）：SSE 断了走这条兜底轮询。 */
       var PANEL_POLL_MS = 2e3;
+      /** 没起中文名的工作区默认标题：左栏按它分组、显示。 */
       var DEFAULT_WORKSPACE_TITLE = "default-workspace";
+      /** 记住当前项目的 localStorage 键。 */
       var STORAGE_KEY_PROJECT = "dsh-workbench.project";
+      /** 记住右栏展开与否的 localStorage 键。 */
       var STORAGE_KEY_RIGHTBAR = "dsh-workbench.rightbar.expanded";
+      /** 记住右栏当前列的 localStorage 键。 */
       var STORAGE_KEY_RIGHTBAR_COLUMN = "dsh-workbench.rightbar.column";
+      /** 记住右栏宽度（像素数字的字符串）的 localStorage 键。 */
       var STORAGE_KEY_RIGHTBAR_WIDTH = "dsh-workbench.rightbar.width";
+      /** dsh i18n 的命名空间：词表都注册在它下面，`ctx.locale.register` / `bind` 按它取。 */
       var LOCALE_NS = "workbench";
+      /** 外壳支持的语言标识，顺序即回退顺序：首项是基准，其余词表必须与它逐键同构。 */
       var LOCALES = ["zh", "en"];
       //#endregion
       //#region ../shared/dist/api/workbench-client.js
+      /**
+      * 打一条宿主读口。
+      * @param route 路由，相对 API_PREFIX，不带前导斜杠。
+      * @param query 查询参数，undefined 的值不序列化。
+      * @param options 中止信号等。
+      * @returns HTTP 不是 2xx 时给 ok: false（code 为 http）；响应体不是 JSON 会当场抛，调用点要接住。
+      */
       async function apiGet(route, query = {}, options = {}) {
       	const { signal } = options;
       	const search = new URLSearchParams();
@@ -662,6 +930,12 @@ window.__ModuleLoader__.load({
       	};
       	return await response.json();
       }
+      /**
+      * 打一条宿主写口。
+      * @param route 路由，相对 API_PREFIX，不带前导斜杠。
+      * @param body 请求体，按 JSON 序列化。
+      * @returns HTTP 不是 2xx 时给 ok: false（code 为 http）；响应体不是 JSON 会当场抛。
+      */
       async function apiPost(route, body) {
       	const response = await fetch(`${API_PREFIX}/${route}`, {
       		method: "POST",
@@ -683,26 +957,86 @@ window.__ModuleLoader__.load({
       //#endregion
       //#region ../shared/dist/lib/react.js
       var react = require("react");
+      /**
+      * React 的 `createElement` 换个短名字再导出 —— 这套代码用 `h(...)` 写元素。
+      */
       var h = react.createElement;
+      /**
+      * React 的 `Fragment` 原样再导出 —— 模块从这里拿，就不必自己直接依赖 react。
+      */
       var Fragment = react.Fragment;
+      /**
+      * React 的 `Component` 原样再导出 —— 模块从这里拿，就不必自己直接依赖 react。
+      */
       var Component = react.Component;
+      /**
+      * React 的 `createContext` 原样再导出 —— 模块从这里拿，就不必自己直接依赖 react。
+      */
       var createContext = react.createContext;
+      /**
+      * React 的 `useContext` 原样再导出 —— 模块从这里拿，就不必自己直接依赖 react。
+      */
       var useContext = react.useContext;
+      /**
+      * React 的 `useState` 原样再导出 —— 模块从这里拿，就不必自己直接依赖 react。
+      */
       var useState = react.useState;
+      /**
+      * React 的 `useEffect` 原样再导出 —— 模块从这里拿，就不必自己直接依赖 react。
+      */
       var useEffect = react.useEffect;
+      /**
+      * React 的 `useLayoutEffect` 原样再导出 —— 模块从这里拿，就不必自己直接依赖 react。
+      */
       var useLayoutEffect = react.useLayoutEffect;
+      /**
+      * React 的 `useMemo` 原样再导出 —— 模块从这里拿，就不必自己直接依赖 react。
+      */
       var useMemo = react.useMemo;
+      /**
+      * React 的 `useCallback` 原样再导出 —— 模块从这里拿，就不必自己直接依赖 react。
+      */
       var useCallback = react.useCallback;
+      /**
+      * React 的 `useRef` 原样再导出 —— 模块从这里拿，就不必自己直接依赖 react。
+      */
       var useRef = react.useRef;
+      /**
+      * React 的 `useSyncExternalStore` 原样再导出 —— 模块从这里拿，就不必自己直接依赖 react。
+      */
       var useSyncExternalStore = react.useSyncExternalStore;
       //#endregion
       //#region ../shared/dist/components/Activity.js
+      /**
+      * "它做过什么"那一块：上面一行块头、下面一列活动行，卡里放时间线就用它。
+      * @param props.head - 块头（如"最近 10 次"）；不给不画那一行。
+      * @param props.children - 块内容，通常是一串 `ActivityLine`。
+      * @returns 一个 div。
+      */
       function ActivityBlock({ head, children }) {
       	return h("div", { className: "wb-activityBlock" }, head === void 0 ? null : h("div", { className: "wb-activityBlockHead" }, head), children);
       }
+      /**
+      * 一条活动：状态点 + 正文 + 时间，行尾可挂动作；时间一律用它，别自己拼。
+      * @param props.dot - 行首那枚状态点；不给就只留正文。
+      * @param props.text - 这一条干了什么。
+      * @param props.at - 时间那一格（相对时间文本）；不给不画。
+      * @param props.actions - 行尾动作，通常是一两颗 `ActivityAction`；不给不画。
+      * @returns 一行。
+      */
       function ActivityLine({ dot, text, at, actions }) {
       	return h("div", { className: "wb-activityLine" }, dot, h("span", { className: "wb-activityLineText" }, text), at === void 0 ? null : h("span", { className: "wb-activityLineAt" }, at), actions === void 0 ? null : h("span", { className: "wb-activityLineActions" }, actions));
       }
+      /**
+      * 活动行尾那颗动作：给 `href` 就是外链，否则是图标钮并带上 tooltip。
+      * @param props.label - 读屏名，也是 `hint` 不给时的 tooltip 文案。
+      * @param props.hint - tooltip 上那句更细的说明；不给退化成 `label`。
+      * @param props.icon - 那颗图标。
+      * @param props.href - 给了就渲染成新窗口外链；与 `onClick` 同时给时以它为准。
+      * @param props.onClick - 图标钮的点击回调。
+      * @param props.failed - 上一次动作失败了：钮换成危险色（默认 false）。
+      * @returns 一个 `<a>` 或一颗 `Button`。
+      */
       function ActivityAction({ label, hint, icon, href, onClick, failed }) {
       	const tip = hint ?? label;
       	if (href !== void 0) return h("a", {
@@ -731,6 +1065,14 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/components/Note.js
+      /**
+      * 一句话说明或一句报错：卡片里的提示条用它，不承载交互。
+      * @param props.tone - `problem` 是报错色；默认 `muted`，普通说明色。
+      * @param props.as - `span` 是跟在别的行里，`p`（默认）独占一段。
+      * @param props.role - 读屏角色：变化中的提示给 `status`、报错给 `alert`；不给不设。
+      * @param props.children - 那句话本身。
+      * @returns 一个 `span` 或 `p`。
+      */
       function Note({ tone = "muted", as, role, children }) {
       	const className = tone === "problem" ? "wb-problem" : "wb-note";
       	return as === "span" ? h("span", {
@@ -743,10 +1085,24 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/components/CardBoundary.js
+      /**
+      * 把抛出来的任何东西收成一句人能看的失败原因，上报与展示都用它。
+      * @param error - 抛出来的值：`Error` 取 `message`，字符串原样，其余走 JSON。
+      * @returns 一句原因文本；`Error('')` 这种没带 message 的会回空串（调用点别把它当"一定有话"）。
+      */
       function errorReasonOf(error) {
       	if (error instanceof Error) return error.message;
       	return typeof error === "string" ? error : JSON.stringify(error) ?? String(error);
       }
+      /**
+      * 卡片级错误边界：一张卡渲染炸了只画一条报错 + 重试，不让整块面板跟着塌。
+      * @param props.unit - 出事的 unit id，写进报错文案并作为上报标识。
+      * @param props.resetKey - 重来键：它一变（如切了工作区）就自动清掉报错，把卡片重新渲染一遍。
+      * @param props.t - 报错那句与重试钮文案的翻译函数。
+      * @param props.onFailure - 失败时把原因报给宿主（面板状态要用）；不给就只打一条 console。
+      * @param props.children - 正常时要渲染的卡片内容。
+      * @returns 正常时是 `children`，炸过且还没重来之前是一条报错。
+      */
       var CardBoundary = class extends Component {
       	state = { reason: null };
       	static getDerivedStateFromError(error) {
@@ -798,6 +1154,15 @@ window.__ModuleLoader__.load({
       		return {};
       	}
       }
+      /**
+      * 审批屏的详情格：按工具名找到认领它的模块交给它渲染，没有模块认领就退回外壳那张表或一段原始命令。
+      * @param props.callId - 这次工具调用的 id；不给就直接走兜底（连调用都找不到）。
+      * @param props.useChat - 读会话快照的钩子（dsh 注入）；不给就当作读不到调用。
+      * @param props.units - 已装模块的面，按各自的 `approval.tools` 认领这次调用。
+      * @param props.t - 翻译函数；不给就用返回 key 的直通实现。
+      * @param props.renderShell - 没有模块认领时外壳自己的渲染（那张表）；不给且这次调用没带 `command` 时整格返回 `null`。
+      * @returns 认领方的渲染、外壳那张表，或一段可复制的命令。
+      */
       function ApprovalDetail(props) {
       	const call = (props.useChat ?? (() => void 0))((snapshot) => callOf(snapshot, props.callId));
       	const t = props.t ?? ((key) => key);
@@ -831,6 +1196,14 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/components/ApprovalPlan.js
+      /**
+      * 审批屏那张"这次要做什么"的表：一行一项，上面可给一句附注、下面可给一句警告。
+      * @param props.rows - 详情行，按给的顺序渲染；空数组时只剩附注与警告。
+      * @param props.hint - 表上面那句说明；不给不画。
+      * @param props.warn - 表下面那句警告；不给不画。
+      * @param props.children - 插在表与 `warn` 之间的补充内容。
+      * @returns 一个 div。
+      */
       function ApprovalPlan({ rows, hint, warn, children }) {
       	return h("div", { className: "wb-approvalPlan" }, hint === void 0 ? null : h("p", { className: "wb-approvalHint" }, hint), h("dl", { className: "wb-approvalRows" }, rows.map((row, index) => h("div", {
       		className: "wb-approvalRow",
@@ -839,6 +1212,16 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/components/CardHead.js
+      /**
+      * 卡头：标题 + 补充 + 刷新钮（`Card` 内部就是它），要自己拼卡头或加齿轮 / 平台跳转时直接用。
+      * @param props.t - 刷新那两句文案（刷新 / 刷新中）的翻译函数。
+      * @param props.title - 卡标题；`props.meta` 是它右侧那一小段补充，不给不占位。
+      * @param props.refreshing - 正在刷新：刷新钮禁用并转圈。
+      * @param props.onRefresh - 点刷新钮做什么。
+      * @param props.gear - 齿轮钮的读屏名；`gearOpen` 控制它高亮、`onToggleGear` 是点击回调，三者一起给才画。
+      * @param props.platformHref - 整张卡对应系统的地址：给了就画那颗 ↗（新窗口），tooltip 用 `platformTitle`，缺了退化用 `platform`。
+      * @returns 一个 `<header>`。
+      */
       function CardHead({ t, title, meta, refreshing, onRefresh, gear, gearOpen, onToggleGear, platformHref, platform, platformTitle }) {
       	const refreshLabel = refreshing ? t("rightbar.refreshing") : t("rightbar.refresh");
       	const platformLabel = platformTitle ?? platform ?? t("rightbar.openPlatform");
@@ -888,6 +1271,16 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/components/Card.js
+      /**
+      * 一张卡的壳：卡头（标题 + 刷新钮）+ 卡片体，面板上每一格都是它。
+      * @param props.t - 卡头那两句文案（刷新 / 刷新中）的翻译函数。
+      * @param props.refreshing - 正在刷新：刷新钮随之禁用并转圈；接 `resource.phase === 'loading'`。
+      * @param props.onRefresh - 点刷新钮做什么，异步由调用点自己管。
+      * @param props.meta - 标题右侧那一小段补充（条数、时间）；不给不占位。
+      * @param props.head - 整块替换卡头时给（如自带齿轮的 `CardHead`）；不给用默认卡头。
+      * @param props.children - 卡片体。
+      * @returns 一个 `<section>`。
+      */
       function Card({ t, title, refreshing, onRefresh, meta, head, children }) {
       	return h("section", { className: "wb-card" }, head === void 0 ? h(CardHead, {
       		t,
@@ -900,9 +1293,20 @@ window.__ModuleLoader__.load({
       var CardAnchor_module_default = { anchor: "_anchor_yq4s2_1" };
       //#endregion
       //#region ../shared/dist/components/CardAnchor.js
+      /**
+      * 由 unit id 拼出卡片锚点 id，外壳的截图、滚动与页面探针都按它找卡。
+      * @param unit - unit id；`null` 或空串（没有 unit 的卡）时返回 undefined，不生成锚点。
+      * @returns `wb-card-<unit>`，或 undefined。
+      */
       function cardIdOf(unit) {
       	return unit === null || unit === "" ? void 0 : `wb-card-${unit}`;
       }
+      /**
+      * 外壳自己盖的卡片锚点：套在卡外面给出 `id="wb-card-<unit>"`；模块别自己写，也别删。
+      * @param props.unit - 卡的 unit id，用来算锚点 id。
+      * @param props.children - 被锚住的卡片本体；锚点自己 `display: contents`，不占布局。
+      * @returns 带 id 的占位 div。
+      */
       function CardAnchor({ unit, children }) {
       	return h("div", {
       		id: cardIdOf(unit),
@@ -911,6 +1315,12 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/components/Spinner.js
+      /**
+      * 转圈：加载态一律用它（`FormActions` 与 `ChoiceGroup` 内部也是它），别自己写动画。
+      * @param props.size - 直径像素（默认 14，与 dsh 紧凑控件同高）。
+      * @param props.label - 给了才读屏可见（`role="status"`）；不给整颗 `aria-hidden`，此时旁边必须有文字。
+      * @returns 一枚 `StateDot state="ongoing"`，自身不带文字。
+      */
       function Spinner({ size = 14, label }) {
       	return h("span", {
       		className: "wb-spinner",
@@ -951,6 +1361,18 @@ window.__ModuleLoader__.load({
       		"aria-busy": input.loading ? true : void 0
       	}, body);
       }
+      /**
+      * 一组单选或多选：候选少、要一眼看全时用它；候选多或要搜索就用 `SelectField`。
+      * @param props.multi - true 走多选那支（`values` / `onChange(string[])`）；默认单选（`value` / `onChange(string)`）。
+      * @param props.label - 只给读屏的组名（`aria-label`）。
+      * @param props.name - 这一组 `input` 的共用 name。
+      * @param props.options - 候选项，按给的顺序排；空数组时画 `emptyText`（没给就什么都不画）。
+      * @param props.disabled - 禁掉整组（默认 false），不是单颗。
+      * @param props.variant - `boxed`（默认，带边框的选项格）或 `ghost`（无边框，跟着父容器走）。
+      * @param props.loading - 正在读候选：整组换成转圈，文案取 `loadingText`（不给是 `…`）；默认 false。
+      * @param props.emptyText - 读到了但一个候选都没有时那句话；不给不画。
+      * @returns 一组 `radio` / `checkbox` 选项。
+      */
       function ChoiceGroup(props) {
       	const common = {
       		label: props.label,
@@ -1005,6 +1427,13 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/components/Field.js
+      /**
+      * 标签 + 控件的排布：没进 `FormRow` 时用它兜住一个字段的标签与说明。
+      * @param props.label - 左侧标签，必给。
+      * @param props.hint - 控件下面那行说明；不给不画。
+      * @param props.children - 控件本体，落在标签与说明之间。
+      * @returns 一个 `<label>`，点标签会聚焦里面的控件。
+      */
       function Field({ label, hint, children }) {
       	return h("label", { className: "wb-field" }, h("span", { className: "wb-fieldLabel" }, label), children, hint === void 0 ? null : h("span", { className: "wb-fieldHint" }, hint));
       }
@@ -1035,6 +1464,11 @@ window.__ModuleLoader__.load({
       	if (kind === "danger") return "outline";
       	return "ghost";
       }
+      /**
+      * 操作区：把一组动作按"primary 永远在右、danger 紧挨它左侧"排好，窄了自动折行。
+      * @param props.actions - 动作清单；调用点给的顺序只在同语气内部生效，空数组时整块不渲染。
+      * @returns 一排按钮，或 `null`（没有动作时）。
+      */
       function FormActions({ actions }) {
       	if (actions.length === 0) return null;
       	reportExtraPrimaries(actions);
@@ -1055,9 +1489,23 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/components/FormRows.js
+      /**
+      * 表单行的容器：同一份 `FormRows` 共用一个标签列（列宽由最长的标签定），行距也归它。
+      * @param props.children - 一串 `FormRow`；非行的孩子（如分组标题）自动通栏。
+      * @returns 竖排的 div。
+      */
       function FormRows({ children }) {
       	return h("div", { className: "wb-formRows" }, children);
       }
+      /**
+      * 表单一行：左边标签、右边控件，提示与错误占控件下面那一格。
+      * @param props.label - 这一行的标签；进了这一行，控件自己就别再给 `label`，否则会多一个标签。
+      * @param props.hint - 控件下的说明；给了 `problem` 就不画它 —— 同一格不叠两段话。
+      * @param props.problem - 校验失败那句话；给了就顶掉 `hint` 并给整行加上出错标记。
+      * @param props.layout - `stacked` 才是标签在上、控件在下（默认 `inline`：标签在左）。
+      * @param props.children - 控件本体。
+      * @returns 一个 `<label>`。
+      */
       function FormRow({ label, hint, problem, layout = "inline", children }) {
       	return h("label", {
       		className: "wb-formRow",
@@ -1066,7 +1514,269 @@ window.__ModuleLoader__.load({
       	}, h("span", { className: "wb-formLabel" }, label), h("span", { className: "wb-formControl" }, children), problem === void 0 ? hint === void 0 ? null : h("span", { className: "wb-formHint" }, hint) : h("span", { className: "wb-formProblem" }, problem));
       }
       //#endregion
+      //#region ../shared/dist/components/FormNodes.js
+      /**
+      * 只剩要显示的那些格子 —— `visible: false` 的当它不存在：不渲染、不校验、不进 `values`，也不参与找第一处错误。
+      * @param fields - 表单的字段清单。
+      * @returns 保序的新数组，`visible` 不给或为 `true` 的都在；全不可见时给空数组。
+      */
+      function visibleFieldsOf(fields) {
+      	return fields.filter((field) => field.visible !== false);
+      }
+      /**
+      * 找出装配错的键：**假值**的键（空串 / `undefined` / `null`，运行期真漏给 `key` 就是这条）每次出现都算一处，
+      * 以及同一张表单里出现两次的键 —— 这两样都会让 `id` 撞车、`values` 少一格。
+      * @param fields - 表单的字段清单（通常是已经过滤过可见性的那份）。
+      * @returns 出问题的键的清单、按首次出现顺序去重；缺失的键一律记成空串（报的时候印成 `（空 key）`），空表给空数组。
+      */
+      function duplicateKeysOf(fields) {
+      	const seen = /* @__PURE__ */ new Set();
+      	const duplicated = /* @__PURE__ */ new Set();
+      	for (const field of fields) {
+      		const key = field.key;
+      		if (!key) {
+      			duplicated.add("");
+      			continue;
+      		}
+      		if (seen.has(key)) duplicated.add(key);
+      		seen.add(key);
+      	}
+      	return [...duplicated];
+      }
+      /**
+      * 装配错了要当场诊断：`key` 缺失或重复时给 `console.error` —— 但照渲不误，不 throw。
+      * 形式与理由同 `FormActions` 里那颗多出来的 `primary`：装配的小错不该让 `CardBoundary` 把用户的整张卡变空白。
+      * @param fields - 表单的字段清单（通常是已经过滤过可见性的那份）。
+      */
+      function reportDuplicateKeys(fields) {
+      	const duplicated = duplicateKeysOf(fields);
+      	if (duplicated.length === 0) return;
+      	const named = duplicated.map((key) => key === "" ? "（空 key）" : key);
+      	console.error(`[dsh-workbench] Form 里有重复或缺失的字段 key：${named.join("、")} —— 同一张表单里 key 必须唯一且非空（它决定 id 与 values 的键），否则 id 会撞车、values 会少一格`);
+      }
+      /**
+      * 把每格的 `value` 收成一张键值表交给 `onSubmit` —— `Form` 自己一个值都不存，这张表就是从 `fields` 现取的快照。
+      * @param fields - 表单的字段清单；取的就是它们的 `value`，`value` 是数组的那格（多选）原样带出、不复制。
+      * @returns 键为字段 `key`、值为该格 `value` 的表；`fields` 为空时给空表，不是 `undefined`。
+      */
+      function formValuesOf(fields) {
+      	const values = {};
+      	for (const field of fields) values[field.key] = field.value;
+      	return values;
+      }
+      /**
+      * 算每格现在该不该报错：还没提交过（`show` 为 false）时一格都不报 —— 不边打字边骂人。
+      * `validate` 返回**真值**才算错，假值（`undefined` / `null` / `false` / 空串）一律当"这格没错" ——
+      * 所以 `v.trim() === '' && '必填'` 这种用 `&&` 算文案的写法是对的。
+      * @param fields - 表单的字段清单（通常是已经过滤过可见性的那份）。
+      * @param show - 提交过没有；false 时全给 `undefined`，true 时逐格调 `field.validate` 并按真值收。
+      * @returns 键为 `key`、值为那句文案或 `undefined` 的表；没给 `validate` 的格子也是 `undefined`。
+      */
+      function formProblemsOf(fields, show) {
+      	const values = formValuesOf(fields);
+      	const problems = {};
+      	for (const field of fields) {
+      		const found = show ? field.validate?.(field.value, values) : void 0;
+      		problems[field.key] = found ? found : void 0;
+      	}
+      	return problems;
+      }
+      /**
+      * 按字段顺序取第一处错误 —— 提交被挡住时要带进视口的就是这一格。
+      * 判的是**真值**（与 `formProblemsOf` 同一口径）：假值那种"错误文案"渲染出来本来就是空的，不算错。
+      * @param fields - 表单的字段清单，顺序就是「第一处」的判据。
+      * @param problems - `formProblemsOf` 那张表，也可以是调用点自己拼的（同样按真值判）。
+      * @returns 第一格有错的字段；一格都没错时给 `undefined`。
+      */
+      function formFirstProblemOf(fields, problems) {
+      	return fields.find((field) => Boolean(problems[field.key]));
+      }
+      /**
+      * 算提交那一拍该干什么 —— `Form` 的提交钮点下去、以及 `<form>` 的 Enter 提交，走的都是它。
+      * 错的判据只有一份（`formProblemsOf` + `formFirstProblemOf`），这里不重算第二遍。
+      * @param fields - 要提交的那些格子（通常是调用点先 `visibleFieldsOf` 过滤过的，不可见那格不进 `values` 也不算错）。
+      * @returns `blocked: true` 时带上是按字段顺序数第一格有错的字段（拿它去 `revealFirstProblem`）；
+      * `blocked: false` 时带上从 `fields` 现取的键值表。空表一定给 `blocked: false` 与空 values。
+      */
+      function formSubmitOf(fields) {
+      	const first = formFirstProblemOf(fields, formProblemsOf(fields, true));
+      	if (first !== void 0) return {
+      		blocked: true,
+      		first
+      	};
+      	return {
+      		blocked: false,
+      		values: formValuesOf(fields)
+      	};
+      }
+      /**
+      * 组表单的操作区：调用点给的其余动作在最左，取消在中间，提交永远是最右那颗 `primary`。
+      * @param args.extra - 其余动作（default / danger），保持调用点给的顺序；不给就是没有。
+      * @param args.cancel - 取消那格的 `label` 与 `onClick`；不给就少一颗钮。
+      * @param args.submit - 提交钮的 `label` 与 `busyLabel`。
+      * @param args.busy - 提交中：提交钮带转圈并换 `busyLabel`（不给就沿用 `label`），`extra` 与取消一起禁用。
+      * @param args.disabled - 只再禁提交钮（如没改动可存），其余动作不受影响。
+      * @param args.onSubmitClick - 提交钮点下去做什么，通常是把这一拍交给 `Form` 的提交处理。
+      * @returns 给 `FormActions` 的动作清单；没给 `extra` 也没给 `cancel` 时只剩提交那一颗。
+      */
+      function formActionsOf(args) {
+      	const submit = {
+      		key: "submit",
+      		label: args.busy ? args.submit.busyLabel ?? args.submit.label : args.submit.label,
+      		kind: "primary",
+      		busy: args.busy,
+      		disabled: args.busy || args.disabled,
+      		onClick: args.onSubmitClick
+      	};
+      	const cancel = args.cancel === void 0 ? [] : [{
+      		key: "cancel",
+      		label: args.cancel.label,
+      		kind: "default",
+      		disabled: args.busy,
+      		onClick: args.cancel.onClick
+      	}];
+      	return [
+      		...(args.extra ?? []).map((action) => args.busy ? {
+      			...action,
+      			disabled: true
+      		} : action),
+      		...cancel,
+      		submit
+      	];
+      }
+      /**
+      * 把整张表单的行画出来 —— 每格一个 `FormRow`，且**直接**是 `FormRows` 的孩子。
+      * 中间不许再包一层：`FormRow` 一旦不是 `.wb-formRows` 的网格项，`FormRows.css` 里那条 `subgrid` 就不匹配，
+      * 每行各自算列宽，控件左沿就参差了。
+      * @param args.fields - 要画的格子（通常是已经过滤过可见性的那份），顺序就是行的顺序。
+      * @param args.problems - `formProblemsOf` 那张表，决定哪一格显示错误文案（按**真值**判，假值不当错）。
+      * @param args.showProblem - 这一拍该不该显示错误（还没提交过时为 false，一格都不显示）。
+      * @param args.busy - 提交中：每格的绑定 `disabled` 为真。
+      * @returns `FormRow` 组成的数组；没有可画的格子时给空数组。
+      */
+      function formRowsOf(args) {
+      	return args.fields.map((field) => h(FormRow, {
+      		key: field.key,
+      		label: field.label,
+      		hint: field.hint,
+      		problem: args.showProblem ? args.problems[field.key] : void 0,
+      		layout: field.layout
+      	}, field.control({
+      		id: `wb-form-${field.key}`,
+      		name: field.key,
+      		invalid: args.showProblem && Boolean(args.problems[field.key]),
+      		disabled: args.busy || field.disabled === true
+      	})));
+      }
+      //#endregion
+      //#region ../shared/dist/lib/form-problem.js
+      var PROBLEM_SELECTOR = "[data-wb-problem]";
+      var FOCUSABLE_SELECTOR = [
+      	"input:not([disabled])",
+      	"select:not([disabled])",
+      	"textarea:not([disabled])",
+      	"button:not([disabled])",
+      	"a[href]",
+      	"[tabindex]:not([tabindex=\"-1\"])"
+      ].join(", ");
+      /**
+      * 找 `root` 里第一个带 `[data-wb-problem]` 标记的元素 —— 表单校验失败时，调用方拿它定位「哪一格错了」。
+      * @param root - 要搜的范围（表单容器，或 document）。
+      * @returns 第一个出问题的元素；一个标记都没有就给 `null`。
+      */
+      function firstProblemOf(root) {
+      	return root.querySelector(PROBLEM_SELECTOR);
+      }
+      /**
+      * 把第一个出问题的元素滚进视野、并把焦点交给它里面第一个可聚焦控件（输入框 / 按钮 / 链接等）。
+      * @param root - 要搜的范围。
+      * @returns 找到并滚过给 `true`；没有问题给 `false`（不滚、不抢焦点）；元素不可滚或没有可聚焦控件也不报错，只是少做一步。
+      */
+      function revealFirstProblem(root) {
+      	const problem = firstProblemOf(root);
+      	if (problem === null) return false;
+      	problem.scrollIntoView?.({ block: "nearest" });
+      	problem.querySelector(FOCUSABLE_SELECTOR)?.focus?.();
+      	return true;
+      }
+      //#endregion
+      //#region ../shared/dist/components/Form.js
+      /**
+      * 整张表单：`fields` 进，行、错误、操作区、（被挡住的）提交都由它安排 —— 它自己一个值都不存，
+      * 值仍归调用点的 model（`value` 只读给校验看）。
+      * 还没提交过时一格错都不显示；第一次提交之后每次渲染重算，改好了当场消。
+      * 提交那一拍永远先算一遍：有错就不调 `onSubmit`，并把第一个有错的 `FormRow` 带进视口、聚焦它里面的控件。
+      * 回车与点提交钮走的是同一条路：真 `<form>` 的隐式提交在**只有一个文本框**时也会 fire，所以 `busy` / `disabled` 时回车同样不提交。
+      * 调用点只管数据与语义：行怎么排、错误摆哪、什么时候校验、按钮在哪，这里没有口子。
+      * @param props.fields - 每格的键 / 标签 / 值 / 校验 / 控件；`visible: false` 的那格当它不存在（不渲染、不校验、不进 `values`）。
+      * @param props.onSubmit - 校验全过的那一拍，回的是从 `fields` 现取的键值表；被挡住时不会被调。
+      * @param props.submit - 提交钮文案；`busyLabel` 是提交中换的那句，不给就沿用 `label`。
+      * @param props.cancel - 取消钮；给了就排在提交钮左边，`busy` 时一起禁用。
+      * @param props.extra - 其余动作（default / danger），排在最左，`busy` 时一起禁用。
+      * @param props.busy - 提交中（默认 false）：整表控件的绑定 `disabled` 为真，所有动作一起禁用，回车也不提交。
+      * @param props.disabled - 只再禁提交钮（如没改动可存），各格控件与其余动作不受影响，回车也不提交。
+      * @param props.problem - 整表级那句错（提交失败），落在行与操作区之间；不给就不画。
+      * @returns 一个 `<form>`（`noValidate`：报错形状归 `FormRow`，不走浏览器的气泡）。
+      */
+      function Form(props) {
+      	const { fields, onSubmit, submit, cancel, extra, busy = false, disabled = false, problem } = props;
+      	const [done, setDone] = useState(false);
+      	const [reveal, setReveal] = useState(0);
+      	const rootRef = useRef(null);
+      	const shown = visibleFieldsOf(fields);
+      	const problems = formProblemsOf(shown, done);
+      	reportDuplicateKeys(shown);
+      	useEffect(() => {
+      		if (reveal === 0) return;
+      		const root = rootRef.current;
+      		if (root !== null) revealFirstProblem(root);
+      	}, [reveal]);
+      	const submitForm = () => {
+      		if (busy || disabled) return;
+      		const outcome = formSubmitOf(visibleFieldsOf(fields));
+      		setDone(true);
+      		if (outcome.blocked) {
+      			setReveal((count) => count + 1);
+      			return;
+      		}
+      		onSubmit(outcome.values);
+      	};
+      	return h("form", {
+      		className: "wb-form",
+      		ref: rootRef,
+      		noValidate: true,
+      		onSubmit: (event) => {
+      			event.preventDefault();
+      			submitForm();
+      		}
+      	}, h(FormRows, null, formRowsOf({
+      		fields: shown,
+      		problems,
+      		showProblem: done,
+      		busy
+      	})), problem === void 0 ? null : h(Note, {
+      		tone: "problem",
+      		role: "alert"
+      	}, problem), h(FormActions, { actions: formActionsOf({
+      		extra,
+      		cancel,
+      		submit,
+      		busy,
+      		disabled,
+      		onSubmitClick: submitForm
+      	}) }));
+      }
+      //#endregion
       //#region ../shared/dist/components/Link.js
+      /**
+      * 唯一的外链写法：自带新窗口、`rel="noopener noreferrer"`、正文色与行尾那颗小箭头。
+      * @param props.href - 目标地址，必给。
+      * @param props.children - 链接文字（别自己再带 `→`）。
+      * @param props.title - 原生 title 提示；不给就不写这个属性。
+      * @param props.external - 默认 true：新窗口打开并画那颗 ↗；站内跳转给 false，箭头也一起不画。
+      * @param props.className - 追加在基础类名之后，不是替换。
+      * @returns 一个 `<a>`。
+      */
       function Link({ href, children, title, external = true, className }) {
       	return h("a", {
       		className: className === void 0 ? "wb-link" : `wb-link ${className}`,
@@ -1086,13 +1796,50 @@ window.__ModuleLoader__.load({
       		className: "wb-longTaskLink"
       	}, text);
       }
+      /**
+      * 长任务那一行：状态点 + 标题 + 链接，跑失败时把步骤与原始输出收在两处可展开里。
+      * 发布、扫描、迁移这类跑得久的事都用它，别自己画进度。
+      * @param props.status - `longTaskDot` 认的五态之一，决定状态点颜色与要不要画"失败"那两块。
+      * @param props.headline - 这一行在干什么（一句话）。
+      * @param props.problem - 失败原因；不给不画。
+      * @param props.links - 行尾的链接，通常指向产物或日志。
+      * @param props.steps - 步骤文本；只在失败时画，且要同时给 `stepsTitle` 才成一块可展开。
+      * @param props.raw - 原始输出；只在失败时画，且要同时给 `rawTitle` 才成一块可展开。
+      * @param props.stepsTitle - 步骤那块展开行的标题；`rawTitle` 同理是原始输出那块。
+      * @param props.copyLabel - 复制钮文案：给了才画复制钮；`copiedLabel` 是复制成功后那句。
+      * @param props.stop - 给了才在最右边画那颗两按停止钮；**不给就一个像素都不变**。只在生产方认 `signal` 时给。
+      * @returns 一行长任务。
+      */
       function LongTaskRow(props) {
       	const [stepsOpen, setStepsOpen] = useState(false);
       	const [rawOpen, setRawOpen] = useState(false);
+      	const [armed, setArmed] = useState(false);
       	const failed = props.status === "failed";
       	const problem = props.problem ?? "";
       	const raw = (props.raw ?? "").trim();
       	const steps = props.steps ?? [];
+      	const stop = props.stop;
+      	const busy = stop?.busy === true;
+      	const stopWhy = stop?.failed ?? "";
+      	useEffect(() => {
+      		if (!armed) return void 0;
+      		const timer = setTimeout(() => setArmed(false), LONG_TASK_STOP_ARM_MS);
+      		return () => clearTimeout(timer);
+      	}, [armed]);
+      	const onStopPress = () => {
+      		if (stop === void 0) return;
+      		const press = longTaskStopPress(longTaskStopStage({
+      			armed,
+      			busy
+      		}));
+      		if (press === "ignore") return;
+      		if (press === "arm") {
+      			setArmed(true);
+      			return;
+      		}
+      		setArmed(false);
+      		stop.onStop();
+      	};
       	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
@@ -1100,7 +1847,18 @@ window.__ModuleLoader__.load({
       		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(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
+      	})), stop === void 0 ? null : h("button", {
+      		type: "button",
+      		className: `wb-longTaskStop${armed ? " wb-longTaskStopArmed" : ""}`,
+      		"data-stop-state": longTaskStopStage({
+      			armed,
+      			busy
+      		}),
+      		"aria-label": armed ? stop.armedLabel ?? stop.askLabel : stop.label,
+      		disabled: busy,
+      		onClick: onStopPress,
+      		onBlur: () => setArmed(false)
+      	}, h(_deepseek_ai_dsh_client_ui_primitives.IconStopFillRegular, { size: 12 }), armed ? h("span", { className: "wb-longTaskStopLabel" }, stop.askLabel) : null)), problem === "" ? null : h("p", { className: "wb-longTaskProblem" }, problem), stopWhy === "" ? null : h("p", { className: "wb-longTaskStopWhy" }, stopWhy), !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,
@@ -1134,6 +1892,11 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/components/ResourceStates.js
+      /**
+      * 骨架屏：读数期间已经知道大概形状时用它（连形状都不知道就用 `CenteredState` 那句"正在读"）。
+      * @param props.rows - 画几行骨架（默认 4）；整块 `aria-hidden`，不读给读屏。
+      * @returns 一叠占位条。
+      */
       function SkeletonRows({ rows = 4 }) {
       	return h("div", {
       		className: "wb-skeleton",
@@ -1143,6 +1906,16 @@ window.__ModuleLoader__.load({
       		className: "wb-skeletonRow"
       	}, h("span", { className: "wb-skeletonBar wb-skeletonBarTitle" }), h("span", { className: "wb-skeletonBar wb-skeletonBarMeta" }))));
       }
+      /**
+      * 居中一屏：要他先选一个 / 正在读 / 读不到时用它占住卡片版面。
+      * @param props.icon - 标题上方那枚图标；给 `null` 就只留标题（加载与报错常见）。
+      * @param props.title - 正中那行大字。
+      * @param props.hint - 标题下的一行说明。
+      * @param props.detail - 更细的一行（如原始错误码与那句话）；"读不到"时把错误放这里，绝不显示 0。
+      * @param props.action - 底部动作（如"重试"）；不给不画。
+      * @param props.compact - 紧凑档（默认 false），卡里空间小的时候给 true。
+      * @returns 一个 `role="status"` 的居中块。
+      */
       function CenteredState({ icon, title, hint, detail, action, compact = false }) {
       	return h("div", {
       		className: compact ? "wb-centered wb-centeredCompact" : "wb-centered",
@@ -1152,6 +1925,13 @@ window.__ModuleLoader__.load({
       		"aria-hidden": "true"
       	}, icon), h("div", { className: "wb-centeredTitle" }, title), hint === void 0 ? null : h("div", { className: "wb-centeredHint" }, hint), detail === void 0 ? null : h("div", { className: "wb-centeredDetail" }, detail), action === void 0 ? null : h("div", { className: "wb-centeredAction" }, action));
       }
+      /**
+      * 就绪但空：它只是 `CenteredState` 的简写，标题就是那句空态文案。
+      * @param props.text - 空态那句话。
+      * @param props.icon - 标题上方的图标；默认 `null`，不画图标。
+      * @param props.compact - 紧凑档，默认 false。
+      * @returns 一个居中块。
+      */
       function EmptyState({ text, icon = null, compact = false }) {
       	return h(CenteredState, {
       		icon,
@@ -1161,14 +1941,34 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/components/Rows.js
+      /**
+      * 键值行的容器：分隔线、行距与两端对齐在它和 `Row` 里，别自己写 `ul` / `li` 拼。
+      * @param props.children - 一串 `Row`。
+      * @returns 竖排的 div。
+      */
       function Rows({ children }) {
       	return h("div", { className: "wb-rows" }, children);
       }
+      /**
+      * 一行键值：左边名字、右边值；要成对说明一项数据就用它，别自己写两栏。
+      * @param props.label - 左边那格（键）。
+      * @param props.value - 右边那格（值），可以是数字、时间或一小段节点。
+      * @returns 一行两格。
+      */
       function Row({ label, value }) {
       	return h("div", { className: "wb-row" }, h("span", { className: "wb-rowKey" }, label), h("span", { className: "wb-rowValue" }, value));
       }
       //#endregion
       //#region ../shared/dist/components/SaveBar.js
+      /**
+      * 设置面底下那条"取消 / 保存"：就是 `FormActions` 的两颗固定动作，顺序与间距不归调用点。
+      * @param props.busy - 保存中：两颗钮一起禁用，保存那颗换成 `saving` 文案并带转圈。
+      * @param props.disabled - 再额外禁掉保存钮（如没改动可存）；默认不禁，取消钮不受它管。
+      * @param props.labels - 三句文案：`cancel` / `save` / `saving`。
+      * @param props.onCancel - 点取消。
+      * @param props.onSave - 点保存。
+      * @returns 一组按钮。
+      */
       function SaveBar({ busy, disabled, labels, onCancel, onSave }) {
       	return h(FormActions, { actions: [{
       		key: "cancel",
@@ -1187,6 +1987,21 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/components/SelectFieldNodes.js
+      /**
+      * 下拉触发器那颗按钮：图标 + 当前值 + 箭头，交给 `Menu` 当 anchor；宽窄两档共用一个形状。
+      * @param args.id - 触发器 id。
+      * @param args.className - 触发器类名（已含 variant 与 iconOnly 的档）。
+      * @param args.disabled - 是否禁用。
+      * @param args.invalid - 置真写 `aria-invalid`。
+      * @param args.open - 列表是否开着，写进 `aria-expanded`。
+      * @param args.ariaLabel - 读屏名。
+      * @param args.title - 原生提示。
+      * @param args.icon - 值左边那枚图标；不给不占位。
+      * @param args.value - 已渲染好的当前值节点（文本或占位）。
+      * @param args.iconOnly - 只画图标（窄栏那颗切换钮），值与箭头都不画。
+      * @param args.onOpen - 点它做什么，通常是把列表打开。
+      * @returns 一颗 `<button>`。
+      */
       function selectTriggerNode(args) {
       	return h("button", {
       		type: "button",
@@ -1201,6 +2016,15 @@ window.__ModuleLoader__.load({
       		onClick: args.onOpen
       	}, args.iconOnly ? h("span", { className: "wb-selectIcon" }, args.icon) : h(Fragment, null, args.icon === void 0 ? null : h("span", { className: "wb-selectIcon" }, args.icon), h("span", { className: "wb-selectValue" }, args.value), h("span", { className: "wb-selectChevron" }, h(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { size: 14 }))));
       }
+      /**
+      * 名单还没读到时的触发器：禁用 + `aria-busy` 的按钮，`SelectField` 在 `loading` 那档画它。
+      * @param args.id - 触发器 id。
+      * @param args.className - 触发器类名；它后面会接上 loading 那档的类。
+      * @param args.invalid - 置真写 `aria-invalid`。
+      * @param args.ariaLabel - 读屏名。
+      * @param args.loadingText - 占位文案；不给就是 `…`。
+      * @returns 一颗禁用且 `aria-busy` 的按钮。
+      */
       function selectLoadingNode(args) {
       	return h("button", {
       		type: "button",
@@ -1215,6 +2039,11 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/components/TextField.js
+      /**
+      * 单行文本输入：设置面与筛选框都用它，`invalid` 之外的属性全部透传给原生 `<input>`。
+      * @param props.invalid - 置真标红并写 `aria-invalid`（默认 false）；错在哪一句归 `FormRow.problem`。
+      * @returns 输入框元素；`className` 是追加在基础类名之后，而不是替换它。
+      */
       function TextField({ invalid = false, className, ...rest }) {
       	return h("input", {
       		...rest,
@@ -1306,27 +2135,33 @@ window.__ModuleLoader__.load({
       	}, control);
       	return className === void 0 ? inner : h("div", { className }, inner);
       }
+      /** 算候选项用来匹配搜索的文本：有 `searchText` 就用它，否则取字符串标签；标签不是字符串又没给它是空串（这项搜不到）。 */
       function searchTextOf(option) {
       	if (option.searchText !== void 0) return option.searchText;
       	return typeof option.label === "string" ? option.label : "";
       }
+      /** 默认匹配：查询去空白折成小写后看它是不是 `searchTextOf` 的子串；查询为空或纯空白时一律命中（留在列表里）。 */
       function defaultSelectFilter(option, query) {
       	const needle = query.trim().toLowerCase();
       	if (needle === "") return true;
       	return searchTextOf(option).toLowerCase().includes(needle);
       }
+      /** 按查询过滤候选 —— 组件与模块自己算列表都用它，好让同一份口径管两处：`filter` 不给就用 `defaultSelectFilter`，顺序不变。 */
       function filterSelectOptions(options, query, filter = defaultSelectFilter) {
       	return options.filter((option) => filter(option, query));
       }
+      /** 把键盘游标换算成当前该高亮那项的 value：游标 `null`（还没动过键盘）或列表为空时没有高亮；太大的游标收到最后一项，负游标取不到项也回 `null`。 */
       function selectCursorValue(shown, cursor) {
       	if (cursor === null || shown.length === 0) return null;
       	return shown[Math.min(cursor, shown.length - 1)]?.value ?? null;
       }
+      /** 按上下键移动游标（两头环绕）：还没选过时向下取第一项、向上取最后一项；列表为空回 `null`（一步都动不了）。`step` 1 向下、-1 向上。 */
       function stepSelectCursor(shown, cursor, step) {
       	if (shown.length === 0) return null;
       	if (cursor === null) return step === 1 ? 0 : shown.length - 1;
       	return (cursor + step + shown.length) % shown.length;
       }
+      /** 把候选排成 `Menu` 要的条目表：按 `group` 插分组标题；一项都没有时退回 `emptyText` 那一行（不给就是空表）。`revealId` 是开列表时要滚进可视区的那个 value。 */
       function selectEntries(shown, emptyText, revealId) {
       	if (shown.length === 0) return emptyText === void 0 ? [] : [{
       		type: "label",
@@ -1407,6 +2242,22 @@ window.__ModuleLoader__.load({
       		empty: typeof emptyText === "function" ? emptyText(query) : emptyText
       	};
       }
+      /**
+      * 下拉选择：默认是跟 `TextField` 一套的常规下拉框（不是原生 `<select>`），无边框那种给 `variant: 'ghost'`。
+      * `open` 不给就内部自己管（两种接法下 `onOpenChange` 都会通知），`loading` 把触发器换成转圈 + `loadingText`（默认 `…`），
+      * `selection` 选选中行标记（`fill` 整行底色 / `check` 行尾勾），`footer` 是列表底部那一条（点它走 `onFooter`，不改当前值）。
+      * @param props.value - 当前值；在 `options` 里找不到就按"没选"画 `placeholder`。
+      * @param props.options - 全量候选；空数组且给了 `fallback` 时改画手填输入框。
+      * @param props.onChange - 选中一项后的回调，回的是那一项的 `value`。
+      * @param props.label - 没进 `FormRow` 时的标签兜底；进了那一行就别再给它和 `hint`，否则会多一个标签。
+      * @param props.renderValue - 自己渲染触发器上那份当前值；不给就用候选项的 `label`。
+      * @param props.placeholder - 没选中时那句话；不给是 `—`。
+      * @param props.search - 是否可搜（默认 true）；`false` 时不画搜索框、也不自动聚焦。
+      * @param props.filter - 自定义匹配；不给用 `defaultSelectFilter`（空白查询一律命中）。
+      * @param props.emptyText - 无匹配时的文案，或按查询生成文案的函数（能说"没有匹配 X 的项"）。
+      * @param props.fallback - 退路：`options` 为空时改成手填（`value` + `onChange`）。
+      * @returns 触发器，以及打开时的搜索框与列表。
+      */
       function SelectField(props) {
       	const { value, options, onChange, label, hint, icon, renderValue, placeholder, search = true, searchLabel, searchPlaceholder, footer, onFooter, disabled = false, invalid = false, loading = false, loadingText, fallback, selection = "fill", variant = "boxed", iconOnly = false, revealId, ariaLabel, title, id, name, className, menuClassName } = props;
       	const state = useSelectState(props);
@@ -1495,6 +2346,14 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/components/SettingsSection.js
+      /**
+      * 设置面里的一节：标题 + 右上那颗动作 + 一节内容，把一屏设置分组。
+      * @param props.label - 只给读屏的组名（`aria-label`），不是标题。
+      * @param props.title - 人看的标题。
+      * @param props.action - 标题右侧的动作（如"添加"）；不给不占位。
+      * @param props.children - 这一节的内容。
+      * @returns 一个 `role="group"` 的 section。
+      */
       function SettingsSection({ label, title, action, children }) {
       	return h("section", {
       		className: "wb-settings",
@@ -1504,11 +2363,26 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/components/Stack.js
+      /**
+      * 竖排容器：把相邻内容按统一间距摞起来，懒得自己分组时的默认外包装。
+      * @param props.children - 要竖排的内容；不给就渲染一个空容器。
+      * @returns 竖排的 div。
+      */
       function Stack({ children }) {
       	return h("div", { className: "wb-stack" }, children);
       }
       //#endregion
       //#region ../shared/dist/components/StateBlock.js
+      /**
+      * 有内容那一段：一个标题 + 一行提示 + 正文，卡里已经读到东西时用它开头。
+      * @param props.title - 标题那行；它与 `dot` 都不给时整行不画。
+      * @param props.dot - 标题前那枚状态点。
+      * @param props.hint - 标题下那行小字（如"3 条 · 刚刚"）；不给不画。
+      * @param props.resolving - "正在读"那行，读数期间挂上去；不给不画。
+      * @param props.actions - 底部动作区；给了才画那一条。
+      * @param props.children - 正文。
+      * @returns 一个 div。
+      */
       function StateBlock({ title, dot, hint, actions, resolving, children }) {
       	return h("div", { className: "wb-stateBlock" }, title === void 0 && dot === void 0 ? null : h("p", { className: "wb-stateBlockTitle" }, dot, title), resolving === void 0 ? null : h("p", { className: "wb-stateBlockResolving" }, resolving), hint === void 0 ? null : h("p", { className: "wb-stateBlockHint" }, hint), children, actions === void 0 ? null : h("div", { className: "wb-stateBlockActions" }, actions));
       }
@@ -1526,6 +2400,11 @@ window.__ModuleLoader__.load({
       		style: { display: "block" }
       	}, children);
       }
+      /**
+      * 会话图标：一枚对话气泡，dsh 的图标表里没有，留给我们自己用；默认 16px。
+      * @param props.size - 边长像素，同时给 `width` 与 `height`。
+      * @returns 一枚 `aria-hidden` 的 svg。
+      */
       function IconConversation({ size = 16 }) {
       	return h(Shell, {
       		size,
@@ -1536,6 +2415,11 @@ window.__ModuleLoader__.load({
       		strokeLinejoin: "round"
       	}));
       }
+      /**
+      * 品牌标：侧栏顶上那枚工作台方块标；默认 24px（它是品牌物，别拿它当通用图标）。
+      * @param props.size - 边长像素，同时给 `width` 与 `height`。
+      * @returns 一枚 `aria-hidden` 的 svg。
+      */
       function IconBrandMark({ size = 24 }) {
       	return h(Shell, {
       		size,
@@ -1554,6 +2438,11 @@ window.__ModuleLoader__.load({
       		strokeLinecap: "round"
       	}));
       }
+      /**
+      * opencli 的标：包类型那一格用它；颜色写死的品牌物，不跟主题走。默认 16px。
+      * @param props.size - 边长像素，同时给 `width` 与 `height`。
+      * @returns 一枚 `aria-hidden` 的 svg。
+      */
       function IconOpencli({ size = 16 }) {
       	return h(Shell, {
       		size,
@@ -1589,6 +2478,11 @@ window.__ModuleLoader__.load({
       		fill: "url(#opencli-mark)"
       	}, ">_"));
       }
+      /**
+      * npm 的标：包类型那一格用它；保留品牌红，不跟主题走。默认 16px。
+      * @param props.size - 边长像素，同时给 `width` 与 `height`。
+      * @returns 一枚 `aria-hidden` 的 svg。
+      */
       function IconNpm({ size = 16 }) {
       	return h(Shell, {
       		size,
@@ -1598,6 +2492,11 @@ window.__ModuleLoader__.load({
       		fill: "#CB3837"
       	}));
       }
+      /**
+      * 四宫格："模块"这个概念的通用单色图标（侧栏、面板那颗钮、市场节的标题）；默认 16px。
+      * @param props.size - 边长像素，同时给 `width` 与 `height`。
+      * @returns 一枚 `aria-hidden` 的 svg。
+      */
       function IconModules({ size = 16 }) {
       	return h("svg", {
       		width: size,
@@ -1639,6 +2538,11 @@ window.__ModuleLoader__.load({
       		strokeWidth: "1.2"
       	}));
       }
+      /**
+      * 模块类型标：渐变方块 + 白四宫格，用在"这是个模块"的行首；品牌物，颜色不跟主题走。默认 16px。
+      * @param props.size - 边长像素，同时给 `width` 与 `height`。
+      * @returns 一枚 `aria-hidden` 的 svg。
+      */
       function IconModuleMark({ size = 16 }) {
       	return h(Shell, {
       		size,
@@ -1695,6 +2599,11 @@ window.__ModuleLoader__.load({
       		fill: "#ffffff"
       	}));
       }
+      /**
+      * 面板 / 卡片那类的图标：整屏与柱状那种形状，给"面板"这一档用；默认 16px。
+      * @param props.size - 边长像素，同时给 `width` 与 `height`。
+      * @returns 一枚 `aria-hidden` 的 svg。
+      */
       function IconPanelScreen({ size = 16 }) {
       	return h("svg", {
       		width: size,
@@ -1711,6 +2620,7 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/config/storage.js
+      /** 读 localStorage 里的一段文本；没有这个键、或存储不可用（隐私模式）时返回 null。 */
       function readText(key) {
       	try {
       		return window.localStorage.getItem(key);
@@ -1718,22 +2628,26 @@ window.__ModuleLoader__.load({
       		return null;
       	}
       }
+      /** 写一段文本进 localStorage；`value` 为 null 时删掉这个键，写不进去就静默作罢。 */
       function writeText(key, value) {
       	try {
       		if (value === null) window.localStorage.removeItem(key);
       		else window.localStorage.setItem(key, value);
       	} catch {}
       }
+      /** 读一个布尔开关：键不存在时返回 `fallback`，只有存进去的 `'true'` 算真。 */
       function readFlag(key, fallback) {
       	const raw = readText(key);
       	if (raw === null) return fallback;
       	return raw === "true";
       }
+      /** 把一个布尔开关写进 localStorage（存 `'true'` / `'false'`）；失败静默。 */
       function writeFlag(key, value) {
       	writeText(key, value ? "true" : "false");
       }
       //#endregion
       //#region ../shared/dist/i18n/en.js
+      /** 外壳自带的英文词表：键必须与 `zh` 逐一对应，值不许为空串。 */
       var en = {
       	"brand.name": "Workbench",
       	"toggle.open": "Open sidebar",
@@ -2144,20 +3058,19 @@ window.__ModuleLoader__.load({
       	"configSync.noSource": "This machine has no other profile to sync from",
       	"configSync.emptyProviders": "The workbench has no model provider yet — sync the llm- rows from some profile, or configure one under Models.",
       	"configSync.failed": "The sync did not go through; try again.",
-      	"debug.status": "Workbench DIY debugging",
-      	"debug.status.trouble": "Workbench DIY debugging needs attention",
-      	"debug.stalled": "Workbench DIY debugging paused",
+      	"debug.workspace": "this workspace",
+      	"debug.status": "Debugging “{title}”",
+      	"debug.status.trouble": "Debugging needs your attention ({title})",
+      	"debug.stalled": "Debugging paused ({title})",
       	"debug.act.pause": "Pause debugging",
       	"debug.act.resume": "Resume debugging",
       	"debug.act.stop": "Stop debugging",
       	"debug.act.stop.ask": "Confirm stop",
-      	"debug.card.here.title": "Workbench DIY debugging is on",
+      	"debug.card.here.title": "Debugging “{title}”",
       	"debug.card.here.note": "Do not switch workspaces or touch the panel",
-      	"debug.card.away.title": "Workbench DIY debugging is on",
-      	"debug.card.away.note": "Switch to the Workbench DIY workspace",
+      	"debug.card.away.note": "Switch back to “{title}”",
       	"debug.card.paused.note": "Paused",
-      	"debug.card.hidden.note": "Switch to the Workbench panel",
-      	"debug.back": "Back to the workshop screen",
+      	"debug.card.hidden.note": "Switch back to the Workbench panel",
       	"record.waiting": "Recording handoff · your turn",
       	"record.waiting.note": "Press \"Start recording\" on that page, then \"Stop recording\" when done (it will not switch you back)",
       	"record.recording": "Recording",
@@ -2171,10 +3084,13 @@ window.__ModuleLoader__.load({
       	"approval.record.lands": "Lands in",
       	"approval.record.noUrl": "no site given (this call gets refused)",
       	"approval.record.oneAction": "one action",
-      	"approval.record.noSwitch": "it will not switch you back (the leftbar footer shows the state)"
+      	"approval.record.noSwitch": "it will not switch you back (the leftbar footer shows the state)",
+      	"approval.longTask.what": "Stops",
+      	"approval.longTask.signal": "stopping only sends an interrupt signal — how the platform-side run finishes is up to the module"
       };
       //#endregion
       //#region ../shared/dist/i18n/zh.js
+      /** 外壳自带的中文词表（命名空间 `workbench`）：`en` 与它逐键对齐，模块那份在它之上合并。 */
       var zh = {
       	"brand.name": "工作台",
       	"toggle.open": "打开侧边栏",
@@ -2585,20 +3501,19 @@ window.__ModuleLoader__.load({
       	"configSync.noSource": "这台机器上只有工作台这一个 profile，没有可同步的来源",
       	"configSync.emptyProviders": "工作台还没有任何模型供应商 —— 去「配置同步」从某个 profile 把 llm- 那几行搬过来，或自己去「模型」里配。",
       	"configSync.failed": "同步没成功，再试一次。",
-      	"debug.status": "工作台 DIY 开发调试中",
-      	"debug.status.trouble": "工作台 DIY 开发调试异常",
-      	"debug.stalled": "工作台 DIY 调试暂停",
+      	"debug.workspace": "这个工作区",
+      	"debug.status": "「{title}」调试中",
+      	"debug.status.trouble": "调试要你看一眼（{title}）",
+      	"debug.stalled": "调试已暂停（{title}）",
       	"debug.act.pause": "暂停调试",
       	"debug.act.resume": "继续调试",
       	"debug.act.stop": "结束调试",
       	"debug.act.stop.ask": "确认结束",
-      	"debug.card.here.title": "当前工作台 DIY 开发调试中",
+      	"debug.card.here.title": "正在调试「{title}」",
       	"debug.card.here.note": "请勿切换工作区和操作面板",
-      	"debug.card.away.title": "工作台 DIY 开发调试中",
-      	"debug.card.away.note": "请切换到工作台 DIY 工作区",
+      	"debug.card.away.note": "请切回「{title}」那一屏",
       	"debug.card.paused.note": "已暂停",
-      	"debug.card.hidden.note": "请切换到工作台面板",
-      	"debug.back": "回到工坊那一屏",
+      	"debug.card.hidden.note": "请切回工作台面板",
       	"record.waiting": "取证交接 · 等你出手",
       	"record.waiting.note": "请在那一页按「开始录制」，做完按「结束录制」（录完不替你切回来）",
       	"record.recording": "录制中",
@@ -2612,10 +3527,13 @@ window.__ModuleLoader__.load({
       	"approval.record.lands": "落点",
       	"approval.record.noUrl": "没给站点地址（这次会被当场拒）",
       	"approval.record.oneAction": "一次操作",
-      	"approval.record.noSwitch": "录完不会替你切回来（左栏底部会亮一条状态）"
+      	"approval.record.noSwitch": "录完不会替你切回来（左栏底部会亮一条状态）",
+      	"approval.longTask.what": "要停的那一趟",
+      	"approval.longTask.signal": "停了只是让外壳发出中断信号 —— 平台侧那趟活儿的收尾看模块自己"
       };
       //#endregion
       //#region ../shared/dist/i18n/index.js
+      /** 外壳自带的两份词表（`zh` 为基准、`en` 同构）：`client.tsx` 拿它当合并各套件词表的底座。 */
       var dictionaries = {
       	zh,
       	en
@@ -2628,6 +3546,7 @@ window.__ModuleLoader__.load({
       	if (zhKeys.length !== enKeys.length || zhKeys.some((key, index) => key !== enKeys[index])) throw new Error(`套件 ${unit} 的文案两语言不同构：zh ${zhKeys.length} 键 / en ${enKeys.length} 键`);
       	for (const [language, dictionary] of [["zh", messages.zh], ["en", messages.en]]) for (const [key, value] of Object.entries(dictionary)) if (value.trim() === "") throw new Error(`套件 ${unit} 的文案 ${language}.${key} 是空的`);
       }
+      /** 把各套件的词表合到外壳底座上：键必须以 `<unit>.` 开头、不许撞已有键，违规当场抛错。 */
       function mergeMessages(base, contributions) {
       	const zh = { ...base.zh };
       	const en = { ...base.en };
@@ -2654,6 +3573,7 @@ window.__ModuleLoader__.load({
       	if (error instanceof Error) return error.message;
       	return typeof error === "string" ? error : String(error);
       }
+      /** 逐份试合、坏的跳过：一份贡献不合规只记进 `problems`，不影响其余套件与已有词表。 */
       function mergeMessagesSkipping(base, contributions) {
       	let dictionaries = base;
       	const accepted = [];
@@ -2677,9 +3597,22 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/lib/blocker-action.js
+      /**
+      * 这颗钮此刻该不该按成等待态：这一轮忙还没收，或有一支正在跑。
+      * @param busy - 这一轮忙是不是还在。
+      * @param running - 正在跑的那一支的 label；没有就给 `null`。
+      * @returns 该等待给 `true`，否则 `false`。
+      */
       function blockerPending(busy, running) {
       	return busy || running !== null;
       }
+      /**
+      * 这颗钮此刻该显示什么字：正在重试说「重试中…」，正在跑的那一支说「修复中…」，刚复制过的说「已复制」，其余原样。
+      * @param action - 这颗钮的形状（行为 + 平时文案）。
+      * @param state - 此刻的运行态。
+      * @param t - i18n 取词函数。
+      * @returns 要显示的文案；三种临时态都不成立时就是 `action.label`。
+      */
       function blockerActionLabel(action, state, t) {
       	if (action.kind === "retry" && state.retrying) return t("blocker.retry.running");
       	if (state.running === action.label) return t("blocker.fix.running");
@@ -2687,55 +3620,36 @@ window.__ModuleLoader__.load({
       	return action.label;
       }
       //#endregion
-      //#region ../shared/dist/lib/busy.js
-      function holdBusy(since, now, floorMs) {
-      	if (since === null) return {
-      		visible: false,
-      		releaseInMs: 0
-      	};
-      	const left = floorMs - Math.max(0, now - since);
-      	return left <= 0 ? {
-      		visible: false,
-      		releaseInMs: 0
-      	} : {
-      		visible: true,
-      		releaseInMs: left
-      	};
-      }
-      //#endregion
-      //#region ../shared/dist/lib/form-problem.js
-      var PROBLEM_SELECTOR = "[data-wb-problem]";
-      var FOCUSABLE_SELECTOR = [
-      	"input:not([disabled])",
-      	"select:not([disabled])",
-      	"textarea:not([disabled])",
-      	"button:not([disabled])",
-      	"a[href]",
-      	"[tabindex]:not([tabindex=\"-1\"])"
-      ].join(", ");
-      function firstProblemOf(root) {
-      	return root.querySelector(PROBLEM_SELECTOR);
-      }
-      function revealFirstProblem(root) {
-      	const problem = firstProblemOf(root);
-      	if (problem === null) return false;
-      	problem.scrollIntoView?.({ block: "nearest" });
-      	problem.querySelector(FOCUSABLE_SELECTOR)?.focus?.();
-      	return true;
-      }
-      //#endregion
       //#region ../shared/dist/lib/board-fact.js
+      /**
+      * 判一个路径落不落在这个工作区里（按路径前缀比，不是字符串包含）。
+      * @param root - 工作区根路径。
+      * @param target - 要判的路径。
+      * @returns 同一个路径或在其下给 `true`；`root` 末尾带不带斜杠都认（`/a` 不匹配 `/ab`）。
+      */
       function insideWorkshop(root, target) {
       	if (target === root) return true;
       	const base = root.endsWith("/") ? root : `${root}/`;
       	return target.startsWith(base);
       }
+      /**
+      * 把一次探针读数归成椅面归属。
+      * @param probe - 探针读数。
+      * @param workshop - 当前工作区根路径；`null` 表示还不知道当前是哪个工作区。
+      * @returns 外壳不在、或板路径与工作区缺一 → `unknown`；右栏没开或没画出来 → `hidden`；板在本工作区 → `workshop`，否则 `other`。
+      */
       function boardFactOf(probe, workshop) {
       	if (!probe.workbench) return "unknown";
       	if (!probe.bar || !probe.open || !probe.drawn) return "hidden";
       	if (probe.board === "" || workshop === null) return "unknown";
       	return insideWorkshop(workshop, probe.board) ? "workshop" : "other";
       }
+      /**
+      * 把探针读数归成左栏那句人话的档位。
+      * @param probe - 探针读数。
+      * @param workshop - 当前工作区根路径；`null` 一律 `unknown`。
+      * @returns 椅面画着 → 本板 `ok` / 别板 `other-board`；没画着 → 页面已走 `off-workspace`，否则 `panel-closed`。
+      */
       function boardSituation(probe, workshop) {
       	if (!probe.workbench || workshop === null) return "unknown";
       	if (probe.bar && probe.open && probe.drawn) {
@@ -2746,10 +3660,41 @@ window.__ModuleLoader__.load({
       	return "panel-closed";
       }
       //#endregion
+      //#region ../shared/dist/lib/busy.js
+      /**
+      * 按「至少显示 floorMs」算这一轮忙此刻该不该收：没到下限就继续显示，并给出剩余时长供调用方起定时器。
+      * @param since - 这一轮忙开始的时间戳；`null`（没开过这一轮）一律不显示。
+      * @param now - 当前时间戳。
+      * @param floorMs - 至少显示的时长（毫秒）。
+      * @returns 还该不该显示 + 剩余毫秒；到点或已过下限给不显示，时钟倒退按「刚开头」算（剩余 = 下限，不给负数）。
+      */
+      function holdBusy(since, now, floorMs) {
+      	if (since === null) return {
+      		visible: false,
+      		releaseInMs: 0
+      	};
+      	const left = floorMs - Math.max(0, now - since);
+      	return left <= 0 ? {
+      		visible: false,
+      		releaseInMs: 0
+      	} : {
+      		visible: true,
+      		releaseInMs: left
+      	};
+      }
+      //#endregion
       //#region ../shared/dist/lib/diy-debug.js
+      /**
+      * 把工具入参收成人话动作。
+      * @param value - 任意入参值。
+      * @returns `'pause'` / `'resume'` / `'stop'` 原样；别的值（含 `undefined`、多余空白、大小写不同）给 `null`，由调用方拒。
+      */
       function parseDebugIntent(value) {
       	return value === "pause" || value === "resume" || value === "stop" ? value : null;
       }
+      /**
+      * 调试约定的有效期（4 小时，毫秒）：超过它没动静的约定算过期、当场让人。
+      */
       var DEBUG_STALE_MS = 144e5;
       function alive$1(state, now) {
       	if (state === null) return null;
@@ -2760,6 +3705,10 @@ window.__ModuleLoader__.load({
       	if (held === null) return "none";
       	return held.sessionId === sessionId ? held : "not-owner";
       }
+      /**
+      * 造一份新的调试约定存储（进程内存，同一时刻只可能有一份有效约定）。
+      * @returns 存取口；动作成不成都在返回的 `DebugMove` 里，不抛异常。
+      */
       function createDebugStore() {
       	let held = null;
       	const live = (now) => alive$1(held, now);
@@ -2774,7 +3723,8 @@ window.__ModuleLoader__.load({
       			const state = {
       				phase: "debugging",
       				sessionId: pact.sessionId,
-      				workspace: pact.workspace,
+      				workspacePath: pact.workspacePath,
+      				title: pact.title,
       				board: pact.board,
       				unit: pact.unit,
       				name: pact.name,
@@ -2843,12 +3793,25 @@ window.__ModuleLoader__.load({
       		}
       	};
       }
+      /**
+      * 「谁还占着」的一句话，用于别人来抢时说清现况。
+      * @param state - 当前有效的那份约定。
+      * @returns 形如「会话 x（自 HH:mm:ssZ 起在调试 y）」的中文串。
+      */
       function debugOwnerText(state) {
       	return `会话 ${state.sessionId}（自 ${new Date(state.startedAt).toISOString().slice(11, 19)}Z 起在调试 ${state.unit}）`;
       }
       //#endregion
       //#region ../shared/dist/lib/diy-record.js
+      /**
+      * 录制约定的有效期（15 分钟，毫秒）：超过它没动静的约定算过期、当场让人。
+      */
       var RECORD_STALE_MS = 9e5;
+      /**
+      * 把工具入参收成人话动作。
+      * @param raw - 任意入参值。
+      * @returns `'peek'` / `'halt'` / `'stop'` 原样；别的值（含 `undefined`、多余空白）给 `null`，由调用方拒。
+      */
       function parseRecordIntent(raw) {
       	return raw === "peek" || raw === "halt" || raw === "stop" ? raw : null;
       }
@@ -2861,6 +3824,10 @@ window.__ModuleLoader__.load({
       	if (held === null) return "none";
       	return held.sessionId === sessionId ? held : "not-owner";
       }
+      /**
+      * 造一份新的录制约定存储（进程内存，同一时刻只可能有一份有效约定）。
+      * @returns 存取口；动作成不成都在返回的 `RecordMove` 里，不抛异常。
+      */
       function createRecordStore() {
       	let held = null;
       	const live = (now) => alive(held, now);
@@ -2956,11 +3923,22 @@ window.__ModuleLoader__.load({
       		}
       	};
       }
+      /**
+      * 「谁还占着、在录哪个动作」的一句话，用于别人来抢时说清现况。
+      * @param state - 当前有效的那份约定。
+      * @returns 形如「会话 x（自 HH:mm:ssZ 起在录 y 的「动作」）」的中文串。
+      */
       function recordOwnerText(state) {
       	const at = new Date(state.startedAt).toISOString().slice(11, 19);
       	return `会话 ${state.sessionId}（自 ${at}Z 起在录 ${state.unit} 的「${state.action}」）`;
       }
+      /**
+      * 同一原因的连续崩溃算进同一次计数的窗口（10 分钟，毫秒）。
+      */
       var PANEL_STATE_CRASH_WINDOW_MS = 6e5;
+      /**
+      * 上报文本字段的截断长度（2000 字符；workspace / reason / message 共用）。
+      */
       var PANEL_STATE_MAX_TEXT = 2e3;
       var PHASES = [
       	"idle",
@@ -2992,6 +3970,12 @@ window.__ModuleLoader__.load({
       		message
       	};
       }
+      /**
+      * 收一批卡片读数上报。
+      * @param payload - `POST` 的请求体。
+      * @returns 至少收到一条能认的卡片才 `ok: true`；请求体不是对象、`workspace` 为空、`cards` 不是数组，
+      *   或一条都认不出（`unit` / `route` / `phase` / `at` 缺一）时 `ok: false` + 中文原因；认不出的单条静默跳过。
+      */
       function parseCardsReport(payload) {
       	const record = asRecord(payload);
       	if (record === void 0) return {
@@ -3038,6 +4022,11 @@ window.__ModuleLoader__.load({
       		}
       	};
       }
+      /**
+      * 收一次卡片崩溃上报。
+      * @param payload - `POST` 的请求体。
+      * @returns `workspace` / `unit` / `reason` 都不能空，缺一给 `ok: false` + 中文原因；`at` 缺省或不合法时取当前时间。
+      */
       function parseCrashReport(payload) {
       	const record = asRecord(payload);
       	if (record === void 0) return {
@@ -3069,6 +4058,10 @@ window.__ModuleLoader__.load({
       		}
       	};
       }
+      /**
+      * 造一份面板运行态的留存（进程内存、按工作区分桶，带上面那几条上限的 LRU）。
+      * @returns 留存口：`cards` / `crash` 收上报，`snapshot(workspace)` 取全量；没存过的工作区（含 `null`）给一份空的。
+      */
       function createPanelStateStore() {
       	const workspaces = /* @__PURE__ */ new Map();
       	function trim(entry, max) {
@@ -3159,9 +4152,20 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region ../shared/dist/lib/text.js
+      /**
+      * 把一个值裹成 shell 里的单引号字面量（值里的单引号一并转义），保证元字符按字面量传递。
+      * @param value - 任意值；不是字符串的先 `String()`。
+      * @returns 可安全拼进 `/bin/sh -c` 的一段文本 —— 含空格 / `$()` / `;` / 通配符的值都不会被当成语法。
+      */
       function quoteShellArg(value) {
       	return `'${String(value).replace(/'/g, `'\\''`)}'`;
       }
+      /**
+      * 取一段文本的末尾若干行（如命令输出），顺带去掉首尾空白。
+      * @param text - 原文；`null` / `undefined` 当空串。
+      * @param lines - 最多留几行，默认 6；0 给全篇、负数从开头砍掉那么多行（都是 `slice` 语义），调用方传正数。
+      * @returns 末尾若干行、去首尾空行后的文本；原文行数不够就全给，空输入给空串。
+      */
       function tailLines(text, lines = 6) {
       	return String(text ?? "").trim().split("\n").slice(-lines).join("\n");
       }
@@ -3179,6 +4183,11 @@ window.__ModuleLoader__.load({
       	}
       	return starts;
       }
+      /**
+      * 宽松解析一段前后可能夹着人话的 JSON：整段不通就从行首的 `[` / `{` 起、截到最后一个闭合符再试。
+      * @param text - 原文；`null` / `undefined` 当空串。
+      * @returns 解析出的值（对象 / 数组 / 标量都原样）；空输入或怎么都解析不出给 `undefined`，调用方据此报「输出认不出」。
+      */
       function parseJsonLoose(text) {
       	const raw = String(text ?? "").trim();
       	if (!raw) return void 0;
@@ -3201,6 +4210,12 @@ window.__ModuleLoader__.load({
       var MARKDOWN_IMAGE = /!\[[^\]]*\]\([^)]*\)/g;
       var MARKDOWN_LINK = /\[([^\]]*)\]\([^)]*\)/g;
       var MARKDOWN_MARKS = /[*`_>#]/g;
+      /**
+      * 把一段 Markdown 压成一行纯文本摘要：图片剥掉、链接只留可见文字、标记符号压成空格，超长按字符截断。
+      * @param text - 原文；`null` / `undefined` 当空串。
+      * @param limit - 摘要最多多少字符，默认 80。
+      * @returns 单行摘要；没超限原样给，超了截到 `limit` 并补省略号（总长 `limit + 1`；第 `limit` 个字符是空白时会被 `trimEnd` 去掉、略短），空输入给空串。
+      */
       function excerpt(text, limit = 80) {
       	const flat = String(text ?? "").replace(MARKDOWN_IMAGE, " ").replace(MARKDOWN_LINK, "$1").replace(MARKDOWN_MARKS, " ").replace(/\s+/g, " ").trim();
       	if (flat.length <= limit) return flat;
@@ -3239,6 +4254,7 @@ window.__ModuleLoader__.load({
       	EmptyState: () => EmptyState,
       	FACT_SCOPE_SUFFIX: () => "*",
       	Field: () => Field,
+      	Form: () => Form,
       	FormActions: () => FormActions,
       	FormRow: () => FormRow,
       	FormRows: () => FormRows,
@@ -3257,6 +4273,7 @@ window.__ModuleLoader__.load({
       	LOCALE_NS: () => LOCALE_NS,
       	LONG_TASK_IDLE_MS: () => LONG_TASK_IDLE_MS,
       	LONG_TASK_POLL_MS: () => LONG_TASK_POLL_MS,
+      	LONG_TASK_STOP_ARM_MS: () => LONG_TASK_STOP_ARM_MS,
       	Link: () => Link,
       	LongTaskRow: () => LongTaskRow,
       	MIN_BUSY_MS: () => 500,
@@ -3284,6 +4301,7 @@ window.__ModuleLoader__.load({
       	RIGHTBAR_FULLSCREEN_WIDTH: () => 768,
       	Row: () => Row,
       	Rows: () => Rows,
+      	SESSION_PROJECTIONS_SERVICE: () => SESSION_PROJECTIONS_SERVICE,
       	STORAGE_KEY_PROJECT: () => STORAGE_KEY_PROJECT,
       	STORAGE_KEY_RIGHTBAR: () => STORAGE_KEY_RIGHTBAR,
       	STORAGE_KEY_RIGHTBAR_COLUMN: () => STORAGE_KEY_RIGHTBAR_COLUMN,
@@ -3323,6 +4341,7 @@ window.__ModuleLoader__.load({
       	decodeRef: () => decodeRef,
       	defaultSelectFilter: () => defaultSelectFilter,
       	dictionaries: () => dictionaries,
+      	duplicateKeysOf: () => duplicateKeysOf,
       	en: () => en,
       	encodeRef: () => encodeRef,
       	errorReasonOf: () => errorReasonOf,
@@ -3330,6 +4349,12 @@ window.__ModuleLoader__.load({
       	factOfRoute: () => factOfRoute,
       	filterSelectOptions: () => filterSelectOptions,
       	firstProblemOf: () => firstProblemOf,
+      	formActionsOf: () => formActionsOf,
+      	formFirstProblemOf: () => formFirstProblemOf,
+      	formProblemsOf: () => formProblemsOf,
+      	formRowsOf: () => formRowsOf,
+      	formSubmitOf: () => formSubmitOf,
+      	formValuesOf: () => formValuesOf,
       	gateOf: () => gateOf,
       	h: () => h,
       	hasEnvSupply: () => hasEnvSupply,
@@ -3339,6 +4364,8 @@ window.__ModuleLoader__.load({
       	longTaskDot: () => longTaskDot,
       	longTaskPollMs: () => longTaskPollMs,
       	longTaskRunsOf: () => longTaskRunsOf,
+      	longTaskStopPress: () => longTaskStopPress,
+      	longTaskStopStage: () => longTaskStopStage,
       	markerBody: () => markerBody,
       	mergeMessages: () => mergeMessages,
       	mergeMessagesSkipping: () => mergeMessagesSkipping,
@@ -3360,15 +4387,19 @@ window.__ModuleLoader__.load({
       	relativeTimeAgo: () => relativeTimeAgo,
       	relativeTimeBucket: () => relativeTimeBucket,
       	relativeTimeCompact: () => relativeTimeCompact,
+      	reportDuplicateKeys: () => reportDuplicateKeys,
       	revealFirstProblem: () => revealFirstProblem,
       	runsRouteOf: () => runsRouteOf,
       	scopePrefixOf: () => scopePrefixOf,
       	searchTextOf: () => searchTextOf,
       	selectCursorValue: () => selectCursorValue,
       	selectEntries: () => selectEntries,
+      	selectLoadingNode: () => selectLoadingNode,
+      	selectTriggerNode: () => selectTriggerNode,
       	shortenPath: () => shortenPath,
       	splitBlocker: () => splitBlocker,
       	stepSelectCursor: () => stepSelectCursor,
+      	stopRouteOf: () => stopRouteOf,
       	tailLines: () => tailLines,
       	unitFactScope: () => unitFactScope,
       	useCallback: () => useCallback,
@@ -3379,6 +4410,7 @@ window.__ModuleLoader__.load({
       	useRef: () => useRef,
       	useState: () => useState,
       	useSyncExternalStore: () => useSyncExternalStore,
+      	visibleFieldsOf: () => visibleFieldsOf,
       	writeFlag: () => writeFlag,
       	writeOutcomeOf: () => writeOutcomeOf,
       	writeRoute: () => writeRoute,
@@ -3387,6 +4419,14 @@ window.__ModuleLoader__.load({
       });
       //#endregion
       //#region src/shared/components/Tip.tsx
+      /**
+      * dsh `Tooltip` 的外壳默认值版：说明统一按右栏习惯（`bottom` / `end` / `gap 6` / 挂 body）来，其余 prop 原样转给 `Tooltip`。
+      * @param props.side - 气泡出现在锚点哪一侧（默认 `'bottom'`）。
+      * @param props.align - 底 / 顶气泡贴锚点哪条边（默认 `'end'`）。
+      * @param props.gap - 锚点到气泡的间距（默认 `6`）。
+      * @param props.portal - 是否挂到 `document.body`，以逃出裁剪容器与层叠上下文（默认 `true`）。
+      * @param props.children - 单个锚点元素；`label` / `shortcutKeys` / `openOnClick` 等其余 prop 与 dsh 同形。
+      */
       function Tip({ side = "bottom", align = "end", gap = 6, portal = true, ...rest }) {
       	return /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
       		side,
@@ -3456,6 +4496,10 @@ window.__ModuleLoader__.load({
       		};
       	} };
       }
+      /**
+      * 事实通道的传输选择：有 `EventSource` 就先用 SSE，连不上（重试一拍仍失败）自动降级成长轮询；
+      * 没有 `EventSource` 的运行时直接轮询。返回值是停掉当前这条传输的函数。
+      */
       function createAdaptiveTransport() {
       	return { start(handlers) {
       		let stopped = false;
@@ -3480,17 +4524,30 @@ window.__ModuleLoader__.load({
       	useFactRevision: () => useFactRevision
       });
       var channel = createFactChannel({ transport: createAdaptiveTransport() });
+      /**
+      * 渲染里要“这条事实的版本号”时调用：版本一变，喂给 `useApiResource` 的 key 就变、读自动重来。
+      * 卡片读数默认订的 `factOfRoute(route)` 已经接好，只有要订别的事实才显式传 `fact`。
+      */
       function useFactRevision(fact) {
       	return useSyncExternalStore(useCallback((listener) => channel.subscribe(fact, listener), [fact]), useCallback(() => channel.revisionOf(fact), [fact]));
       }
+      /**
+      * 不在渲染里的地方（宿主事件、定时器里看到的旧值）要听事实变化时用它；返回值就是退订函数，用完记得退。
+      */
       function subscribeFactRevision(fact, listener) {
       	return channel.subscribe(fact, listener);
       }
+      /**
+      * 写完之后把这条事实标脏时调用：不标，面板就停在旧值；不传 `fact` 是把所有事实一起标脏。
+      */
       function useFactInvalidate() {
       	return useCallback((fact) => channel.refresh(fact), []);
       }
       //#endregion
       //#region src/shared/hooks/use-capabilities.ts
+      /**
+      * 纯函数：`refreshToken` 与上一次不同，这一次就该强制重探。
+      */
       function shouldForce(refreshToken, previousToken) {
       	return refreshToken !== previousToken;
       }
@@ -3499,14 +4556,23 @@ window.__ModuleLoader__.load({
       	checking: false
       };
       var silentNextProbe = false;
+      /**
+      * 让下一次强探静默（不点亮 `checking`）—— 装机预检那类不该惊动界面的探用。
+      */
       function markNextProbeSilent() {
       	silentNextProbe = true;
       }
       var probe$1 = NO_PROBE;
       var probeListeners = /* @__PURE__ */ new Set();
+      /**
+      * 探针状态的取值口，给 `useSyncExternalStore` 用；渲染里要状态请用 `useCapabilityProbe`。
+      */
       function probeValue() {
       	return probe$1;
       }
+      /**
+      * 探针状态的订阅口，返回退订函数；渲染里要状态请用 `useCapabilityProbe`。
+      */
       function subscribeProbe(listener) {
       	probeListeners.add(listener);
       	return () => {
@@ -3518,19 +4584,31 @@ window.__ModuleLoader__.load({
       	probe$1 = next;
       	for (const listener of [...probeListeners]) listener();
       }
+      /**
+      * 能力表那条事实的名字：写完之后 `useFactInvalidate(CAPABILITY_FACT)` 标它，读者自动重取。
+      */
       var CAPABILITY_FACT = "capability";
       var shared = null;
       var current$1 = null;
       var listeners$4 = /* @__PURE__ */ new Set();
+      /**
+      * 当前整张能力表的取值口（没探过是 `null`），给 `useSyncExternalStore` 用；渲染里请用 `useCapabilities`。
+      */
       function capabilityValue() {
       	return current$1;
       }
+      /**
+      * 能力表的订阅口，返回退订函数；渲染里请用 `useCapabilities`。
+      */
       function subscribeCapabilities(listener) {
       	listeners$4.add(listener);
       	return () => {
       		listeners$4.delete(listener);
       	};
       }
+      /**
+      * 写入口：换整张表并通知订阅者（同值不通知）；传 `null` 清探针状态，`rechecked: true` 时顺手记下 `checkedAt`。
+      */
       function setCapabilities(next, rechecked = false) {
       	if (next === null) setProbe(NO_PROBE);
       	else if (rechecked) setProbe({
@@ -3541,6 +4619,9 @@ window.__ModuleLoader__.load({
       	current$1 = next;
       	for (const listener of [...listeners$4]) listener();
       }
+      /**
+      * 一次强探开始：点亮“正在探”；已经在探就跳过。
+      */
       function beginProbe() {
       	if (probe$1.checking) return;
       	setProbe({
@@ -3548,6 +4629,9 @@ window.__ModuleLoader__.load({
       		checking: true
       	});
       }
+      /**
+      * 一次强探收尾：熄灭“正在探”。
+      */
       function endProbe() {
       	setProbe({
       		...probe$1,
@@ -3559,6 +4643,10 @@ window.__ModuleLoader__.load({
       	if (response?.ok !== true || !Array.isArray(response.units)) return null;
       	return Object.fromEntries(response.units.map((unit) => [unit.unit, unit]));
       }
+      /**
+      * 把一次探测的结果发布出去：读到了就广播并回 `true`；没读到（`null`）时已有结论就留着回 `false`，
+      * 从来没有过结论才落一张空表回 `true`（“探不动”不等于“还没探”）。
+      */
       function publishCapability(result, rechecked = false) {
       	if (result !== null) {
       		setCapabilities(result, rechecked);
@@ -3568,6 +4656,10 @@ window.__ModuleLoader__.load({
       	setCapabilities({});
       	return true;
       }
+      /**
+      * 同一语义（同一个 `force`）的在飞探测搭车：并发调用共享同一个 promise；落地或失败就清掉，
+      * 下一次强探会真的再跑一遍；`force` 不同不搭车。
+      */
       function shareCapabilityFetch(force, load) {
       	if (shared !== null && shared.force === force) return shared.promise;
       	const promise = load(force).finally(() => {
@@ -3581,6 +4673,10 @@ window.__ModuleLoader__.load({
       }
       var readSeq$1 = 0;
       var newestForceSeq$1 = -1;
+      /**
+      * 探一次能力表并发布：`force` 决定这是“重探”还是顺带读 —— 只有重探负责点亮 / 熄灭探针（`silent` 时连点亮都不做），
+      * 被更新的一次重探盖过的非强制结果会丢掉。
+      */
       function runCapabilityRead(options) {
       	const { force, silent = false, load = fetchAll } = options;
       	const seq = readSeq$1 += 1;
@@ -3593,6 +4689,10 @@ window.__ModuleLoader__.load({
       		if (force) endProbe();
       	});
       }
+      /**
+      * 渲染里要整张能力表时调用：所有读者共享同一份结论，没探过是 `null`。
+      * `refreshToken` 变化算一次强制重探，事实版本（`CAPABILITY_FACT`）与 `reloadToken` 变化各触发一次重读。
+      */
       function useCapabilities(refreshToken, reloadToken = 0) {
       	const value = useSyncExternalStore(subscribeCapabilities, capabilityValue);
       	const previous = useRef(refreshToken);
@@ -3612,6 +4712,9 @@ window.__ModuleLoader__.load({
       	]);
       	return value;
       }
+      /**
+      * 渲染里要探针状态（`checking` / `checkedAt`）时调用，比如“最近检查”那一行。
+      */
       function useCapabilityProbe() {
       	return useSyncExternalStore(subscribeProbe, probeValue);
       }
@@ -3621,6 +4724,11 @@ window.__ModuleLoader__.load({
       	useCapabilityGate: () => useCapabilityGate,
       	useCapabilityMap: () => useCapabilityMap
       });
+      /**
+      * 卡片里判断“这一格现在能不能画”时调用：`refreshToken` 变化触发一次重探。
+      * `options.mode` 换门的口径（默认 `'capability'`）、`options.fixture` 给夹具一份假能力；
+      * `gated` 按口径算 —— 读数还没到先放行（让它去读），读到明确不通过才拦；`forceProbe()` 是“现在就去探一次”。
+      */
       function useCapabilityGate(unit, refreshToken, options = {}) {
       	const [probeNonce, setProbeNonce] = useState(0);
       	const forceProbe = useCallback(() => setProbeNonce((value) => value + 1), []);
@@ -3632,6 +4740,10 @@ window.__ModuleLoader__.load({
       		forceProbe
       	};
       }
+      /**
+      * 设置页 / 体检那类“要全部单元的能力表”时调用：`reload()` 重取整张表、`forceProbe()` 立刻探一次、
+      * `checking` 是探针在跑；没探过时 `capabilities` 是 `null`。
+      */
       function useCapabilityMap(refreshToken) {
       	const [probeNonce, setProbeNonce] = useState(0);
       	const [reloadNonce, setReloadNonce] = useState(0);
@@ -4242,6 +5354,11 @@ window.__ModuleLoader__.load({
       //#endregion
       //#region src/shared/hooks/use-host-write.ts
       var use_host_write_exports = /* @__PURE__ */ __exportAll({ useHostWrite: () => useHostWrite });
+      /**
+      * 组件里要写（发 POST）时调用 —— 写只走这条，别在组件里自己 `fetch`。
+      * `send` 失败自动落到 `failed` + `detail`（界面直接显示，别自己拼）；`silent: true` 是不打扰：不动 `busy` / `failed`，
+      * 结果只从返回值拿。返回的 `busy` 是这一路写有没有在飞。
+      */
       function useHostWrite(options) {
       	const { channel, networkText } = options;
       	const route = writeRoute(channel, options.resource ?? "");
@@ -4298,15 +5415,26 @@ window.__ModuleLoader__.load({
       	heldPhase: () => heldPhase,
       	useVisibleBusy: () => useVisibleBusy
       });
+      /**
+      * 把“正在刷新”折进相位：`refreshing` 且已是 `ready` 记作 `loading`，让“旧值还显示、新的在路上”有名字。
+      */
       function heldPhase(phase, refreshing) {
       	return refreshing && phase === "ready" ? "loading" : phase;
       }
+      /**
+      * 由 `active` 与 `useVisibleBusy` 挂出来的 `visible` 投影出 `{ busy, settling }`；纯函数，好测。
+      */
       function busyView(active, visible) {
       	return {
       		busy: visible,
       		settling: visible && !active
       	};
       }
+      /**
+      * 需要“最少转一会儿”的忙态时调用：`active` 变真立刻 `busy`；变假时若这次没转满 `floorMs`，`busy` 先挂着，
+      * 这期间 `settling` 为真表示读数在回来的路上。`floorMs` 传共享包的 `MIN_BUSY_MS`，别自己编 ——
+      * 取数几毫秒就回来时不挂这一会儿，用户看到的是“闪一下”，比不转更难读。
+      */
       function useVisibleBusy(active, floorMs) {
       	const [visible, setVisible] = useState(active);
       	const since = useRef(null);
@@ -5030,6 +6158,12 @@ window.__ModuleLoader__.load({
       };
       //#endregion
       //#region src/shared/components/PanelFoot.tsx
+      /**
+      * 面板底部那行脚注：左侧一句 `text`，右侧放 `children`，两样都不给就是一个空的页脚壳。
+      * @param props.text - 左侧那句说明文字；不传时左侧什么都不渲染。
+      * @param props.size - 文字档（默认 `'sm'`，11px 三级色；`'md'` 是 14px 二级色，给更宽的面板用）。
+      * @param props.children - 右侧那一格内容（一般是按钮或状态），可省略。
+      */
       function PanelFoot({ text, size = "sm", children }) {
       	return /* @__PURE__ */ h("footer", { className: PanelFoot_module_default.foot }, text === void 0 ? null : /* @__PURE__ */ h("span", { className: size === "md" ? PanelFoot_module_default.footTextMd : PanelFoot_module_default.footText }, text), children ?? null);
       }
@@ -5540,18 +6674,30 @@ window.__ModuleLoader__.load({
       var INSTALLED_PLUGINS_ROUTE = "panels/plugins";
       //#endregion
       //#region src/shared/hooks/bundle-queries.ts
+      /**
+      * 读模块源注册表：装模块时能从哪些源取、当前解析到哪一个。
+      */
       function readBundleRegistries() {
       	return apiGet(BUNDLE_REGISTRIES_ROUTE);
       }
+      /**
+      * 装之前先看清一个 spec 是什么（收了 / 拒了 / 是个插件）；`registry` 省略或空就按默认源解析。
+      */
       function readBundleInspection(spec, registry) {
       	return apiGet(BUNDLE_INSPECT_ROUTE, {
       		spec,
       		...registry === void 0 || registry === "" ? {} : { registry }
       	});
       }
+      /**
+      * 问模块有没有新版；`force: true` 绕过缓存重新问源（“更新”那条路用）。
+      */
       function readModuleVersions(force = false) {
       	return apiGet(MODULE_VERSIONS_ROUTE, force ? { force: "1" } : void 0);
       }
+      /**
+      * 读已装的 opencli 插件台账；`force: true` 绕过缓存重新问一遍。
+      */
       function readInstalledPlugins(force = false) {
       	return apiGet(INSTALLED_PLUGINS_ROUTE, force ? { force: "1" } : void 0);
       }
@@ -6339,33 +7485,30 @@ window.__ModuleLoader__.load({
       	}, MarketPanel));
       }
       //#endregion
-      //#region src/shared/api/diy.ts
-      var DIY_PRESET_ID = "workbench-diy";
-      var WORKSHOP_RELATIVE = "workbench/diy";
-      var WORKSHOP_TITLE = "工作台DIY";
-      var WORKSHOP_PAST_TITLES = ["DIY 工坊", "工作台自带 · DIY 模块住这儿"];
-      function isWorkshopPath(path) {
-      	return path.replace(/\\/g, "/").replace(/\/+$/, "").endsWith(`/${WORKSHOP_RELATIVE}`);
-      }
-      function diyStartOptions(workspaceId, workshopId) {
-      	return workshopId !== void 0 && workshopId === workspaceId ? { agentPreset: DIY_PRESET_ID } : void 0;
-      }
-      //#endregion
       //#region src/shared/hooks/panel-state-report.ts
       var FLUSH_MS = 400;
       var workspace = null;
       var timer = null;
       var pending = /* @__PURE__ */ new Map();
+      /**
+      * 从路由里切出单元 id（`cmdb/runs` → `cmdb`）；切不出来（没有前缀）回 `null`。
+      */
       function unitOfRoute(route) {
       	const cut = route.indexOf("/");
       	return cut <= 0 ? null : route.slice(0, cut);
       }
+      /**
+      * 告诉上报这沓“现在的工作区是哪个”；换工作区会丢掉还没冲出去的待报读数。
+      */
       function setPanelWorkspace(path) {
       	if (path === workspace) return;
       	const previous = workspace;
       	workspace = path;
       	if (previous !== null) pending.clear();
       }
+      /**
+      * 卡片读数落地时调它（`useApiResource` 已经接好）：同一单元同一条路由只留最新一条，攒一拍再一起冲给宿主。
+      */
       function reportPanelRead(input) {
       	pending.set(`${input.unit}\u0000${input.route}`, {
       		unit: input.unit,
@@ -6377,6 +7520,9 @@ window.__ModuleLoader__.load({
       	if (timer !== null) return;
       	timer = setTimeout(flush, FLUSH_MS);
       }
+      /**
+      * 卡片崩了时调它：`unit` 与原因立刻报给宿主（不攒）；还不知道工作区时不报。
+      */
       function reportPanelCrash(input) {
       	const target = workspace;
       	if (target === null) return;
@@ -6406,9 +7552,15 @@ window.__ModuleLoader__.load({
       	resourceIdentity: () => resourceIdentity,
       	useApiResource: () => useApiResource
       });
+      /**
+      * 这次读的身份：`route` 加排好序的 `query`（排序是为了同一次读只有一个 key）；给了 `override` 就用它。
+      */
       function resourceIdentity(route, query, override) {
       	return override ?? requestKeyOf(route, query);
       }
+      /**
+      * 把身份与两个版本号拼成合流用的 key：同一个 key 的并发读共享同一条请求。
+      */
       function readKeyOf(identity, refreshToken, factRev) {
       	return `${identity}@${String(refreshToken)}@${String(factRev)}`;
       }
@@ -6416,6 +7568,10 @@ window.__ModuleLoader__.load({
       	return `${route}?${Object.entries(query).filter(([, value]) => value !== void 0).sort(([a], [b]) => a.localeCompare(b)).map(([key, value]) => `${key}=${String(value)}`).join("&")}`;
       }
       var inflight = /* @__PURE__ */ new Map();
+      /**
+      * 非 hook 的取数本体（要自己管缓存时才直接调）：同一个 `key` 只发一次，并发调用共享同一个 `task`；
+      * 用它就一定要 `release`（一般放 `finally`），最后一个 `release` 才 abort，否则那条请求永不取消。
+      */
       function requestResource(route, query, key) {
       	const pending = inflight.get(key);
       	if (pending !== void 0) {
@@ -6446,6 +7602,13 @@ window.__ModuleLoader__.load({
       	inflight.delete(key);
       	entry.controller.abort();
       }
+      /**
+      * 卡片里所有的读都走它：按身份发一次 `apiGet`，同 key 合流、订阅事实通道（这条变了自动重取）、
+      * 并把读数上报面板（`workbench_diy_panel` 看的就是它）；身份或版本号一变就换一条读，旧的当场取消。
+      * `options.enabled` 为 `false` 时不发请求、相位恒为 `idle`；`key` 覆盖身份、`fact` 换订阅哪条事实
+      * （默认 `factOfRoute(route)`）、`report: false` 不上报（夹具与后台探针用）。身份没变的重取会留住上一格
+      * 的 `value`，相位降到 `loading`。
+      */
       function useApiResource(route, query, refreshToken, options = {}) {
       	const enabled = options.enabled !== false;
       	const identity = resourceIdentity(route, query, options.key);
@@ -6544,8 +7707,18 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region src/shared/hooks/use-diy-debug.ts
+      /**
+      * 调试约定的读路由（宿主侧那半同名）。
+      */
       var DIY_DEBUG_ROUTE = "panels/diy-debug";
+      /**
+      * 调试约定那条事实的名字：写完调 `useFactInvalidate(DIY_DEBUG_FACT)`，读者自动重取。
+      */
       var DIY_DEBUG_FACT = "diy-debug";
+      /**
+      * 要读“现在的调试约定是什么”时调用（左栏底部那枚状态）；跟着事实变化自动重取，不上报面板；
+      * 还没读到或后端说没有约定时都是 `null`。
+      */
       function useDiyDebugState() {
       	const read = useApiResource(DIY_DEBUG_ROUTE, {}, 0, {
       		fact: DIY_DEBUG_FACT,
@@ -6554,6 +7727,9 @@ window.__ModuleLoader__.load({
       	if (read.value === void 0) return null;
       	return read.value.state ?? null;
       }
+      /**
+      * 要发“开始 / 暂停 / 继续 / 结束调试”那几把动作时调用；写走 `diy-debug/act` 通道。
+      */
       function useDiyDebugAct() {
       	return useHostWrite({
       		channel: "diy-debug",
@@ -6617,8 +7793,9 @@ window.__ModuleLoader__.load({
       //#region src/app/layouts/sidebar/DebugFooterAction.tsx
       function debugFooterView(state, t, trouble = "none") {
       	const shown = state.phase === "paused" ? "none" : trouble;
-      	const label = shown !== "none" ? t("debug.status.trouble") : state.phase === "paused" ? t("debug.stalled") : t("debug.status");
-      	const noteOf = (kind) => kind === "panel" ? t("debug.card.hidden.note") : t("debug.card.away.note");
+      	const title = state.title === "" ? t("debug.workspace") : state.title;
+      	const label = shown !== "none" ? t("debug.status.trouble", { title }) : state.phase === "paused" ? t("debug.stalled", { title }) : t("debug.status", { title });
+      	const noteOf = (kind) => kind === "panel" ? t("debug.card.hidden.note") : t("debug.card.away.note", { title });
       	if (state.phase === "paused") return {
       		label,
       		title: label,
@@ -6635,7 +7812,7 @@ window.__ModuleLoader__.load({
       	};
       	return {
       		label,
-      		title: t("debug.card.here.title"),
+      		title: t("debug.card.here.title", { title }),
       		note: t("debug.card.here.note"),
       		trouble: "none",
       		stalled: false
@@ -6654,16 +7831,14 @@ window.__ModuleLoader__.load({
       	const state = useDiyDebugState();
       	const act = useDiyDebugAct();
       	const probe = useSyncExternalStore(subscribeBoardProbe, boardProbe);
-      	const workspaces = useWorkspaces?.((snapshot) => snapshot) ?? EMPTY_WORKSPACES;
-      	const here = useBoardWorkspace(workspaces, useSessions?.((snapshot) => snapshot) ?? EMPTY_SESSIONS);
-      	const workshop = workspaces.items.find((item) => isWorkshopPath(item.path));
+      	const here = useBoardWorkspace(useWorkspaces?.((snapshot) => snapshot) ?? EMPTY_WORKSPACES, useSessions?.((snapshot) => snapshot) ?? EMPTY_SESSIONS);
       	const [armed, setArmed] = useState(false);
       	if (state === null) return null;
-      	const workshopPath = workshop?.path ?? null;
+      	const workspacePath = state.workspacePath === void 0 || state.workspacePath === "" ? null : state.workspacePath;
       	const situation = boardSituation({
       		...probe,
       		where: here.path ?? ""
-      	}, workshopPath);
+      	}, workspacePath);
       	const view = debugFooterView(state, t, situation === "off-workspace" || situation === "other-board" ? "workspace" : situation === "panel-closed" ? "panel" : "none");
       	const dot = /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
       		state: view.trouble !== "none" ? "error" : view.stalled ? "warning" : "done",
@@ -6730,8 +7905,18 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region src/shared/hooks/use-diy-record.ts
+      /**
+      * 录制交接的读路由（宿主侧那半同名）。
+      */
       var DIY_RECORD_ROUTE = "panels/diy-record";
+      /**
+      * 录制交接那条事实的名字：写完调 `useFactInvalidate(DIY_RECORD_FACT)`，读者自动重取。
+      */
       var DIY_RECORD_FACT = "diy-record";
+      /**
+      * 要读“这一段录制交接进行到哪了”时调用（左栏底部那枚状态）；跟着事实变化自动重取，不上报面板；
+      * 还没读到或后端说没有交接时都是 `null`。
+      */
       function useDiyRecordState() {
       	const read = useApiResource(DIY_RECORD_ROUTE, {}, 0, {
       		fact: DIY_RECORD_FACT,
@@ -6740,6 +7925,9 @@ window.__ModuleLoader__.load({
       	if (read.value === void 0) return null;
       	return read.value.state ?? null;
       }
+      /**
+      * 要发录制交接那几把动作（准备 / 读回 / 收尾）时调用；写走 `diy-record/act` 通道。
+      */
       function useDiyRecordAct() {
       	return useHostWrite({
       		channel: "diy-record",
@@ -7088,6 +8276,18 @@ window.__ModuleLoader__.load({
       	}, chosen.length === 0 ? t("configSync.applyNone") : busy.busy ? t("configSync.applying") : t("configSync.apply", { count: chosen.length }))) : null) : null));
       }
       //#endregion
+      //#region src/shared/api/diy.ts
+      var DIY_PRESET_ID = "workbench-diy";
+      var WORKSHOP_RELATIVE = "workbench/diy";
+      var WORKSHOP_TITLE = "工作台DIY";
+      var WORKSHOP_PAST_TITLES = ["DIY 工坊", "工作台自带 · DIY 模块住这儿"];
+      function isWorkshopPath(path) {
+      	return path.replace(/\\/g, "/").replace(/\/+$/, "").endsWith(`/${WORKSHOP_RELATIVE}`);
+      }
+      function diyStartOptions(workspaceId, workshopId) {
+      	return workshopId !== void 0 && workshopId === workspaceId ? { agentPreset: DIY_PRESET_ID } : void 0;
+      }
+      //#endregion
       //#region src/app/units/index.ts
       var CLIENT_UNITS = [];
       function assembleClientUnits(registry) {
@@ -7733,7 +8933,6 @@ window.__ModuleLoader__.load({
       var DIY_COMPONENTS_TOOL = "workbench_diy_components";
       var DIY_RECON_TOOL = "workbench_diy_recon";
       var DIY_SPEC_TOOL = "workbench_diy_spec";
-      var DIY_PROBE_TOOL = "workbench_diy_probe";
       var DIY_INSTALL_TOOL = "workbench_diy_install";
       var DIY_SHOW_TOOL = "workbench_diy_show";
       var DIY_STATE_TOOL = "workbench_diy_state";
@@ -7757,6 +8956,8 @@ window.__ModuleLoader__.load({
       var DIY_RECORD_READ_TOOL = "workbench_diy_record_read";
       var DIY_RECORD_DETAIL_TOOL = "workbench_diy_record_detail";
       var DIY_RECORD_STOP_TOOL = "workbench_diy_record_stop";
+      var LONG_TASKS_LIST_TOOL = "workbench_long_tasks_list";
+      var LONG_TASKS_STOP_TOOL = "workbench_long_tasks_stop";
       var DIY_DEBUG_START_TOOL = "workbench_diy_debug_start";
       var DIY_DEBUG_PAUSE_TOOL = "workbench_diy_debug_pause";
       var DIY_DEBUG_RESUME_TOOL = "workbench_diy_debug_resume";
@@ -7783,7 +8984,6 @@ window.__ModuleLoader__.load({
       	DIY_COMPONENTS_TOOL,
       	DIY_RECON_TOOL,
       	DIY_SPEC_TOOL,
-      	DIY_PROBE_TOOL,
       	DIY_INSTALL_TOOL,
       	DIY_SHOW_TOOL,
       	DIY_STATE_TOOL,
@@ -7810,7 +9010,9 @@ window.__ModuleLoader__.load({
       	DIY_DEBUG_START_TOOL,
       	DIY_DEBUG_PAUSE_TOOL,
       	DIY_DEBUG_RESUME_TOOL,
-      	DIY_DEBUG_STOP_TOOL
+      	DIY_DEBUG_STOP_TOOL,
+      	LONG_TASKS_LIST_TOOL,
+      	LONG_TASKS_STOP_TOOL
       ];
       var READ_TOOLS = [
       	PANELS_LIST_TOOL,
@@ -7821,7 +9023,6 @@ window.__ModuleLoader__.load({
       	DIY_COMPONENTS_TOOL,
       	DIY_RECON_TOOL,
       	DIY_SPEC_TOOL,
-      	DIY_PROBE_TOOL,
       	DIY_STATE_TOOL,
       	DIY_HTML_TOOL,
       	DIY_FIND_TOOL,
@@ -7841,7 +9042,8 @@ window.__ModuleLoader__.load({
       	DIY_LOGS_STOP_TOOL,
       	DIY_RECORD_READ_TOOL,
       	DIY_RECORD_DETAIL_TOOL,
-      	DIY_RECORD_STOP_TOOL
+      	DIY_RECORD_STOP_TOOL,
+      	LONG_TASKS_LIST_TOOL
       ];
       var WRITE_TOOLS = [
       	PANELS_SHOW_TOOL,
@@ -7863,7 +9065,8 @@ window.__ModuleLoader__.load({
       	DIY_DEBUG_START_TOOL,
       	DIY_DEBUG_PAUSE_TOOL,
       	DIY_DEBUG_RESUME_TOOL,
-      	DIY_DEBUG_STOP_TOOL
+      	DIY_DEBUG_STOP_TOOL,
+      	LONG_TASKS_STOP_TOOL
       ];
       [...READ_TOOLS.map((name) => ({
       	name,
@@ -7900,11 +9103,23 @@ window.__ModuleLoader__.load({
       function shellClaimsApprovalDetail(tool) {
       	return ALL_TOOLS.includes(tool);
       }
+      function stopApprovalRows(args, t) {
+      	const unit = textOf(args, "unit");
+      	const id = textOf(args, "id");
+      	return [{
+      		label: t("approval.longTask.what"),
+      		value: `${unit === "" ? "<unit>" : unit} · ${id === "" ? "<id>" : id}`
+      	}];
+      }
       function shellApprovalPlan(input, t) {
       	if (input.tool === "workbench_diy_record_prepare") return {
       		rows: recordApprovalRows(input.args, t),
       		warn: t("approval.record.noSwitch")
       	};
+      	if (input.tool === "workbench_long_tasks_stop") return {
+      		rows: stopApprovalRows(input.args, t),
+      		warn: t("approval.longTask.signal")
+      	};
       	return shellClaimsApprovalDetail(input.tool) ? { rows: [] } : void 0;
       }
       function shellApprovalDetail(input, t) {
@@ -9302,12 +10517,19 @@ window.__ModuleLoader__.load({
       	installContextChips: () => installContextChips,
       	serializeChipRef: () => serializeChipRef
       });
+      /**
+      * 对话 `@` 引用源报名用的名字：引用、lexicon 与编解码都挂在这个 source 名下。
+      */
       var CONTEXT_SOURCE = "workbench";
       var runtime = null;
       var inserted = /* @__PURE__ */ new Set();
       var lexiconListeners = /* @__PURE__ */ new Set();
       var INSERT_RETRY_MAX = 5;
       var INSERT_RETRY_DELAY_MS = 80;
+      /**
+      * 外壳启动、拿到 dsh 的 client context 之后调一次：把 `@` 引用源注册进对话输入框；
+      * dsh 没给 `inputTriggers` 时不装、也不报错。
+      */
       function installContextChips(ctx, deps) {
       	runtime = {
       		ctx,
@@ -9331,6 +10553,10 @@ window.__ModuleLoader__.load({
       		}
       	}), "dsh-workbench: 对话引用源");
       }
+      /**
+      * 要往当前对话输入框插一条 `@` 引用时调用（卡片上“发到对话”那类动作）：同步返回，只反映当场这一拍 ——
+      * 没插进去会自己再试几拍，后面成功了也不会回头改这个返回值。没装过 / 没会话 / 拿不到输入框都回 `unavailable`。
+      */
       function addContextChip(ref, label) {
       	const here = runtime;
       	if (here === null) return "unavailable";
@@ -9378,6 +10604,9 @@ window.__ModuleLoader__.load({
       	attempt(INSERT_RETRY_MAX);
       	return settled;
       }
+      /**
+      * 把编好的引用串码成带 `@` 的标记文本（输入框里显示与复制到剪贴板都是这一份）；认不出的串原样加个 `@`。
+      */
       function serializeChipRef(encoded) {
       	const at = encoded.indexOf(":");
       	const kind = at > 0 ? encoded.slice(0, at) : "";
@@ -10286,6 +11515,10 @@ window.__ModuleLoader__.load({
       //#endregion
       //#region src/shared/hooks/use-card-summary.ts
       var use_card_summary_exports = /* @__PURE__ */ __exportAll({ useCardSummary: () => useCardSummary });
+      /**
+      * 自己搭卡片、要把 `{ refreshing, at }` 在变化时交给调用点上报面板时调用；`onSummary` 要稳定引用
+      * （一般 `useCallback`），否则每次渲染都会上报一次。`useUnitBoard` 已经把这条接好。
+      */
       function useCardSummary(onSummary, summary) {
       	const { refreshing } = summary;
       	const at = summary.at ?? null;
@@ -10303,21 +11536,51 @@ window.__ModuleLoader__.load({
       //#endregion
       //#region src/shared/hooks/use-long-task.ts
       var use_long_task_exports = /* @__PURE__ */ __exportAll({ useLongTask: () => useLongTask });
+      /**
+      * 卡片要轮询长任务那一行时调用：有在跑的（`running` / `needs-login`）按 `longTaskPollMs` 走快档、空闲走慢档；
+      * `workspace` 为 `null`、`mocked: true` 或 `enabled: false` 时不轮。换单元 / 换工作区就是换读数身份，
+      * 旧那批立刻清空、读数回来前 `runs` 是空数组。
+      * `stop(id)` 走 actions 通道的 `<单元>/runs/stop`；不在跑的那一趟会带回一句人话，不抛错。
+      */
       function useLongTask(options) {
       	const enabled = options.enabled !== false && options.mocked !== true && options.workspace !== null;
       	const [tick, setTick] = useState(0);
       	const runs = longTaskRunsOf(useApiResource(runsRouteOf(options.unit), { path: options.workspace ?? void 0 }, tick, { enabled }));
+      	const write = useHostWrite({
+      		channel: "actions",
+      		resource: stopRouteOf(options.unit),
+      		networkText: "网络不通，停止请求没发出去"
+      	});
+      	const [stopping, setStopping] = useState(null);
+      	const send = write.send;
+      	const stop = useCallback(async (id) => {
+      		setStopping(id);
+      		try {
+      			return await send({ id });
+      		} finally {
+      			setStopping((current) => current === id ? null : current);
+      		}
+      	}, [send]);
       	const every = longTaskPollMs(runs.some((run) => longTaskDot(run.status) === "ongoing"), options.pollMs);
       	useEffect(() => {
       		if (!enabled) return void 0;
       		const timer = setInterval(() => setTick((count) => count + 1), every);
       		return () => clearInterval(timer);
       	}, [enabled, every]);
-      	return { runs };
+      	return {
+      		runs,
+      		stop,
+      		stopping,
+      		stopFailed: write.failed
+      	};
       }
       //#endregion
       //#region src/shared/hooks/use-unit-board.ts
       var use_unit_board_exports = /* @__PURE__ */ __exportAll({ useUnitBoard: () => useUnitBoard });
+      /**
+      * 卡片起步就用它：把“gate 不放行就不读”、忙 / 安定（按 `MIN_BUSY_MS` 挂最短可见时长）、读数报错时
+      * 自动 `forceProbe`、`useCardSummary` 上报面板、blocker 拆分一次叠好。`read(gated)` 里自己调 `useApiResource`。
+      */
       function useUnitBoard(options) {
       	const { gate, onRefresh, onSummary, t } = options;
       	const feed = options.read(gate.gated && options.enabled !== false);
@@ -10355,6 +11618,11 @@ window.__ModuleLoader__.load({
       }
       //#endregion
       //#region src/shared/hooks/use-blocker-actions.ts
+      /**
+      * `<BlockerState>` 用它把 blocker 的动作接到实处：`retry` 与修复成功后的重试走 `onRetry`、`run-fix` 走 provision
+      * 写通道、`copy` 写剪贴板、`open-url` 开新窗；`open-market` 没给 `onOpenMarket` 时退回 `onRetry`。
+      * 自己画 blocker 那一块才直接用。
+      */
       function useBlockerActions(onRetry, onOpenMarket) {
       	const [copied, setCopied] = useState(null);
       	const [running, setRunning] = useState(null);
@@ -10437,6 +11705,15 @@ window.__ModuleLoader__.load({
       //#endregion
       //#region src/shared/components/BlockerState.tsx
       var BlockerState_exports = /* @__PURE__ */ __exportAll({ BlockerState: () => BlockerState });
+      /**
+      * 卡片被挡住（或要给一句 notice）时渲染的那一块：按 `blocker.severity` 出块状或一行提示，动作接重试 / 跑修复 / 复制。
+      * @param props.blocker - 要显示的那份 blocker：`title` / `hint` / `detail` / `actions` / `severity`。
+      * @param props.t - 翻译函数，这一块出现的每句话都从它来。
+      * @param props.onRetry - `retry` 动作与修复成功后的重试回调。
+      * @param props.onOpenMarket - `open-market` 动作；没给就退回 `onRetry`。
+      * @param props.busy - 外层是不是在忙（默认 `false`）；为真时动作一并禁用。
+      * @param props.flush - 是否贴着容器边（默认 `false`）：去掉图标、收窄留白，给卡片内嵌用。
+      */
       function BlockerState({ blocker, t, onRetry, busy = false, flush = false, onOpenMarket }) {
       	const { run, copied, running, failure } = useBlockerActions(onRetry, onOpenMarket);
       	const [rawOpen, setRawOpen] = useState(false);
@@ -10530,7 +11807,7 @@ window.__ModuleLoader__.load({
       		...face.messages === void 0 ? {} : { messages: face.messages }
       	}));
       }
-      var COMPONENT_CSS_MARKER = "\n.wb-activityBlock {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  padding-top: var(--wb-len-10);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.wb-activityBlock:first-child {\n  padding-top: 0;\n  border-top: none;\n}\n\n.wb-activityBlockHead {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wb-len-8);\n}\n\n.wb-activityLine {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-activityLineText {\n  flex: none;\n  min-width: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n  max-height: var(--wb-len-72);\n  overflow-y: auto;\n}\n\n.wb-activityLineAt {\n  flex: none;\n  margin-left: auto;\n  font-size: var(--wb-font-10);\n  line-height: var(--wb-line-16);\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-activityLine > .wb-activityLineAt,\n.wb-activityLine > .wb-activityLineActions {\n  margin-left: auto;\n}\n\n.wb-activityLine > .wb-activityLineAt + .wb-activityLineActions {\n  margin-left: 0;\n}\n\n.wb-activityLineActions {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n}\n\n.wb-activityActionFailed {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-note {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-problem {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-approvalCommand {\n  max-width: 100%;\n}\n.wb-approvalPlan {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n}\n.wb-approvalHint {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n.wb-approvalRows {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  margin: 0;\n}\n.wb-approvalRow {\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-8);\n}\n.wb-approvalLabel {\n  flex: none;\n  width: var(--wb-len-56);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-approvalValue {\n  margin: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n  overflow-wrap: anywhere;\n}\n.wb-approvalWarn {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-cardHead {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  flex: none;\n  padding: var(--wb-len-8) var(--wb-len-10) var(--wb-len-8) var(--wb-card-gutter);\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-cardTitle {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-cardMeta {\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-cardMeta::before {\n  content: '\\00b7';\n  margin-right: var(--wb-len-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardOpen {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  margin-left: auto;\n  flex: none;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: var(--wb-len-4);\n  border-radius: var(--wb-radius-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardOpen ~ .wb-cardRefresh {\n  margin-left: 0;\n}\n\n.wb-cardOpen:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-cardRefresh {\n  margin-left: auto;\n  flex: none;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: var(--wb-len-4);\n  border-radius: var(--wb-radius-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardRefresh:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-cardRefresh:disabled {\n  cursor: default;\n  opacity: 1;\n}\n\n.wb-cardGear {\n  flex: none;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: var(--wb-len-3);\n  border-radius: var(--wb-radius-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardGear:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-card {\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-xl);\n  background: var(--dsw-alias-bg-layer-1);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  flex: none;\n}\n.wb-cardBody {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  padding: var(--wb-len-12) var(--wb-card-gutter);\n  font-size: var(--dsw-font-xxs-12-font-size);\n}\n.wb-cardBleed {\n  margin-inline: calc(-1 * var(--wb-card-gutter));\n}\n._anchor_yq4s2_1 {\n  display: contents;\n}\n\n.wb-spinner {\n  display: inline-flex;\n  align-items: center;\n  flex: none;\n}\n\n.wb-choiceMenu {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  background: transparent;\n}\n\n.wb-choiceMenu[data-variant='boxed'] {\n  padding: var(--wb-len-4);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n}\n\n.wb-choiceOption {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-8);\n  border-radius: var(--dsw-radius-md);\n  cursor: pointer;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-choiceOptionOn {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-checkbox {\n  position: absolute;\n  width: var(--wb-len-16);\n  height: var(--wb-len-16);\n  margin: 0;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.wb-checkboxBox {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  flex: none;\n  width: var(--wb-len-16);\n  height: var(--wb-len-16);\n  border: 1px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-xs);\n  corner-shape: round;\n  color: var(--dsw-alias-label-primary-foreground);\n  transition:\n    background-color var(--wb-dur-0-12) ease, border-color var(--wb-dur-0-12) ease;\n}\n\n.wb-choiceOption:hover .wb-checkboxBox {\n  border-color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-checkbox:checked + .wb-checkboxBox {\n  border-color: var(--dsw-alias-brand-primary);\n  background: var(--dsw-alias-brand-primary);\n}\n\n.wb-checkbox:disabled + .wb-checkboxBox {\n  cursor: default;\n}\n\n.wb-checkbox:focus-visible + .wb-checkboxBox {\n  outline: var(--dsw-focus-ring-width, var(--wb-len-2)) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: 2px;\n}\n\n.wb-choiceOption:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-choiceOption:has(:disabled) {\n  cursor: default;\n  opacity: 0.5;\n}\n\n.wb-choiceOption:has(:disabled),\n.wb-choiceOption:has(:disabled):hover {\n  background: transparent;\n}\n\n.wb-choiceLabel {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.wb-choiceLabelText {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-choiceLabel:has(.wb-choiceDescription) .wb-choiceLabelText {\n  overflow: visible;\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n.wb-choiceDescription {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n  overflow-wrap: anywhere;\n}\n\n.wb-choiceLoading {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-8);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-choiceLoadingText {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-choiceEmpty {\n  display: flex;\n  align-items: center;\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-8);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-radio {\n  appearance: none;\n  -webkit-appearance: none;\n  flex: none;\n  box-sizing: border-box;\n  width: var(--wb-len-12);\n  height: var(--wb-len-12);\n  margin: 0;\n  border: 1px solid var(--dsw-alias-border-l3);\n  border-radius: 50%;\n  corner-shape: round;\n  background-color: transparent;\n  cursor: pointer;\n  transition:\n    background-color var(--wb-dur-0-12) ease, border-color var(--wb-dur-0-12) ease;\n}\n\n.wb-radio:not(:checked):hover {\n  border-color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-radio:checked {\n  border-color: var(--dsw-alias-brand-primary);\n  background-image: radial-gradient(\n    circle at center,\n    var(--dsw-alias-brand-primary) 0 3px,\n    transparent 3px\n  );\n}\n\n.wb-radio:disabled {\n  cursor: default;\n}\n\n.wb-radio:focus-visible {\n  outline: var(--dsw-focus-ring-width, var(--wb-len-2)) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: 2px;\n}.wb-field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  font-size: var(--dsw-font-xs-13-font-size);\n}\n\n.wb-fieldLabel {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-fieldHint {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-field:has(:disabled) .wb-fieldLabel {\n  opacity: 0.4;\n}\n.wb-formActions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--wb-len-8);\n}\n\n.wb-formActionDanger {\n  color: var(--dsw-alias-state-error-primary);\n  border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 30%, transparent);\n  --dsw-alias-interactive-bg-hover: color-mix(in srgb, var(--dsw-alias-state-error-primary) 8%, transparent);\n}\n.wb-formRows {\n  display: grid;\n  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  column-gap: var(--wb-len-8);\n  row-gap: var(--wb-len-12);\n}\n\n.wb-formRows > :not(.wb-formRow) {\n  grid-column: 1 / -1;\n}\n\n.wb-formRow {\n  display: grid;\n  grid-column: 1 / -1;\n  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  align-items: center;\n  column-gap: var(--wb-len-8);\n  row-gap: var(--wb-len-8);\n}\n\n.wb-formRow[data-layout='stacked'] {\n  grid-template-columns: minmax(0, 1fr);\n  align-items: stretch;\n  gap: var(--wb-len-6);\n}\n\n.wb-formLabel {\n  min-width: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n  white-space: nowrap;\n}\n\n.wb-formRow[data-layout='stacked'] .wb-formLabel {\n  white-space: normal;\n}\n\n.wb-formControl {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n\n.wb-formHint {\n  grid-column: 2;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-formProblem {\n  grid-column: 2;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-formRow:has(.wb-formProblem) .wb-formLabel {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-formRow:has(:disabled) .wb-formLabel {\n  opacity: 0.4;\n}\n\n.wb-formRows > .wb-formRow {\n  grid-template-columns: subgrid;\n}\n\n@supports not (grid-template-columns: subgrid) {\n  .wb-formRows > .wb-formRow {\n    grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  }\n}\n:where(.wb-link) {\n  margin-left: var(--wb-len-2);\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n  text-decoration: none;\n  white-space: nowrap;\n  vertical-align: baseline;\n}\n\n:where(.wb-link:hover) {\n  text-decoration: underline;\n}\n\n:where(.wb-link:focus-visible) {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}\n\n.wb-longTask {\n  padding-top: var(--wb-len-12);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n}\n\n.wb-longTaskHead {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin: 0;\n}\n\n.wb-longTaskLink {\n  flex: none;\n}\n\n.wb-longTaskHeadline {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-longTaskProblem {\n  margin: 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-longTaskDump {\n  margin: var(--wb-len-2) 0 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-longTaskDump pre {\n  margin: var(--wb-len-4) 0 0;\n  max-height: var(--wb-len-220);\n  overflow: auto;\n}\n.wb-centered.wb-centeredCompact {\n  flex: none;\n  min-height: 0;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-20) var(--wb-len-16);\n}\n\n.wb-centered.wb-centeredCompact .wb-centeredHero {\n  margin-bottom: var(--wb-len-4);\n}\n\n.wb-skeleton {\n  display: flex;\n  flex-direction: column;\n}\n\n.wb-skeletonRow {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-8);\n  border-radius: var(--dsw-radius-md);\n}\n\n.wb-skeletonRow + .wb-skeletonRow::before {\n  content: '';\n  align-self: stretch;\n  height: var(--wb-len-0-5);\n  margin: 0 var(--wb-len-8) var(--wb-len-neg-0-5);\n  background: var(--dsw-alias-border-l2);\n}\n\n.wb-skeletonBar {\n  display: block;\n  height: var(--wb-len-13);\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-bg-skeleton);\n  animation: wb-skeleton-pulse var(--wb-dur-1-4) var(--ds-ease-in-out) infinite;\n}\n\n.wb-skeletonBarTitle {\n  width: 62%;\n}\n\n.wb-skeletonBarMeta {\n  width: 32%;\n  height: var(--wb-len-10);\n}\n\n.wb-skeletonRow:nth-child(2n) .wb-skeletonBarTitle {\n  width: 74%;\n}\n\n.wb-skeletonRow:nth-child(3n) .wb-skeletonBarTitle {\n  width: 52%;\n}\n\n@keyframes wb-skeleton-pulse {\n  50% {\n    opacity: 0.45;\n  }\n}\n\n.wb-centered {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: var(--wb-len-14);\n  flex: 1;\n  min-height: var(--wb-len-240);\n  padding: 0 var(--wb-len-24) var(--wb-len-24);\n  text-align: center;\n}\n\n.wb-centeredHero {\n  display: flex;\n  margin-bottom: var(--wb-len-16);\n  color: var(--dsw-alias-label-dimmed);\n}\n\n.wb-centeredTitle {\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-22);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-centeredHint {\n  max-width: var(--wb-len-300);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-centeredDetail {\n  max-width: var(--wb-len-320);\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-dimmed);\n  word-break: break-all;\n}\n\n.wb-centeredAction {\n  display: flex;\n  justify-content: center;\n  gap: var(--wb-len-8);\n  margin-top: var(--wb-len-2);\n}\n@media (prefers-reduced-motion: reduce) {\n  .wb-skeletonBar {\n    animation: none;\n  }}\n.wb-rows {\n  display: grid;\n  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  column-gap: var(--wb-len-8);\n}\n.wb-rows > :not(.wb-row) {\n  grid-column: 1 / -1;\n}\n.wb-row {\n  display: grid;\n  grid-column: 1 / -1;\n  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  align-items: baseline;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-4) 0;\n}\n.wb-row + .wb-row {\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n.wb-rowKey {\n  white-space: nowrap;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-rowValue {\n  min-width: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-rows > .wb-row {\n  grid-template-columns: subgrid;\n}\n\n@supports not (grid-template-columns: subgrid) {\n  .wb-rows > .wb-row {\n    grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  }\n}\n.wb-textField {\n  box-sizing: border-box;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-3);\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-primary);\n  outline: none;\n}\n\n.wb-textField:focus {\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-textField:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.wb-textField[aria-invalid='true'] {\n  border-color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-textField[aria-invalid='true']:focus {\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-error-primary);\n}\n\n:where(.wb-textField) {\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-10);\n}\n:where(.wb-selectTrigger) {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  width: 100%;\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-3);\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-primary);\n  text-align: left;\n  cursor: pointer;\n}\n\n.wb-selectTrigger:focus-visible {\n  outline: none;\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-selectTrigger[aria-invalid='true'] {\n  border-color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-selectTrigger[aria-invalid='true']:focus-visible {\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-error-primary);\n}\n\n.wb-selectTrigger:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.wb-selectLoading:disabled {\n  cursor: default;\n  opacity: 1;\n}\n\n.wb-selectGhost {\n  gap: var(--wb-gap-xs);\n  min-height: 0;\n  height: var(--wb-len-34);\n  padding: 0 var(--wb-len-8);\n  border: none;\n  background: transparent;\n  font-size: var(--wb-font-row);\n}\n\n.wb-selectGhost:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-selectGhost:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n  border-color: transparent;\n  box-shadow: none;\n}\n\n.wb-selectIconOnly {\n  width: var(--wb-len-36);\n  height: var(--wb-len-36);\n  min-height: 0;\n  gap: 0;\n  padding: 0;\n  justify-content: center;\n}\n\n.wb-selectReveal {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.wb-selectIconOnly .wb-selectIcon {\n  width: 100%;\n  height: 100%;\n}\n\n.wb-selectAnchor {\n  display: block;\n  width: 100%;\n}\n\n.wb-selectIcon {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-16);\n  height: var(--wb-len-20);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-selectValue {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-6);\n  line-height: var(--wb-line-20);\n  overflow: hidden;\n}\n\n.wb-selectPlaceholder {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-selectChevron {\n  flex: none;\n  display: inline-flex;\n  color: var(--dsw-alias-label-caption);\n}\n\n.wb-selectMenu {\n  min-width: var(--wb-len-240);\n  max-width: var(--wb-len-360);\n  max-height: min(var(--wb-len-320), calc(100vh - var(--wb-len-24)));\n}\n\n:where(.wb-selectSearch) {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  width: 100%;\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n.wb-selectSearch:focus-within {\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-selectSearch.wb-selectGhost {\n  gap: var(--wb-gap-xs);\n  min-height: 0;\n  height: var(--wb-len-34);\n  padding: 0 var(--wb-len-8);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-selectSearch.wb-selectGhost:focus-within {\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: none;\n}\n\n.wb-selectSearchIcon {\n  flex: none;\n  display: inline-flex;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-textField.wb-selectSearchInput {\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  padding: 0;\n  border: none;\n  background: transparent;\n}\n\n.wb-textField.wb-selectSearchInput:focus {\n  box-shadow: none;\n}\n\n.wb-selectFallback {\n  width: 100%;\n}\n\n.wb-selectHint {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\nsection.wb-settings {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  padding: var(--wb-len-12) var(--wb-len-16);\n  border: 0;\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-settings-card-fill);\n}\n.wb-settingsHead {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n.wb-settings .wb-settingsTitle {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: var(--dsw-font-s-strong-14-font-size);\n  line-height: var(--wb-line-24);\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-stack {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-10);\n  min-height: 0;\n}\n\n.wb-stateBlock {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n}\n.wb-stateBlockTitle {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n}\n.wb-stateBlockHint {\n  margin: 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-stateBlockActions {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  margin-top: var(--wb-len-2);\n}\n.wb-stateBlockResolving {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n._marketList_csyus_1 {\n  list-style: none;\n  margin: 0;\n  padding: var(--wb-len-6);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n}\n\n._marketRow_csyus_10 {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  align-items: center;\n  column-gap: var(--wb-len-14);\n  row-gap: var(--wb-len-4);\n  padding: var(--wb-len-8);\n  border-radius: var(--dsw-radius-lg);\n}\n\n._marketIcon_csyus_20 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-40);\n  height: var(--wb-len-40);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketMain_csyus_32 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n  min-width: 0;\n}\n\n._marketName_csyus_39 {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font: var(--dsw-font-base-strong-16);\n  color: var(--dsw-alias-label-primary);\n}\n\n._marketDesc_csyus_48 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketUsedBy_csyus_59 {\n  margin-left: var(--wb-len-8);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  opacity: 0.75;\n}\n\n._marketUsedBy_csyus_59::before {\n  content: '·';\n  margin-right: var(--wb-len-6);\n  opacity: 0.8;\n}\n\n._marketName_csyus_39 ._marketVersion_csyus_73 {\n  margin-left: var(--wb-len-6);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  font-weight: 400;\n  line-height: var(--wb-line-18);\n}\n\n._marketVersion_csyus_73 {\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-caption);\n}\n\n._marketVersion_csyus_73::before {\n  content: '';\n  display: inline-block;\n  width: var(--wb-len-1);\n  height: var(--wb-len-10);\n  margin: 0 var(--wb-len-8) 0 var(--wb-len-2);\n  vertical-align: -1px;\n  background: var(--dsw-alias-border-l2);\n}\n\n._marketLocalTag_csyus_95 {\n  margin-left: var(--wb-len-8);\n  padding: 0 var(--wb-len-6);\n  border: var(--wb-len-1) solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  font-weight: 400;\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-caption);\n}\n\n._marketEnd_csyus_106 {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-10);\n}\n\n._marketSwitchSeat_csyus_113 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-10);\n}\n\n._marketSwitchSeat_csyus_113::before {\n  content: '';\n  width: 0;\n  height: var(--wb-len-14);\n  border-left: 0.5px solid var(--dsw-alias-border-l3);\n}\n\n._marketActions_csyus_126 {\n  flex: none;\n  display: flex;\n  gap: var(--wb-len-6);\n}\n\n._marketUpdateAction_csyus_132 {\n  color: var(--dsw-alias-state-warn-primary);\n  border-color: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 30%, transparent);\n  --dsw-alias-interactive-bg-hover: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 8%, transparent);\n}\n\n._marketSelfDivider_csyus_138 {\n  height: 0;\n  border-top: 0.5px solid var(--dsw-alias-border-l3);\n}\n\n._marketSection_csyus_143 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  min-width: 0;\n}\n\n._marketSectionHead_csyus_150 {\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-8);\n}\n\n._marketSectionIcon_csyus_156 {\n  display: inline-flex;\n  align-items: center;\n  align-self: center;\n  color: var(--dsw-alias-label-caption);\n}\n\n._marketSectionTitle_csyus_163 {\n  margin: 0;\n  font: var(--dsw-font-base-strong-16);\n  color: var(--dsw-alias-label-primary);\n}\n\n._marketSectionCount_csyus_169 {\n  font: var(--dsw-font-s-14);\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-caption);\n}\n\n\n._marketProgress_csyus_176 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  min-height: var(--wb-len-32);\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketNote_csyus_186 {\n  grid-column: 2 / -1;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-state-warn-primary);\n  overflow-wrap: anywhere;\n}\n\n._marketNotePlain_csyus_193 {\n  grid-column: 2 / -1;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-caption);\n  overflow-wrap: anywhere;\n}\n\n._marketFailure_csyus_201 {\n  grid-column: 2 / -1;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n._marketEmpty_csyus_208 {\n  padding: var(--wb-len-18) var(--wb-len-16);\n  text-align: center;\n}\n\n._marketPage_csyus_213 {\n  box-sizing: border-box;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-32);\n  padding: 0 clamp(var(--wb-len-24), 4vw, var(--wb-len-48)) var(--wb-len-48);\n  overflow-x: hidden;\n  overflow-y: auto;\n  color: var(--dsw-alias-label-primary);\n}\n\n._marketPage_csyus_213 > * {\n  width: 100%;\n  max-width: var(--wb-len-960);\n}\n\n._marketPageHead_csyus_231 {\n  box-sizing: border-box;\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-16);\n  padding-top: var(--wb-len-28);\n}\n\n._marketPageTitle_csyus_239 {\n  margin: 0;\n  font: var(--dsw-font-l-20);\n}\n\n._marketPageIntro_csyus_244 {\n  margin: var(--wb-len-4) 0 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketPageTools_csyus_250 {\n  flex: none;\n  align-self: center;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-16);\n}\n\n._marketIconButton_csyus_259 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-28);\n  height: var(--wb-len-28);\n  padding: 0;\n  border: 0;\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  color: var(--dsw-alias-label-caption);\n  cursor: pointer;\n}\n\n._marketIconButton_csyus_259:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketIconButton_csyus_259:disabled {\n  cursor: default;\n  opacity: 0.5;\n}\n\n._marketIconWrap_csyus_284 {\n  display: inline-flex;\n}\n\n._marketIconButtonSpinning_csyus_288 svg {\n  animation: _wb-spin_csyus_1 var(--wb-dur-0-9) linear infinite;\n}\n\n._marketAddButton_csyus_292 {\n  height: var(--wb-len-32);\n  padding: 0 var(--wb-len-12);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  border-radius: var(--dsw-radius-md);\n}\n\n._marketEmpty_csyus_208 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-64) var(--wb-len-16);\n  text-align: center;\n}\n\n._marketChecking_csyus_309 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketEmptyTitle_csyus_317 {\n  font: var(--dsw-font-base-strong-16);\n  color: var(--dsw-alias-label-primary);\n}\n\n@keyframes _wb-spin_csyus_1 {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n._foot_1ud1j_1 {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-8) var(--wb-len-14) var(--wb-len-10);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._footText_1ud1j_13 {\n  flex: 1;\n  min-width: 0;\n}\n\n._footTextMd_1ud1j_18 {\n  flex: 1;\n  min-width: 0;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n._wide_1lv8f_1 {\n  justify-content: center;\n  width: 100%;\n  height: var(--wb-len-40);\n  border-radius: var(--dsw-radius-md);\n}\n\n._dialog_1lv8f_8 {\n  width: min(var(--wb-len-560), 100%);\n  max-height: min(var(--wb-len-800), 100%);\n}\n\n._content_1lv8f_13 {\n  min-height: 0;\n  overflow: auto;\n}\n\n._stack_1lv8f_18 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n\n._body_1lv8f_25 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n\n._field_1lv8f_32 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  font-size: var(--dsw-font-xs-13-font-size);\n}\n\n._input_1lv8f_39 {\n  width: 100%;\n  height: var(--wb-len-40);\n  padding: 0 var(--wb-len-14);\n}\n\n._registryField_1lv8f_45 {\n  height: var(--wb-len-32);\n  margin-left: var(--wb-len-26);\n  padding: 0 var(--wb-len-10);\n}\n\n._options_1lv8f_51 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wb-len-8) var(--wb-len-12);\n}\n\n._guideToggle_1lv8f_59 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n  align-self: flex-start;\n  margin-top: var(--wb-len-4);\n  padding: 0;\n  border: 0;\n  background: transparent;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n._guideToggle_1lv8f_59:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n._guideToggle_1lv8f_59 svg,\n._registryToggle_1lv8f_78 svg {\n  transition: transform var(--wb-dur-0-12) ease;\n}\n\n._guideToggle_1lv8f_59[aria-expanded='true'] svg,\n._registryToggle_1lv8f_78[aria-expanded='true'] svg {\n  transform: rotate(180deg);\n}\n\n._registryWrap_1lv8f_87 {\n  position: relative;\n  flex: none;\n}\n\n._registryToggle_1lv8f_78 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  height: var(--wb-len-26);\n  padding: 0 var(--wb-len-8) 0 var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-2);\n  font: inherit;\n  font-size: var(--wb-font-12-5);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n._registryToggle_1lv8f_78:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n._registryToggle_1lv8f_78:disabled {\n  cursor: default;\n  opacity: 0.6;\n}\n\n._registryToggle_1lv8f_78[aria-expanded='true'] {\n  border-color: var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n._registryChosen_1lv8f_121 {\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n._registry_1lv8f_45 {\n  position: fixed;\n  z-index: var(--wb-z-1100);\n  box-sizing: border-box;\n  width: min(var(--wb-len-440), 100vw - var(--wb-len-24));\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n  margin: 0;\n  padding: var(--wb-len-8) var(--wb-len-10) var(--wb-len-12);\n  border: 0;\n  border-radius: var(--dsw-radius-lg);\n  background: var(--dsw-alias-bg-layer-2);\n  --dsw-elevation-stroke-color: var(--dsw-alias-border-l3);\n  box-shadow: var(--dsw-elevation-prominent);\n}\n\n._registryOption_1lv8f_143 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n  padding: var(--wb-len-8) var(--wb-len-10);\n  border: 0.5px solid transparent;\n  border-radius: var(--dsw-radius-lg);\n  cursor: pointer;\n}\n\nlabel._registryOption_1lv8f_143 {\n  flex-direction: row;\n  align-items: flex-start;\n  gap: var(--wb-len-10);\n}\n\n._registryPick_1lv8f_159 {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-10);\n  cursor: pointer;\n}\n\n._registryOption_1lv8f_143[data-checked='true'] {\n  border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 40%, transparent);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n._registryOption_1lv8f_143 input[type='radio'] {\n  flex: none;\n  width: var(--wb-len-16);\n  height: var(--wb-len-16);\n  margin: var(--wb-len-2) 0 0;\n  accent-color: var(--dsw-alias-brand-primary);\n}\n\n._registryTitle_1lv8f_179 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wb-len-8);\n  font: var(--dsw-font-xs-13);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-primary);\n}\n\n._registryHint_1lv8f_189 {\n  margin-left: var(--wb-len-26);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n  overflow-wrap: anywhere;\n}\n\n._inputError_1lv8f_197 {\n  margin: var(--wb-len-neg-4) 0 0 var(--wb-len-26);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._guide_1lv8f_59 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-10);\n  padding: var(--wb-len-8) var(--wb-len-14) var(--wb-len-14);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-lg);\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n._guideList_1lv8f_214 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n._guideItem_1lv8f_223 {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-10);\n  padding: var(--wb-len-8) 0;\n}\n\n._guideIndex_1lv8f_230 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-20);\n  height: var(--wb-len-20);\n  border-radius: var(--wb-radius-pill);\n  corner-shape: round;\n  background: var(--dsw-alias-bg-module-platform);\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._guideMain_1lv8f_244 {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  gap: 0;\n  min-width: 0;\n}\n\n._guideTitle_1lv8f_252 {\n  font: var(--dsw-font-s-14);\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n._guideHint_1lv8f_258 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-caption);\n}\n\n._guideExample_1lv8f_264 {\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._guideExample_1lv8f_264 code {\n  font-family: var(--dsw-font-mono, monospace);\n}\n\n._guideExampleLabel_1lv8f_274 {\n  color: var(--dsw-alias-label-caption);\n}\n\n._footer_1lv8f_278 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-20);\n  width: 100%;\n}\n\n._hero_1lv8f_285 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-10);\n  padding: var(--wb-len-8) 0 var(--wb-len-4);\n  text-align: center;\n}\n\n._heroIcon_1lv8f_294 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-44);\n  height: var(--wb-len-44);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._heroIcon_1lv8f_294[data-state='done'] {\n  color: var(--dsw-alias-state-success-secondary);\n}\n\n._heroIcon_1lv8f_294[data-state='error'] {\n  color: var(--dsw-alias-state-warn-label);\n}\n\n._pendingTitle_1lv8f_311 {\n  margin: 0;\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-22);\n  font-weight: 500;\n  color: var(--dsw-alias-label-secondary);\n}\n\n._wizardTitle_1lv8f_319 {\n  margin: 0;\n  font-size: var(--wb-font-18);\n  line-height: var(--wb-len-26);\n  font-weight: 600;\n}\n\n._subject_1lv8f_326 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-16);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-lg);\n  text-align: center;\n}\n\n._subjectName_1lv8f_337 {\n  margin: 0;\n  font: var(--dsw-font-base-strong-16);\n  overflow-wrap: anywhere;\n}\n\n._subjectMeta_1lv8f_343,\n._subjectDesc_1lv8f_344 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._result_1lv8f_351,\n._resultWarn_1lv8f_352 {\n  margin: 0;\n  padding: var(--wb-len-8) var(--wb-len-12);\n  border-radius: var(--dsw-radius-md);\n  background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent);\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-primary);\n}\n\n._resultWarn_1lv8f_352 {\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);\n}\n\n._resultMeta_1lv8f_365 {\n  margin: 0;\n  padding: 0 var(--wb-len-12);\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._approval_1lv8f_373 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-12) var(--wb-len-14);\n  border: 0.5px solid var(--dsw-alias-state-warn-primary);\n  border-radius: var(--dsw-radius-lg);\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 8%, transparent);\n}\n\n._approvalTitle_1lv8f_383 {\n  margin: 0;\n  font: var(--dsw-font-s-14);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._approvalText_1lv8f_390 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._approvalCaution_1lv8f_396 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  font-weight: 600;\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._note_1lv8f_403 {\n  margin: 0;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._noteWarn_1lv8f_410 {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._noteError_1lv8f_414 {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._problem_1lv8f_418 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n._detailLabel_1lv8f_425 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-caption);\n}\n\n._detail_1lv8f_425 {\n  margin: 0;\n  padding: var(--wb-len-8) var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-3);\n  font-family: var(--dsw-font-mono, monospace);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n}\n._note_1enlz_1 {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-8);\n  margin: 0;\n  padding: var(--wb-len-10) var(--wb-len-12);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-state-warn-tertiary);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._note_1enlz_1 > svg {\n  flex: none;\n  margin-top: var(--wb-len-2);\n  color: var(--dsw-alias-state-warn-primary);\n}\n._slot_1t7dx_1 {\n  display: flex;\n  flex: 0 0 100%;\n  min-width: 0;\n}\n\n._slot_1t7dx_1 > * {\n  flex: 0 0 100%;\n  min-width: 0;\n}\n\n._action_1t7dx_12 {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex: 1 1 0;\n  width: 100%;\n  min-width: 0;\n  min-height: var(--wb-len-36);\n  margin: 0 var(--wb-len-2);\n  padding: var(--wb-len-7) var(--wb-len-8);\n  border-radius: var(--dsw-radius-md);\n  cursor: default;\n  overflow: hidden;\n  gap: var(--wb-len-4);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n}\n\n._live_1t7dx_31 {\n  color: var(--dsw-alias-state-success-primary);\n}\n\n._paused_1t7dx_35 {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._trouble_1t7dx_39 {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._pulse_1t7dx_43 {\n  animation: _wb-debug-breathe_1t7dx_1 var(--wb-dur-1-5) var(--ds-ease-in-out, ease-in-out) infinite;\n}\n\n@keyframes _wb-debug-breathe_1t7dx_1 {\n  0%,\n  100% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.35;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  ._pulse_1t7dx_43 {\n    animation: none;\n  }\n}\n\n._entry_1t7dx_64 {\n  display: flex;\n  align-items: center;\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n._entryInner_1t7dx_71 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._acts_1t7dx_78 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n  flex: none;\n}\n\n._act_1t7dx_12 {\n  appearance: none;\n  border: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: 0;\n  border-radius: var(--dsw-radius-sm, var(--wb-len-6));\n  flex: none;\n  cursor: pointer;\n}\n\n._act_1t7dx_12:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._act_1t7dx_12:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}\n\n._actStop_1t7dx_110:hover,\n._actStop_1t7dx_110:focus-visible {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._actArmed_1t7dx_115,\n._actArmed_1t7dx_115:hover,\n._actArmed_1t7dx_115:focus-visible {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent);\n  width: auto;\n  color: var(--dsw-alias-state-error-primary);\n  gap: var(--wb-len-4);\n  padding: 0 var(--wb-len-7);\n}\n\n._actLabel_1t7dx_125 {\n  white-space: nowrap;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-18);\n}\n\n._entryLine_1t7dx_131 {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._actionRail_1t7dx_138 {\n  justify-content: center;\n  flex: none;\n  width: var(--wb-len-36);\n  min-width: var(--wb-len-36);\n  height: var(--wb-len-36);\n  margin: 0;\n  padding: 0;\n  corner-shape: round;\n  border-radius: 50%;\n}\n\n._card_1t7dx_150 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n}\n\n._cardTitle_1t7dx_156 {\n  color: var(--dsw-alias-label-primary);\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-20);\n}\n\n._cardNote_1t7dx_162 {\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n}\n._slot_1gkj9_1 {\n  display: flex;\n  flex: 0 0 100%;\n  min-width: 0;\n}\n\n._slot_1gkj9_1 > * {\n  flex: 0 0 100%;\n  min-width: 0;\n}\n\n._action_1gkj9_12 {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex: 1 1 0;\n  width: 100%;\n  min-width: 0;\n  min-height: var(--wb-len-36);\n  margin: 0 var(--wb-len-2);\n  padding: var(--wb-len-7) var(--wb-len-8);\n  border-radius: var(--dsw-radius-md);\n  cursor: default;\n  overflow: hidden;\n  gap: var(--wb-len-4);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n}\n\n._live_1gkj9_31 {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._done_1gkj9_35 {\n  color: var(--dsw-alias-state-success-primary);\n}\n\n._pulse_1gkj9_39 {\n  animation: _wb-record-breathe_1gkj9_1 var(--wb-dur-1-5) var(--ds-ease-in-out, ease-in-out) infinite;\n}\n\n@keyframes _wb-record-breathe_1gkj9_1 {\n  0%,\n  100% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.35;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  ._pulse_1gkj9_39 {\n    animation: none;\n  }\n}\n\n._entry_1gkj9_60 {\n  display: flex;\n  align-items: center;\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n._entryInner_1gkj9_67 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._acts_1gkj9_74 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n  flex: none;\n}\n\n._act_1gkj9_12 {\n  appearance: none;\n  border: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--wb-len-22);\n  padding: 0 var(--wb-len-7);\n  border-radius: var(--dsw-radius-sm, var(--wb-len-6));\n  flex: none;\n  cursor: pointer;\n  white-space: nowrap;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-18);\n}\n\n._act_1gkj9_12:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._act_1gkj9_12:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}\n\n._entryLine_1gkj9_108 {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._actionRail_1gkj9_115 {\n  justify-content: center;\n  flex: none;\n  width: var(--wb-len-36);\n  min-width: var(--wb-len-36);\n  height: var(--wb-len-36);\n  margin: 0;\n  padding: 0;\n  corner-shape: round;\n  border-radius: 50%;\n}\n\n._card_1gkj9_127 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n}\n\n._cardTitle_1gkj9_133 {\n  color: var(--dsw-alias-label-primary);\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-20);\n}\n\n._cardNote_1gkj9_139 {\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n}\n._body_lw2ph_1 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n}\n\n._lead_lw2ph_7 {\n  margin: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._sources_lw2ph_14 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n\n._sourcesLabel_lw2ph_21 {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  color: var(--dsw-alias-label-secondary);\n}\n\nbutton._sourceOn_lw2ph_26 {\n  border-color: var(--dsw-alias-brand-primary);\n}\n._sourceCount_lw2ph_29 {\n  margin-left: var(--wb-len-4);\n  font-variant-numeric: tabular-nums;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._reading_lw2ph_36 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n}\n\n._status_lw2ph_42 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._failure_lw2ph_52 {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  column-gap: var(--wb-len-10);\n  row-gap: var(--wb-len-2);\n  color: var(--dsw-alias-state-error-primary);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n}\n\n._failureTitle_lw2ph_62 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._failureHint_lw2ph_69 {\n  grid-column: 1;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._failureAction_lw2ph_74 {\n  grid-column: 2;\n  grid-row: 1;\n  justify-self: end;\n}\n\n._rows_lw2ph_80 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n._row_lw2ph_80 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-12) var(--wb-len-14);\n  border: 0.5px solid var(--dsw-alias-settings-card-stroke);\n  border-radius: var(--dsw-radius-xl);\n  background: var(--dsw-alias-settings-card-fill);\n}\n\n._head_lw2ph_99 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  min-width: 0;\n}\n\n._pick_lw2ph_106 {\n  flex: 0 1 auto;\n  min-width: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n}\n\n._pick_lw2ph_106 > span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._code_lw2ph_118 {\n  --dsl-code-block-background: var(--dsw-alias-bg-layer-1);\n  margin: 0;\n}\n\n._missing_lw2ph_123,\n._conflict_lw2ph_124 {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._foot_lw2ph_130 {\n  display: flex;\n  justify-content: flex-end;\n}\n._actions_jlw8j_1[hidden],\n._progress_jlw8j_2[hidden],\n._commandRow_jlw8j_3[hidden],\n._bridge_jlw8j_4[hidden],\n._raw_jlw8j_5[hidden] {\n  display: none;\n}\n\n._gate_jlw8j_9 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--wb-z-top);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--wb-len-24);\n  background: var(--dsw-alias-bg-base);\n}\n\n._card_jlw8j_20 {\n  width: 100%;\n  max-width: var(--wb-len-420);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-16);\n  text-align: center;\n}\n\n._card_jlw8j_20:has(._actions_jlw8j_1:not([hidden])),\n._card_jlw8j_20:has(._bridge_jlw8j_4:not([hidden])) {\n  max-width: var(--wb-len-520);\n}\n\n._title_jlw8j_35 {\n  margin: 0;\n  font-size: var(--dsw-font-base-16-font-size);\n  line-height: var(--wb-line-24);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._hint_jlw8j_43 {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._steps_jlw8j_50 {\n  list-style: none;\n  margin: var(--wb-len-6) 0 0;\n  padding: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  text-align: left;\n}\n\n._step_jlw8j_50 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-6) var(--wb-len-10);\n  border-radius: var(--dsw-radius-sm);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n._step_jlw8j_50[data-status='running'] {\n  color: var(--dsw-alias-label-primary);\n}\n\n._mark_jlw8j_77 {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-14);\n  height: var(--wb-len-14);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n\n._step_jlw8j_50[data-status='ok'] ._mark_jlw8j_77 {\n  color: var(--dsw-alias-state-success-primary);\n}\n\n._step_jlw8j_50[data-status='warn'] ._mark_jlw8j_77 {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._step_jlw8j_50[data-status='failed'] ._mark_jlw8j_77 {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._label_jlw8j_102 {\n  flex: none;\n}\n\n._detail_jlw8j_106 {\n  margin-left: auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._progress_jlw8j_2 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--wb-len-8);\n  margin-top: var(--wb-len-4);\n  max-width: 100%;\n}\n\n._elapsed_jlw8j_124 {\n  flex: none;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n\n._error_jlw8j_132 {\n  margin: 0;\n  padding: var(--wb-len-8) var(--wb-len-10);\n  max-height: var(--wb-len-120);\n  overflow: auto;\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-1);\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  white-space: pre-wrap;\n  word-break: break-all;\n  text-align: left;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._commandRow_jlw8j_3 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n  margin: 0 0 var(--wb-len-8);\n  padding-right: var(--wb-len-4);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n._copy_jlw8j_158 {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-24);\n  height: var(--wb-len-24);\n  padding: 0;\n  border: none;\n  border-radius: var(--wb-radius-6);\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n._copy_jlw8j_158:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n._command_jlw8j_3 {\n  flex: 1;\n  min-width: 0;\n  padding: var(--wb-len-8) var(--wb-len-10);\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  overflow-wrap: anywhere;\n  color: var(--dsw-alias-label-primary);\n}\n\n._buttons_jlw8j_191 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--wb-len-12);\n}\n\n._mockSlot_jlw8j_198 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  justify-content: center;\n  background: var(--dsw-alias-bg-base);\n}\n\n._button_jlw8j_191 {\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--wb-len-28);\n  padding: 0 var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n}\n\n._button_jlw8j_191:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._button_jlw8j_191:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n._actions_jlw8j_1,\n._bridge_jlw8j_4 {\n  box-sizing: border-box;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--wb-len-10);\n  margin-top: var(--wb-len-4);\n  padding: var(--wb-len-14) var(--wb-len-16);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--wb-radius-14);\n  background: var(--dsw-alias-bg-layer-1);\n  text-align: left;\n}\n\n._fixTitle_jlw8j_249 {\n  margin: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._actions_jlw8j_1 ._hint_jlw8j_43,\n._bridge_jlw8j_4 ._hint_jlw8j_43 {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-19);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._actions_jlw8j_1 ._commandRow_jlw8j_3,\n._bridge_jlw8j_4 ._commandRow_jlw8j_3 {\n  margin: 0;\n}\n\n._actions_jlw8j_1 ._buttons_jlw8j_191,\n._bridge_jlw8j_4 ._buttons_jlw8j_191 {\n  justify-content: flex-start;\n}\n\n._raw_jlw8j_5 {\n  margin: 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._rawSummary_jlw8j_282 {\n  cursor: pointer;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._actions_jlw8j_1 ._error_jlw8j_132,\n._bridge_jlw8j_4 ._error_jlw8j_132 {\n  margin-top: var(--wb-len-6);\n}\n\n._bridgeLines_jlw8j_292 {\n  margin: 0;\n  padding-left: var(--wb-len-18);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-19);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._bridgeLine_jlw8j_292 a {\n  display: block;\n  margin-top: var(--wb-len-4);\n  width: fit-content;\n}\n\n._link_jlw8j_309 {\n  color: var(--dsw-alias-label-primary);\n  text-decoration: none;\n}\n\n._link_jlw8j_309::after {\n  content: '↗';\n  margin-left: var(--wb-len-2);\n}\n\n._link_jlw8j_309:hover {\n  text-decoration: underline;\n}\n\n._loading_jlw8j_323 {\n  flex: none;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._loading_jlw8j_323[hidden] {\n  display: none;\n}\n\n._loadingMotion_jlw8j_332 {\n  transform-origin: center;\n  animation: _wb-spin_jlw8j_1 var(--wb-dur-1-5) linear infinite;\n}\n\n._loadingTrack_jlw8j_337,\n._loadingArc_jlw8j_338 {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n}\n\n._loadingTrack_jlw8j_337 {\n  opacity: 0.25;\n}\n\n._loadingArc_jlw8j_338 {\n  stroke-dasharray: 12 150;\n  animation: _wb-dash_jlw8j_1 var(--wb-dur-1-5) ease-in-out infinite;\n}\n\n@keyframes _wb-spin_jlw8j_1 {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes _wb-dash_jlw8j_1 {\n  0% {\n    stroke-dasharray: 12 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 24 150;\n    stroke-dashoffset: -6;\n  }\n  to {\n    stroke-dasharray: 12 150;\n    stroke-dashoffset: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  ._loadingMotion_jlw8j_332,\n  ._loadingArc_jlw8j_338 {\n    animation: none;\n  }\n}\n._group_1hxis_1 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n}\n\n._button_1hxis_7 {\n  flex: none;\n  width: var(--wb-len-28);\n  height: var(--wb-len-28);\n  padding: 0;\n  color: var(--dsw-alias-label-secondary);\n}\n\n._button_1hxis_7:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n._active_1hxis_19 {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._icon_1hxis_23 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n._icon_1hxis_23 svg {\n  display: block;\n  width: var(--wb-len-15);\n  height: var(--wb-len-15);\n}\n\n._mirror_1hxis_35 {\n  transform: scaleX(-1);\n}\n._stripTabs_1dqp4_1 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n  min-width: 0;\n  overflow: hidden;\n}\n\n._tab_1dqp4_9 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  flex: none;\n  height: var(--wb-len-28);\n  padding: 0 var(--wb-len-10);\n  border: 0;\n  border-radius: var(--dsw-radius-sm);\n  background: none;\n  font: inherit;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-16);\n  max-width: 100%;\n}\n\n._tabActive_1dqp4_25 {\n  color: var(--dsw-alias-label-primary);\n}\n\n._tabQuiet_1dqp4_29 {\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n._tabQuiet_1dqp4_29:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._tabTitle_1dqp4_39 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._sep_1dqp4_49 {\n  flex: none;\n  color: var(--dsw-alias-label-dimmed);\n}\n._trigger_15ptp_1 {\n  display: flex;\n  align-items: center;\n}\n\n._pop_15ptp_6 {\n  position: absolute;\n  top: calc(var(--wb-len-38) + var(--wb-len-8));\n  right: var(--wb-len-6);\n  z-index: var(--wb-z-30);\n  width: min(var(--wb-len-360), calc(100% - var(--wb-len-12)));\n  max-width: calc(100vw - var(--wb-len-48));\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--wb-radius-14);\n  background: var(--dsw-alias-bg-layer-2);\n  box-shadow: var(--dsw-shadow-lv3);\n  overflow: hidden;\n}\n\n._head_15ptp_20 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-10) var(--wb-len-12) var(--wb-len-9) var(--wb-len-14);\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n._title_15ptp_28 {\n  flex: 1;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._rowControls_15ptp_36 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n\n._reset_15ptp_43 {\n  flex: none;\n  padding: var(--wb-len-3) var(--wb-len-8);\n  border: none;\n  border-radius: var(--wb-radius-6);\n  background: transparent;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n._reset_15ptp_43:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n._reset_15ptp_43:disabled {\n  cursor: default;\n  opacity: 0.5;\n}\n\n._list_15ptp_65 {\n  list-style: none;\n  margin: 0;\n  padding: var(--wb-len-6);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n}\n\n._row_15ptp_36 {\n  position: relative;\n  display: grid;\n  grid-template-columns: 12px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-7) var(--wb-len-8);\n  border-radius: var(--dsw-radius-sm);\n  cursor: default;\n}\n\n._rowDragging_15ptp_85 {\n  cursor: grabbing;\n}\n\n._rowBlocked_15ptp_89 {\n  cursor: not-allowed;\n}\n\n._listDragging_15ptp_93 ._rowControls_15ptp_36 {\n  pointer-events: none;\n}\n\n._row_15ptp_36:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._rowOff_15ptp_101 {\n  opacity: 0.55;\n}\n\n._rowOff_15ptp_101:hover {\n  opacity: 1;\n}\n\n._rowOver_15ptp_109::before {\n  content: '';\n  position: absolute;\n  top: var(--wb-len-neg-3);\n  left: var(--wb-len-8);\n  right: var(--wb-len-8);\n  height: var(--wb-len-2);\n  background: var(--dsw-alias-brand-primary);\n}\n\n._ghost_15ptp_119 {\n  position: fixed;\n  z-index: var(--wb-z-40);\n  pointer-events: none;\n  padding: var(--wb-len-4) var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: var(--wb-static-shadow-ghost);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n  white-space: nowrap;\n}\n\n._grip_15ptp_134 {\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  text-align: center;\n  color: var(--dsw-alias-label-tertiary);\n  user-select: none;\n  cursor: grab;\n  touch-action: none;\n}\n\n._gripDragging_15ptp_144 {\n  cursor: grabbing;\n}\n\n._gripBlocked_15ptp_148 {\n  cursor: not-allowed;\n}\n\n._label_15ptp_152 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._name_15ptp_159 {\n  min-width: 0;\n  flex: 0 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n}\n\n._error_15ptp_170 {\n  margin: 0;\n  padding: 0 var(--wb-len-14) var(--wb-len-10);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._dep_15ptp_178 {\n  flex: none;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  white-space: nowrap;\n}\n\n._group_15ptp_186 {\n  padding-top: var(--wb-len-6);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n._groupTitle_15ptp_191 {\n  margin: 0;\n  padding: var(--wb-len-2) var(--wb-len-8) 0 var(--wb-len-14);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  font-weight: 400;\n  color: var(--dsw-alias-label-tertiary);\n}\n._panel_1whum_1 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  z-index: var(--wb-z-10);\n  visibility: hidden;\n}\n\n._panel_1whum_1[data-fullscreen] {\n  z-index: var(--wb-z-40);\n}\n\n._panel_1whum_1[data-open] {\n  visibility: visible;\n}\n\n._columns_1whum_18 {\n  display: block;\n  column-gap: var(--wb-len-12);\n}\n\n._cell_1whum_23 {\n  display: flow-root;\n  min-width: 0;\n  break-inside: avoid;\n  margin-bottom: var(--wb-len-12);\n}\n._root_1cmz0_1 {\n  position: relative;\n  flex: none;\n  margin: 0 var(--wb-len-2) var(--wb-len-4);\n}\n\n._rail_1cmz0_7 {\n  margin: 0 0 var(--wb-len-4);\n}\n\n._glyphBox_1cmz0_11 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n\n._glyph_1cmz0_11 {\n  position: relative;\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-16);\n  height: var(--wb-len-20);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._glyphActive_1cmz0_30 {\n  color: var(--dsw-alias-state-business-primary);\n}\n\n._triggerName_1cmz0_34 {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-6);\n  font-size: var(--wb-font-row);\n  line-height: var(--wb-line-20);\n  overflow: hidden;\n}\n\n._dir_1cmz0_45 {\n  flex: 0 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._name_1cmz0_53 {\n  flex: 0 1 auto;\n  max-width: 50%;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._triggerName_1cmz0_34 ._name_1cmz0_53 {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._row_1cmz0_66 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  width: 100%;\n  min-width: 0;\n}\n\n._trailing_1cmz0_74 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-20);\n  height: var(--wb-len-20);\n  margin-inline-start: auto;\n}\n\n._trailing_1cmz0_74 ._rowAction_1cmz0_84 {\n  width: var(--wb-len-20);\n  min-width: var(--wb-len-20);\n  height: var(--wb-len-20);\n  min-height: var(--wb-len-20);\n  padding: 0;\n  border-radius: var(--dsw-radius-sm);\n}\n\n._row_1cmz0_66 ._name_1cmz0_53 {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._current_1cmz0_97 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  color: var(--dsw-alias-label-primary);\n}\n._dot_sosf1_1 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n._overlay_sosf1_8 {\n  position: absolute;\n  inset-block-start: var(--wb-len-neg-3);\n  inset-inline-end: var(--wb-len-neg-3);\n}\n._tag_g9dg8_1 {\n  flex: none;\n  margin-inline-start: auto;\n}\n._dialog_1vye5_1 {\n  width: min(var(--wb-len-420), 100%);\n}\n\n._stack_1vye5_5 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  min-width: 0;\n}\n\n._input_1vye5_12 {\n  width: 100%;\n  height: var(--wb-len-40);\n  padding: 0 var(--wb-len-12);\n}\n\n._meta_1vye5_18 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n._blocker_1oaj0_1 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-20) var(--wb-len-16);\n  text-align: center;\n}\n\n._icon_1oaj0_10 {\n  display: flex;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._title_1oaj0_15 {\n  margin: var(--wb-len-2) 0 0;\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-22);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._hint_1oaj0_23 {\n  margin: 0;\n  max-width: var(--wb-len-42em);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n  text-wrap: pretty;\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 {\n  align-items: flex-start;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-4) 0 var(--wb-len-2);\n  text-align: left;\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._title_1oaj0_15 {\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._hint_1oaj0_23 {\n  max-width: 100%;\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._actions_1oaj0_48 {\n  margin-top: var(--wb-len-8);\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._raw_1oaj0_52 {\n  margin-top: var(--wb-len-4);\n  max-width: 100%;\n}\n\n._actions_1oaj0_48 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-10);\n  margin-top: var(--wb-len-6);\n}\n\n._raw_1oaj0_52 {\n  margin-top: var(--wb-len-10);\n  width: 100%;\n  max-width: var(--wb-len-360);\n  text-align: left;\n}\n\n._notice_1oaj0_71 {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: start;\n  column-gap: var(--wb-len-10);\n  margin: 0 0 var(--wb-len-10);\n  padding: var(--wb-len-10) var(--wb-len-12);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-left: 2px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n._notice_1oaj0_71._noticeFlat_1oaj0_84 {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n}\n\n._noticeText_1oaj0_91 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-3);\n  min-width: 0;\n}\n\n._noticeTitle_1oaj0_98 {\n  font-size: var(--wb-font-12-5);\n  line-height: var(--wb-line-18);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._noticeHint_1oaj0_105 {\n  font-size: var(--wb-font-11-5);\n  line-height: var(--wb-line-17);\n  color: var(--dsw-alias-label-tertiary);\n  overflow-wrap: anywhere;\n}\n\n._noticeActions_1oaj0_112 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin-top: var(--wb-len-neg-2);\n}\n\n._failure_1oaj0_119 {\n  margin: var(--wb-len-8) 0 0;\n  font-size: var(--wb-font-11-5);\n  line-height: var(--wb-line-17);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n._failureDetail_1oaj0_127 {\n  display: block;\n  margin-top: var(--wb-len-2);\n  color: var(--dsw-alias-label-tertiary);\n  white-space: pre-wrap;\n}\n\n._inlineAction_1oaj0_134 {\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n}\n\n._inlineAction_1oaj0_134:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n._rawText_1oaj0_146 {\n  margin: var(--wb-len-6) 0 0;\n  max-width: 100%;\n}\n/*$vite$:1*/";
+      var COMPONENT_CSS_MARKER = "\n.wb-activityBlock {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  padding-top: var(--wb-len-10);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.wb-activityBlock:first-child {\n  padding-top: 0;\n  border-top: none;\n}\n\n.wb-activityBlockHead {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wb-len-8);\n}\n\n.wb-activityLine {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-activityLineText {\n  flex: none;\n  min-width: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n  max-height: var(--wb-len-72);\n  overflow-y: auto;\n}\n\n.wb-activityLineAt {\n  flex: none;\n  margin-left: auto;\n  font-size: var(--wb-font-10);\n  line-height: var(--wb-line-16);\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-activityLine > .wb-activityLineAt,\n.wb-activityLine > .wb-activityLineActions {\n  margin-left: auto;\n}\n\n.wb-activityLine > .wb-activityLineAt + .wb-activityLineActions {\n  margin-left: 0;\n}\n\n.wb-activityLineActions {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n}\n\n.wb-activityActionFailed {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-note {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-problem {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-approvalCommand {\n  max-width: 100%;\n}\n.wb-approvalPlan {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n}\n.wb-approvalHint {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n.wb-approvalRows {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  margin: 0;\n}\n.wb-approvalRow {\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-8);\n}\n.wb-approvalLabel {\n  flex: none;\n  width: var(--wb-len-56);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-approvalValue {\n  margin: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n  overflow-wrap: anywhere;\n}\n.wb-approvalWarn {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-cardHead {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  flex: none;\n  padding: var(--wb-len-8) var(--wb-len-10) var(--wb-len-8) var(--wb-card-gutter);\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-cardTitle {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-cardMeta {\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-cardMeta::before {\n  content: '\\00b7';\n  margin-right: var(--wb-len-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardOpen {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  margin-left: auto;\n  flex: none;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: var(--wb-len-4);\n  border-radius: var(--wb-radius-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardOpen ~ .wb-cardRefresh {\n  margin-left: 0;\n}\n\n.wb-cardOpen:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-cardRefresh {\n  margin-left: auto;\n  flex: none;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: var(--wb-len-4);\n  border-radius: var(--wb-radius-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardRefresh:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-cardRefresh:disabled {\n  cursor: default;\n  opacity: 1;\n}\n\n.wb-cardGear {\n  flex: none;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: var(--wb-len-3);\n  border-radius: var(--wb-radius-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardGear:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-card {\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-xl);\n  background: var(--dsw-alias-bg-layer-1);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  flex: none;\n}\n.wb-cardBody {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  padding: var(--wb-len-12) var(--wb-card-gutter);\n  font-size: var(--dsw-font-xxs-12-font-size);\n}\n.wb-cardBleed {\n  margin-inline: calc(-1 * var(--wb-card-gutter));\n}\n._anchor_yq4s2_1 {\n  display: contents;\n}\n\n.wb-spinner {\n  display: inline-flex;\n  align-items: center;\n  flex: none;\n}\n\n.wb-choiceMenu {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  background: transparent;\n}\n\n.wb-choiceMenu[data-variant='boxed'] {\n  padding: var(--wb-len-4);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n}\n\n.wb-choiceOption {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-8);\n  border-radius: var(--dsw-radius-md);\n  cursor: pointer;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-choiceOptionOn {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-checkbox {\n  position: absolute;\n  width: var(--wb-len-16);\n  height: var(--wb-len-16);\n  margin: 0;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.wb-checkboxBox {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  flex: none;\n  width: var(--wb-len-16);\n  height: var(--wb-len-16);\n  border: 1px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-xs);\n  corner-shape: round;\n  color: var(--dsw-alias-label-primary-foreground);\n  transition:\n    background-color var(--wb-dur-0-12) ease, border-color var(--wb-dur-0-12) ease;\n}\n\n.wb-choiceOption:hover .wb-checkboxBox {\n  border-color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-checkbox:checked + .wb-checkboxBox {\n  border-color: var(--dsw-alias-brand-primary);\n  background: var(--dsw-alias-brand-primary);\n}\n\n.wb-checkbox:disabled + .wb-checkboxBox {\n  cursor: default;\n}\n\n.wb-checkbox:focus-visible + .wb-checkboxBox {\n  outline: var(--dsw-focus-ring-width, var(--wb-len-2)) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: 2px;\n}\n\n.wb-choiceOption:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-choiceOption:has(:disabled) {\n  cursor: default;\n  opacity: 0.5;\n}\n\n.wb-choiceOption:has(:disabled),\n.wb-choiceOption:has(:disabled):hover {\n  background: transparent;\n}\n\n.wb-choiceLabel {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.wb-choiceLabelText {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-choiceLabel:has(.wb-choiceDescription) .wb-choiceLabelText {\n  overflow: visible;\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n.wb-choiceDescription {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n  overflow-wrap: anywhere;\n}\n\n.wb-choiceLoading {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-8);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-choiceLoadingText {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-choiceEmpty {\n  display: flex;\n  align-items: center;\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-8);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-radio {\n  appearance: none;\n  -webkit-appearance: none;\n  flex: none;\n  box-sizing: border-box;\n  width: var(--wb-len-12);\n  height: var(--wb-len-12);\n  margin: 0;\n  border: 1px solid var(--dsw-alias-border-l3);\n  border-radius: 50%;\n  corner-shape: round;\n  background-color: transparent;\n  cursor: pointer;\n  transition:\n    background-color var(--wb-dur-0-12) ease, border-color var(--wb-dur-0-12) ease;\n}\n\n.wb-radio:not(:checked):hover {\n  border-color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-radio:checked {\n  border-color: var(--dsw-alias-brand-primary);\n  background-image: radial-gradient(\n    circle at center,\n    var(--dsw-alias-brand-primary) 0 3px,\n    transparent 3px\n  );\n}\n\n.wb-radio:disabled {\n  cursor: default;\n}\n\n.wb-radio:focus-visible {\n  outline: var(--dsw-focus-ring-width, var(--wb-len-2)) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: 2px;\n}.wb-field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  font-size: var(--dsw-font-xs-13-font-size);\n}\n\n.wb-fieldLabel {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-fieldHint {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-field:has(:disabled) .wb-fieldLabel {\n  opacity: 0.4;\n}\n.wb-formActions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--wb-len-8);\n}\n\n.wb-formActionDanger {\n  color: var(--dsw-alias-state-error-primary);\n  border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 30%, transparent);\n  --dsw-alias-interactive-bg-hover: color-mix(in srgb, var(--dsw-alias-state-error-primary) 8%, transparent);\n}\n.wb-formRows {\n  display: grid;\n  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  column-gap: var(--wb-len-8);\n  row-gap: var(--wb-len-12);\n}\n\n.wb-formRows > :not(.wb-formRow) {\n  grid-column: 1 / -1;\n}\n\n.wb-formRow {\n  display: grid;\n  grid-column: 1 / -1;\n  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  align-items: center;\n  column-gap: var(--wb-len-8);\n  row-gap: var(--wb-len-8);\n}\n\n.wb-formRow[data-layout='stacked'] {\n  grid-template-columns: minmax(0, 1fr);\n  align-items: stretch;\n  gap: var(--wb-len-6);\n}\n\n.wb-formRows > .wb-formRow[data-layout='stacked'] {\n  grid-template-columns: minmax(0, 1fr);\n}\n\n.wb-formLabel {\n  min-width: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n  white-space: nowrap;\n}\n\n.wb-formRow[data-layout='stacked'] .wb-formLabel {\n  white-space: normal;\n}\n\n.wb-formRow[data-layout='stacked'] .wb-formHint,\n.wb-formRow[data-layout='stacked'] .wb-formProblem {\n  grid-column: 1 / -1;\n}\n\n.wb-formControl {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n\n.wb-formControl\n  > :where(\n    .wb-selectAnchor,\n    .wb-choiceMenu,\n    input:not(\n      [type='checkbox'],\n      [type='radio'],\n      [type='button'],\n      [type='submit'],\n      [type='reset'],\n      [type='image'],\n      [type='color'],\n      [type='range']\n    ),\n    select,\n    textarea\n  ) {\n  box-sizing: border-box;\n  width: 100%;\n  min-width: 0;\n}\n\n.wb-formHint {\n  grid-column: 2;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-formProblem {\n  grid-column: 2;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-formRow:has(.wb-formProblem) .wb-formLabel {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-formRow:has(:disabled) .wb-formLabel {\n  opacity: 0.4;\n}\n\n.wb-formRows > .wb-formRow {\n  grid-template-columns: subgrid;\n}\n\n@supports not (grid-template-columns: subgrid) {\n  .wb-formRows > .wb-formRow {\n    grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  }\n}\n.wb-form {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  width: 100%;\n}:where(.wb-link) {\n  margin-left: var(--wb-len-2);\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n  text-decoration: none;\n  white-space: nowrap;\n  vertical-align: baseline;\n}\n\n:where(.wb-link:hover) {\n  text-decoration: underline;\n}\n\n:where(.wb-link:focus-visible) {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}\n\n.wb-longTask {\n  padding-top: var(--wb-len-12);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n}\n\n.wb-longTaskHead {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin: 0;\n}\n\n.wb-longTaskLink {\n  flex: none;\n}\n\n.wb-longTaskHeadline {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-longTaskProblem {\n  margin: 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-longTaskDump {\n  margin: var(--wb-len-2) 0 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-longTaskDump pre {\n  margin: var(--wb-len-4) 0 0;\n  max-height: var(--wb-len-220);\n  overflow: auto;\n}\n\n.wb-longTaskStop {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  align-self: center;\n  justify-content: center;\n  width: var(--wb-len-20);\n  height: var(--wb-len-20);\n  padding: 0;\n  margin-left: auto;\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-specific-menu);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n.wb-longTaskStop:hover:not(:disabled),\n.wb-longTaskStop:focus-visible {\n  border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 45%, transparent);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-longTaskStop:disabled {\n  cursor: default;\n}\n\n.wb-longTaskStopArmed,\n.wb-longTaskStopArmed:hover:not(:disabled),\n.wb-longTaskStopArmed:focus-visible {\n  gap: var(--wb-len-4);\n  width: auto;\n  padding: 0 var(--wb-len-7);\n  border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 45%, transparent);\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-longTaskStopLabel {\n  white-space: nowrap;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-18);\n}\n\n.wb-longTaskStopWhy {\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.wb-centered.wb-centeredCompact {\n  flex: none;\n  min-height: 0;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-20) var(--wb-len-16);\n}\n\n.wb-centered.wb-centeredCompact .wb-centeredHero {\n  margin-bottom: var(--wb-len-4);\n}\n\n.wb-skeleton {\n  display: flex;\n  flex-direction: column;\n}\n\n.wb-skeletonRow {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-8);\n  border-radius: var(--dsw-radius-md);\n}\n\n.wb-skeletonRow + .wb-skeletonRow::before {\n  content: '';\n  align-self: stretch;\n  height: var(--wb-len-0-5);\n  margin: 0 var(--wb-len-8) var(--wb-len-neg-0-5);\n  background: var(--dsw-alias-border-l2);\n}\n\n.wb-skeletonBar {\n  display: block;\n  height: var(--wb-len-13);\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-bg-skeleton);\n  animation: wb-skeleton-pulse var(--wb-dur-1-4) var(--ds-ease-in-out) infinite;\n}\n\n.wb-skeletonBarTitle {\n  width: 62%;\n}\n\n.wb-skeletonBarMeta {\n  width: 32%;\n  height: var(--wb-len-10);\n}\n\n.wb-skeletonRow:nth-child(2n) .wb-skeletonBarTitle {\n  width: 74%;\n}\n\n.wb-skeletonRow:nth-child(3n) .wb-skeletonBarTitle {\n  width: 52%;\n}\n\n@keyframes wb-skeleton-pulse {\n  50% {\n    opacity: 0.45;\n  }\n}\n\n.wb-centered {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: var(--wb-len-14);\n  flex: 1;\n  min-height: var(--wb-len-240);\n  padding: 0 var(--wb-len-24) var(--wb-len-24);\n  text-align: center;\n}\n\n.wb-centeredHero {\n  display: flex;\n  margin-bottom: var(--wb-len-16);\n  color: var(--dsw-alias-label-dimmed);\n}\n\n.wb-centeredTitle {\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-22);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-centeredHint {\n  max-width: var(--wb-len-300);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-centeredDetail {\n  max-width: var(--wb-len-320);\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-dimmed);\n  word-break: break-all;\n}\n\n.wb-centeredAction {\n  display: flex;\n  justify-content: center;\n  gap: var(--wb-len-8);\n  margin-top: var(--wb-len-2);\n}\n@media (prefers-reduced-motion: reduce) {\n  .wb-skeletonBar {\n    animation: none;\n  }}\n.wb-rows {\n  display: grid;\n  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  column-gap: var(--wb-len-8);\n}\n.wb-rows > :not(.wb-row) {\n  grid-column: 1 / -1;\n}\n.wb-row {\n  display: grid;\n  grid-column: 1 / -1;\n  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  align-items: baseline;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-4) 0;\n}\n.wb-row + .wb-row {\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n.wb-rowKey {\n  white-space: nowrap;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-rowValue {\n  min-width: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-rows > .wb-row {\n  grid-template-columns: subgrid;\n}\n\n@supports not (grid-template-columns: subgrid) {\n  .wb-rows > .wb-row {\n    grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  }\n}\n.wb-textField {\n  box-sizing: border-box;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-3);\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-primary);\n  outline: none;\n}\n\n.wb-textField:focus {\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-textField:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.wb-textField[aria-invalid='true'] {\n  border-color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-textField[aria-invalid='true']:focus {\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-error-primary);\n}\n\n:where(.wb-textField) {\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-10);\n}\n:where(.wb-selectTrigger) {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  width: 100%;\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-3);\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-primary);\n  text-align: left;\n  cursor: pointer;\n}\n\n.wb-selectTrigger:focus-visible {\n  outline: none;\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-selectTrigger[aria-invalid='true'] {\n  border-color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-selectTrigger[aria-invalid='true']:focus-visible {\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-error-primary);\n}\n\n.wb-selectTrigger:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.wb-selectLoading:disabled {\n  cursor: default;\n  opacity: 1;\n}\n\n.wb-selectGhost {\n  gap: var(--wb-gap-xs);\n  min-height: 0;\n  height: var(--wb-len-34);\n  padding: 0 var(--wb-len-8);\n  border: none;\n  background: transparent;\n  font-size: var(--wb-font-row);\n}\n\n.wb-selectGhost:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-selectGhost:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n  border-color: transparent;\n  box-shadow: none;\n}\n\n.wb-selectIconOnly {\n  width: var(--wb-len-36);\n  height: var(--wb-len-36);\n  min-height: 0;\n  gap: 0;\n  padding: 0;\n  justify-content: center;\n}\n\n.wb-selectReveal {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.wb-selectIconOnly .wb-selectIcon {\n  width: 100%;\n  height: 100%;\n}\n\n.wb-selectAnchor {\n  display: block;\n  width: 100%;\n}\n\n.wb-selectIcon {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-16);\n  height: var(--wb-len-20);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-selectValue {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-6);\n  line-height: var(--wb-line-20);\n  overflow: hidden;\n}\n\n.wb-selectPlaceholder {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-selectChevron {\n  flex: none;\n  display: inline-flex;\n  color: var(--dsw-alias-label-caption);\n}\n\n.wb-selectMenu {\n  min-width: var(--wb-len-240);\n  max-width: var(--wb-len-360);\n  max-height: min(var(--wb-len-320), calc(100vh - var(--wb-len-24)));\n}\n\n:where(.wb-selectSearch) {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  width: 100%;\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n.wb-selectSearch:focus-within {\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-selectSearch.wb-selectGhost {\n  gap: var(--wb-gap-xs);\n  min-height: 0;\n  height: var(--wb-len-34);\n  padding: 0 var(--wb-len-8);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-selectSearch.wb-selectGhost:focus-within {\n  border-color: var(--dsw-alias-state-business-primary);\n  box-shadow: none;\n}\n\n.wb-selectSearchIcon {\n  flex: none;\n  display: inline-flex;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-textField.wb-selectSearchInput {\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  padding: 0;\n  border: none;\n  background: transparent;\n}\n\n.wb-textField.wb-selectSearchInput:focus {\n  box-shadow: none;\n}\n\n.wb-selectFallback {\n  width: 100%;\n}\n\n.wb-selectHint {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\nsection.wb-settings {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  padding: var(--wb-len-12) var(--wb-len-16);\n  border: 0;\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-settings-card-fill);\n}\n.wb-settingsHead {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n.wb-settings .wb-settingsTitle {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: var(--dsw-font-s-strong-14-font-size);\n  line-height: var(--wb-line-24);\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-stack {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-10);\n  min-height: 0;\n}\n\n.wb-stateBlock {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n}\n.wb-stateBlockTitle {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n}\n.wb-stateBlockHint {\n  margin: 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-stateBlockActions {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  margin-top: var(--wb-len-2);\n}\n.wb-stateBlockResolving {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n._marketList_csyus_1 {\n  list-style: none;\n  margin: 0;\n  padding: var(--wb-len-6);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n}\n\n._marketRow_csyus_10 {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  align-items: center;\n  column-gap: var(--wb-len-14);\n  row-gap: var(--wb-len-4);\n  padding: var(--wb-len-8);\n  border-radius: var(--dsw-radius-lg);\n}\n\n._marketIcon_csyus_20 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-40);\n  height: var(--wb-len-40);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketMain_csyus_32 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n  min-width: 0;\n}\n\n._marketName_csyus_39 {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font: var(--dsw-font-base-strong-16);\n  color: var(--dsw-alias-label-primary);\n}\n\n._marketDesc_csyus_48 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketUsedBy_csyus_59 {\n  margin-left: var(--wb-len-8);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  opacity: 0.75;\n}\n\n._marketUsedBy_csyus_59::before {\n  content: '·';\n  margin-right: var(--wb-len-6);\n  opacity: 0.8;\n}\n\n._marketName_csyus_39 ._marketVersion_csyus_73 {\n  margin-left: var(--wb-len-6);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  font-weight: 400;\n  line-height: var(--wb-line-18);\n}\n\n._marketVersion_csyus_73 {\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-caption);\n}\n\n._marketVersion_csyus_73::before {\n  content: '';\n  display: inline-block;\n  width: var(--wb-len-1);\n  height: var(--wb-len-10);\n  margin: 0 var(--wb-len-8) 0 var(--wb-len-2);\n  vertical-align: -1px;\n  background: var(--dsw-alias-border-l2);\n}\n\n._marketLocalTag_csyus_95 {\n  margin-left: var(--wb-len-8);\n  padding: 0 var(--wb-len-6);\n  border: var(--wb-len-1) solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-sm);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  font-weight: 400;\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-caption);\n}\n\n._marketEnd_csyus_106 {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-10);\n}\n\n._marketSwitchSeat_csyus_113 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-10);\n}\n\n._marketSwitchSeat_csyus_113::before {\n  content: '';\n  width: 0;\n  height: var(--wb-len-14);\n  border-left: 0.5px solid var(--dsw-alias-border-l3);\n}\n\n._marketActions_csyus_126 {\n  flex: none;\n  display: flex;\n  gap: var(--wb-len-6);\n}\n\n._marketUpdateAction_csyus_132 {\n  color: var(--dsw-alias-state-warn-primary);\n  border-color: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 30%, transparent);\n  --dsw-alias-interactive-bg-hover: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 8%, transparent);\n}\n\n._marketSelfDivider_csyus_138 {\n  height: 0;\n  border-top: 0.5px solid var(--dsw-alias-border-l3);\n}\n\n._marketSection_csyus_143 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  min-width: 0;\n}\n\n._marketSectionHead_csyus_150 {\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-8);\n}\n\n._marketSectionIcon_csyus_156 {\n  display: inline-flex;\n  align-items: center;\n  align-self: center;\n  color: var(--dsw-alias-label-caption);\n}\n\n._marketSectionTitle_csyus_163 {\n  margin: 0;\n  font: var(--dsw-font-base-strong-16);\n  color: var(--dsw-alias-label-primary);\n}\n\n._marketSectionCount_csyus_169 {\n  font: var(--dsw-font-s-14);\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-caption);\n}\n\n\n._marketProgress_csyus_176 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  min-height: var(--wb-len-32);\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketNote_csyus_186 {\n  grid-column: 2 / -1;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-state-warn-primary);\n  overflow-wrap: anywhere;\n}\n\n._marketNotePlain_csyus_193 {\n  grid-column: 2 / -1;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-caption);\n  overflow-wrap: anywhere;\n}\n\n._marketFailure_csyus_201 {\n  grid-column: 2 / -1;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n._marketEmpty_csyus_208 {\n  padding: var(--wb-len-18) var(--wb-len-16);\n  text-align: center;\n}\n\n._marketPage_csyus_213 {\n  box-sizing: border-box;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-32);\n  padding: 0 clamp(var(--wb-len-24), 4vw, var(--wb-len-48)) var(--wb-len-48);\n  overflow-x: hidden;\n  overflow-y: auto;\n  color: var(--dsw-alias-label-primary);\n}\n\n._marketPage_csyus_213 > * {\n  width: 100%;\n  max-width: var(--wb-len-960);\n}\n\n._marketPageHead_csyus_231 {\n  box-sizing: border-box;\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-16);\n  padding-top: var(--wb-len-28);\n}\n\n._marketPageTitle_csyus_239 {\n  margin: 0;\n  font: var(--dsw-font-l-20);\n}\n\n._marketPageIntro_csyus_244 {\n  margin: var(--wb-len-4) 0 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketPageTools_csyus_250 {\n  flex: none;\n  align-self: center;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-16);\n}\n\n._marketIconButton_csyus_259 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-28);\n  height: var(--wb-len-28);\n  padding: 0;\n  border: 0;\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  color: var(--dsw-alias-label-caption);\n  cursor: pointer;\n}\n\n._marketIconButton_csyus_259:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketIconButton_csyus_259:disabled {\n  cursor: default;\n  opacity: 0.5;\n}\n\n._marketIconWrap_csyus_284 {\n  display: inline-flex;\n}\n\n._marketIconButtonSpinning_csyus_288 svg {\n  animation: _wb-spin_csyus_1 var(--wb-dur-0-9) linear infinite;\n}\n\n._marketAddButton_csyus_292 {\n  height: var(--wb-len-32);\n  padding: 0 var(--wb-len-12);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  border-radius: var(--dsw-radius-md);\n}\n\n._marketEmpty_csyus_208 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-64) var(--wb-len-16);\n  text-align: center;\n}\n\n._marketChecking_csyus_309 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._marketEmptyTitle_csyus_317 {\n  font: var(--dsw-font-base-strong-16);\n  color: var(--dsw-alias-label-primary);\n}\n\n@keyframes _wb-spin_csyus_1 {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n._foot_1ud1j_1 {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-8) var(--wb-len-14) var(--wb-len-10);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._footText_1ud1j_13 {\n  flex: 1;\n  min-width: 0;\n}\n\n._footTextMd_1ud1j_18 {\n  flex: 1;\n  min-width: 0;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n}\n._wide_1lv8f_1 {\n  justify-content: center;\n  width: 100%;\n  height: var(--wb-len-40);\n  border-radius: var(--dsw-radius-md);\n}\n\n._dialog_1lv8f_8 {\n  width: min(var(--wb-len-560), 100%);\n  max-height: min(var(--wb-len-800), 100%);\n}\n\n._content_1lv8f_13 {\n  min-height: 0;\n  overflow: auto;\n}\n\n._stack_1lv8f_18 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n\n._body_1lv8f_25 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n\n._field_1lv8f_32 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  font-size: var(--dsw-font-xs-13-font-size);\n}\n\n._input_1lv8f_39 {\n  width: 100%;\n  height: var(--wb-len-40);\n  padding: 0 var(--wb-len-14);\n}\n\n._registryField_1lv8f_45 {\n  height: var(--wb-len-32);\n  margin-left: var(--wb-len-26);\n  padding: 0 var(--wb-len-10);\n}\n\n._options_1lv8f_51 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wb-len-8) var(--wb-len-12);\n}\n\n._guideToggle_1lv8f_59 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n  align-self: flex-start;\n  margin-top: var(--wb-len-4);\n  padding: 0;\n  border: 0;\n  background: transparent;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n._guideToggle_1lv8f_59:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n._guideToggle_1lv8f_59 svg,\n._registryToggle_1lv8f_78 svg {\n  transition: transform var(--wb-dur-0-12) ease;\n}\n\n._guideToggle_1lv8f_59[aria-expanded='true'] svg,\n._registryToggle_1lv8f_78[aria-expanded='true'] svg {\n  transform: rotate(180deg);\n}\n\n._registryWrap_1lv8f_87 {\n  position: relative;\n  flex: none;\n}\n\n._registryToggle_1lv8f_78 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  height: var(--wb-len-26);\n  padding: 0 var(--wb-len-8) 0 var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-2);\n  font: inherit;\n  font-size: var(--wb-font-12-5);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n._registryToggle_1lv8f_78:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n._registryToggle_1lv8f_78:disabled {\n  cursor: default;\n  opacity: 0.6;\n}\n\n._registryToggle_1lv8f_78[aria-expanded='true'] {\n  border-color: var(--dsw-alias-border-l3);\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n._registryChosen_1lv8f_121 {\n  color: var(--dsw-alias-label-primary);\n  font-weight: 500;\n}\n\n._registry_1lv8f_45 {\n  position: fixed;\n  z-index: var(--wb-z-1100);\n  box-sizing: border-box;\n  width: min(var(--wb-len-440), 100vw - var(--wb-len-24));\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n  margin: 0;\n  padding: var(--wb-len-8) var(--wb-len-10) var(--wb-len-12);\n  border: 0;\n  border-radius: var(--dsw-radius-lg);\n  background: var(--dsw-alias-bg-layer-2);\n  --dsw-elevation-stroke-color: var(--dsw-alias-border-l3);\n  box-shadow: var(--dsw-elevation-prominent);\n}\n\n._registryOption_1lv8f_143 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n  padding: var(--wb-len-8) var(--wb-len-10);\n  border: 0.5px solid transparent;\n  border-radius: var(--dsw-radius-lg);\n  cursor: pointer;\n}\n\nlabel._registryOption_1lv8f_143 {\n  flex-direction: row;\n  align-items: flex-start;\n  gap: var(--wb-len-10);\n}\n\n._registryPick_1lv8f_159 {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-10);\n  cursor: pointer;\n}\n\n._registryOption_1lv8f_143[data-checked='true'] {\n  border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 40%, transparent);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n._registryOption_1lv8f_143 input[type='radio'] {\n  flex: none;\n  width: var(--wb-len-16);\n  height: var(--wb-len-16);\n  margin: var(--wb-len-2) 0 0;\n  accent-color: var(--dsw-alias-brand-primary);\n}\n\n._registryTitle_1lv8f_179 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wb-len-8);\n  font: var(--dsw-font-xs-13);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-primary);\n}\n\n._registryHint_1lv8f_189 {\n  margin-left: var(--wb-len-26);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n  overflow-wrap: anywhere;\n}\n\n._inputError_1lv8f_197 {\n  margin: var(--wb-len-neg-4) 0 0 var(--wb-len-26);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._guide_1lv8f_59 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-10);\n  padding: var(--wb-len-8) var(--wb-len-14) var(--wb-len-14);\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: var(--dsw-radius-lg);\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n._guideList_1lv8f_214 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n._guideItem_1lv8f_223 {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-10);\n  padding: var(--wb-len-8) 0;\n}\n\n._guideIndex_1lv8f_230 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-20);\n  height: var(--wb-len-20);\n  border-radius: var(--wb-radius-pill);\n  corner-shape: round;\n  background: var(--dsw-alias-bg-module-platform);\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._guideMain_1lv8f_244 {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  gap: 0;\n  min-width: 0;\n}\n\n._guideTitle_1lv8f_252 {\n  font: var(--dsw-font-s-14);\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n}\n\n._guideHint_1lv8f_258 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-caption);\n}\n\n._guideExample_1lv8f_264 {\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._guideExample_1lv8f_264 code {\n  font-family: var(--dsw-font-mono, monospace);\n}\n\n._guideExampleLabel_1lv8f_274 {\n  color: var(--dsw-alias-label-caption);\n}\n\n._footer_1lv8f_278 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-20);\n  width: 100%;\n}\n\n._hero_1lv8f_285 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-10);\n  padding: var(--wb-len-8) 0 var(--wb-len-4);\n  text-align: center;\n}\n\n._heroIcon_1lv8f_294 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-44);\n  height: var(--wb-len-44);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._heroIcon_1lv8f_294[data-state='done'] {\n  color: var(--dsw-alias-state-success-secondary);\n}\n\n._heroIcon_1lv8f_294[data-state='error'] {\n  color: var(--dsw-alias-state-warn-label);\n}\n\n._pendingTitle_1lv8f_311 {\n  margin: 0;\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-22);\n  font-weight: 500;\n  color: var(--dsw-alias-label-secondary);\n}\n\n._wizardTitle_1lv8f_319 {\n  margin: 0;\n  font-size: var(--wb-font-18);\n  line-height: var(--wb-len-26);\n  font-weight: 600;\n}\n\n._subject_1lv8f_326 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-16);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-lg);\n  text-align: center;\n}\n\n._subjectName_1lv8f_337 {\n  margin: 0;\n  font: var(--dsw-font-base-strong-16);\n  overflow-wrap: anywhere;\n}\n\n._subjectMeta_1lv8f_343,\n._subjectDesc_1lv8f_344 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._result_1lv8f_351,\n._resultWarn_1lv8f_352 {\n  margin: 0;\n  padding: var(--wb-len-8) var(--wb-len-12);\n  border-radius: var(--dsw-radius-md);\n  background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent);\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-primary);\n}\n\n._resultWarn_1lv8f_352 {\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);\n}\n\n._resultMeta_1lv8f_365 {\n  margin: 0;\n  padding: 0 var(--wb-len-12);\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._approval_1lv8f_373 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-12) var(--wb-len-14);\n  border: 0.5px solid var(--dsw-alias-state-warn-primary);\n  border-radius: var(--dsw-radius-lg);\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 8%, transparent);\n}\n\n._approvalTitle_1lv8f_383 {\n  margin: 0;\n  font: var(--dsw-font-s-14);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._approvalText_1lv8f_390 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._approvalCaution_1lv8f_396 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  font-weight: 600;\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._note_1lv8f_403 {\n  margin: 0;\n  font: var(--dsw-font-s-14);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n}\n\n._noteWarn_1lv8f_410 {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._noteError_1lv8f_414 {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._problem_1lv8f_418 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n._detailLabel_1lv8f_425 {\n  margin: 0;\n  font: var(--dsw-font-xs-13);\n  color: var(--dsw-alias-label-caption);\n}\n\n._detail_1lv8f_425 {\n  margin: 0;\n  padding: var(--wb-len-8) var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-3);\n  font-family: var(--dsw-font-mono, monospace);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n}\n._note_1enlz_1 {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wb-len-8);\n  margin: 0;\n  padding: var(--wb-len-10) var(--wb-len-12);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-state-warn-tertiary);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._note_1enlz_1 > svg {\n  flex: none;\n  margin-top: var(--wb-len-2);\n  color: var(--dsw-alias-state-warn-primary);\n}\n._slot_1t7dx_1 {\n  display: flex;\n  flex: 0 0 100%;\n  min-width: 0;\n}\n\n._slot_1t7dx_1 > * {\n  flex: 0 0 100%;\n  min-width: 0;\n}\n\n._action_1t7dx_12 {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex: 1 1 0;\n  width: 100%;\n  min-width: 0;\n  min-height: var(--wb-len-36);\n  margin: 0 var(--wb-len-2);\n  padding: var(--wb-len-7) var(--wb-len-8);\n  border-radius: var(--dsw-radius-md);\n  cursor: default;\n  overflow: hidden;\n  gap: var(--wb-len-4);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n}\n\n._live_1t7dx_31 {\n  color: var(--dsw-alias-state-success-primary);\n}\n\n._paused_1t7dx_35 {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._trouble_1t7dx_39 {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._pulse_1t7dx_43 {\n  animation: _wb-debug-breathe_1t7dx_1 var(--wb-dur-1-5) var(--ds-ease-in-out, ease-in-out) infinite;\n}\n\n@keyframes _wb-debug-breathe_1t7dx_1 {\n  0%,\n  100% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.35;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  ._pulse_1t7dx_43 {\n    animation: none;\n  }\n}\n\n._entry_1t7dx_64 {\n  display: flex;\n  align-items: center;\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n._entryInner_1t7dx_71 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._acts_1t7dx_78 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n  flex: none;\n}\n\n._act_1t7dx_12 {\n  appearance: none;\n  border: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: 0;\n  border-radius: var(--dsw-radius-sm, var(--wb-len-6));\n  flex: none;\n  cursor: pointer;\n}\n\n._act_1t7dx_12:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._act_1t7dx_12:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}\n\n._actStop_1t7dx_110:hover,\n._actStop_1t7dx_110:focus-visible {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._actArmed_1t7dx_115,\n._actArmed_1t7dx_115:hover,\n._actArmed_1t7dx_115:focus-visible {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent);\n  width: auto;\n  color: var(--dsw-alias-state-error-primary);\n  gap: var(--wb-len-4);\n  padding: 0 var(--wb-len-7);\n}\n\n._actLabel_1t7dx_125 {\n  white-space: nowrap;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-18);\n}\n\n._entryLine_1t7dx_131 {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._actionRail_1t7dx_138 {\n  justify-content: center;\n  flex: none;\n  width: var(--wb-len-36);\n  min-width: var(--wb-len-36);\n  height: var(--wb-len-36);\n  margin: 0;\n  padding: 0;\n  corner-shape: round;\n  border-radius: 50%;\n}\n\n._card_1t7dx_150 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n}\n\n._cardTitle_1t7dx_156 {\n  color: var(--dsw-alias-label-primary);\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-20);\n}\n\n._cardNote_1t7dx_162 {\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n}\n._slot_1gkj9_1 {\n  display: flex;\n  flex: 0 0 100%;\n  min-width: 0;\n}\n\n._slot_1gkj9_1 > * {\n  flex: 0 0 100%;\n  min-width: 0;\n}\n\n._action_1gkj9_12 {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex: 1 1 0;\n  width: 100%;\n  min-width: 0;\n  min-height: var(--wb-len-36);\n  margin: 0 var(--wb-len-2);\n  padding: var(--wb-len-7) var(--wb-len-8);\n  border-radius: var(--dsw-radius-md);\n  cursor: default;\n  overflow: hidden;\n  gap: var(--wb-len-4);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n}\n\n._live_1gkj9_31 {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._done_1gkj9_35 {\n  color: var(--dsw-alias-state-success-primary);\n}\n\n._pulse_1gkj9_39 {\n  animation: _wb-record-breathe_1gkj9_1 var(--wb-dur-1-5) var(--ds-ease-in-out, ease-in-out) infinite;\n}\n\n@keyframes _wb-record-breathe_1gkj9_1 {\n  0%,\n  100% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.35;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  ._pulse_1gkj9_39 {\n    animation: none;\n  }\n}\n\n._entry_1gkj9_60 {\n  display: flex;\n  align-items: center;\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n._entryInner_1gkj9_67 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._acts_1gkj9_74 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n  flex: none;\n}\n\n._act_1gkj9_12 {\n  appearance: none;\n  border: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--wb-len-22);\n  padding: 0 var(--wb-len-7);\n  border-radius: var(--dsw-radius-sm, var(--wb-len-6));\n  flex: none;\n  cursor: pointer;\n  white-space: nowrap;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-18);\n}\n\n._act_1gkj9_12:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._act_1gkj9_12:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}\n\n._entryLine_1gkj9_108 {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._actionRail_1gkj9_115 {\n  justify-content: center;\n  flex: none;\n  width: var(--wb-len-36);\n  min-width: var(--wb-len-36);\n  height: var(--wb-len-36);\n  margin: 0;\n  padding: 0;\n  corner-shape: round;\n  border-radius: 50%;\n}\n\n._card_1gkj9_127 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n}\n\n._cardTitle_1gkj9_133 {\n  color: var(--dsw-alias-label-primary);\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-20);\n}\n\n._cardNote_1gkj9_139 {\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n}\n._body_lw2ph_1 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n}\n\n._lead_lw2ph_7 {\n  margin: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._sources_lw2ph_14 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n\n._sourcesLabel_lw2ph_21 {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  color: var(--dsw-alias-label-secondary);\n}\n\nbutton._sourceOn_lw2ph_26 {\n  border-color: var(--dsw-alias-brand-primary);\n}\n._sourceCount_lw2ph_29 {\n  margin-left: var(--wb-len-4);\n  font-variant-numeric: tabular-nums;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._reading_lw2ph_36 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n}\n\n._status_lw2ph_42 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._failure_lw2ph_52 {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  column-gap: var(--wb-len-10);\n  row-gap: var(--wb-len-2);\n  color: var(--dsw-alias-state-error-primary);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n}\n\n._failureTitle_lw2ph_62 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._failureHint_lw2ph_69 {\n  grid-column: 1;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._failureAction_lw2ph_74 {\n  grid-column: 2;\n  grid-row: 1;\n  justify-self: end;\n}\n\n._rows_lw2ph_80 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n._row_lw2ph_80 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-12) var(--wb-len-14);\n  border: 0.5px solid var(--dsw-alias-settings-card-stroke);\n  border-radius: var(--dsw-radius-xl);\n  background: var(--dsw-alias-settings-card-fill);\n}\n\n._head_lw2ph_99 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  min-width: 0;\n}\n\n._pick_lw2ph_106 {\n  flex: 0 1 auto;\n  min-width: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n}\n\n._pick_lw2ph_106 > span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._code_lw2ph_118 {\n  --dsl-code-block-background: var(--dsw-alias-bg-layer-1);\n  margin: 0;\n}\n\n._missing_lw2ph_123,\n._conflict_lw2ph_124 {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._foot_lw2ph_130 {\n  display: flex;\n  justify-content: flex-end;\n}\n._actions_jlw8j_1[hidden],\n._progress_jlw8j_2[hidden],\n._commandRow_jlw8j_3[hidden],\n._bridge_jlw8j_4[hidden],\n._raw_jlw8j_5[hidden] {\n  display: none;\n}\n\n._gate_jlw8j_9 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--wb-z-top);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--wb-len-24);\n  background: var(--dsw-alias-bg-base);\n}\n\n._card_jlw8j_20 {\n  width: 100%;\n  max-width: var(--wb-len-420);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-16);\n  text-align: center;\n}\n\n._card_jlw8j_20:has(._actions_jlw8j_1:not([hidden])),\n._card_jlw8j_20:has(._bridge_jlw8j_4:not([hidden])) {\n  max-width: var(--wb-len-520);\n}\n\n._title_jlw8j_35 {\n  margin: 0;\n  font-size: var(--dsw-font-base-16-font-size);\n  line-height: var(--wb-line-24);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._hint_jlw8j_43 {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._steps_jlw8j_50 {\n  list-style: none;\n  margin: var(--wb-len-6) 0 0;\n  padding: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  text-align: left;\n}\n\n._step_jlw8j_50 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-6) var(--wb-len-10);\n  border-radius: var(--dsw-radius-sm);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n._step_jlw8j_50[data-status='running'] {\n  color: var(--dsw-alias-label-primary);\n}\n\n._mark_jlw8j_77 {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-14);\n  height: var(--wb-len-14);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n\n._step_jlw8j_50[data-status='ok'] ._mark_jlw8j_77 {\n  color: var(--dsw-alias-state-success-primary);\n}\n\n._step_jlw8j_50[data-status='warn'] ._mark_jlw8j_77 {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._step_jlw8j_50[data-status='failed'] ._mark_jlw8j_77 {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._label_jlw8j_102 {\n  flex: none;\n}\n\n._detail_jlw8j_106 {\n  margin-left: auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._progress_jlw8j_2 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--wb-len-8);\n  margin-top: var(--wb-len-4);\n  max-width: 100%;\n}\n\n._elapsed_jlw8j_124 {\n  flex: none;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n\n._error_jlw8j_132 {\n  margin: 0;\n  padding: var(--wb-len-8) var(--wb-len-10);\n  max-height: var(--wb-len-120);\n  overflow: auto;\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-1);\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  white-space: pre-wrap;\n  word-break: break-all;\n  text-align: left;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._commandRow_jlw8j_3 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n  margin: 0 0 var(--wb-len-8);\n  padding-right: var(--wb-len-4);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n._copy_jlw8j_158 {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-24);\n  height: var(--wb-len-24);\n  padding: 0;\n  border: none;\n  border-radius: var(--wb-radius-6);\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n._copy_jlw8j_158:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n._command_jlw8j_3 {\n  flex: 1;\n  min-width: 0;\n  padding: var(--wb-len-8) var(--wb-len-10);\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  font-family: var(--ds-font-family-code, monospace);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  overflow-wrap: anywhere;\n  color: var(--dsw-alias-label-primary);\n}\n\n._buttons_jlw8j_191 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--wb-len-12);\n}\n\n._mockSlot_jlw8j_198 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  justify-content: center;\n  background: var(--dsw-alias-bg-base);\n}\n\n._button_jlw8j_191 {\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--wb-len-28);\n  padding: 0 var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  font: inherit;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n}\n\n._button_jlw8j_191:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._button_jlw8j_191:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n._actions_jlw8j_1,\n._bridge_jlw8j_4 {\n  box-sizing: border-box;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--wb-len-10);\n  margin-top: var(--wb-len-4);\n  padding: var(--wb-len-14) var(--wb-len-16);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--wb-radius-14);\n  background: var(--dsw-alias-bg-layer-1);\n  text-align: left;\n}\n\n._fixTitle_jlw8j_249 {\n  margin: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._actions_jlw8j_1 ._hint_jlw8j_43,\n._bridge_jlw8j_4 ._hint_jlw8j_43 {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-19);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._actions_jlw8j_1 ._commandRow_jlw8j_3,\n._bridge_jlw8j_4 ._commandRow_jlw8j_3 {\n  margin: 0;\n}\n\n._actions_jlw8j_1 ._buttons_jlw8j_191,\n._bridge_jlw8j_4 ._buttons_jlw8j_191 {\n  justify-content: flex-start;\n}\n\n._raw_jlw8j_5 {\n  margin: 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._rawSummary_jlw8j_282 {\n  cursor: pointer;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._actions_jlw8j_1 ._error_jlw8j_132,\n._bridge_jlw8j_4 ._error_jlw8j_132 {\n  margin-top: var(--wb-len-6);\n}\n\n._bridgeLines_jlw8j_292 {\n  margin: 0;\n  padding-left: var(--wb-len-18);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-19);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._bridgeLine_jlw8j_292 a {\n  display: block;\n  margin-top: var(--wb-len-4);\n  width: fit-content;\n}\n\n._link_jlw8j_309 {\n  color: var(--dsw-alias-label-primary);\n  text-decoration: none;\n}\n\n._link_jlw8j_309::after {\n  content: '↗';\n  margin-left: var(--wb-len-2);\n}\n\n._link_jlw8j_309:hover {\n  text-decoration: underline;\n}\n\n._loading_jlw8j_323 {\n  flex: none;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._loading_jlw8j_323[hidden] {\n  display: none;\n}\n\n._loadingMotion_jlw8j_332 {\n  transform-origin: center;\n  animation: _wb-spin_jlw8j_1 var(--wb-dur-1-5) linear infinite;\n}\n\n._loadingTrack_jlw8j_337,\n._loadingArc_jlw8j_338 {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n}\n\n._loadingTrack_jlw8j_337 {\n  opacity: 0.25;\n}\n\n._loadingArc_jlw8j_338 {\n  stroke-dasharray: 12 150;\n  animation: _wb-dash_jlw8j_1 var(--wb-dur-1-5) ease-in-out infinite;\n}\n\n@keyframes _wb-spin_jlw8j_1 {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes _wb-dash_jlw8j_1 {\n  0% {\n    stroke-dasharray: 12 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 24 150;\n    stroke-dashoffset: -6;\n  }\n  to {\n    stroke-dasharray: 12 150;\n    stroke-dashoffset: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  ._loadingMotion_jlw8j_332,\n  ._loadingArc_jlw8j_338 {\n    animation: none;\n  }\n}\n._group_1hxis_1 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n}\n\n._button_1hxis_7 {\n  flex: none;\n  width: var(--wb-len-28);\n  height: var(--wb-len-28);\n  padding: 0;\n  color: var(--dsw-alias-label-secondary);\n}\n\n._button_1hxis_7:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n._active_1hxis_19 {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._icon_1hxis_23 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n._icon_1hxis_23 svg {\n  display: block;\n  width: var(--wb-len-15);\n  height: var(--wb-len-15);\n}\n\n._mirror_1hxis_35 {\n  transform: scaleX(-1);\n}\n._stripTabs_1dqp4_1 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-4);\n  min-width: 0;\n  overflow: hidden;\n}\n\n._tab_1dqp4_9 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  flex: none;\n  height: var(--wb-len-28);\n  padding: 0 var(--wb-len-10);\n  border: 0;\n  border-radius: var(--dsw-radius-sm);\n  background: none;\n  font: inherit;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-16);\n  max-width: 100%;\n}\n\n._tabActive_1dqp4_25 {\n  color: var(--dsw-alias-label-primary);\n}\n\n._tabQuiet_1dqp4_29 {\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n._tabQuiet_1dqp4_29:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._tabTitle_1dqp4_39 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._sep_1dqp4_49 {\n  flex: none;\n  color: var(--dsw-alias-label-dimmed);\n}\n._trigger_15ptp_1 {\n  display: flex;\n  align-items: center;\n}\n\n._pop_15ptp_6 {\n  position: absolute;\n  top: calc(var(--wb-len-38) + var(--wb-len-8));\n  right: var(--wb-len-6);\n  z-index: var(--wb-z-30);\n  width: min(var(--wb-len-360), calc(100% - var(--wb-len-12)));\n  max-width: calc(100vw - var(--wb-len-48));\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-radius: var(--wb-radius-14);\n  background: var(--dsw-alias-bg-layer-2);\n  box-shadow: var(--dsw-shadow-lv3);\n  overflow: hidden;\n}\n\n._head_15ptp_20 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-10) var(--wb-len-12) var(--wb-len-9) var(--wb-len-14);\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n._title_15ptp_28 {\n  flex: 1;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._rowControls_15ptp_36 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n\n._reset_15ptp_43 {\n  flex: none;\n  padding: var(--wb-len-3) var(--wb-len-8);\n  border: none;\n  border-radius: var(--wb-radius-6);\n  background: transparent;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n}\n\n._reset_15ptp_43:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n\n._reset_15ptp_43:disabled {\n  cursor: default;\n  opacity: 0.5;\n}\n\n._list_15ptp_65 {\n  list-style: none;\n  margin: 0;\n  padding: var(--wb-len-6);\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n}\n\n._row_15ptp_36 {\n  position: relative;\n  display: grid;\n  grid-template-columns: 12px minmax(0, 1fr) auto;\n  align-items: center;\n  gap: var(--wb-len-8);\n  padding: var(--wb-len-7) var(--wb-len-8);\n  border-radius: var(--dsw-radius-sm);\n  cursor: default;\n}\n\n._rowDragging_15ptp_85 {\n  cursor: grabbing;\n}\n\n._rowBlocked_15ptp_89 {\n  cursor: not-allowed;\n}\n\n._listDragging_15ptp_93 ._rowControls_15ptp_36 {\n  pointer-events: none;\n}\n\n._row_15ptp_36:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._rowOff_15ptp_101 {\n  opacity: 0.55;\n}\n\n._rowOff_15ptp_101:hover {\n  opacity: 1;\n}\n\n._rowOver_15ptp_109::before {\n  content: '';\n  position: absolute;\n  top: var(--wb-len-neg-3);\n  left: var(--wb-len-8);\n  right: var(--wb-len-8);\n  height: var(--wb-len-2);\n  background: var(--dsw-alias-brand-primary);\n}\n\n._ghost_15ptp_119 {\n  position: fixed;\n  z-index: var(--wb-z-40);\n  pointer-events: none;\n  padding: var(--wb-len-4) var(--wb-len-10);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: var(--wb-static-shadow-ghost);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n  white-space: nowrap;\n}\n\n._grip_15ptp_134 {\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  text-align: center;\n  color: var(--dsw-alias-label-tertiary);\n  user-select: none;\n  cursor: grab;\n  touch-action: none;\n}\n\n._gripDragging_15ptp_144 {\n  cursor: grabbing;\n}\n\n._gripBlocked_15ptp_148 {\n  cursor: not-allowed;\n}\n\n._label_15ptp_152 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._name_15ptp_159 {\n  min-width: 0;\n  flex: 0 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-primary);\n}\n\n._error_15ptp_170 {\n  margin: 0;\n  padding: 0 var(--wb-len-14) var(--wb-len-10);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._dep_15ptp_178 {\n  flex: none;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  white-space: nowrap;\n}\n\n._group_15ptp_186 {\n  padding-top: var(--wb-len-6);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n._groupTitle_15ptp_191 {\n  margin: 0;\n  padding: var(--wb-len-2) var(--wb-len-8) 0 var(--wb-len-14);\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  font-weight: 400;\n  color: var(--dsw-alias-label-tertiary);\n}\n._panel_1whum_1 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  z-index: var(--wb-z-10);\n  visibility: hidden;\n}\n\n._panel_1whum_1[data-fullscreen] {\n  z-index: var(--wb-z-40);\n}\n\n._panel_1whum_1[data-open] {\n  visibility: visible;\n}\n\n._columns_1whum_18 {\n  display: block;\n  column-gap: var(--wb-len-12);\n}\n\n._cell_1whum_23 {\n  display: flow-root;\n  min-width: 0;\n  break-inside: avoid;\n  margin-bottom: var(--wb-len-12);\n}\n._root_1cmz0_1 {\n  position: relative;\n  flex: none;\n  margin: 0 var(--wb-len-2) var(--wb-len-4);\n}\n\n._rail_1cmz0_7 {\n  margin: 0 0 var(--wb-len-4);\n}\n\n._glyphBox_1cmz0_11 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n\n._glyph_1cmz0_11 {\n  position: relative;\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-16);\n  height: var(--wb-len-20);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._glyphActive_1cmz0_30 {\n  color: var(--dsw-alias-state-business-primary);\n}\n\n._triggerName_1cmz0_34 {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-6);\n  font-size: var(--wb-font-row);\n  line-height: var(--wb-line-20);\n  overflow: hidden;\n}\n\n._dir_1cmz0_45 {\n  flex: 0 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._name_1cmz0_53 {\n  flex: 0 1 auto;\n  max-width: 50%;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._triggerName_1cmz0_34 ._name_1cmz0_53 {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._row_1cmz0_66 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  width: 100%;\n  min-width: 0;\n}\n\n._trailing_1cmz0_74 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-20);\n  height: var(--wb-len-20);\n  margin-inline-start: auto;\n}\n\n._trailing_1cmz0_74 ._rowAction_1cmz0_84 {\n  width: var(--wb-len-20);\n  min-width: var(--wb-len-20);\n  height: var(--wb-len-20);\n  min-height: var(--wb-len-20);\n  padding: 0;\n  border-radius: var(--dsw-radius-sm);\n}\n\n._row_1cmz0_66 ._name_1cmz0_53 {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._current_1cmz0_97 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  color: var(--dsw-alias-label-primary);\n}\n._dot_sosf1_1 {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n._overlay_sosf1_8 {\n  position: absolute;\n  inset-block-start: var(--wb-len-neg-3);\n  inset-inline-end: var(--wb-len-neg-3);\n}\n._tag_g9dg8_1 {\n  flex: none;\n  margin-inline-start: auto;\n}\n._dialog_1vye5_1 {\n  width: min(var(--wb-len-420), 100%);\n}\n\n._stack_1vye5_5 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  min-width: 0;\n}\n\n._input_1vye5_12 {\n  width: 100%;\n  height: var(--wb-len-40);\n  padding: 0 var(--wb-len-12);\n}\n\n._meta_1vye5_18 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wb-len-12);\n  min-width: 0;\n}\n._blocker_1oaj0_1 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-20) var(--wb-len-16);\n  text-align: center;\n}\n\n._icon_1oaj0_10 {\n  display: flex;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._title_1oaj0_15 {\n  margin: var(--wb-len-2) 0 0;\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-22);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._hint_1oaj0_23 {\n  margin: 0;\n  max-width: var(--wb-len-42em);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n  text-wrap: pretty;\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 {\n  align-items: flex-start;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-4) 0 var(--wb-len-2);\n  text-align: left;\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._title_1oaj0_15 {\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._hint_1oaj0_23 {\n  max-width: 100%;\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._actions_1oaj0_48 {\n  margin-top: var(--wb-len-8);\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._raw_1oaj0_52 {\n  margin-top: var(--wb-len-4);\n  max-width: 100%;\n}\n\n._actions_1oaj0_48 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-10);\n  margin-top: var(--wb-len-6);\n}\n\n._raw_1oaj0_52 {\n  margin-top: var(--wb-len-10);\n  width: 100%;\n  max-width: var(--wb-len-360);\n  text-align: left;\n}\n\n._notice_1oaj0_71 {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: start;\n  column-gap: var(--wb-len-10);\n  margin: 0 0 var(--wb-len-10);\n  padding: var(--wb-len-10) var(--wb-len-12);\n  border: 0.5px solid var(--dsw-alias-border-l2);\n  border-left: 2px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n._notice_1oaj0_71._noticeFlat_1oaj0_84 {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n}\n\n._noticeText_1oaj0_91 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-3);\n  min-width: 0;\n}\n\n._noticeTitle_1oaj0_98 {\n  font-size: var(--wb-font-12-5);\n  line-height: var(--wb-line-18);\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n._noticeHint_1oaj0_105 {\n  font-size: var(--wb-font-11-5);\n  line-height: var(--wb-line-17);\n  color: var(--dsw-alias-label-tertiary);\n  overflow-wrap: anywhere;\n}\n\n._noticeActions_1oaj0_112 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin-top: var(--wb-len-neg-2);\n}\n\n._failure_1oaj0_119 {\n  margin: var(--wb-len-8) 0 0;\n  font-size: var(--wb-font-11-5);\n  line-height: var(--wb-line-17);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n._failureDetail_1oaj0_127 {\n  display: block;\n  margin-top: var(--wb-len-2);\n  color: var(--dsw-alias-label-tertiary);\n  white-space: pre-wrap;\n}\n\n._inlineAction_1oaj0_134 {\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n}\n\n._inlineAction_1oaj0_134:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n._rawText_1oaj0_146 {\n  margin: var(--wb-len-6) 0 0;\n  max-width: 100%;\n}\n/*$vite$:1*/";
       function workbenchCss() {
       	return `${tokens_default}\n${palette_default}\n${scale_default}\n${sidebar_default}\n${sidebar_app_default}\n${rightbar_default}\n${chrome_default}\n${board_default}\n${motion_default}\n${COMPONENT_CSS_MARKER}`;
       }