@dsh-workbench/core 0.3.3 → 0.3.5

package/dist/client/index.js

@@ -16,6 +16,11 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 //#endregion
 //#region ../shared/dist/lib/ui.js
+/**
+* 拼类名：只留真值、用空格连接（`false` / `null` / `undefined` / 空串都丢掉）。
+* @param parts - 若干类名或条件值。
+* @returns 拼好的类字符串；一个真值都没有给空串。
+*/
 function cx(...parts) {
 	return parts.filter(Boolean).join(" ");
 }
@@ -24,6 +29,12 @@ var HOUR = 60 * MINUTE;
 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);
@@ -55,16 +66,36 @@ function relativeTimeBucket(epochMs, now = Date.now()) {
 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;
@@ -81,12 +112,22 @@ function relativeTime(epochMs, t) {
 		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;
@@ -107,6 +148,13 @@ function copyAction(t, text) {
 		text
 	};
 }
+/**
+* 把一次读失败翻成一张卡住态，交给卡片直接渲染。
+* @param error 读口回的错误；undefined 表示连错误都没拿到（多半是网络断，回「原因未知」）。
+* @param t 文案函数，只取 blocker.* 命名空间的键。
+* @param context 判定现场；platform 缺省时标题不带平台名。
+* @returns 一定有一张卡，actions 至少一颗「重试」。
+*/
 function blockerOfError(error, t, context = {}) {
 	if (error === void 0) return {
 		id: "unknown",
@@ -176,6 +224,12 @@ function blockerOfError(error, t, context = {}) {
 		};
 	}
 }
+/**
+* 把宿主回的环境读数翻成卡住态：探针没查过（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 : {
@@ -229,12 +283,25 @@ function blockerOfCapability(capability, t) {
 }
 //#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;
@@ -247,12 +314,27 @@ function decodeRef(text) {
 		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 = [];
@@ -266,15 +348,35 @@ function parseMarkers(text) {
 	}
 	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;
@@ -374,6 +476,11 @@ function createFactChannel(options) {
 	};
 	return channel;
 }
+/**
+* 把传输层收到的原始数据读成一帧；坏数据当没收到。
+* @param data 帧的原始数据，期望是 JSON 字符串。
+* @returns 合法帧；不是字符串、JSON 坏了、或 rev 不是数字都给 null。
+*/
 function parseFactFrame(data) {
 	if (typeof data !== "string") return null;
 	try {
@@ -388,15 +495,32 @@ function parseFactFrame(data) {
 		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,
@@ -422,18 +546,45 @@ function writeOutcomeOf(response, networkText) {
 }
 //#endregion
 //#region ../shared/dist/api/long-task.js
+/**
+* 单元的长任务读口路由。
+* @param unit 单元 id。
+* @returns <unit>/runs。
+*/
 function runsRouteOf(unit) {
 	return `${unit}/runs`;
 }
+/**
+* 有长任务在跑时的轮询间隔（毫秒）。
+*/
 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 也算进行中。
+*/
 function longTaskDot(status) {
 	if (status === "ok") return "done";
 	if (status === "failed") return "error";
@@ -442,11 +593,22 @@ function longTaskDot(status) {
 }
 //#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;
@@ -463,11 +625,22 @@ function splitBlocker(candidates) {
 		...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",
@@ -476,6 +649,9 @@ var DECLARATION_KEYS = [
 	"host",
 	"env"
 ];
+/**
+* 协议要求必写的键；env 不在其中（没有环境需要就不写）。
+*/
 var DECLARATION_REQUIRED_KEYS = [
 	"apiVersion",
 	"unit",
@@ -507,6 +683,12 @@ function stringArrayProblems(at, value) {
 	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;
@@ -568,6 +750,12 @@ function declarationProblemsOf(subject, raw) {
 	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 };
@@ -596,46 +784,99 @@ function readDeclaration(subject, raw) {
 }
 //#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();
@@ -655,6 +896,12 @@ async function apiGet(route, query = {}, options = {}) {
 	};
 	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",
@@ -676,26 +923,86 @@ async function apiPost(route, body) {
 //#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", {
@@ -724,6 +1031,14 @@ function ActivityAction({ label, hint, icon, href, onClick, failed }) {
 }
 //#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", {
@@ -736,10 +1051,24 @@ function Note({ tone = "muted", as, role, children }) {
 }
 //#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) {
@@ -791,6 +1120,15 @@ function parseArgs(raw) {
 		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);
@@ -812,6 +1150,8 @@ function ApprovalDetail(props) {
 			t
 		}));
 	}
+	const shell = props.renderShell?.(input, t);
+	if (shell !== void 0 && shell !== null) return h(Fragment, null, shell);
 	if (command === "") return null;
 	return h(CodeBlock, {
 		code: command,
@@ -822,6 +1162,14 @@ function ApprovalDetail(props) {
 }
 //#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",
@@ -830,6 +1178,16 @@ function ApprovalPlan({ rows, hint, warn, children }) {
 }
 //#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");
@@ -879,6 +1237,16 @@ function CardHead({ t, title, meta, refreshing, onRefresh, gear, gearOpen, onTog
 }
 //#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,
@@ -891,9 +1259,20 @@ function Card({ t, title, refreshing, onRefresh, meta, head, children }) {
 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),
@@ -902,6 +1281,12 @@ function CardAnchor({ unit, children }) {
 }
 //#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",
@@ -942,6 +1327,18 @@ function ChoiceMenu(input) {
 		"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,
@@ -996,6 +1393,13 @@ function ChoiceGroup(props) {
 }
 //#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));
 }
@@ -1026,6 +1430,11 @@ function variantOf(kind) {
 	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);
@@ -1046,9 +1455,23 @@ function FormActions({ actions }) {
 }
 //#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",
@@ -1057,7 +1480,269 @@ function FormRow({ label, hint, problem, layout = "inline", children }) {
 	}, 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}`,
@@ -1077,6 +1762,19 @@ function RowLink({ href, text }) {
 		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` 是复制成功后那句。
+* @returns 一行长任务。
+*/
 function LongTaskRow(props) {
 	const [stepsOpen, setStepsOpen] = useState(false);
 	const [rawOpen, setRawOpen] = useState(false);
@@ -1125,6 +1823,11 @@ function LongTaskRow(props) {
 }
 //#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",
@@ -1134,6 +1837,16 @@ function SkeletonRows({ rows = 4 }) {
 		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",
@@ -1143,6 +1856,13 @@ function CenteredState({ icon, title, hint, detail, action, compact = false }) {
 		"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,
@@ -1152,14 +1872,34 @@ function EmptyState({ text, icon = null, compact = false }) {
 }
 //#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",
@@ -1178,6 +1918,21 @@ function SaveBar({ busy, disabled, labels, onCancel, onSave }) {
 }
 //#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",
@@ -1192,6 +1947,15 @@ function selectTriggerNode(args) {
 		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(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",
@@ -1206,6 +1970,11 @@ function selectLoadingNode(args) {
 }
 //#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,
@@ -1297,27 +2066,33 @@ function framed(label, hint, className, control) {
 	}, 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",
@@ -1398,6 +2173,22 @@ function useSelectState(props) {
 		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);
@@ -1486,6 +2277,14 @@ function SelectField(props) {
 }
 //#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",
@@ -1495,11 +2294,26 @@ function SettingsSection({ label, title, action, children }) {
 }
 //#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));
 }
@@ -1517,6 +2331,11 @@ function Shell({ size, strokeWidth = 1, viewBox = "0 0 16 16", children }) {
 		style: { display: "block" }
 	}, children);
 }
+/**
+* 会话图标：一枚对话气泡，dsh 的图标表里没有，留给我们自己用；默认 16px。
+* @param props.size - 边长像素，同时给 `width` 与 `height`。
+* @returns 一枚 `aria-hidden` 的 svg。
+*/
 function IconConversation({ size = 16 }) {
 	return h(Shell, {
 		size,
@@ -1527,6 +2346,11 @@ function IconConversation({ size = 16 }) {
 		strokeLinejoin: "round"
 	}));
 }
+/**
+* 品牌标：侧栏顶上那枚工作台方块标；默认 24px（它是品牌物，别拿它当通用图标）。
+* @param props.size - 边长像素，同时给 `width` 与 `height`。
+* @returns 一枚 `aria-hidden` 的 svg。
+*/
 function IconBrandMark({ size = 24 }) {
 	return h(Shell, {
 		size,
@@ -1545,6 +2369,11 @@ function IconBrandMark({ size = 24 }) {
 		strokeLinecap: "round"
 	}));
 }
+/**
+* opencli 的标：包类型那一格用它；颜色写死的品牌物，不跟主题走。默认 16px。
+* @param props.size - 边长像素，同时给 `width` 与 `height`。
+* @returns 一枚 `aria-hidden` 的 svg。
+*/
 function IconOpencli({ size = 16 }) {
 	return h(Shell, {
 		size,
@@ -1580,6 +2409,11 @@ function IconOpencli({ size = 16 }) {
 		fill: "url(#opencli-mark)"
 	}, ">_"));
 }
+/**
+* npm 的标：包类型那一格用它；保留品牌红，不跟主题走。默认 16px。
+* @param props.size - 边长像素，同时给 `width` 与 `height`。
+* @returns 一枚 `aria-hidden` 的 svg。
+*/
 function IconNpm({ size = 16 }) {
 	return h(Shell, {
 		size,
@@ -1589,6 +2423,11 @@ function IconNpm({ size = 16 }) {
 		fill: "#CB3837"
 	}));
 }
+/**
+* 四宫格："模块"这个概念的通用单色图标（侧栏、面板那颗钮、市场节的标题）；默认 16px。
+* @param props.size - 边长像素，同时给 `width` 与 `height`。
+* @returns 一枚 `aria-hidden` 的 svg。
+*/
 function IconModules({ size = 16 }) {
 	return h("svg", {
 		width: size,
@@ -1630,6 +2469,11 @@ function IconModules({ size = 16 }) {
 		strokeWidth: "1.2"
 	}));
 }
+/**
+* 模块类型标：渐变方块 + 白四宫格，用在"这是个模块"的行首；品牌物，颜色不跟主题走。默认 16px。
+* @param props.size - 边长像素，同时给 `width` 与 `height`。
+* @returns 一枚 `aria-hidden` 的 svg。
+*/
 function IconModuleMark({ size = 16 }) {
 	return h(Shell, {
 		size,
@@ -1686,6 +2530,11 @@ function IconModuleMark({ size = 16 }) {
 		fill: "#ffffff"
 	}));
 }
+/**
+* 面板 / 卡片那类的图标：整屏与柱状那种形状，给"面板"这一档用；默认 16px。
+* @param props.size - 边长像素，同时给 `width` 与 `height`。
+* @returns 一枚 `aria-hidden` 的 svg。
+*/
 function IconPanelScreen({ size = 16 }) {
 	return h("svg", {
 		width: size,
@@ -1702,6 +2551,7 @@ function IconPanelScreen({ size = 16 }) {
 }
 //#endregion
 //#region ../shared/dist/config/storage.js
+/** 读 localStorage 里的一段文本；没有这个键、或存储不可用（隐私模式）时返回 null。 */
 function readText(key) {
 	try {
 		return window.localStorage.getItem(key);
@@ -1709,22 +2559,26 @@ function readText(key) {
 		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",
@@ -2135,23 +2989,37 @@ var en = {
 	"configSync.noSource": "This machine has no other profile to sync from",
 	"configSync.emptyProviders": "The workbench has no model provider yet — sync the llm- rows from some profile, or configure one under Models.",
 	"configSync.failed": "The sync did not go through; try again.",
-	"debug.status": "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",
+	"record.recording.note": "Press \"Stop recording\" when done; if the bar is gone press Halt so the agent grabs it first",
+	"record.finished": "Recording finished",
+	"record.finished.note": "This run is done — the agent will grab it and wrap up on its own",
+	"record.act.cancel": "Cancel",
+	"record.act.halt": "Halt",
+	"approval.record.site": "Site",
+	"approval.record.what": "Records",
+	"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)"
 };
 //#endregion
 //#region ../shared/dist/i18n/zh.js
+/** 外壳自带的中文词表（命名空间 `workbench`）：`en` 与它逐键对齐，模块那份在它之上合并。 */
 var zh = {
 	"brand.name": "工作台",
 	"toggle.open": "打开侧边栏",
@@ -2562,23 +3430,37 @@ var zh = {
 	"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": "录制中",
+	"record.recording.note": "做完按「结束录制」；浮条没了按「停」，让 agent 先取再收",
+	"record.finished": "录制完成",
+	"record.finished.note": "这一段录完了 —— agent 会自己来取并收工，不用你点",
+	"record.act.cancel": "取消",
+	"record.act.halt": "停",
+	"approval.record.site": "站点",
+	"approval.record.what": "录制功能",
+	"approval.record.lands": "落点",
+	"approval.record.noUrl": "没给站点地址（这次会被当场拒）",
+	"approval.record.oneAction": "一次操作",
+	"approval.record.noSwitch": "录完不会替你切回来（左栏底部会亮一条状态）"
 };
 //#endregion
 //#region ../shared/dist/i18n/index.js
+/** 外壳自带的两份词表（`zh` 为基准、`en` 同构）：`client.tsx` 拿它当合并各套件词表的底座。 */
 var dictionaries = {
 	zh,
 	en
@@ -2591,6 +3473,7 @@ function assertSelfConsistent(unit, messages) {
 	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 };
@@ -2617,6 +3500,7 @@ function reasonOf(error) {
 	if (error instanceof Error) return error.message;
 	return typeof error === "string" ? error : String(error);
 }
+/** 逐份试合、坏的跳过：一份贡献不合规只记进 `problems`，不影响其余套件与已有词表。 */
 function mergeMessagesSkipping(base, contributions) {
 	let dictionaries = base;
 	const accepted = [];
@@ -2640,9 +3524,22 @@ function mergeMessagesSkipping(base, contributions) {
 }
 //#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");
@@ -2650,55 +3547,36 @@ function blockerActionLabel(action, state, t) {
 	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) {
@@ -2709,27 +3587,62 @@ function boardSituation(probe, workshop) {
 	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(state, now) {
+function alive$1(state, now) {
 	if (state === null) return null;
 	return now - state.at <= 144e5 ? state : null;
 }
-function ownerOf(state, sessionId, now) {
-	const held = alive(state, now);
+function ownerOf$1(state, sessionId, now) {
+	const held = alive$1(state, now);
 	if (held === null) return "none";
 	return held.sessionId === sessionId ? held : "not-owner";
 }
+/**
+* 造一份新的调试约定存储（进程内存，同一时刻只可能有一份有效约定）。
+* @returns 存取口；动作成不成都在返回的 `DebugMove` 里，不抛异常。
+*/
 function createDebugStore() {
 	let held = null;
-	const live = (now) => alive(held, now);
+	const live = (now) => alive$1(held, now);
 	return {
 		live,
 		begin(pact) {
-			const current = alive(held, pact.now);
+			const current = alive$1(held, pact.now);
 			if (current !== null) return {
 				ok: false,
 				code: current.sessionId === pact.sessionId ? "already-held" : "held-by-other"
@@ -2737,7 +3650,8 @@ function createDebugStore() {
 			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,
@@ -2751,7 +3665,7 @@ function createDebugStore() {
 			};
 		},
 		pause(sessionId, now) {
-			const found = ownerOf(held, sessionId, now);
+			const found = ownerOf$1(held, sessionId, now);
 			if (typeof found === "string") return {
 				ok: false,
 				code: found
@@ -2772,7 +3686,7 @@ function createDebugStore() {
 			};
 		},
 		resume(sessionId, now) {
-			const found = ownerOf(held, sessionId, now);
+			const found = ownerOf$1(held, sessionId, now);
 			if (typeof found === "string") return {
 				ok: false,
 				code: found
@@ -2793,7 +3707,7 @@ function createDebugStore() {
 			};
 		},
 		stop(sessionId, now) {
-			const found = ownerOf(held, sessionId, now);
+			const found = ownerOf$1(held, sessionId, now);
 			if (typeof found === "string") return {
 				ok: false,
 				code: found
@@ -2806,10 +3720,152 @@ function createDebugStore() {
 		}
 	};
 }
+/**
+* 「谁还占着」的一句话，用于别人来抢时说清现况。
+* @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;
+}
+function alive(state, now) {
+	if (state === null) return null;
+	return now - state.at <= 9e5 ? state : null;
+}
+function ownerOf(state, sessionId, now) {
+	const held = alive(state, now);
+	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);
+	return {
+		live,
+		begin(pact) {
+			const current = alive(held, pact.now);
+			if (current !== null) return {
+				ok: false,
+				code: current.sessionId === pact.sessionId ? "already-held" : "held-by-other"
+			};
+			const state = {
+				phase: "armed",
+				sessionId: pact.sessionId,
+				workspace: pact.workspace,
+				unit: pact.unit,
+				name: pact.name,
+				url: pact.url,
+				title: pact.title,
+				action: pact.action,
+				expect: pact.expect,
+				captureFile: pact.captureFile,
+				startedAt: pact.now,
+				t0: null,
+				t1: null,
+				at: pact.now
+			};
+			held = state;
+			return {
+				ok: true,
+				state
+			};
+		},
+		started(sessionId, at, now) {
+			const found = ownerOf(held, sessionId, now);
+			if (typeof found === "string") return {
+				ok: false,
+				code: found
+			};
+			if (found.phase === "recording") return {
+				ok: false,
+				code: "already-recording"
+			};
+			if (found.phase !== "armed") return {
+				ok: false,
+				code: "not-armed"
+			};
+			const state = {
+				...found,
+				phase: "recording",
+				t0: at,
+				at: now
+			};
+			held = state;
+			return {
+				ok: true,
+				state
+			};
+		},
+		finished(sessionId, at, now) {
+			const found = ownerOf(held, sessionId, now);
+			if (typeof found === "string") return {
+				ok: false,
+				code: found
+			};
+			if (found.phase !== "recording") return {
+				ok: false,
+				code: "not-recording"
+			};
+			const state = {
+				...found,
+				phase: "finished",
+				t1: at,
+				at: now
+			};
+			held = state;
+			return {
+				ok: true,
+				state
+			};
+		},
+		stop(sessionId, now) {
+			const found = ownerOf(held, sessionId, now);
+			if (typeof found === "string") return {
+				ok: false,
+				code: found
+			};
+			held = null;
+			return {
+				ok: true,
+				state: found
+			};
+		}
+	};
+}
+/**
+* 「谁还占着、在录哪个动作」的一句话，用于别人来抢时说清现况。
+* @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",
@@ -2820,7 +3876,7 @@ var PHASES = [
 function asRecord(value) {
 	return typeof value === "object" && value !== null ? value : void 0;
 }
-function textOf(value, max) {
+function textOf$1(value, max) {
 	if (typeof value !== "string") return "";
 	const trimmed = value.trim();
 	return trimmed.length > max ? trimmed.slice(0, max) : trimmed;
@@ -2833,21 +3889,27 @@ function atOf(value) {
 function errorOf(raw) {
 	const record = asRecord(raw);
 	if (record === void 0) return void 0;
-	const code = textOf(record["code"], 120);
-	const message = textOf(record["message"], PANEL_STATE_MAX_TEXT);
+	const code = textOf$1(record["code"], 120);
+	const message = textOf$1(record["message"], PANEL_STATE_MAX_TEXT);
 	if (code === "" && message === "") return void 0;
 	return {
 		code: code === "" ? "unknown" : code,
 		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 {
 		ok: false,
 		message: "请求体要是一个对象"
 	};
-	const workspace = textOf(record["workspace"], PANEL_STATE_MAX_TEXT);
+	const workspace = textOf$1(record["workspace"], PANEL_STATE_MAX_TEXT);
 	if (workspace === "") return {
 		ok: false,
 		message: "workspace 不能是空的 —— 面板按工作区存"
@@ -2861,9 +3923,9 @@ function parseCardsReport(payload) {
 	for (const item of raw.slice(0, 32)) {
 		const card = asRecord(item);
 		if (card === void 0) continue;
-		const unit = textOf(card["unit"], 200);
-		const route = textOf(card["route"], 400);
-		const phase = textOf(card["phase"], 20);
+		const unit = textOf$1(card["unit"], 200);
+		const route = textOf$1(card["route"], 400);
+		const phase = textOf$1(card["phase"], 20);
 		const at = atOf(card["at"]);
 		if (unit === "" || route === "" || at === null || !PHASES.includes(phase)) continue;
 		const error = errorOf(card["error"]);
@@ -2887,15 +3949,20 @@ function parseCardsReport(payload) {
 		}
 	};
 }
+/**
+* 收一次卡片崩溃上报。
+* @param payload - `POST` 的请求体。
+* @returns `workspace` / `unit` / `reason` 都不能空，缺一给 `ok: false` + 中文原因；`at` 缺省或不合法时取当前时间。
+*/
 function parseCrashReport(payload) {
 	const record = asRecord(payload);
 	if (record === void 0) return {
 		ok: false,
 		message: "请求体要是一个对象"
 	};
-	const workspace = textOf(record["workspace"], PANEL_STATE_MAX_TEXT);
-	const unit = textOf(record["unit"], 200);
-	const reason = textOf(record["reason"], PANEL_STATE_MAX_TEXT);
+	const workspace = textOf$1(record["workspace"], PANEL_STATE_MAX_TEXT);
+	const unit = textOf$1(record["unit"], 200);
+	const reason = textOf$1(record["reason"], PANEL_STATE_MAX_TEXT);
 	if (workspace === "") return {
 		ok: false,
 		message: "workspace 不能是空的"
@@ -2918,6 +3985,10 @@ function parseCrashReport(payload) {
 		}
 	};
 }
+/**
+* 造一份面板运行态的留存（进程内存、按工作区分桶，带上面那几条上限的 LRU）。
+* @returns 留存口：`cards` / `crash` 收上报，`snapshot(workspace)` 取全量；没存过的工作区（含 `null`）给一份空的。
+*/
 function createPanelStateStore() {
 	const workspaces = /* @__PURE__ */ new Map();
 	function trim(entry, max) {
@@ -3008,9 +4079,20 @@ function createPanelStateStore() {
 }
 //#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");
 }
@@ -3028,6 +4110,11 @@ function candidateStarts(raw) {
 	}
 	return starts;
 }
+/**
+* 宽松解析一段前后可能夹着人话的 JSON：整段不通就从行首的 `[` / `{` 起、截到最后一个闭合符再试。
+* @param text - 原文；`null` / `undefined` 当空串。
+* @returns 解析出的值（对象 / 数组 / 标量都原样）；空输入或怎么都解析不出给 `undefined`，调用方据此报「输出认不出」。
+*/
 function parseJsonLoose(text) {
 	const raw = String(text ?? "").trim();
 	if (!raw) return void 0;
@@ -3050,6 +4137,12 @@ function parseJsonLoose(text) {
 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;
@@ -3081,10 +4174,14 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	DIY_DEBUG_ACT_PATH: () => DIY_DEBUG_ACT_PATH,
 	DIY_DEBUG_PATH: () => DIY_DEBUG_PATH,
 	DIY_DEBUG_SERVICE: () => DIY_DEBUG_SERVICE,
+	DIY_RECORD_ACT_PATH: () => DIY_RECORD_ACT_PATH,
+	DIY_RECORD_PATH: () => DIY_RECORD_PATH,
+	DIY_RECORD_SERVICE: () => DIY_RECORD_SERVICE,
 	EVENTS_PATH: () => EVENTS_PATH,
 	EmptyState: () => EmptyState,
 	FACT_SCOPE_SUFFIX: () => "*",
 	Field: () => Field,
+	Form: () => Form,
 	FormActions: () => FormActions,
 	FormRow: () => FormRow,
 	FormRows: () => FormRows,
@@ -3125,10 +4222,12 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	PREFS_PREFIX: () => PREFS_PREFIX,
 	PROBE_TTL_MS: () => PROBE_TTL_MS,
 	PROVISION_PREFIX: () => PROVISION_PREFIX,
+	RECORD_STALE_MS: () => RECORD_STALE_MS,
 	RELEASE_SIBLINGS: () => RELEASE_SIBLINGS,
 	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,
@@ -3161,12 +4260,14 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	createDebugStore: () => createDebugStore,
 	createFactChannel: () => createFactChannel,
 	createPanelStateStore: () => createPanelStateStore,
+	createRecordStore: () => createRecordStore,
 	cx: () => cx,
 	debugOwnerText: () => debugOwnerText,
 	declarationProblemsOf: () => declarationProblemsOf,
 	decodeRef: () => decodeRef,
 	defaultSelectFilter: () => defaultSelectFilter,
 	dictionaries: () => dictionaries,
+	duplicateKeysOf: () => duplicateKeysOf,
 	en: () => en,
 	encodeRef: () => encodeRef,
 	errorReasonOf: () => errorReasonOf,
@@ -3174,6 +4275,12 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	factOfRoute: () => factOfRoute,
 	filterSelectOptions: () => filterSelectOptions,
 	firstProblemOf: () => firstProblemOf,
+	formActionsOf: () => formActionsOf,
+	formFirstProblemOf: () => formFirstProblemOf,
+	formProblemsOf: () => formProblemsOf,
+	formRowsOf: () => formRowsOf,
+	formSubmitOf: () => formSubmitOf,
+	formValuesOf: () => formValuesOf,
 	gateOf: () => gateOf,
 	h: () => h,
 	hasEnvSupply: () => hasEnvSupply,
@@ -3193,21 +4300,26 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	parseJsonLoose: () => parseJsonLoose,
 	parseLocalTimestamp: () => parseLocalTimestamp,
 	parseMarkers: () => parseMarkers,
+	parseRecordIntent: () => parseRecordIntent,
 	probeKeyOf: () => probeKeyOf,
 	quoteShellArg: () => quoteShellArg,
 	readDeclaration: () => readDeclaration,
 	readFlag: () => readFlag,
 	readText: () => readText,
+	recordOwnerText: () => recordOwnerText,
 	relativeTime: () => relativeTime,
 	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,
@@ -3221,6 +4333,7 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	useRef: () => useRef,
 	useState: () => useState,
 	useSyncExternalStore: () => useSyncExternalStore,
+	visibleFieldsOf: () => visibleFieldsOf,
 	writeFlag: () => writeFlag,
 	writeOutcomeOf: () => writeOutcomeOf,
 	writeRoute: () => writeRoute,
@@ -3229,6 +4342,14 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 });
 //#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(Tooltip, {
 		side,
@@ -3298,6 +4419,10 @@ function pollTransport() {
 		};
 	} };
 }
+/**
+* 事实通道的传输选择：有 `EventSource` 就先用 SSE，连不上（重试一拍仍失败）自动降级成长轮询；
+* 没有 `EventSource` 的运行时直接轮询。返回值是停掉当前这条传输的函数。
+*/
 function createAdaptiveTransport() {
 	return { start(handlers) {
 		let stopped = false;
@@ -3322,17 +4447,30 @@ var use_facts_exports = /* @__PURE__ */ __exportAll({
 	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;
 }
@@ -3341,14 +4479,23 @@ var NO_PROBE = {
 	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 () => {
@@ -3360,19 +4507,31 @@ function setProbe(next) {
 	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({
@@ -3383,6 +4542,9 @@ function setCapabilities(next, rechecked = false) {
 	current$1 = next;
 	for (const listener of [...listeners$4]) listener();
 }
+/**
+* 一次强探开始：点亮“正在探”；已经在探就跳过。
+*/
 function beginProbe() {
 	if (probe$1.checking) return;
 	setProbe({
@@ -3390,6 +4552,9 @@ function beginProbe() {
 		checking: true
 	});
 }
+/**
+* 一次强探收尾：熄灭“正在探”。
+*/
 function endProbe() {
 	setProbe({
 		...probe$1,
@@ -3401,6 +4566,10 @@ async function fetchAll(force) {
 	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);
@@ -3410,6 +4579,10 @@ function publishCapability(result, rechecked = false) {
 	setCapabilities({});
 	return true;
 }
+/**
+* 同一语义（同一个 `force`）的在飞探测搭车：并发调用共享同一个 promise；落地或失败就清掉，
+* 下一次强探会真的再跑一遍；`force` 不同不搭车。
+*/
 function shareCapabilityFetch(force, load) {
 	if (shared !== null && shared.force === force) return shared.promise;
 	const promise = load(force).finally(() => {
@@ -3423,6 +4596,10 @@ function shareCapabilityFetch(force, 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;
@@ -3435,6 +4612,10 @@ function runCapabilityRead(options) {
 		if (force) endProbe();
 	});
 }
+/**
+* 渲染里要整张能力表时调用：所有读者共享同一份结论，没探过是 `null`。
+* `refreshToken` 变化算一次强制重探，事实版本（`CAPABILITY_FACT`）与 `reloadToken` 变化各触发一次重读。
+*/
 function useCapabilities(refreshToken, reloadToken = 0) {
 	const value = useSyncExternalStore(subscribeCapabilities, capabilityValue);
 	const previous = useRef(refreshToken);
@@ -3454,6 +4635,9 @@ function useCapabilities(refreshToken, reloadToken = 0) {
 	]);
 	return value;
 }
+/**
+* 渲染里要探针状态（`checking` / `checkedAt`）时调用，比如“最近检查”那一行。
+*/
 function useCapabilityProbe() {
 	return useSyncExternalStore(subscribeProbe, probeValue);
 }
@@ -3463,6 +4647,11 @@ var use_capability_gate_exports = /* @__PURE__ */ __exportAll({
 	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), []);
@@ -3474,6 +4663,10 @@ function useCapabilityGate(unit, refreshToken, options = {}) {
 		forceProbe
 	};
 }
+/**
+* 设置页 / 体检那类“要全部单元的能力表”时调用：`reload()` 重取整张表、`forceProbe()` 立刻探一次、
+* `checking` 是探针在跑；没探过时 `capabilities` 是 `null`。
+*/
 function useCapabilityMap(refreshToken) {
 	const [probeNonce, setProbeNonce] = useState(0);
 	const [reloadNonce, setReloadNonce] = useState(0);
@@ -4084,6 +5277,11 @@ function marketHintOf(input) {
 //#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 ?? "");
@@ -4140,15 +5338,26 @@ var use_visible_busy_exports = /* @__PURE__ */ __exportAll({
 	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);
@@ -4872,6 +6081,12 @@ var PanelFoot_module_default = {
 };
 //#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);
 }
@@ -5382,18 +6597,30 @@ var MODULE_VERSIONS_ROUTE = "module-versions";
 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);
 }
@@ -6181,33 +7408,30 @@ function registerMarketPanel(ctx, units) {
 	}, 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,
@@ -6219,6 +7443,9 @@ function reportPanelRead(input) {
 	if (timer !== null) return;
 	timer = setTimeout(flush, FLUSH_MS);
 }
+/**
+* 卡片崩了时调它：`unit` 与原因立刻报给宿主（不攒）；还不知道工作区时不报。
+*/
 function reportPanelCrash(input) {
 	const target = workspace;
 	if (target === null) return;
@@ -6248,9 +7475,15 @@ var use_api_resource_exports = /* @__PURE__ */ __exportAll({
 	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)}`;
 }
@@ -6258,6 +7491,10 @@ function requestKeyOf(route, query) {
 	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) {
@@ -6288,6 +7525,13 @@ function release(key, entry) {
 	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);
@@ -6386,8 +7630,18 @@ function useApiResource(route, query, refreshToken, options = {}) {
 }
 //#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,
@@ -6396,6 +7650,9 @@ function useDiyDebugState() {
 	if (read.value === void 0) return null;
 	return read.value.state ?? null;
 }
+/**
+* 要发“开始 / 暂停 / 继续 / 结束调试”那几把动作时调用；写走 `diy-debug/act` 通道。
+*/
 function useDiyDebugAct() {
 	return useHostWrite({
 		channel: "diy-debug",
@@ -6435,32 +7692,33 @@ function subscribeBoardProbe(listener) {
 	};
 }
 var DebugFooterAction_module_default = {
-	slot: "_slot_1og2k_1",
-	action: "_action_1og2k_12",
-	live: "_live_1og2k_31",
-	paused: "_paused_1og2k_35",
-	trouble: "_trouble_1og2k_39",
-	pulse: "_pulse_1og2k_43",
-	"wb-debug-breathe": "_wb-debug-breathe_1og2k_1",
-	entry: "_entry_1og2k_64",
-	entryInner: "_entryInner_1og2k_71",
-	acts: "_acts_1og2k_78",
-	act: "_act_1og2k_12",
-	actStop: "_actStop_1og2k_110",
-	actArmed: "_actArmed_1og2k_115",
-	actLabel: "_actLabel_1og2k_125",
-	entryLine: "_entryLine_1og2k_131",
-	actionRail: "_actionRail_1og2k_138",
-	card: "_card_1og2k_150",
-	cardTitle: "_cardTitle_1og2k_156",
-	cardNote: "_cardNote_1og2k_162"
+	slot: "_slot_1t7dx_1",
+	action: "_action_1t7dx_12",
+	live: "_live_1t7dx_31",
+	paused: "_paused_1t7dx_35",
+	trouble: "_trouble_1t7dx_39",
+	pulse: "_pulse_1t7dx_43",
+	"wb-debug-breathe": "_wb-debug-breathe_1t7dx_1",
+	entry: "_entry_1t7dx_64",
+	entryInner: "_entryInner_1t7dx_71",
+	acts: "_acts_1t7dx_78",
+	act: "_act_1t7dx_12",
+	actStop: "_actStop_1t7dx_110",
+	actArmed: "_actArmed_1t7dx_115",
+	actLabel: "_actLabel_1t7dx_125",
+	entryLine: "_entryLine_1t7dx_131",
+	actionRail: "_actionRail_1t7dx_138",
+	card: "_card_1t7dx_150",
+	cardTitle: "_cardTitle_1t7dx_156",
+	cardNote: "_cardNote_1t7dx_162"
 };
 //#endregion
 //#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,
@@ -6477,7 +7735,7 @@ function debugFooterView(state, t, trouble = "none") {
 	};
 	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
@@ -6496,16 +7754,14 @@ function DebugFooterAction({ wide, t, useWorkspaces, useSessions }) {
 	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(StateDot, {
 		state: view.trouble !== "none" ? "error" : view.stalled ? "warning" : "done",
@@ -6571,6 +7827,127 @@ function registerDebugFooter(ctx) {
 	}, DebugFooterAction));
 }
 //#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,
+		report: false
+	});
+	if (read.value === void 0) return null;
+	return read.value.state ?? null;
+}
+/**
+* 要发录制交接那几把动作（准备 / 读回 / 收尾）时调用；写走 `diy-record/act` 通道。
+*/
+function useDiyRecordAct() {
+	return useHostWrite({
+		channel: "diy-record",
+		resource: "act",
+		networkText: "网络不通，动作没发出去"
+	});
+}
+var RecordFooterAction_module_default = {
+	slot: "_slot_1gkj9_1",
+	action: "_action_1gkj9_12",
+	live: "_live_1gkj9_31",
+	done: "_done_1gkj9_35",
+	pulse: "_pulse_1gkj9_39",
+	"wb-record-breathe": "_wb-record-breathe_1gkj9_1",
+	entry: "_entry_1gkj9_60",
+	entryInner: "_entryInner_1gkj9_67",
+	acts: "_acts_1gkj9_74",
+	act: "_act_1gkj9_12",
+	entryLine: "_entryLine_1gkj9_108",
+	actionRail: "_actionRail_1gkj9_115",
+	card: "_card_1gkj9_127",
+	cardTitle: "_cardTitle_1gkj9_133",
+	cardNote: "_cardNote_1gkj9_139"
+};
+//#endregion
+//#region src/app/layouts/sidebar/RecordFooterAction.tsx
+function recordFooterView(state, t) {
+	if (state.phase === "recording") return {
+		label: t("record.recording"),
+		note: t("record.recording.note"),
+		acts: [{
+			intent: "halt",
+			label: t("record.act.halt")
+		}]
+	};
+	if (state.phase === "finished") return {
+		label: t("record.finished"),
+		note: t("record.finished.note"),
+		acts: []
+	};
+	return {
+		label: t("record.waiting"),
+		note: t("record.waiting.note"),
+		acts: [{
+			intent: "stop",
+			label: t("record.act.cancel")
+		}]
+	};
+}
+function RecordFooterAction({ wide, t }) {
+	const state = useDiyRecordState();
+	const act = useDiyRecordAct();
+	if (state === null) return null;
+	const view = recordFooterView(state, t);
+	const dot = /* @__PURE__ */ h(StateDot, {
+		state: state.phase === "finished" ? "done" : "warning",
+		className: state.phase === "armed" ? RecordFooterAction_module_default.pulse : void 0
+	});
+	const tone = state.phase === "finished" ? RecordFooterAction_module_default.done : RecordFooterAction_module_default.live;
+	const acts = /* @__PURE__ */ h("span", { className: RecordFooterAction_module_default.acts }, view.acts.map((one) => /* @__PURE__ */ h("button", {
+		key: one.intent,
+		type: "button",
+		className: RecordFooterAction_module_default.act,
+		"aria-label": one.label,
+		onClick: (event) => {
+			event.stopPropagation();
+			act.send({ intent: one.intent });
+		}
+	}, one.label)));
+	const status = /* @__PURE__ */ h("span", { className: RecordFooterAction_module_default.entryInner }, dot, wide === true ? /* @__PURE__ */ h("span", { className: RecordFooterAction_module_default.entryLine }, view.label) : null);
+	const row = /* @__PURE__ */ h("div", { className: cx(RecordFooterAction_module_default.action, wide === true ? void 0 : RecordFooterAction_module_default.actionRail, tone) }, /* @__PURE__ */ h("span", {
+		className: RecordFooterAction_module_default.entry,
+		role: "status",
+		"aria-label": `${view.label}，${view.note}`
+	}, wide === true ? /* @__PURE__ */ h(Tip, {
+		label: view.note,
+		side: "top"
+	}, status) : status), wide === true ? acts : null);
+	if (wide === true) return /* @__PURE__ */ h("span", { className: RecordFooterAction_module_default.slot }, row);
+	return /* @__PURE__ */ h("span", { className: RecordFooterAction_module_default.slot }, /* @__PURE__ */ h(HoverCard, {
+		anchor: row,
+		content: /* @__PURE__ */ h("div", { className: RecordFooterAction_module_default.card }, /* @__PURE__ */ h("div", { className: RecordFooterAction_module_default.cardTitle }, view.label), /* @__PURE__ */ h("div", { className: RecordFooterAction_module_default.cardNote }, view.note), acts),
+		openDelayMs: 200
+	}));
+}
+//#endregion
+//#region src/app/layouts/sidebar/record-footer.tsx
+var RECORD_FOOTER_ID = "workbench-record";
+function registerRecordFooter(ctx) {
+	ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register({
+		name: "sidebar.footer.action",
+		id: RECORD_FOOTER_ID,
+		order: 11,
+		locale: LOCALE_NS
+	}, RecordFooterAction));
+}
+//#endregion
 //#region src/shared/api/config-sync.ts
 var CONFIG_SYNC_ROUTE = "config-sync";
 var CONFIG_SYNC_RESOURCE = "configSync";
@@ -6822,6 +8199,18 @@ function ConfigSyncSection({ t }) {
 	}, 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) {
@@ -7445,6 +8834,209 @@ function createBootGate(ctx, options = {}) {
 	return { close };
 }
 //#endregion
+//#region src/modules/panels/unit.ts
+var PANELS_LIST_TOOL = "workbench_panels_list";
+var PANELS_SHOW_TOOL = "workbench_panels_show";
+var PANELS_HIDE_TOOL = "workbench_panels_hide";
+var PANELS_MOVE_TOOL = "workbench_panels_move";
+var PANELS_RESET_TOOL = "workbench_panels_reset";
+var PANELS_FOLLOW_TOOL = "workbench_panels_follow";
+var MODULES_LIST_TOOL = "workbench_modules_list";
+var MODULES_INSTALL_TOOL = "workbench_modules_install";
+var MODULES_UPDATE_TOOL = "workbench_modules_update";
+var MODULES_UNINSTALL_TOOL = "workbench_modules_uninstall";
+var MODULES_INSTALL_BUNDLE_TOOL = "workbench_modules_install_bundle";
+var MODULES_UPDATE_DEPENDENCY_TOOL = "workbench_modules_update_dependency";
+var MODULES_UPDATE_PLUGIN_TOOL = "workbench_modules_update_plugin";
+var MODULES_UNINSTALL_PLUGIN_TOOL = "workbench_modules_uninstall_plugin";
+var MODULES_UPDATE_WORKBENCH_TOOL = "workbench_modules_update_workbench";
+var DIY_LIST_TOOL = "workbench_diy_list";
+var DIY_STATUS_TOOL = "workbench_diy_status";
+var DIY_PANEL_TOOL = "workbench_diy_panel";
+var DIY_COMPONENTS_TOOL = "workbench_diy_components";
+var DIY_RECON_TOOL = "workbench_diy_recon";
+var DIY_SPEC_TOOL = "workbench_diy_spec";
+var DIY_INSTALL_TOOL = "workbench_diy_install";
+var DIY_SHOW_TOOL = "workbench_diy_show";
+var DIY_STATE_TOOL = "workbench_diy_state";
+var DIY_HTML_TOOL = "workbench_diy_html";
+var DIY_FIND_TOOL = "workbench_diy_find";
+var DIY_CLICK_TOOL = "workbench_diy_click";
+var DIY_HOVER_TOOL = "workbench_diy_hover";
+var DIY_TYPE_TOOL = "workbench_diy_type";
+var DIY_FILL_TOOL = "workbench_diy_fill";
+var DIY_KEYS_TOOL = "workbench_diy_keys";
+var DIY_SCROLL_TOOL = "workbench_diy_scroll";
+var DIY_WAIT_TOOL = "workbench_diy_wait";
+var DIY_EVAL_TOOL = "workbench_diy_eval";
+var DIY_SCREENSHOT_TOOL = "workbench_diy_screenshot";
+var DIY_NETWORK_TOOL = "workbench_diy_network";
+var DIY_DIALOG_TOOL = "workbench_diy_dialog";
+var DIY_LOGS_WATCH_TOOL = "workbench_diy_logs_watch";
+var DIY_LOGS_READ_TOOL = "workbench_diy_logs_read";
+var DIY_LOGS_STOP_TOOL = "workbench_diy_logs_stop";
+var DIY_RECORD_PREPARE_TOOL = "workbench_diy_record_prepare";
+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 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";
+var DIY_DEBUG_STOP_TOOL = "workbench_diy_debug_stop";
+var ALL_TOOLS = [
+	PANELS_LIST_TOOL,
+	PANELS_SHOW_TOOL,
+	PANELS_HIDE_TOOL,
+	PANELS_MOVE_TOOL,
+	PANELS_RESET_TOOL,
+	PANELS_FOLLOW_TOOL,
+	MODULES_LIST_TOOL,
+	MODULES_INSTALL_TOOL,
+	MODULES_UPDATE_TOOL,
+	MODULES_UNINSTALL_TOOL,
+	MODULES_INSTALL_BUNDLE_TOOL,
+	MODULES_UPDATE_DEPENDENCY_TOOL,
+	MODULES_UPDATE_PLUGIN_TOOL,
+	MODULES_UNINSTALL_PLUGIN_TOOL,
+	MODULES_UPDATE_WORKBENCH_TOOL,
+	DIY_LIST_TOOL,
+	DIY_STATUS_TOOL,
+	DIY_PANEL_TOOL,
+	DIY_COMPONENTS_TOOL,
+	DIY_RECON_TOOL,
+	DIY_SPEC_TOOL,
+	DIY_INSTALL_TOOL,
+	DIY_SHOW_TOOL,
+	DIY_STATE_TOOL,
+	DIY_HTML_TOOL,
+	DIY_FIND_TOOL,
+	DIY_CLICK_TOOL,
+	DIY_HOVER_TOOL,
+	DIY_TYPE_TOOL,
+	DIY_FILL_TOOL,
+	DIY_KEYS_TOOL,
+	DIY_SCROLL_TOOL,
+	DIY_WAIT_TOOL,
+	DIY_EVAL_TOOL,
+	DIY_SCREENSHOT_TOOL,
+	DIY_NETWORK_TOOL,
+	DIY_DIALOG_TOOL,
+	DIY_LOGS_WATCH_TOOL,
+	DIY_LOGS_READ_TOOL,
+	DIY_LOGS_STOP_TOOL,
+	DIY_RECORD_PREPARE_TOOL,
+	DIY_RECORD_READ_TOOL,
+	DIY_RECORD_DETAIL_TOOL,
+	DIY_RECORD_STOP_TOOL,
+	DIY_DEBUG_START_TOOL,
+	DIY_DEBUG_PAUSE_TOOL,
+	DIY_DEBUG_RESUME_TOOL,
+	DIY_DEBUG_STOP_TOOL
+];
+var READ_TOOLS = [
+	PANELS_LIST_TOOL,
+	MODULES_LIST_TOOL,
+	DIY_LIST_TOOL,
+	DIY_STATUS_TOOL,
+	DIY_PANEL_TOOL,
+	DIY_COMPONENTS_TOOL,
+	DIY_RECON_TOOL,
+	DIY_SPEC_TOOL,
+	DIY_STATE_TOOL,
+	DIY_HTML_TOOL,
+	DIY_FIND_TOOL,
+	DIY_CLICK_TOOL,
+	DIY_HOVER_TOOL,
+	DIY_TYPE_TOOL,
+	DIY_FILL_TOOL,
+	DIY_KEYS_TOOL,
+	DIY_SCROLL_TOOL,
+	DIY_WAIT_TOOL,
+	DIY_EVAL_TOOL,
+	DIY_SCREENSHOT_TOOL,
+	DIY_NETWORK_TOOL,
+	DIY_DIALOG_TOOL,
+	DIY_LOGS_WATCH_TOOL,
+	DIY_LOGS_READ_TOOL,
+	DIY_LOGS_STOP_TOOL,
+	DIY_RECORD_READ_TOOL,
+	DIY_RECORD_DETAIL_TOOL,
+	DIY_RECORD_STOP_TOOL
+];
+var WRITE_TOOLS = [
+	PANELS_SHOW_TOOL,
+	PANELS_HIDE_TOOL,
+	PANELS_MOVE_TOOL,
+	PANELS_RESET_TOOL,
+	PANELS_FOLLOW_TOOL,
+	MODULES_INSTALL_TOOL,
+	MODULES_UPDATE_TOOL,
+	MODULES_UNINSTALL_TOOL,
+	MODULES_INSTALL_BUNDLE_TOOL,
+	MODULES_UPDATE_DEPENDENCY_TOOL,
+	MODULES_UPDATE_PLUGIN_TOOL,
+	MODULES_UNINSTALL_PLUGIN_TOOL,
+	MODULES_UPDATE_WORKBENCH_TOOL,
+	DIY_INSTALL_TOOL,
+	DIY_SHOW_TOOL,
+	DIY_RECORD_PREPARE_TOOL,
+	DIY_DEBUG_START_TOOL,
+	DIY_DEBUG_PAUSE_TOOL,
+	DIY_DEBUG_RESUME_TOOL,
+	DIY_DEBUG_STOP_TOOL
+];
+[...READ_TOOLS.map((name) => ({
+	name,
+	writes: false
+})), ...WRITE_TOOLS.map((name) => ({
+	name,
+	writes: true
+}))];
+//#endregion
+//#region src/app/layouts/approval-detail.tsx
+function textOf(args, key) {
+	const value = args[key];
+	return typeof value === "string" ? value.replace(/\s+/g, " ").trim() : "";
+}
+function recordApprovalRows(args, t) {
+	const unit = textOf(args, "unit");
+	const doing = textOf(args, "doing");
+	const url = textOf(args, "url");
+	return [
+		{
+			label: t("approval.record.site"),
+			value: url === "" ? t("approval.record.noUrl") : url
+		},
+		{
+			label: t("approval.record.what"),
+			value: doing === "" ? t("approval.record.oneAction") : `「${doing}」`
+		},
+		{
+			label: t("approval.record.lands"),
+			value: `shots/rec-${unit === "" ? "<unit>" : unit}.jsonl`
+		}
+	];
+}
+function shellClaimsApprovalDetail(tool) {
+	return ALL_TOOLS.includes(tool);
+}
+function shellApprovalPlan(input, t) {
+	if (input.tool === "workbench_diy_record_prepare") return {
+		rows: recordApprovalRows(input.args, t),
+		warn: t("approval.record.noSwitch")
+	};
+	return shellClaimsApprovalDetail(input.tool) ? { rows: [] } : void 0;
+}
+function shellApprovalDetail(input, t) {
+	const plan = shellApprovalPlan(input, t);
+	if (plan === void 0) return void 0;
+	if (plan.rows.length === 0) return h(Fragment, null);
+	return /* @__PURE__ */ h(ApprovalPlan, {
+		rows: plan.rows,
+		warn: plan.warn
+	});
+}
+//#endregion
 //#region src/app/layouts/rightbar/store.ts
 var browserPersistence = {
 	readFlag,
@@ -8830,12 +10422,19 @@ var context_chips_exports = /* @__PURE__ */ __exportAll({
 	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,
@@ -8859,6 +10458,10 @@ function installContextChips(ctx, deps) {
 		}
 	}), "dsh-workbench: 对话引用源");
 }
+/**
+* 要往当前对话输入框插一条 `@` 引用时调用（卡片上“发到对话”那类动作）：同步返回，只反映当场这一拍 ——
+* 没插进去会自己再试几拍，后面成功了也不会回头改这个返回值。没装过 / 没会话 / 拿不到输入框都回 `unavailable`。
+*/
 function addContextChip(ref, label) {
 	const here = runtime;
 	if (here === null) return "unavailable";
@@ -8906,6 +10509,9 @@ function addContextChip(ref, label) {
 	attempt(INSERT_RETRY_MAX);
 	return settled;
 }
+/**
+* 把编好的引用串码成带 `@` 的标记文本（输入框里显示与复制到剪贴板都是这一份）；认不出的串原样加个 `@`。
+*/
 function serializeChipRef(encoded) {
 	const at = encoded.indexOf(":");
 	const kind = at > 0 ? encoded.slice(0, at) : "";
@@ -9801,7 +11407,7 @@ var scale_default = ":root {\n  --wb-dur-0-12: 0.12s;\n  --wb-dur-0-9: 0.9s;\n
 var sidebar_app_default = ".wb-wsSection {\n  position: relative;\n  flex: none;\n  --dsh-session-list-edge-inset: var(--dsh-sidebar-inline-padding);\n  --dsh-session-list-scrollbar-width: 5px;\n  --dsh-session-list-scrollbar-offset: 2px;\n  margin: 0 var(--dsh-session-list-scrollbar-offset) var(--wb-len-4) 0;\n  padding-right: calc( var(--dsh-session-list-edge-inset) - var(--dsh-session-list-scrollbar-width) - var(--dsh-session-list-scrollbar-offset) );\n}.wb-sectionHeader {\n  box-sizing: border-box;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  gap: var(--wb-len-4);\n  height: var(--wb-len-36);\n  flex: none;\n  margin-bottom: var(--wb-len-4);\n  padding-left: var(--wb-len-8);\n  padding-right: var(--wb-len-2);\n  border-radius: var(--dsw-radius-md);\n  color: var(--dsw-alias-label-tertiary);\n  overflow: hidden;\n}.wb-wsNew {\n  margin-left: auto;\n}.wb-sectionLabel {\n  flex: none;\n  min-width: 0;\n  max-width: 45%;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: var(--wb-line-20);\n}.wb-collapsed .wb-wsSection {\n  margin: 0 0 var(--wb-len-12);\n  padding-right: 0;\n}.wb-collapsed .wb-sectionHeader {\n  justify-content: flex-start;\n  gap: 0;\n  margin-bottom: 0;\n  padding-left: 0;\n  padding-right: 0;\n}.wb-collapsed .wb-wsNew {\n  margin-left: 0;\n}.wb-sessions {\n  --dsh-session-list-edge-inset: var(--dsh-sidebar-inline-padding);\n  --dsh-session-list-scrollbar-width: 5px;\n  --dsh-session-list-scrollbar-offset: 2px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  margin-left: var(--wb-len-neg-4);\n  margin-right: var(--dsh-session-list-scrollbar-offset);\n  padding-left: var(--wb-len-4);\n  padding-right: calc( var(--dsh-session-list-edge-inset) - var(--dsh-session-list-scrollbar-width) - var(--dsh-session-list-scrollbar-offset) );\n  padding-bottom: var(--wb-len-16);\n  scrollbar-gutter: stable;\n  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);\n  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2);\n}.wb-sessions.wb-fadeTop {\n  mask-image: linear-gradient(\n    to bottom,\n    transparent 0,\n    var(--wb-static-mask-opaque) var(--wb-len-24),\n    var(--wb-static-mask-opaque) 100%\n  );\n}.wb-sessions.wb-fadeBottom {\n  mask-image: linear-gradient(\n    to bottom,\n    var(--wb-static-mask-opaque) 0,\n    var(--wb-static-mask-opaque) calc(100% - var(--wb-len-24)),\n    transparent 100%\n  );\n}.wb-sessions.wb-fadeTop.wb-fadeBottom {\n  mask-image: linear-gradient(\n    to bottom,\n    transparent 0,\n    var(--wb-static-mask-opaque) var(--wb-len-24),\n    var(--wb-static-mask-opaque) calc(100% - var(--wb-len-24)),\n    transparent 100%\n  );\n}.wb-sessions > * {\n  flex: none;\n}.wb-sessions > * + * {\n  margin-top: var(--wb-len-2);\n}.wb-sessionLeading {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-16);\n  height: var(--wb-len-20);\n  color: var(--dsw-alias-label-tertiary);\n}.wb-sessionPin {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-16);\n  height: var(--wb-len-20);\n  margin-left: var(--wb-len-6);\n  color: var(--dsw-alias-label-caption);\n}.wb-rowActions {\n  flex: none;\n  display: none;\n  align-items: center;\n  gap: var(--wb-len-15);\n}.wb-rowActions .wb-iconButton {\n  width: var(--wb-len-16);\n  height: var(--wb-len-16);\n  border-radius: var(--dsw-radius-xs);\n  color: var(--dsw-alias-label-tertiary);\n}.wb-rowActions .wb-iconButton:hover {\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n}.wb-sessionRow:hover .wb-rowActions,\n.wb-sessionRow.wb-menuOpen .wb-rowActions {\n  display: inline-flex;\n}.wb-sessionRow:hover .wb-sessionTime,\n.wb-sessionRow.wb-menuOpen .wb-sessionTime,\n.wb-sessionRow:hover .wb-sessionPin,\n.wb-sessionRow.wb-menuOpen .wb-sessionPin {\n  display: none;\n}.wb-sessionRow.wb-menuOpen {\n  background: var(--dsw-alias-interactive-bg-hover);\n}.wb-sessionRow {\n  position: relative;\n  flex: none;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 0;\n  width: 100%;\n  height: var(--wb-len-32);\n  padding: 0 var(--wb-len-8);\n  border: none;\n  border-radius: var(--dsw-radius-md);\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  user-select: none;\n}.wb-sessionRow:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}.wb-sessionRow:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}.wb-visuallyHidden {\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  width: var(--wb-len-1);\n  height: var(--wb-len-1);\n  position: absolute;\n  overflow: hidden;\n}.wb-sessionTitle {\n  flex: 1;\n  min-width: 0;\n  margin: 0 var(--wb-len-6) 0 var(--wb-len-4);\n  font-size: var(--wb-font-row);\n  line-height: var(--wb-line-20);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}.wb-sessionTitle[data-scrolled] {\n  mask-image: linear-gradient(90deg, transparent, var(--wb-static-mask-opaque) var(--wb-len-12));\n}.wb-sessionTitle[data-clipped] {\n  mask-image: linear-gradient(270deg, transparent, var(--wb-static-mask-opaque) var(--wb-len-12));\n}.wb-sessionTitle[data-scrolled][data-clipped] {\n  mask-image: linear-gradient(\n    90deg,\n    transparent,\n    var(--wb-static-mask-opaque) var(--wb-len-12) calc(100% - var(--wb-len-12)),\n    transparent\n  );\n}@media (hover: hover) {\n  .wb-sessionRow:hover .wb-sessionTitle,\n  .wb-sessionRow.wb-menuOpen .wb-sessionTitle {\n    text-overflow: clip;\n  }\n}.wb-sessionHover {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n}.wb-sessionHoverTitle {\n  color: var(--dsw-static-neutral-bluish-00);\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-20);\n  overflow-wrap: break-word;\n}.wb-sessionHoverTime {\n  color: var(--dsw-static-neutral-bluish-300);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-16);\n}.wb-sessionHoverStatus {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  color: var(--dsw-static-neutral-bluish-400);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-20);\n}.wb-sessionTime {\n  flex: none;\n  font-size: var(--wb-font-10);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}.wb-workspaceBusy {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin: var(--wb-len-4) var(--wb-len-8) 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}.wb-workspaceError {\n  margin: var(--wb-len-4) var(--wb-len-8) 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}.wb-empty {\n  padding: var(--wb-len-16) var(--wb-len-12);\n  font-size: var(--dsw-font-xs-13-font-size);\n  color: var(--dsw-alias-label-tertiary);\n}.wb-sessionRow.wb-selected {\n  background: var(--dsw-alias-interactive-bg-hover);\n}.wb-panelTag {\n  flex: none;\n  margin-left: auto;\n}.wb-panelGlyph {\n  position: relative;\n}.wb-panelDot {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: var(--wb-len-neg-3);\n  right: var(--wb-len-neg-3);\n}button.pXSMma_workspace {\n  display: none;\n}";
 //#endregion
 //#region src/shared/styles/sidebar.css?raw
-var sidebar_default = ".wb-root{--dsh-sidebar-inline-padding:12px;height:100%;padding:var(--wb-len-6) var(--dsh-sidebar-inline-padding);box-sizing:border-box;background:var(--dsw-specific-sidebar-fill);color:var(--dsw-alias-label-primary);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);flex-direction:column;font-size:var(--dsw-font-s-14-font-size);display:flex}[data-platform=darwin] .wb-root{background:0 0}.wb-root.wb-collapsed{padding:var(--wb-len-18) var(--wb-len-10) var(--wb-len-6)}[data-windows-titlebar] .wb-root .wb-logoRow{height:var(--wb-len-40);margin:0;padding:0}[data-windows-titlebar] .wb-toggle{top:calc((var(--dsh-windows-titlebar-height) - var(--wb-len-28)) / 2);z-index:var(--wb-z-30);-webkit-app-region:no-drag;position:fixed;left:var(--wb-len-12)}[data-windows-titlebar] .wb-root.wb-collapsed .wb-logoRow{height:0}[data-windows-titlebar] .wb-root:not(.wb-collapsed) .wb-brand{padding-left:var(--wb-len-4)}[data-windows-titlebar] .wb-brandIdentity{transform:translateY(1px)}[data-windows-titlebar] .wb-brandMark{transform:translate(1px)}[data-windows-titlebar] .wb-brandName{font-weight:400}[data-windows-titlebar] .wb-root.wb-collapsed{padding:0}[data-windows-titlebar] .wb-collapsed .wb-panelList,[data-windows-titlebar] .wb-collapsed .wb-regionArea,[data-windows-titlebar] .wb-collapsed .wb-footArea{display:none}html[data-windows-titlebar]:has([data-sidebar-collapsed=true]){--dsh-windows-menu-start:84px}[data-windows-titlebar] .wb-collapsed .wb-toggle{corner-shape:round;width:var(--wb-len-28);height:var(--wb-len-28);color:var(--dsw-alias-label-secondary);border-radius:50%}[data-windows-titlebar] .wb-collapsed .wb-toggle .wb-panelIcon{display:inline-flex}.wb-logoRow{box-sizing:border-box;flex:none;justify-content:flex-end;align-items:center;gap:var(--wb-len-8);height:var(--wb-len-60);margin-bottom:var(--wb-len-4);padding:var(--wb-len-8) 0 var(--wb-len-8) var(--wb-len-4);display:flex;overflow:hidden}.wb-collapsed .wb-logoRow{justify-content:flex-start;height:var(--wb-len-36);margin-bottom:var(--wb-len-12);padding:0;overflow:visible}.wb-brand{min-width:0;color:inherit;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;padding:0;display:inline-flex;overflow:hidden}[data-platform=darwin] .wb-brand{cursor:default}.wb-brandIdentity{align-items:center;gap:var(--wb-len-8);min-width:0;height:var(--wb-len-24);display:inline-flex}.wb-brandMark{flex:none;justify-content:center;align-items:center;display:inline-flex}.wb-brandName{letter-spacing:var(--wb-track-brand);align-items:center;gap:var(--wb-len-6);min-width:0;height:var(--wb-len-24);font-size:var(--wb-font-18);font-weight:600;line-height:var(--wb-line-24);display:inline-flex}.wb-panelIcon{display:inline-flex;align-items:center;justify-content:center}.wb-iconButton{border-radius:var(--dsw-radius-sm);cursor:pointer;width:var(--wb-len-28);height:var(--wb-len-28);color:var(--dsw-alias-label-secondary);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.wb-iconButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.wb-iconButton.wb-toggle:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.wb-collapsed .wb-iconButton{border-radius:var(--dsw-radius-md);width:var(--wb-len-36);height:var(--wb-len-36)}.wb-collapsed .wb-toggle .wb-panelIcon{display:none}.wb-collapsed .wb-toggle:hover .wb-panelIcon{display:inline}.wb-collapsed .wb-toggle:hover .wb-railMark{display:none}.wb-railMark{justify-content:center;align-items:center;display:inline-flex}.wb-collapsed .wb-iconButton{color:var(--dsw-alias-label-primary)}.wb-panelList{flex-direction:column;flex:none;gap:var(--wb-len-4);margin-bottom:var(--wb-len-8);display:flex}.wb-panelRow{box-sizing:border-box;border-radius:var(--dsw-radius-md);min-height:var(--wb-len-36);color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:var(--wb-len-8);margin:0 var(--wb-len-2);padding:var(--wb-len-7) var(--wb-len-8);line-height:var(--wb-line-22);display:flex}.wb-panelRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.wb-panelRow.wb-panelActive{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.wb-panelRow:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.wb-panelGlyph{flex:none;justify-content:center;align-items:center;display:inline-flex}.wb-panelTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wb-collapsed .wb-panelList{gap:var(--wb-len-12);margin-bottom:var(--wb-len-12)}.wb-collapsed .wb-panelRow{width:var(--wb-len-36);height:var(--wb-len-36);color:var(--dsw-alias-label-primary);justify-content:center;margin:0;padding:0}.wb-regionArea{min-height:0;margin-left:var(--wb-len-neg-4);margin-right:calc(-1 * var(--dsh-sidebar-inline-padding));flex-direction:column;flex:1;padding-left:var(--wb-len-4);display:flex;overflow:hidden}.wb-collapsed .wb-regionArea{margin-left:0;margin-right:0;padding-left:0}.wb-footArea{flex-direction:column;flex:none;display:flex}.wb-settingsArea,.wb-footerActions{flex:none;width:100%;min-width:0}.wb-footerActions{display:flex}.wb-collapsed .wb-footArea{align-items:center}.wb-collapsed .wb-settingsArea,.wb-collapsed .wb-footerActions{justify-content:center;width:auto;display:flex}\n";
+var sidebar_default = ".wb-root{--dsh-sidebar-inline-padding:12px;height:100%;padding:var(--wb-len-6) var(--dsh-sidebar-inline-padding);box-sizing:border-box;background:var(--dsw-specific-sidebar-fill);color:var(--dsw-alias-label-primary);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);flex-direction:column;font-size:var(--dsw-font-s-14-font-size);display:flex}[data-platform=darwin] .wb-root{background:0 0}.wb-root.wb-collapsed{padding:var(--wb-len-18) var(--wb-len-10) var(--wb-len-6)}[data-windows-titlebar] .wb-root .wb-logoRow{height:var(--wb-len-40);margin:0;padding:0}[data-windows-titlebar] .wb-toggle{top:calc((var(--dsh-windows-titlebar-height) - var(--wb-len-28)) / 2);z-index:var(--wb-z-30);-webkit-app-region:no-drag;position:fixed;left:var(--wb-len-12)}[data-windows-titlebar] .wb-root.wb-collapsed .wb-logoRow{height:0}[data-windows-titlebar] .wb-root:not(.wb-collapsed) .wb-brand{padding-left:var(--wb-len-4)}[data-windows-titlebar] .wb-brandIdentity{transform:translateY(1px)}[data-windows-titlebar] .wb-brandMark{transform:translate(1px)}[data-windows-titlebar] .wb-brandName{font-weight:400}[data-windows-titlebar] .wb-root.wb-collapsed{padding:0}[data-windows-titlebar] .wb-collapsed .wb-panelList,[data-windows-titlebar] .wb-collapsed .wb-regionArea,[data-windows-titlebar] .wb-collapsed .wb-footArea{display:none}html[data-windows-titlebar]:has([data-sidebar-collapsed=true]){--dsh-windows-menu-start:84px}[data-windows-titlebar] .wb-collapsed .wb-toggle{corner-shape:round;width:var(--wb-len-28);height:var(--wb-len-28);color:var(--dsw-alias-label-secondary);border-radius:50%}[data-windows-titlebar] .wb-collapsed .wb-toggle .wb-panelIcon{display:inline-flex}.wb-logoRow{box-sizing:border-box;flex:none;justify-content:flex-end;align-items:center;gap:var(--wb-len-8);height:var(--wb-len-60);margin-bottom:var(--wb-len-4);padding:var(--wb-len-8) 0 var(--wb-len-8) var(--wb-len-4);display:flex;overflow:hidden}.wb-collapsed .wb-logoRow{justify-content:flex-start;height:var(--wb-len-36);margin-bottom:var(--wb-len-12);padding:0;overflow:visible}.wb-brand{min-width:0;color:inherit;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;padding:0;display:inline-flex;overflow:hidden}[data-platform=darwin] .wb-brand{cursor:default}.wb-brandIdentity{align-items:center;gap:var(--wb-len-8);min-width:0;height:var(--wb-len-24);display:inline-flex}.wb-brandMark{flex:none;justify-content:center;align-items:center;display:inline-flex}.wb-brandName{letter-spacing:var(--wb-track-brand);align-items:center;gap:var(--wb-len-6);min-width:0;height:var(--wb-len-24);font-size:var(--wb-font-18);font-weight:600;line-height:var(--wb-line-24);display:inline-flex}.wb-panelIcon{display:inline-flex;align-items:center;justify-content:center}.wb-iconButton{border-radius:var(--dsw-radius-sm);cursor:pointer;width:var(--wb-len-28);height:var(--wb-len-28);color:var(--dsw-alias-label-secondary);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.wb-iconButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.wb-iconButton.wb-toggle:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.wb-collapsed .wb-iconButton{border-radius:var(--dsw-radius-md);width:var(--wb-len-36);height:var(--wb-len-36)}.wb-collapsed .wb-toggle .wb-panelIcon{display:none}.wb-collapsed .wb-toggle:hover .wb-panelIcon{display:inline}.wb-collapsed .wb-toggle:hover .wb-railMark{display:none}.wb-railMark{justify-content:center;align-items:center;display:inline-flex}.wb-collapsed .wb-iconButton{color:var(--dsw-alias-label-primary)}.wb-panelList{flex-direction:column;flex:none;gap:var(--wb-len-4);margin-bottom:var(--wb-len-8);display:flex}.wb-panelRow{box-sizing:border-box;border-radius:var(--dsw-radius-md);min-height:var(--wb-len-36);color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:var(--wb-len-8);margin:0 var(--wb-len-2);padding:var(--wb-len-7) var(--wb-len-8);line-height:var(--wb-line-22);display:flex}.wb-panelRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.wb-panelRow.wb-panelActive{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.wb-panelRow:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.wb-panelGlyph{flex:none;justify-content:center;align-items:center;display:inline-flex}.wb-panelTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wb-collapsed .wb-panelList{gap:var(--wb-len-12);margin-bottom:var(--wb-len-12)}.wb-collapsed .wb-panelRow{width:var(--wb-len-36);height:var(--wb-len-36);color:var(--dsw-alias-label-primary);justify-content:center;margin:0;padding:0}.wb-regionArea{min-height:0;margin-left:var(--wb-len-neg-4);margin-right:calc(-1 * var(--dsh-sidebar-inline-padding));flex-direction:column;flex:1;padding-left:var(--wb-len-4);display:flex;overflow:hidden}.wb-collapsed .wb-regionArea{margin-left:0;margin-right:0;padding-left:0}.wb-footArea{flex-direction:column;flex:none;display:flex}.wb-settingsArea,.wb-footerActions{flex:none;width:100%;min-width:0}.wb-footerActions{display:flex;flex-wrap:wrap;row-gap:var(--wb-len-6)}.wb-collapsed .wb-footArea{align-items:center}.wb-collapsed .wb-settingsArea,.wb-collapsed .wb-footerActions{justify-content:center;width:auto;display:flex}\n";
 //#endregion
 //#region src/shared/styles/chrome.css?raw
 var chrome_default = ".wb-stripButton {\n  width: var(--wb-len-28);\n  height: var(--wb-len-28);\n  padding: 0;\n  color: var(--dsw-alias-label-secondary);\n}.wb-stripIconFlip {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  transform: scaleX(-1);\n}.wb-stripButton:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}.wb-stripButton:disabled {\n  cursor: default;\n  opacity: 1;\n}.wb-stripButtonActive {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}@keyframes wb-spin {\n  from {\n    transform: rotate(0deg);\n  }to {\n    transform: rotate(360deg);\n  }}";
@@ -9814,6 +11420,10 @@ var motion_default = "[data-animating],\n[data-sidebar-right-panel] {\n  --ds-tr
 //#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;
@@ -9831,6 +11441,11 @@ function useCardSummary(onSummary, summary) {
 //#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` 是空数组。
+*/
 function useLongTask(options) {
 	const enabled = options.enabled !== false && options.mocked !== true && options.workspace !== null;
 	const [tick, setTick] = useState(0);
@@ -9846,6 +11461,10 @@ function useLongTask(options) {
 //#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);
@@ -9883,6 +11502,11 @@ function useUnitBoard(options) {
 }
 //#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);
@@ -9965,6 +11589,15 @@ var BlockerState_module_default = {
 //#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);
@@ -10058,7 +11691,7 @@ function messagesOf(units) {
 		...face.messages === void 0 ? {} : { messages: face.messages }
 	}));
 }
-var COMPONENT_CSS_MARKER = "\n.wb-activityBlock {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  padding-top: var(--wb-len-10);\n  border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.wb-activityBlock:first-child {\n  padding-top: 0;\n  border-top: none;\n}\n\n.wb-activityBlockHead {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wb-len-8);\n}\n\n.wb-activityLine {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-activityLineText {\n  flex: none;\n  min-width: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n  max-height: var(--wb-len-72);\n  overflow-y: auto;\n}\n\n.wb-activityLineAt {\n  flex: none;\n  margin-left: auto;\n  font-size: var(--wb-font-10);\n  line-height: var(--wb-line-16);\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-activityLine > .wb-activityLineAt,\n.wb-activityLine > .wb-activityLineActions {\n  margin-left: auto;\n}\n\n.wb-activityLine > .wb-activityLineAt + .wb-activityLineActions {\n  margin-left: 0;\n}\n\n.wb-activityLineActions {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n}\n\n.wb-activityActionFailed {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-note {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-problem {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-state-error-primary);\n  overflow-wrap: anywhere;\n}\n\n.wb-approvalCommand {\n  max-width: 100%;\n}\n.wb-approvalPlan {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n}\n.wb-approvalHint {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n.wb-approvalRows {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  margin: 0;\n}\n.wb-approvalRow {\n  display: flex;\n  align-items: baseline;\n  gap: var(--wb-len-8);\n}\n.wb-approvalLabel {\n  flex: none;\n  width: var(--wb-len-56);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n.wb-approvalValue {\n  margin: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n  overflow-wrap: anywhere;\n}\n.wb-approvalWarn {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-cardHead {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  flex: none;\n  padding: var(--wb-len-8) var(--wb-len-10) var(--wb-len-8) var(--wb-card-gutter);\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-cardTitle {\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  font-weight: 600;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-cardMeta {\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-cardMeta::before {\n  content: '\\00b7';\n  margin-right: var(--wb-len-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardOpen {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  margin-left: auto;\n  flex: none;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: var(--wb-len-4);\n  border-radius: var(--wb-radius-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardOpen ~ .wb-cardRefresh {\n  margin-left: 0;\n}\n\n.wb-cardOpen:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-cardRefresh {\n  margin-left: auto;\n  flex: none;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: var(--wb-len-4);\n  border-radius: var(--wb-radius-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardRefresh:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-cardRefresh:disabled {\n  cursor: default;\n  opacity: 1;\n}\n\n.wb-cardGear {\n  flex: none;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: var(--wb-len-3);\n  border-radius: var(--wb-radius-6);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardGear:hover:not(:disabled) {\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-card {\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-xl);\n  background: var(--dsw-alias-bg-layer-1);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  flex: none;\n}\n.wb-cardBody {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n  padding: var(--wb-len-12) var(--wb-card-gutter);\n  font-size: var(--dsw-font-xxs-12-font-size);\n}\n.wb-cardBleed {\n  margin-inline: calc(-1 * var(--wb-card-gutter));\n}\n._anchor_yq4s2_1 {\n  display: contents;\n}\n\n.wb-spinner {\n  display: inline-flex;\n  align-items: center;\n  flex: none;\n}\n\n.wb-choiceMenu {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-2);\n  background: transparent;\n}\n\n.wb-choiceMenu[data-variant='boxed'] {\n  padding: var(--wb-len-4);\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n}\n\n.wb-choiceOption {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-8);\n  border-radius: var(--dsw-radius-md);\n  cursor: pointer;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-primary);\n}\n\n.wb-choiceOptionOn {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-checkbox {\n  position: absolute;\n  width: var(--wb-len-16);\n  height: var(--wb-len-16);\n  margin: 0;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.wb-checkboxBox {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  flex: none;\n  width: var(--wb-len-16);\n  height: var(--wb-len-16);\n  border: 1px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-xs);\n  corner-shape: round;\n  color: var(--dsw-alias-label-primary-foreground);\n  transition:\n    background-color var(--wb-dur-0-12) ease, border-color var(--wb-dur-0-12) ease;\n}\n\n.wb-choiceOption:hover .wb-checkboxBox {\n  border-color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-checkbox:checked + .wb-checkboxBox {\n  border-color: var(--dsw-alias-brand-primary);\n  background: var(--dsw-alias-brand-primary);\n}\n\n.wb-checkbox:disabled + .wb-checkboxBox {\n  cursor: default;\n}\n\n.wb-checkbox:focus-visible + .wb-checkboxBox {\n  outline: var(--dsw-focus-ring-width, var(--wb-len-2)) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: 2px;\n}\n\n.wb-choiceOption:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-choiceOption:has(:disabled) {\n  cursor: default;\n  opacity: 0.5;\n}\n\n.wb-choiceOption:has(:disabled),\n.wb-choiceOption:has(:disabled):hover {\n  background: transparent;\n}\n\n.wb-choiceLabel {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.wb-choiceLabelText {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-choiceLabel:has(.wb-choiceDescription) .wb-choiceLabelText {\n  overflow: visible;\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n.wb-choiceDescription {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n  overflow-wrap: anywhere;\n}\n\n.wb-choiceLoading {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-8);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-choiceLoadingText {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wb-choiceEmpty {\n  display: flex;\n  align-items: center;\n  min-height: var(--wb-len-28);\n  padding: var(--wb-len-4) var(--wb-len-8);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-20);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-radio {\n  appearance: none;\n  -webkit-appearance: none;\n  flex: none;\n  box-sizing: border-box;\n  width: var(--wb-len-12);\n  height: var(--wb-len-12);\n  margin: 0;\n  border: 1px solid var(--dsw-alias-border-l3);\n  border-radius: 50%;\n  corner-shape: round;\n  background-color: transparent;\n  cursor: pointer;\n  transition:\n    background-color var(--wb-dur-0-12) ease, border-color var(--wb-dur-0-12) ease;\n}\n\n.wb-radio:not(:checked):hover {\n  border-color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-radio:checked {\n  border-color: var(--dsw-alias-brand-primary);\n  background-image: radial-gradient(\n    circle at center,\n    var(--dsw-alias-brand-primary) 0 3px,\n    transparent 3px\n  );\n}\n\n.wb-radio:disabled {\n  cursor: default;\n}\n\n.wb-radio:focus-visible {\n  outline: var(--dsw-focus-ring-width, var(--wb-len-2)) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: 2px;\n}.wb-field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  font-size: var(--dsw-font-xs-13-font-size);\n}\n\n.wb-fieldLabel {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wb-fieldHint {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-field:has(:disabled) .wb-fieldLabel {\n  opacity: 0.4;\n}\n.wb-formActions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--wb-len-8);\n}\n\n.wb-formActionDanger {\n  color: var(--dsw-alias-state-error-primary);\n  border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 30%, transparent);\n  --dsw-alias-interactive-bg-hover: color-mix(in srgb, var(--dsw-alias-state-error-primary) 8%, transparent);\n}\n.wb-formRows {\n  display: grid;\n  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  column-gap: var(--wb-len-8);\n  row-gap: var(--wb-len-12);\n}\n\n.wb-formRows > :not(.wb-formRow) {\n  grid-column: 1 / -1;\n}\n\n.wb-formRow {\n  display: grid;\n  grid-column: 1 / -1;\n  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n  align-items: center;\n  column-gap: var(--wb-len-8);\n  row-gap: var(--wb-len-8);\n}\n\n.wb-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_1og2k_1 {\n  display: flex;\n  flex: 1 1 0;\n  min-width: 0;\n}\n\n._slot_1og2k_1 > * {\n  flex: 1 1 0;\n  min-width: 0;\n}\n\n._action_1og2k_12 {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex: 1 1 0;\n  width: 100%;\n  min-width: 0;\n  min-height: var(--wb-len-36);\n  margin: 0 var(--wb-len-2);\n  padding: var(--wb-len-7) var(--wb-len-8);\n  border-radius: var(--dsw-radius-md);\n  cursor: default;\n  overflow: hidden;\n  gap: var(--wb-len-4);\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n}\n\n._live_1og2k_31 {\n  color: var(--dsw-alias-state-success-primary);\n}\n\n._paused_1og2k_35 {\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._trouble_1og2k_39 {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._pulse_1og2k_43 {\n  animation: _wb-debug-breathe_1og2k_1 var(--wb-dur-1-5) var(--ds-ease-in-out, ease-in-out) infinite;\n}\n\n@keyframes _wb-debug-breathe_1og2k_1 {\n  0%,\n  100% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.35;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  ._pulse_1og2k_43 {\n    animation: none;\n  }\n}\n\n._entry_1og2k_64 {\n  display: flex;\n  align-items: center;\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n._entryInner_1og2k_71 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._acts_1og2k_78 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-2);\n  flex: none;\n}\n\n._act_1og2k_12 {\n  appearance: none;\n  border: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-22);\n  height: var(--wb-len-22);\n  padding: 0;\n  border-radius: var(--dsw-radius-sm, var(--wb-len-6));\n  flex: none;\n  cursor: pointer;\n}\n\n._act_1og2k_12:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._act_1og2k_12:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}\n\n._actStop_1og2k_110:hover,\n._actStop_1og2k_110:focus-visible {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n._actArmed_1og2k_115,\n._actArmed_1og2k_115:hover,\n._actArmed_1og2k_115:focus-visible {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent);\n  width: auto;\n  color: var(--dsw-alias-state-error-primary);\n  gap: var(--wb-len-4);\n  padding: 0 var(--wb-len-7);\n}\n\n._actLabel_1og2k_125 {\n  white-space: nowrap;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-18);\n}\n\n._entryLine_1og2k_131 {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._actionRail_1og2k_138 {\n  justify-content: center;\n  flex: none;\n  width: var(--wb-len-36);\n  min-width: var(--wb-len-36);\n  height: var(--wb-len-36);\n  margin: 0;\n  padding: 0;\n  corner-shape: round;\n  border-radius: 50%;\n}\n\n._card_1og2k_150 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n}\n\n._cardTitle_1og2k_156 {\n  color: var(--dsw-alias-label-primary);\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-20);\n}\n\n._cardNote_1og2k_162 {\n  color: var(--dsw-alias-label-secondary);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n}\n._body_lw2ph_1 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-12);\n}\n\n._lead_lw2ph_7 {\n  margin: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-secondary);\n}\n\n._sources_lw2ph_14 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wb-len-8);\n}\n\n._sourcesLabel_lw2ph_21 {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  color: var(--dsw-alias-label-secondary);\n}\n\nbutton._sourceOn_lw2ph_26 {\n  border-color: var(--dsw-alias-brand-primary);\n}\n._sourceCount_lw2ph_29 {\n  margin-left: var(--wb-len-4);\n  font-variant-numeric: tabular-nums;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._reading_lw2ph_36 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-4);\n}\n\n._status_lw2ph_42 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin: 0;\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._failure_lw2ph_52 {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  column-gap: var(--wb-len-10);\n  row-gap: var(--wb-len-2);\n  color: var(--dsw-alias-state-error-primary);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n}\n\n._failureTitle_lw2ph_62 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  min-width: 0;\n}\n\n._failureHint_lw2ph_69 {\n  grid-column: 1;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n._failureAction_lw2ph_74 {\n  grid-column: 2;\n  grid-row: 1;\n  justify-self: end;\n}\n\n._rows_lw2ph_80 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n._row_lw2ph_80 {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-6);\n  padding: var(--wb-len-12) var(--wb-len-14);\n  border: 0.5px solid var(--dsw-alias-settings-card-stroke);\n  border-radius: var(--dsw-radius-xl);\n  background: var(--dsw-alias-settings-card-fill);\n}\n\n._head_lw2ph_99 {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  min-width: 0;\n}\n\n._pick_lw2ph_106 {\n  flex: 0 1 auto;\n  min-width: 0;\n  font-size: var(--dsw-font-xs-13-font-size);\n}\n\n._pick_lw2ph_106 > span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n._code_lw2ph_118 {\n  --dsl-code-block-background: var(--dsw-alias-bg-layer-1);\n  margin: 0;\n}\n\n._missing_lw2ph_123,\n._conflict_lw2ph_124 {\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-18);\n  color: var(--dsw-alias-state-warn-primary);\n}\n\n._foot_lw2ph_130 {\n  display: flex;\n  justify-content: flex-end;\n}\n._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-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.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.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}`;
 }
@@ -10249,6 +11882,7 @@ function mount(ctx) {
 	}, Sidebar));
 	registerMarketPanel(ctx, units);
 	registerDebugFooter(ctx);
+	registerRecordFooter(ctx);
 	registerConfigSyncSection(ctx);
 	ctx.effect(() => {
 		const workshop = workshopWorkspace();
@@ -10264,7 +11898,8 @@ function mount(ctx) {
 		locale: LOCALE_NS,
 		inject: () => ({
 			t: ctx.locale.bind(LOCALE_NS),
-			units: units.all()
+			units: units.all(),
+			renderShell: shellApprovalDetail
 		})
 	}, ApprovalDetail));
 	ctx.slots.inject("conversation.session.header.corner", () => ctx.slots.register({