@dsh-workbench/core 0.3.4 → 0.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/client.js +1243 -78
- package/dist/client/client.body.js +1243 -78
- package/dist/client/index.js +1243 -78
- package/dist/host/index.js +623 -841
- package/dist/types/app/client.d.ts +201 -60
- package/dist/types/modules/panels/model/diy-context.d.ts +4 -5
- package/dist/types/modules/panels/model/diy-observers.d.ts +2 -2
- package/dist/types/modules/panels/model/diy-page.d.ts +1 -1
- package/dist/types/modules/panels/unit.d.ts +3 -4
- package/dist/types/shared/api/context-chips.d.ts +20 -0
- package/dist/types/shared/api/host/diy-components.d.ts +17 -6
- package/dist/types/shared/api/host/diy-workshop.d.ts +0 -3
- package/dist/types/shared/api/host/preset-scope.d.ts +16 -0
- package/dist/types/shared/api/host/tool-scope.d.ts +6 -2
- package/dist/types/shared/api/host/workshop-root.d.ts +7 -0
- package/dist/types/shared/components/BlockerState.d.ts +12 -0
- package/dist/types/shared/components/PanelFoot.d.ts +9 -0
- package/dist/types/shared/components/Tip.d.ts +8 -0
- package/dist/types/shared/hooks/bundle-queries.d.ts +12 -0
- package/dist/types/shared/hooks/fact-transports.d.ts +4 -0
- package/dist/types/shared/hooks/panel-state-report.d.ts +12 -0
- package/dist/types/shared/hooks/use-api-resource.d.ts +22 -0
- package/dist/types/shared/hooks/use-blocker-actions.d.ts +8 -0
- package/dist/types/shared/hooks/use-capabilities.d.ts +55 -0
- package/dist/types/shared/hooks/use-capability-gate.d.ts +16 -0
- package/dist/types/shared/hooks/use-card-summary.d.ts +7 -0
- package/dist/types/shared/hooks/use-diy-debug.d.ts +13 -0
- package/dist/types/shared/hooks/use-diy-record.d.ts +13 -0
- package/dist/types/shared/hooks/use-facts.d.ts +10 -0
- package/dist/types/shared/hooks/use-host-write.d.ts +12 -0
- package/dist/types/shared/hooks/use-long-task.d.ts +8 -0
- package/dist/types/shared/hooks/use-unit-board.d.ts +17 -0
- package/dist/types/shared/hooks/use-visible-busy.d.ts +17 -0
- package/package.json +2 -2
- package/skills/workbench-module-diy/DATASOURCE.md +2 -2
- package/skills/workbench-module-diy/FAMILY.md +5 -4
- package/skills/workbench-module-diy/KIT.md +105 -100
- package/skills/workbench-module-diy/PANEL.md +19 -11
- package/skills/workbench-module-diy/REVIEW.md +4 -4
- package/skills/workbench-module-diy/SKILL.md +5 -4
- package/skills/workbench-module-diy/TOOLING.md +2 -2
- package/skills/workbench-module-diy/TOOLS.md +1 -1
- package/skills/workbench-module-diy/WIRING.md +2 -1
- package/skills/workbench-module-diy/HOOKS.md +0 -95
package/client.js
CHANGED
|
@@ -20,6 +20,11 @@ window.__ModuleLoader__.load({
|
|
|
20
20
|
//#endregion
|
|
21
21
|
let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
|
|
22
22
|
//#region ../shared/dist/lib/ui.js
|
|
23
|
+
/**
|
|
24
|
+
* 拼类名:只留真值、用空格连接(`false` / `null` / `undefined` / 空串都丢掉)。
|
|
25
|
+
* @param parts - 若干类名或条件值。
|
|
26
|
+
* @returns 拼好的类字符串;一个真值都没有给空串。
|
|
27
|
+
*/
|
|
23
28
|
function cx(...parts) {
|
|
24
29
|
return parts.filter(Boolean).join(" ");
|
|
25
30
|
}
|
|
@@ -28,6 +33,12 @@ window.__ModuleLoader__.load({
|
|
|
28
33
|
var DAY = 24 * HOUR;
|
|
29
34
|
var MONTH = 30 * DAY;
|
|
30
35
|
var YEAR = 365 * DAY;
|
|
36
|
+
/**
|
|
37
|
+
* 把时间戳按 dsh 的分档切成「刚刚 / N 分钟 / N 小时 / N 天 / N 月 / N 年」—— 30 天进月、365 天进年。
|
|
38
|
+
* @param epochMs - 要换算的时间戳(毫秒)。
|
|
39
|
+
* @param now - 基准时间,默认 `Date.now()`。
|
|
40
|
+
* @returns 档位与数量;时间戳或基准不是有限数给 `null`,未来时间钳到「刚刚」(`now` / 0)。
|
|
41
|
+
*/
|
|
31
42
|
function relativeTimeBucket(epochMs, now = Date.now()) {
|
|
32
43
|
if (!Number.isFinite(epochMs) || !Number.isFinite(now)) return null;
|
|
33
44
|
const diff = Math.max(0, now - epochMs);
|
|
@@ -59,16 +70,36 @@ window.__ModuleLoader__.load({
|
|
|
59
70
|
function bucketLabel(bucket, t) {
|
|
60
71
|
return bucket.unit === "now" ? t("time.now") : t(`time.short.${bucket.unit}`, { n: bucket.n });
|
|
61
72
|
}
|
|
73
|
+
/**
|
|
74
|
+
* 行内用的紧凑相对时间(「3 分钟」这种,不带「前」)。
|
|
75
|
+
* @param epochMs - 要换算的时间戳(毫秒)。
|
|
76
|
+
* @param t - 词表取词函数。
|
|
77
|
+
* @param now - 基准时间,默认 `Date.now()`。
|
|
78
|
+
* @returns 紧凑文案;时间戳非法给空串。
|
|
79
|
+
*/
|
|
62
80
|
function relativeTimeCompact(epochMs, t, now) {
|
|
63
81
|
const bucket = relativeTimeBucket(epochMs, now);
|
|
64
82
|
return bucket === null ? "" : bucketLabel(bucket, t);
|
|
65
83
|
}
|
|
84
|
+
/**
|
|
85
|
+
* 悬停卡里用的相对时间(「3 分钟前」);「刚刚」那一档不加「前」。
|
|
86
|
+
* @param epochMs - 要换算的时间戳(毫秒)。
|
|
87
|
+
* @param t - 词表取词函数。
|
|
88
|
+
* @param now - 基准时间,默认 `Date.now()`。
|
|
89
|
+
* @returns 带「前」的文案;时间戳非法给空串。
|
|
90
|
+
*/
|
|
66
91
|
function relativeTimeAgo(epochMs, t, now) {
|
|
67
92
|
const bucket = relativeTimeBucket(epochMs, now);
|
|
68
93
|
if (bucket === null) return "";
|
|
69
94
|
const label = bucketLabel(bucket, t);
|
|
70
95
|
return bucket.unit === "now" ? label : t("time.ago", { t: label });
|
|
71
96
|
}
|
|
97
|
+
/**
|
|
98
|
+
* 会话行那一版相对时间:一小时内按分钟、一天内按小时、七天内按天,再久直接给绝对时间(到秒)。
|
|
99
|
+
* @param epochMs - 要换算的时间戳(毫秒)。
|
|
100
|
+
* @param t - 词表取词函数。
|
|
101
|
+
* @returns 文案;时间戳不是有限数给空串,未来时间落「刚刚」,七天及以上给本地化的年月日时分秒。
|
|
102
|
+
*/
|
|
72
103
|
function relativeTime(epochMs, t) {
|
|
73
104
|
if (!Number.isFinite(epochMs)) return "";
|
|
74
105
|
const diff = Date.now() - epochMs;
|
|
@@ -85,12 +116,22 @@ window.__ModuleLoader__.load({
|
|
|
85
116
|
second: "2-digit"
|
|
86
117
|
});
|
|
87
118
|
}
|
|
119
|
+
/**
|
|
120
|
+
* 把 `/Users/<用户名>/…` 缩成 `~/…`,免得会话行里全是一样的长前缀。
|
|
121
|
+
* @param path - 任意值。
|
|
122
|
+
* @returns 缩好的路径;不在用户主目录下原样返回,不是字符串给空串。
|
|
123
|
+
*/
|
|
88
124
|
function shortenPath(path) {
|
|
89
125
|
if (typeof path !== "string") return "";
|
|
90
126
|
const hit = path.match(/^\/Users\/[^/]+/);
|
|
91
127
|
return hit === null ? path : path.replace(hit[0], "~");
|
|
92
128
|
}
|
|
93
129
|
var LOCAL_TIMESTAMP = /^(\d{4})-(\d{2})-(\d{2})[ T](\d{2}):(\d{2}):(\d{2})$/;
|
|
130
|
+
/**
|
|
131
|
+
* 解析不带时区的本地时间戳(`YYYY-MM-DD HH:mm:ss`,也接受 `T` 分隔),按本机时区换算。
|
|
132
|
+
* @param text - 原文;`null` / `undefined` 当空串;首尾空白容忍。
|
|
133
|
+
* @returns 毫秒时间戳;形态不认识给 `NaN`(调用方据此回退到原始字符串,宁可不换算也不显示错时间)。
|
|
134
|
+
*/
|
|
94
135
|
function parseLocalTimestamp(text) {
|
|
95
136
|
const raw = String(text ?? "").trim();
|
|
96
137
|
if (!LOCAL_TIMESTAMP.test(raw)) return NaN;
|
|
@@ -111,6 +152,13 @@ window.__ModuleLoader__.load({
|
|
|
111
152
|
text
|
|
112
153
|
};
|
|
113
154
|
}
|
|
155
|
+
/**
|
|
156
|
+
* 把一次读失败翻成一张卡住态,交给卡片直接渲染。
|
|
157
|
+
* @param error 读口回的错误;undefined 表示连错误都没拿到(多半是网络断,回「原因未知」)。
|
|
158
|
+
* @param t 文案函数,只取 blocker.* 命名空间的键。
|
|
159
|
+
* @param context 判定现场;platform 缺省时标题不带平台名。
|
|
160
|
+
* @returns 一定有一张卡,actions 至少一颗「重试」。
|
|
161
|
+
*/
|
|
114
162
|
function blockerOfError(error, t, context = {}) {
|
|
115
163
|
if (error === void 0) return {
|
|
116
164
|
id: "unknown",
|
|
@@ -180,6 +228,12 @@ window.__ModuleLoader__.load({
|
|
|
180
228
|
};
|
|
181
229
|
}
|
|
182
230
|
}
|
|
231
|
+
/**
|
|
232
|
+
* 把宿主回的环境读数翻成卡住态:探针没查过(unchecked)只算提示,不挡卡片。
|
|
233
|
+
* @param capability 宿主回的单元环境读数。
|
|
234
|
+
* @param t 文案函数,键都在 env.unit.* / blocker.* 下。
|
|
235
|
+
* @returns status 为 'ok' 时给 undefined(没有卡住态),其余状态一律给一张。
|
|
236
|
+
*/
|
|
183
237
|
function blockerOfCapability(capability, t) {
|
|
184
238
|
if (capability.status === "ok") return void 0;
|
|
185
239
|
const fixAction = capability.fix === void 0 ? void 0 : {
|
|
@@ -233,12 +287,25 @@ window.__ModuleLoader__.load({
|
|
|
233
287
|
}
|
|
234
288
|
//#endregion
|
|
235
289
|
//#region ../shared/dist/api/context-ref.js
|
|
290
|
+
/**
|
|
291
|
+
* 引用标记的固定名字;完整标记是 @<这个名字>:<编码文本>,改它等于作废历史会话里已写下的引用。
|
|
292
|
+
*/
|
|
236
293
|
var CONTEXT_MARKER_NAME = "工作台";
|
|
237
294
|
var MARKER = new RegExp(`@${CONTEXT_MARKER_NAME}:([a-z][a-z0-9-]*:[A-Za-z0-9._~%#/-]+)`, "g");
|
|
238
295
|
var TRAILING_PUNCTUATION = /[.,;:!?]+$/;
|
|
296
|
+
/**
|
|
297
|
+
* 把引用拼回标记体里的那一段文本(不含 @ 与标记名)。
|
|
298
|
+
* @param ref 要拼的引用。
|
|
299
|
+
* @returns 形如 kind:part/part;分段里的 / 不转义,所以分段名本身不能含 /。
|
|
300
|
+
*/
|
|
239
301
|
function encodeRef(ref) {
|
|
240
302
|
return `${ref.kind}:${ref.parts.join("/")}`;
|
|
241
303
|
}
|
|
304
|
+
/**
|
|
305
|
+
* 把 kind:part/part 文本读回引用。
|
|
306
|
+
* @param text 待解析文本。
|
|
307
|
+
* @returns 没冒号、冒号在首尾、种类不是小写字母开头、或冒号后为空时给 undefined;不抛异常。
|
|
308
|
+
*/
|
|
242
309
|
function decodeRef(text) {
|
|
243
310
|
const at = text.indexOf(":");
|
|
244
311
|
if (at <= 0 || at === text.length - 1) return void 0;
|
|
@@ -251,12 +318,27 @@ window.__ModuleLoader__.load({
|
|
|
251
318
|
parts
|
|
252
319
|
};
|
|
253
320
|
}
|
|
321
|
+
/**
|
|
322
|
+
* 拼出 @ 后面那半截(标记名加已编码文本),比较与拼接都用它。
|
|
323
|
+
* @param encoded encodeRef 的结果。
|
|
324
|
+
* @returns 形如 工作台:file:src/a.ts。
|
|
325
|
+
*/
|
|
254
326
|
function markerBody(encoded) {
|
|
255
327
|
return `${CONTEXT_MARKER_NAME}:${encoded}`;
|
|
256
328
|
}
|
|
329
|
+
/**
|
|
330
|
+
* 把一条引用拼成能写进对话文本的完整标记。
|
|
331
|
+
* @param ref 要标记的引用。
|
|
332
|
+
* @returns 形如 @工作台:file:src/a.ts 的一段文本。
|
|
333
|
+
*/
|
|
257
334
|
function buildMarker(ref) {
|
|
258
335
|
return `@${markerBody(encodeRef(ref))}`;
|
|
259
336
|
}
|
|
337
|
+
/**
|
|
338
|
+
* 从一段文本里按出现顺序捞出所有标记引用,同一个引用只留第一次。
|
|
339
|
+
* @param text 任意文本;null / undefined 当空串。
|
|
340
|
+
* @returns 解析不出来的标记会被丢掉,所以结果只含合法引用,可能为空数组。
|
|
341
|
+
*/
|
|
260
342
|
function parseMarkers(text) {
|
|
261
343
|
const seen = /* @__PURE__ */ new Set();
|
|
262
344
|
const refs = [];
|
|
@@ -270,15 +352,35 @@ window.__ModuleLoader__.load({
|
|
|
270
352
|
}
|
|
271
353
|
return refs;
|
|
272
354
|
}
|
|
355
|
+
/**
|
|
356
|
+
* 由单元 id 拼出它那一族事实的范围名。
|
|
357
|
+
* @param unit 单元 id,不带后缀。
|
|
358
|
+
* @returns <unit>* —— 永远是范围名,不是某一条事实。
|
|
359
|
+
*/
|
|
273
360
|
function unitFactScope(unit) {
|
|
274
361
|
return `${unit}*`;
|
|
275
362
|
}
|
|
363
|
+
/**
|
|
364
|
+
* 判一个名字是不是范围查法,不是问这条事实存不存在。
|
|
365
|
+
* @param name 事实名或范围名。
|
|
366
|
+
* @returns 单字符 * 不算范围;只有「至少一个字符加 *」才算。
|
|
367
|
+
*/
|
|
276
368
|
function isFactScope(name) {
|
|
277
369
|
return name.length > 1 && name.endsWith("*");
|
|
278
370
|
}
|
|
371
|
+
/**
|
|
372
|
+
* 取范围名对应的前缀,普通事实名原样返回。
|
|
373
|
+
* @param name 事实名或范围名。
|
|
374
|
+
* @returns 去掉末尾 * 的前缀;本来不是范围就给原值。
|
|
375
|
+
*/
|
|
279
376
|
function scopePrefixOf(name) {
|
|
280
377
|
return isFactScope(name) ? name.slice(0, -1) : name;
|
|
281
378
|
}
|
|
379
|
+
/**
|
|
380
|
+
* 造一条事实通道:第一次订阅时才连传输层,最后一个订阅者走掉就断开。
|
|
381
|
+
* @param options 传输层,用来连宿主。
|
|
382
|
+
* @returns 通道句柄;没记录过的事实版本给 0,refresh() 不带事实名时刷新全部并逐个通知。
|
|
383
|
+
*/
|
|
282
384
|
function createFactChannel(options) {
|
|
283
385
|
const entries = /* @__PURE__ */ new Map();
|
|
284
386
|
let epoch = null;
|
|
@@ -378,6 +480,11 @@ window.__ModuleLoader__.load({
|
|
|
378
480
|
};
|
|
379
481
|
return channel;
|
|
380
482
|
}
|
|
483
|
+
/**
|
|
484
|
+
* 把传输层收到的原始数据读成一帧;坏数据当没收到。
|
|
485
|
+
* @param data 帧的原始数据,期望是 JSON 字符串。
|
|
486
|
+
* @returns 合法帧;不是字符串、JSON 坏了、或 rev 不是数字都给 null。
|
|
487
|
+
*/
|
|
381
488
|
function parseFactFrame(data) {
|
|
382
489
|
if (typeof data !== "string") return null;
|
|
383
490
|
try {
|
|
@@ -392,15 +499,32 @@ window.__ModuleLoader__.load({
|
|
|
392
499
|
return null;
|
|
393
500
|
}
|
|
394
501
|
}
|
|
502
|
+
/**
|
|
503
|
+
* 读口路由到事实名的映射,当前一对一。
|
|
504
|
+
* @param route 读口路由。
|
|
505
|
+
* @returns 该路由对应的事实名(就是路由本身)。
|
|
506
|
+
*/
|
|
395
507
|
function factOfRoute(route) {
|
|
396
508
|
return route;
|
|
397
509
|
}
|
|
398
510
|
//#endregion
|
|
399
511
|
//#region ../shared/dist/api/host-write.js
|
|
512
|
+
/**
|
|
513
|
+
* 由通道与资源拼出写路由。
|
|
514
|
+
* @param channel 写通道。
|
|
515
|
+
* @param resource 该通道下的资源名。
|
|
516
|
+
* @returns 路由字符串;provision 只有一段,其余是 channel/resource。
|
|
517
|
+
*/
|
|
400
518
|
function writeRoute(channel, resource) {
|
|
401
519
|
if (channel === "provision") return "provision";
|
|
402
520
|
return `${channel}/${resource}`;
|
|
403
521
|
}
|
|
522
|
+
/**
|
|
523
|
+
* 把写通道的响应翻成 WriteOutcome。
|
|
524
|
+
* @param response 写口回的响应;null 表示请求本身没成(网络断了,宿主没答)。
|
|
525
|
+
* @param networkText 拿不到任何服务端文案时兜底的那句。
|
|
526
|
+
* @returns 失败时 message 优先用服务端自己的话,没有才用响应正文或 networkText。
|
|
527
|
+
*/
|
|
404
528
|
function writeOutcomeOf(response, networkText) {
|
|
405
529
|
if (response === null) return {
|
|
406
530
|
ok: false,
|
|
@@ -426,18 +550,45 @@ window.__ModuleLoader__.load({
|
|
|
426
550
|
}
|
|
427
551
|
//#endregion
|
|
428
552
|
//#region ../shared/dist/api/long-task.js
|
|
553
|
+
/**
|
|
554
|
+
* 单元的长任务读口路由。
|
|
555
|
+
* @param unit 单元 id。
|
|
556
|
+
* @returns <unit>/runs。
|
|
557
|
+
*/
|
|
429
558
|
function runsRouteOf(unit) {
|
|
430
559
|
return `${unit}/runs`;
|
|
431
560
|
}
|
|
561
|
+
/**
|
|
562
|
+
* 有长任务在跑时的轮询间隔(毫秒)。
|
|
563
|
+
*/
|
|
432
564
|
var LONG_TASK_POLL_MS = 1500;
|
|
565
|
+
/**
|
|
566
|
+
* 没有长任务时的轮询间隔(毫秒),比在跑那一档大一个量级。
|
|
567
|
+
*/
|
|
433
568
|
var LONG_TASK_IDLE_MS = 1e4;
|
|
569
|
+
/**
|
|
570
|
+
* 算这次该隔多久再问一次长任务。
|
|
571
|
+
* @param live 是否有在跑的长任务。
|
|
572
|
+
* @param override 调用点指定的间隔;给了就用它,不再看 live。
|
|
573
|
+
* @returns 毫秒:有活 1500,没活 10000。
|
|
574
|
+
*/
|
|
434
575
|
function longTaskPollMs(live, override) {
|
|
435
576
|
if (override !== void 0) return override;
|
|
436
577
|
return live ? LONG_TASK_POLL_MS : LONG_TASK_IDLE_MS;
|
|
437
578
|
}
|
|
579
|
+
/**
|
|
580
|
+
* 从读口状态里取 run 列表。
|
|
581
|
+
* @param state 读口状态;value 还没到就按空算。
|
|
582
|
+
* @returns 一串 run(形状由调用点自己判),没有就给空数组。
|
|
583
|
+
*/
|
|
438
584
|
function longTaskRunsOf(state) {
|
|
439
585
|
return state.value?.runs ?? [];
|
|
440
586
|
}
|
|
587
|
+
/**
|
|
588
|
+
* 把长任务态折成状态点的那一档。
|
|
589
|
+
* @param status 长任务的四种态。
|
|
590
|
+
* @returns ongoing / done / error / idle;needs-login 也算进行中。
|
|
591
|
+
*/
|
|
441
592
|
function longTaskDot(status) {
|
|
442
593
|
if (status === "ok") return "done";
|
|
443
594
|
if (status === "failed") return "error";
|
|
@@ -446,11 +597,22 @@ window.__ModuleLoader__.load({
|
|
|
446
597
|
}
|
|
447
598
|
//#endregion
|
|
448
599
|
//#region ../shared/dist/api/unit-board.js
|
|
600
|
+
/**
|
|
601
|
+
* 判这张卡现在能不能画。
|
|
602
|
+
* @param capability 环境读数;还没读到给 null。
|
|
603
|
+
* @param mode 闸档。
|
|
604
|
+
* @returns mode 为 none 或读数还没到都放行(先放行让它读);读到明确不通过(ok 与 unchecked 之外)才拦。
|
|
605
|
+
*/
|
|
449
606
|
function gateOf(capability, mode) {
|
|
450
607
|
if (mode === "none") return { gated: true };
|
|
451
608
|
if (capability === null) return { gated: true };
|
|
452
609
|
return { gated: capability.status === "ok" || capability.status === "unchecked" };
|
|
453
610
|
}
|
|
611
|
+
/**
|
|
612
|
+
* 把候选卡住态分档,每档只留第一个。
|
|
613
|
+
* @param candidates 候选(可能含 undefined),按优先级从高到低给。
|
|
614
|
+
* @returns 分出的 blocker 与 notice;已经有 blocker 时不带 notice(挡住就不必再提示)。
|
|
615
|
+
*/
|
|
454
616
|
function splitBlocker(candidates) {
|
|
455
617
|
let blocker;
|
|
456
618
|
let notice;
|
|
@@ -467,11 +629,22 @@ window.__ModuleLoader__.load({
|
|
|
467
629
|
...blocker !== void 0 || notice === void 0 ? {} : { notice }
|
|
468
630
|
};
|
|
469
631
|
}
|
|
632
|
+
/**
|
|
633
|
+
* 由读口错误算出「出错搭车强探」的防抖键:同一个键只自动重探一次。
|
|
634
|
+
* @param error 读口错误;undefined 表示这次没有错误。
|
|
635
|
+
* @returns 键字符串;空 code 归一到 unknown。
|
|
636
|
+
*/
|
|
470
637
|
function probeKeyOf(error) {
|
|
471
638
|
if (error === void 0) return null;
|
|
472
639
|
return error.code === "" ? "unknown" : error.code;
|
|
473
640
|
}
|
|
641
|
+
/**
|
|
642
|
+
* 外壳愿意认的协议版本;不在表里的模块当场被拒,不猜语义。
|
|
643
|
+
*/
|
|
474
644
|
var SUPPORTED_API_VERSIONS = [1];
|
|
645
|
+
/**
|
|
646
|
+
* 协议认得的全部键;写了别的键不会被采纳(外壳静默忽略),所以字段名拼错不会有提示。
|
|
647
|
+
*/
|
|
475
648
|
var DECLARATION_KEYS = [
|
|
476
649
|
"apiVersion",
|
|
477
650
|
"unit",
|
|
@@ -480,6 +653,9 @@ window.__ModuleLoader__.load({
|
|
|
480
653
|
"host",
|
|
481
654
|
"env"
|
|
482
655
|
];
|
|
656
|
+
/**
|
|
657
|
+
* 协议要求必写的键;env 不在其中(没有环境需要就不写)。
|
|
658
|
+
*/
|
|
483
659
|
var DECLARATION_REQUIRED_KEYS = [
|
|
484
660
|
"apiVersion",
|
|
485
661
|
"unit",
|
|
@@ -511,6 +687,12 @@ window.__ModuleLoader__.load({
|
|
|
511
687
|
if (!Array.isArray(value)) return [`${at} 要是一串字符串,现在是 ${JSON.stringify(value)}`];
|
|
512
688
|
return value.flatMap((item, index) => text(item) === "" ? [`${at}[${index}] 不是非空字符串:${JSON.stringify(item)}`] : []);
|
|
513
689
|
}
|
|
690
|
+
/**
|
|
691
|
+
* 查清单里 dsh.workbench 那一段的形状,回一串给人看的问题(中文,带字段路径)。
|
|
692
|
+
* @param subject 报错时用的主语,一般是包名。
|
|
693
|
+
* @param raw 清单里那段原始值,可能什么都不是。
|
|
694
|
+
* @returns 空数组表示形状过得去;版本不对就当场返回(后面的字段无从判起)。
|
|
695
|
+
*/
|
|
514
696
|
function declarationProblemsOf(subject, raw) {
|
|
515
697
|
if (!isRecord(raw)) return [`${subject}: dsh.workbench 不是一个对象 —— ${JSON.stringify(raw)}`];
|
|
516
698
|
const version = raw.apiVersion;
|
|
@@ -572,6 +754,12 @@ window.__ModuleLoader__.load({
|
|
|
572
754
|
if (raw.env !== void 0 && !isRecord(raw.env)) problems.push(`${subject}: dsh.workbench.env 要是对象(command / plugins / libs)—— 语义由门禁的 env 判据查,这里只查形状`);
|
|
573
755
|
return problems;
|
|
574
756
|
}
|
|
757
|
+
/**
|
|
758
|
+
* 读一份清单:先查形状,过了再把声明规整成 manifest。
|
|
759
|
+
* @param subject 报错时用的主语。
|
|
760
|
+
* @param raw 清单里 dsh.workbench 那段原始值。
|
|
761
|
+
* @returns 有问题时只有 problems;没问题时 declaration 与 manifest 都给,manifest 里的字符串已 trim。
|
|
762
|
+
*/
|
|
575
763
|
function readDeclaration(subject, raw) {
|
|
576
764
|
const problems = declarationProblemsOf(subject, raw);
|
|
577
765
|
if (problems.length > 0) return { problems };
|
|
@@ -600,49 +788,99 @@ window.__ModuleLoader__.load({
|
|
|
600
788
|
}
|
|
601
789
|
//#endregion
|
|
602
790
|
//#region ../shared/dist/api/unit.js
|
|
791
|
+
/**
|
|
792
|
+
* 判这个模块要不要往外装东西。
|
|
793
|
+
* @param manifest 模块清单。
|
|
794
|
+
* @returns 插件与共用库两张表都空时给 false。
|
|
795
|
+
*/
|
|
603
796
|
function hasEnvSupply(manifest) {
|
|
604
797
|
return (manifest.env?.plugins ?? []).length > 0 || (manifest.env?.libs ?? []).length > 0;
|
|
605
798
|
}
|
|
606
799
|
//#endregion
|
|
607
800
|
//#region ../shared/dist/config/constants.js
|
|
801
|
+
/** 外壳插件的包名:浏览器模块表与宿主按它注册、认领这枚插件。 */
|
|
608
802
|
var PLUGIN_ID = "@dsh-workbench/core";
|
|
803
|
+
/** 与外壳同批发布的兄弟包名:`release.ts` 用它判一版三包是否都已在源上。 */
|
|
609
804
|
var RELEASE_SIBLINGS = ["@dsh-workbench/shared", "@dsh-workbench/module-tools"];
|
|
805
|
+
/** 外壳宿主 HTTP API 的根前缀;prefs / actions / provision 等路由都挂在它下面。 */
|
|
610
806
|
var API_PREFIX = "/workbench/api";
|
|
807
|
+
/** 模块偏好读写的路由前缀,挂在外壳 API 下:走写通道,拒写回 write-refused。 */
|
|
611
808
|
var PREFS_PREFIX = `${API_PREFIX}/prefs`;
|
|
809
|
+
/** 事实(facts)SSE 事件流的端点路径;前端 `EventSource` 按它带 `since` 游标续传。 */
|
|
612
810
|
var EVENTS_PATH = "/workbench/events";
|
|
811
|
+
/** 写动作的路由前缀,挂在外壳 API 下:模块的写通道 POST 到这里。 */
|
|
613
812
|
var ACTIONS_PREFIX = `${API_PREFIX}/actions`;
|
|
813
|
+
/** 机器供给(provision)的路由前缀:只收 POST,装机时用它铺一份运行环境。 */
|
|
614
814
|
var PROVISION_PREFIX = `${API_PREFIX}/provision`;
|
|
815
|
+
/** 面板运行态上报的路径段:崩溃与卡片收尾分别 POST 到 `panel-state/crash`、`panel-state/cards`。 */
|
|
615
816
|
var PANEL_STATE_PATH = "panel-state";
|
|
817
|
+
/** DIY 调试动作的路径段;宿主按它登记 `/workbench/api/diy-debug` 前缀。 */
|
|
616
818
|
var DIY_DEBUG_PATH = "diy-debug";
|
|
819
|
+
/** 调试动作的子路径(`diy-debug/act`);仓内暂无调用点,动作现走 `DIY_DEBUG_SERVICE`。 */
|
|
617
820
|
var DIY_DEBUG_ACT_PATH = `${DIY_DEBUG_PATH}/act`;
|
|
821
|
+
/** DIY 录制交接的路径段;宿主按它登记 `/workbench/api/diy-record` 前缀。 */
|
|
618
822
|
var DIY_RECORD_PATH = "diy-record";
|
|
823
|
+
/** 录制动作的子路径(`diy-record/act`);仓内暂无调用点,录制现走 `DIY_RECORD_SERVICE`。 */
|
|
619
824
|
var DIY_RECORD_ACT_PATH = `${DIY_RECORD_PATH}/act`;
|
|
825
|
+
/** 面板运行态的路由前缀,挂在外壳 API 下:上报口用它,拒报回 report-refused。 */
|
|
620
826
|
var PANEL_STATE_PREFIX = `${API_PREFIX}/${PANEL_STATE_PATH}`;
|
|
827
|
+
/** 钉住的 opencli 插件版本:`opencli-runtime` 按它校验、取那一份。 */
|
|
621
828
|
var OPENCLI_PIN = "1.8.8";
|
|
829
|
+
/** 缺陷看板套件的 dsh 服务名(`workbenchCodingIssues`):套件照它登记自己那份服务。 */
|
|
622
830
|
var CODING_ISSUES_SERVICE = "workbenchCodingIssues";
|
|
831
|
+
/** 面板套件的 dsh 服务名(`workbenchPanels`):宿主经它取套件公布的清单与订阅。 */
|
|
623
832
|
var PANELS_SERVICE = "workbenchPanels";
|
|
833
|
+
/** 单元花名册服务的 dsh 服务名(`workbenchUnits`):模块经它认领自己的单元。 */
|
|
624
834
|
var UNITS_SERVICE = "workbenchUnits";
|
|
835
|
+
/** 面板运行态服务的 dsh 服务名(`workbenchPanelState`):宿主注册,读口按它取。 */
|
|
625
836
|
var PANEL_STATE_SERVICE = "workbenchPanelState";
|
|
837
|
+
/** DIY 调试约定服务的 dsh 服务名(`workbenchDiyDebug`):调试动作走它,不走 HTTP。 */
|
|
626
838
|
var DIY_DEBUG_SERVICE = "workbenchDiyDebug";
|
|
839
|
+
/** DIY 录制交接服务的 dsh 服务名(`workbenchDiyRecord`):`diy-acts.ts` 经它收发录制三拍。 */
|
|
627
840
|
var DIY_RECORD_SERVICE = "workbenchDiyRecord";
|
|
841
|
+
/** 会话投影服务的 dsh 服务名(`sessionProjections`):宿主经 `stateOf(session, 'agentPreset')` 读那一档。 */
|
|
842
|
+
var SESSION_PROJECTIONS_SERVICE = "sessionProjections";
|
|
843
|
+
/** 单次 opencli 调用的默认超时(毫秒);调用点没传 `timeoutMs` 时按它算。 */
|
|
628
844
|
var OPENCLI_TIMEOUT_MS = 12e4;
|
|
845
|
+
/** 启动预热站点那一跳的超时(毫秒);超时按未热对待,不挡面板。 */
|
|
629
846
|
var WARM_TIMEOUT_MS = 2e4;
|
|
847
|
+
/** 装 / 卸模块包的超时(毫秒):pnpm 与取包内容都按它算。 */
|
|
630
848
|
var INSTALL_TIMEOUT_MS = 3e5;
|
|
849
|
+
/** 查 registry 版本那一次请求的超时(毫秒)。 */
|
|
631
850
|
var VERSION_CHECK_TIMEOUT_MS = 1e4;
|
|
851
|
+
/** 版本查询结果的缓存有效期(毫秒):期内不发第二次请求。 */
|
|
632
852
|
var VERSION_CHECK_TTL_MS = 6e5;
|
|
853
|
+
/** 单元探测结果的缓存有效期(毫秒)。 */
|
|
633
854
|
var PROBE_TTL_MS = 3e4;
|
|
855
|
+
/** 工具读出来的值交给面板后的保留时长(毫秒):过期就不再算这一拍。 */
|
|
634
856
|
var HANDOFF_TTL_MS = 15e3;
|
|
857
|
+
/** 跑本地 git 命令的超时(毫秒);短于对外的 `OPENCLI_TIMEOUT_MS`。 */
|
|
635
858
|
var GIT_TIMEOUT_MS = 1e4;
|
|
859
|
+
/** 面板轮询事实的间隔(毫秒):SSE 断了走这条兜底轮询。 */
|
|
636
860
|
var PANEL_POLL_MS = 2e3;
|
|
861
|
+
/** 没起中文名的工作区默认标题:左栏按它分组、显示。 */
|
|
637
862
|
var DEFAULT_WORKSPACE_TITLE = "default-workspace";
|
|
863
|
+
/** 记住当前项目的 localStorage 键。 */
|
|
638
864
|
var STORAGE_KEY_PROJECT = "dsh-workbench.project";
|
|
865
|
+
/** 记住右栏展开与否的 localStorage 键。 */
|
|
639
866
|
var STORAGE_KEY_RIGHTBAR = "dsh-workbench.rightbar.expanded";
|
|
867
|
+
/** 记住右栏当前列的 localStorage 键。 */
|
|
640
868
|
var STORAGE_KEY_RIGHTBAR_COLUMN = "dsh-workbench.rightbar.column";
|
|
869
|
+
/** 记住右栏宽度(像素数字的字符串)的 localStorage 键。 */
|
|
641
870
|
var STORAGE_KEY_RIGHTBAR_WIDTH = "dsh-workbench.rightbar.width";
|
|
871
|
+
/** dsh i18n 的命名空间:词表都注册在它下面,`ctx.locale.register` / `bind` 按它取。 */
|
|
642
872
|
var LOCALE_NS = "workbench";
|
|
873
|
+
/** 外壳支持的语言标识,顺序即回退顺序:首项是基准,其余词表必须与它逐键同构。 */
|
|
643
874
|
var LOCALES = ["zh", "en"];
|
|
644
875
|
//#endregion
|
|
645
876
|
//#region ../shared/dist/api/workbench-client.js
|
|
877
|
+
/**
|
|
878
|
+
* 打一条宿主读口。
|
|
879
|
+
* @param route 路由,相对 API_PREFIX,不带前导斜杠。
|
|
880
|
+
* @param query 查询参数,undefined 的值不序列化。
|
|
881
|
+
* @param options 中止信号等。
|
|
882
|
+
* @returns HTTP 不是 2xx 时给 ok: false(code 为 http);响应体不是 JSON 会当场抛,调用点要接住。
|
|
883
|
+
*/
|
|
646
884
|
async function apiGet(route, query = {}, options = {}) {
|
|
647
885
|
const { signal } = options;
|
|
648
886
|
const search = new URLSearchParams();
|
|
@@ -662,6 +900,12 @@ window.__ModuleLoader__.load({
|
|
|
662
900
|
};
|
|
663
901
|
return await response.json();
|
|
664
902
|
}
|
|
903
|
+
/**
|
|
904
|
+
* 打一条宿主写口。
|
|
905
|
+
* @param route 路由,相对 API_PREFIX,不带前导斜杠。
|
|
906
|
+
* @param body 请求体,按 JSON 序列化。
|
|
907
|
+
* @returns HTTP 不是 2xx 时给 ok: false(code 为 http);响应体不是 JSON 会当场抛。
|
|
908
|
+
*/
|
|
665
909
|
async function apiPost(route, body) {
|
|
666
910
|
const response = await fetch(`${API_PREFIX}/${route}`, {
|
|
667
911
|
method: "POST",
|
|
@@ -683,26 +927,86 @@ window.__ModuleLoader__.load({
|
|
|
683
927
|
//#endregion
|
|
684
928
|
//#region ../shared/dist/lib/react.js
|
|
685
929
|
var react = require("react");
|
|
930
|
+
/**
|
|
931
|
+
* React 的 `createElement` 换个短名字再导出 —— 这套代码用 `h(...)` 写元素。
|
|
932
|
+
*/
|
|
686
933
|
var h = react.createElement;
|
|
934
|
+
/**
|
|
935
|
+
* React 的 `Fragment` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
|
|
936
|
+
*/
|
|
687
937
|
var Fragment = react.Fragment;
|
|
938
|
+
/**
|
|
939
|
+
* React 的 `Component` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
|
|
940
|
+
*/
|
|
688
941
|
var Component = react.Component;
|
|
942
|
+
/**
|
|
943
|
+
* React 的 `createContext` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
|
|
944
|
+
*/
|
|
689
945
|
var createContext = react.createContext;
|
|
946
|
+
/**
|
|
947
|
+
* React 的 `useContext` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
|
|
948
|
+
*/
|
|
690
949
|
var useContext = react.useContext;
|
|
950
|
+
/**
|
|
951
|
+
* React 的 `useState` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
|
|
952
|
+
*/
|
|
691
953
|
var useState = react.useState;
|
|
954
|
+
/**
|
|
955
|
+
* React 的 `useEffect` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
|
|
956
|
+
*/
|
|
692
957
|
var useEffect = react.useEffect;
|
|
958
|
+
/**
|
|
959
|
+
* React 的 `useLayoutEffect` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
|
|
960
|
+
*/
|
|
693
961
|
var useLayoutEffect = react.useLayoutEffect;
|
|
962
|
+
/**
|
|
963
|
+
* React 的 `useMemo` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
|
|
964
|
+
*/
|
|
694
965
|
var useMemo = react.useMemo;
|
|
966
|
+
/**
|
|
967
|
+
* React 的 `useCallback` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
|
|
968
|
+
*/
|
|
695
969
|
var useCallback = react.useCallback;
|
|
970
|
+
/**
|
|
971
|
+
* React 的 `useRef` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
|
|
972
|
+
*/
|
|
696
973
|
var useRef = react.useRef;
|
|
974
|
+
/**
|
|
975
|
+
* React 的 `useSyncExternalStore` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
|
|
976
|
+
*/
|
|
697
977
|
var useSyncExternalStore = react.useSyncExternalStore;
|
|
698
978
|
//#endregion
|
|
699
979
|
//#region ../shared/dist/components/Activity.js
|
|
980
|
+
/**
|
|
981
|
+
* "它做过什么"那一块:上面一行块头、下面一列活动行,卡里放时间线就用它。
|
|
982
|
+
* @param props.head - 块头(如"最近 10 次");不给不画那一行。
|
|
983
|
+
* @param props.children - 块内容,通常是一串 `ActivityLine`。
|
|
984
|
+
* @returns 一个 div。
|
|
985
|
+
*/
|
|
700
986
|
function ActivityBlock({ head, children }) {
|
|
701
987
|
return h("div", { className: "wb-activityBlock" }, head === void 0 ? null : h("div", { className: "wb-activityBlockHead" }, head), children);
|
|
702
988
|
}
|
|
989
|
+
/**
|
|
990
|
+
* 一条活动:状态点 + 正文 + 时间,行尾可挂动作;时间一律用它,别自己拼。
|
|
991
|
+
* @param props.dot - 行首那枚状态点;不给就只留正文。
|
|
992
|
+
* @param props.text - 这一条干了什么。
|
|
993
|
+
* @param props.at - 时间那一格(相对时间文本);不给不画。
|
|
994
|
+
* @param props.actions - 行尾动作,通常是一两颗 `ActivityAction`;不给不画。
|
|
995
|
+
* @returns 一行。
|
|
996
|
+
*/
|
|
703
997
|
function ActivityLine({ dot, text, at, actions }) {
|
|
704
998
|
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));
|
|
705
999
|
}
|
|
1000
|
+
/**
|
|
1001
|
+
* 活动行尾那颗动作:给 `href` 就是外链,否则是图标钮并带上 tooltip。
|
|
1002
|
+
* @param props.label - 读屏名,也是 `hint` 不给时的 tooltip 文案。
|
|
1003
|
+
* @param props.hint - tooltip 上那句更细的说明;不给退化成 `label`。
|
|
1004
|
+
* @param props.icon - 那颗图标。
|
|
1005
|
+
* @param props.href - 给了就渲染成新窗口外链;与 `onClick` 同时给时以它为准。
|
|
1006
|
+
* @param props.onClick - 图标钮的点击回调。
|
|
1007
|
+
* @param props.failed - 上一次动作失败了:钮换成危险色(默认 false)。
|
|
1008
|
+
* @returns 一个 `<a>` 或一颗 `Button`。
|
|
1009
|
+
*/
|
|
706
1010
|
function ActivityAction({ label, hint, icon, href, onClick, failed }) {
|
|
707
1011
|
const tip = hint ?? label;
|
|
708
1012
|
if (href !== void 0) return h("a", {
|
|
@@ -731,6 +1035,14 @@ window.__ModuleLoader__.load({
|
|
|
731
1035
|
}
|
|
732
1036
|
//#endregion
|
|
733
1037
|
//#region ../shared/dist/components/Note.js
|
|
1038
|
+
/**
|
|
1039
|
+
* 一句话说明或一句报错:卡片里的提示条用它,不承载交互。
|
|
1040
|
+
* @param props.tone - `problem` 是报错色;默认 `muted`,普通说明色。
|
|
1041
|
+
* @param props.as - `span` 是跟在别的行里,`p`(默认)独占一段。
|
|
1042
|
+
* @param props.role - 读屏角色:变化中的提示给 `status`、报错给 `alert`;不给不设。
|
|
1043
|
+
* @param props.children - 那句话本身。
|
|
1044
|
+
* @returns 一个 `span` 或 `p`。
|
|
1045
|
+
*/
|
|
734
1046
|
function Note({ tone = "muted", as, role, children }) {
|
|
735
1047
|
const className = tone === "problem" ? "wb-problem" : "wb-note";
|
|
736
1048
|
return as === "span" ? h("span", {
|
|
@@ -743,10 +1055,24 @@ window.__ModuleLoader__.load({
|
|
|
743
1055
|
}
|
|
744
1056
|
//#endregion
|
|
745
1057
|
//#region ../shared/dist/components/CardBoundary.js
|
|
1058
|
+
/**
|
|
1059
|
+
* 把抛出来的任何东西收成一句人能看的失败原因,上报与展示都用它。
|
|
1060
|
+
* @param error - 抛出来的值:`Error` 取 `message`,字符串原样,其余走 JSON。
|
|
1061
|
+
* @returns 一句原因文本;`Error('')` 这种没带 message 的会回空串(调用点别把它当"一定有话")。
|
|
1062
|
+
*/
|
|
746
1063
|
function errorReasonOf(error) {
|
|
747
1064
|
if (error instanceof Error) return error.message;
|
|
748
1065
|
return typeof error === "string" ? error : JSON.stringify(error) ?? String(error);
|
|
749
1066
|
}
|
|
1067
|
+
/**
|
|
1068
|
+
* 卡片级错误边界:一张卡渲染炸了只画一条报错 + 重试,不让整块面板跟着塌。
|
|
1069
|
+
* @param props.unit - 出事的 unit id,写进报错文案并作为上报标识。
|
|
1070
|
+
* @param props.resetKey - 重来键:它一变(如切了工作区)就自动清掉报错,把卡片重新渲染一遍。
|
|
1071
|
+
* @param props.t - 报错那句与重试钮文案的翻译函数。
|
|
1072
|
+
* @param props.onFailure - 失败时把原因报给宿主(面板状态要用);不给就只打一条 console。
|
|
1073
|
+
* @param props.children - 正常时要渲染的卡片内容。
|
|
1074
|
+
* @returns 正常时是 `children`,炸过且还没重来之前是一条报错。
|
|
1075
|
+
*/
|
|
750
1076
|
var CardBoundary = class extends Component {
|
|
751
1077
|
state = { reason: null };
|
|
752
1078
|
static getDerivedStateFromError(error) {
|
|
@@ -798,6 +1124,15 @@ window.__ModuleLoader__.load({
|
|
|
798
1124
|
return {};
|
|
799
1125
|
}
|
|
800
1126
|
}
|
|
1127
|
+
/**
|
|
1128
|
+
* 审批屏的详情格:按工具名找到认领它的模块交给它渲染,没有模块认领就退回外壳那张表或一段原始命令。
|
|
1129
|
+
* @param props.callId - 这次工具调用的 id;不给就直接走兜底(连调用都找不到)。
|
|
1130
|
+
* @param props.useChat - 读会话快照的钩子(dsh 注入);不给就当作读不到调用。
|
|
1131
|
+
* @param props.units - 已装模块的面,按各自的 `approval.tools` 认领这次调用。
|
|
1132
|
+
* @param props.t - 翻译函数;不给就用返回 key 的直通实现。
|
|
1133
|
+
* @param props.renderShell - 没有模块认领时外壳自己的渲染(那张表);不给且这次调用没带 `command` 时整格返回 `null`。
|
|
1134
|
+
* @returns 认领方的渲染、外壳那张表,或一段可复制的命令。
|
|
1135
|
+
*/
|
|
801
1136
|
function ApprovalDetail(props) {
|
|
802
1137
|
const call = (props.useChat ?? (() => void 0))((snapshot) => callOf(snapshot, props.callId));
|
|
803
1138
|
const t = props.t ?? ((key) => key);
|
|
@@ -831,6 +1166,14 @@ window.__ModuleLoader__.load({
|
|
|
831
1166
|
}
|
|
832
1167
|
//#endregion
|
|
833
1168
|
//#region ../shared/dist/components/ApprovalPlan.js
|
|
1169
|
+
/**
|
|
1170
|
+
* 审批屏那张"这次要做什么"的表:一行一项,上面可给一句附注、下面可给一句警告。
|
|
1171
|
+
* @param props.rows - 详情行,按给的顺序渲染;空数组时只剩附注与警告。
|
|
1172
|
+
* @param props.hint - 表上面那句说明;不给不画。
|
|
1173
|
+
* @param props.warn - 表下面那句警告;不给不画。
|
|
1174
|
+
* @param props.children - 插在表与 `warn` 之间的补充内容。
|
|
1175
|
+
* @returns 一个 div。
|
|
1176
|
+
*/
|
|
834
1177
|
function ApprovalPlan({ rows, hint, warn, children }) {
|
|
835
1178
|
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", {
|
|
836
1179
|
className: "wb-approvalRow",
|
|
@@ -839,6 +1182,16 @@ window.__ModuleLoader__.load({
|
|
|
839
1182
|
}
|
|
840
1183
|
//#endregion
|
|
841
1184
|
//#region ../shared/dist/components/CardHead.js
|
|
1185
|
+
/**
|
|
1186
|
+
* 卡头:标题 + 补充 + 刷新钮(`Card` 内部就是它),要自己拼卡头或加齿轮 / 平台跳转时直接用。
|
|
1187
|
+
* @param props.t - 刷新那两句文案(刷新 / 刷新中)的翻译函数。
|
|
1188
|
+
* @param props.title - 卡标题;`props.meta` 是它右侧那一小段补充,不给不占位。
|
|
1189
|
+
* @param props.refreshing - 正在刷新:刷新钮禁用并转圈。
|
|
1190
|
+
* @param props.onRefresh - 点刷新钮做什么。
|
|
1191
|
+
* @param props.gear - 齿轮钮的读屏名;`gearOpen` 控制它高亮、`onToggleGear` 是点击回调,三者一起给才画。
|
|
1192
|
+
* @param props.platformHref - 整张卡对应系统的地址:给了就画那颗 ↗(新窗口),tooltip 用 `platformTitle`,缺了退化用 `platform`。
|
|
1193
|
+
* @returns 一个 `<header>`。
|
|
1194
|
+
*/
|
|
842
1195
|
function CardHead({ t, title, meta, refreshing, onRefresh, gear, gearOpen, onToggleGear, platformHref, platform, platformTitle }) {
|
|
843
1196
|
const refreshLabel = refreshing ? t("rightbar.refreshing") : t("rightbar.refresh");
|
|
844
1197
|
const platformLabel = platformTitle ?? platform ?? t("rightbar.openPlatform");
|
|
@@ -888,6 +1241,16 @@ window.__ModuleLoader__.load({
|
|
|
888
1241
|
}
|
|
889
1242
|
//#endregion
|
|
890
1243
|
//#region ../shared/dist/components/Card.js
|
|
1244
|
+
/**
|
|
1245
|
+
* 一张卡的壳:卡头(标题 + 刷新钮)+ 卡片体,面板上每一格都是它。
|
|
1246
|
+
* @param props.t - 卡头那两句文案(刷新 / 刷新中)的翻译函数。
|
|
1247
|
+
* @param props.refreshing - 正在刷新:刷新钮随之禁用并转圈;接 `resource.phase === 'loading'`。
|
|
1248
|
+
* @param props.onRefresh - 点刷新钮做什么,异步由调用点自己管。
|
|
1249
|
+
* @param props.meta - 标题右侧那一小段补充(条数、时间);不给不占位。
|
|
1250
|
+
* @param props.head - 整块替换卡头时给(如自带齿轮的 `CardHead`);不给用默认卡头。
|
|
1251
|
+
* @param props.children - 卡片体。
|
|
1252
|
+
* @returns 一个 `<section>`。
|
|
1253
|
+
*/
|
|
891
1254
|
function Card({ t, title, refreshing, onRefresh, meta, head, children }) {
|
|
892
1255
|
return h("section", { className: "wb-card" }, head === void 0 ? h(CardHead, {
|
|
893
1256
|
t,
|
|
@@ -900,9 +1263,20 @@ window.__ModuleLoader__.load({
|
|
|
900
1263
|
var CardAnchor_module_default = { anchor: "_anchor_yq4s2_1" };
|
|
901
1264
|
//#endregion
|
|
902
1265
|
//#region ../shared/dist/components/CardAnchor.js
|
|
1266
|
+
/**
|
|
1267
|
+
* 由 unit id 拼出卡片锚点 id,外壳的截图、滚动与页面探针都按它找卡。
|
|
1268
|
+
* @param unit - unit id;`null` 或空串(没有 unit 的卡)时返回 undefined,不生成锚点。
|
|
1269
|
+
* @returns `wb-card-<unit>`,或 undefined。
|
|
1270
|
+
*/
|
|
903
1271
|
function cardIdOf(unit) {
|
|
904
1272
|
return unit === null || unit === "" ? void 0 : `wb-card-${unit}`;
|
|
905
1273
|
}
|
|
1274
|
+
/**
|
|
1275
|
+
* 外壳自己盖的卡片锚点:套在卡外面给出 `id="wb-card-<unit>"`;模块别自己写,也别删。
|
|
1276
|
+
* @param props.unit - 卡的 unit id,用来算锚点 id。
|
|
1277
|
+
* @param props.children - 被锚住的卡片本体;锚点自己 `display: contents`,不占布局。
|
|
1278
|
+
* @returns 带 id 的占位 div。
|
|
1279
|
+
*/
|
|
906
1280
|
function CardAnchor({ unit, children }) {
|
|
907
1281
|
return h("div", {
|
|
908
1282
|
id: cardIdOf(unit),
|
|
@@ -911,6 +1285,12 @@ window.__ModuleLoader__.load({
|
|
|
911
1285
|
}
|
|
912
1286
|
//#endregion
|
|
913
1287
|
//#region ../shared/dist/components/Spinner.js
|
|
1288
|
+
/**
|
|
1289
|
+
* 转圈:加载态一律用它(`FormActions` 与 `ChoiceGroup` 内部也是它),别自己写动画。
|
|
1290
|
+
* @param props.size - 直径像素(默认 14,与 dsh 紧凑控件同高)。
|
|
1291
|
+
* @param props.label - 给了才读屏可见(`role="status"`);不给整颗 `aria-hidden`,此时旁边必须有文字。
|
|
1292
|
+
* @returns 一枚 `StateDot state="ongoing"`,自身不带文字。
|
|
1293
|
+
*/
|
|
914
1294
|
function Spinner({ size = 14, label }) {
|
|
915
1295
|
return h("span", {
|
|
916
1296
|
className: "wb-spinner",
|
|
@@ -951,6 +1331,18 @@ window.__ModuleLoader__.load({
|
|
|
951
1331
|
"aria-busy": input.loading ? true : void 0
|
|
952
1332
|
}, body);
|
|
953
1333
|
}
|
|
1334
|
+
/**
|
|
1335
|
+
* 一组单选或多选:候选少、要一眼看全时用它;候选多或要搜索就用 `SelectField`。
|
|
1336
|
+
* @param props.multi - true 走多选那支(`values` / `onChange(string[])`);默认单选(`value` / `onChange(string)`)。
|
|
1337
|
+
* @param props.label - 只给读屏的组名(`aria-label`)。
|
|
1338
|
+
* @param props.name - 这一组 `input` 的共用 name。
|
|
1339
|
+
* @param props.options - 候选项,按给的顺序排;空数组时画 `emptyText`(没给就什么都不画)。
|
|
1340
|
+
* @param props.disabled - 禁掉整组(默认 false),不是单颗。
|
|
1341
|
+
* @param props.variant - `boxed`(默认,带边框的选项格)或 `ghost`(无边框,跟着父容器走)。
|
|
1342
|
+
* @param props.loading - 正在读候选:整组换成转圈,文案取 `loadingText`(不给是 `…`);默认 false。
|
|
1343
|
+
* @param props.emptyText - 读到了但一个候选都没有时那句话;不给不画。
|
|
1344
|
+
* @returns 一组 `radio` / `checkbox` 选项。
|
|
1345
|
+
*/
|
|
954
1346
|
function ChoiceGroup(props) {
|
|
955
1347
|
const common = {
|
|
956
1348
|
label: props.label,
|
|
@@ -1005,6 +1397,13 @@ window.__ModuleLoader__.load({
|
|
|
1005
1397
|
}
|
|
1006
1398
|
//#endregion
|
|
1007
1399
|
//#region ../shared/dist/components/Field.js
|
|
1400
|
+
/**
|
|
1401
|
+
* 标签 + 控件的排布:没进 `FormRow` 时用它兜住一个字段的标签与说明。
|
|
1402
|
+
* @param props.label - 左侧标签,必给。
|
|
1403
|
+
* @param props.hint - 控件下面那行说明;不给不画。
|
|
1404
|
+
* @param props.children - 控件本体,落在标签与说明之间。
|
|
1405
|
+
* @returns 一个 `<label>`,点标签会聚焦里面的控件。
|
|
1406
|
+
*/
|
|
1008
1407
|
function Field({ label, hint, children }) {
|
|
1009
1408
|
return h("label", { className: "wb-field" }, h("span", { className: "wb-fieldLabel" }, label), children, hint === void 0 ? null : h("span", { className: "wb-fieldHint" }, hint));
|
|
1010
1409
|
}
|
|
@@ -1035,6 +1434,11 @@ window.__ModuleLoader__.load({
|
|
|
1035
1434
|
if (kind === "danger") return "outline";
|
|
1036
1435
|
return "ghost";
|
|
1037
1436
|
}
|
|
1437
|
+
/**
|
|
1438
|
+
* 操作区:把一组动作按"primary 永远在右、danger 紧挨它左侧"排好,窄了自动折行。
|
|
1439
|
+
* @param props.actions - 动作清单;调用点给的顺序只在同语气内部生效,空数组时整块不渲染。
|
|
1440
|
+
* @returns 一排按钮,或 `null`(没有动作时)。
|
|
1441
|
+
*/
|
|
1038
1442
|
function FormActions({ actions }) {
|
|
1039
1443
|
if (actions.length === 0) return null;
|
|
1040
1444
|
reportExtraPrimaries(actions);
|
|
@@ -1055,9 +1459,23 @@ window.__ModuleLoader__.load({
|
|
|
1055
1459
|
}
|
|
1056
1460
|
//#endregion
|
|
1057
1461
|
//#region ../shared/dist/components/FormRows.js
|
|
1462
|
+
/**
|
|
1463
|
+
* 表单行的容器:同一份 `FormRows` 共用一个标签列(列宽由最长的标签定),行距也归它。
|
|
1464
|
+
* @param props.children - 一串 `FormRow`;非行的孩子(如分组标题)自动通栏。
|
|
1465
|
+
* @returns 竖排的 div。
|
|
1466
|
+
*/
|
|
1058
1467
|
function FormRows({ children }) {
|
|
1059
1468
|
return h("div", { className: "wb-formRows" }, children);
|
|
1060
1469
|
}
|
|
1470
|
+
/**
|
|
1471
|
+
* 表单一行:左边标签、右边控件,提示与错误占控件下面那一格。
|
|
1472
|
+
* @param props.label - 这一行的标签;进了这一行,控件自己就别再给 `label`,否则会多一个标签。
|
|
1473
|
+
* @param props.hint - 控件下的说明;给了 `problem` 就不画它 —— 同一格不叠两段话。
|
|
1474
|
+
* @param props.problem - 校验失败那句话;给了就顶掉 `hint` 并给整行加上出错标记。
|
|
1475
|
+
* @param props.layout - `stacked` 才是标签在上、控件在下(默认 `inline`:标签在左)。
|
|
1476
|
+
* @param props.children - 控件本体。
|
|
1477
|
+
* @returns 一个 `<label>`。
|
|
1478
|
+
*/
|
|
1061
1479
|
function FormRow({ label, hint, problem, layout = "inline", children }) {
|
|
1062
1480
|
return h("label", {
|
|
1063
1481
|
className: "wb-formRow",
|
|
@@ -1066,7 +1484,269 @@ window.__ModuleLoader__.load({
|
|
|
1066
1484
|
}, 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));
|
|
1067
1485
|
}
|
|
1068
1486
|
//#endregion
|
|
1487
|
+
//#region ../shared/dist/components/FormNodes.js
|
|
1488
|
+
/**
|
|
1489
|
+
* 只剩要显示的那些格子 —— `visible: false` 的当它不存在:不渲染、不校验、不进 `values`,也不参与找第一处错误。
|
|
1490
|
+
* @param fields - 表单的字段清单。
|
|
1491
|
+
* @returns 保序的新数组,`visible` 不给或为 `true` 的都在;全不可见时给空数组。
|
|
1492
|
+
*/
|
|
1493
|
+
function visibleFieldsOf(fields) {
|
|
1494
|
+
return fields.filter((field) => field.visible !== false);
|
|
1495
|
+
}
|
|
1496
|
+
/**
|
|
1497
|
+
* 找出装配错的键:**假值**的键(空串 / `undefined` / `null`,运行期真漏给 `key` 就是这条)每次出现都算一处,
|
|
1498
|
+
* 以及同一张表单里出现两次的键 —— 这两样都会让 `id` 撞车、`values` 少一格。
|
|
1499
|
+
* @param fields - 表单的字段清单(通常是已经过滤过可见性的那份)。
|
|
1500
|
+
* @returns 出问题的键的清单、按首次出现顺序去重;缺失的键一律记成空串(报的时候印成 `(空 key)`),空表给空数组。
|
|
1501
|
+
*/
|
|
1502
|
+
function duplicateKeysOf(fields) {
|
|
1503
|
+
const seen = /* @__PURE__ */ new Set();
|
|
1504
|
+
const duplicated = /* @__PURE__ */ new Set();
|
|
1505
|
+
for (const field of fields) {
|
|
1506
|
+
const key = field.key;
|
|
1507
|
+
if (!key) {
|
|
1508
|
+
duplicated.add("");
|
|
1509
|
+
continue;
|
|
1510
|
+
}
|
|
1511
|
+
if (seen.has(key)) duplicated.add(key);
|
|
1512
|
+
seen.add(key);
|
|
1513
|
+
}
|
|
1514
|
+
return [...duplicated];
|
|
1515
|
+
}
|
|
1516
|
+
/**
|
|
1517
|
+
* 装配错了要当场诊断:`key` 缺失或重复时给 `console.error` —— 但照渲不误,不 throw。
|
|
1518
|
+
* 形式与理由同 `FormActions` 里那颗多出来的 `primary`:装配的小错不该让 `CardBoundary` 把用户的整张卡变空白。
|
|
1519
|
+
* @param fields - 表单的字段清单(通常是已经过滤过可见性的那份)。
|
|
1520
|
+
*/
|
|
1521
|
+
function reportDuplicateKeys(fields) {
|
|
1522
|
+
const duplicated = duplicateKeysOf(fields);
|
|
1523
|
+
if (duplicated.length === 0) return;
|
|
1524
|
+
const named = duplicated.map((key) => key === "" ? "(空 key)" : key);
|
|
1525
|
+
console.error(`[dsh-workbench] Form 里有重复或缺失的字段 key:${named.join("、")} —— 同一张表单里 key 必须唯一且非空(它决定 id 与 values 的键),否则 id 会撞车、values 会少一格`);
|
|
1526
|
+
}
|
|
1527
|
+
/**
|
|
1528
|
+
* 把每格的 `value` 收成一张键值表交给 `onSubmit` —— `Form` 自己一个值都不存,这张表就是从 `fields` 现取的快照。
|
|
1529
|
+
* @param fields - 表单的字段清单;取的就是它们的 `value`,`value` 是数组的那格(多选)原样带出、不复制。
|
|
1530
|
+
* @returns 键为字段 `key`、值为该格 `value` 的表;`fields` 为空时给空表,不是 `undefined`。
|
|
1531
|
+
*/
|
|
1532
|
+
function formValuesOf(fields) {
|
|
1533
|
+
const values = {};
|
|
1534
|
+
for (const field of fields) values[field.key] = field.value;
|
|
1535
|
+
return values;
|
|
1536
|
+
}
|
|
1537
|
+
/**
|
|
1538
|
+
* 算每格现在该不该报错:还没提交过(`show` 为 false)时一格都不报 —— 不边打字边骂人。
|
|
1539
|
+
* `validate` 返回**真值**才算错,假值(`undefined` / `null` / `false` / 空串)一律当"这格没错" ——
|
|
1540
|
+
* 所以 `v.trim() === '' && '必填'` 这种用 `&&` 算文案的写法是对的。
|
|
1541
|
+
* @param fields - 表单的字段清单(通常是已经过滤过可见性的那份)。
|
|
1542
|
+
* @param show - 提交过没有;false 时全给 `undefined`,true 时逐格调 `field.validate` 并按真值收。
|
|
1543
|
+
* @returns 键为 `key`、值为那句文案或 `undefined` 的表;没给 `validate` 的格子也是 `undefined`。
|
|
1544
|
+
*/
|
|
1545
|
+
function formProblemsOf(fields, show) {
|
|
1546
|
+
const values = formValuesOf(fields);
|
|
1547
|
+
const problems = {};
|
|
1548
|
+
for (const field of fields) {
|
|
1549
|
+
const found = show ? field.validate?.(field.value, values) : void 0;
|
|
1550
|
+
problems[field.key] = found ? found : void 0;
|
|
1551
|
+
}
|
|
1552
|
+
return problems;
|
|
1553
|
+
}
|
|
1554
|
+
/**
|
|
1555
|
+
* 按字段顺序取第一处错误 —— 提交被挡住时要带进视口的就是这一格。
|
|
1556
|
+
* 判的是**真值**(与 `formProblemsOf` 同一口径):假值那种"错误文案"渲染出来本来就是空的,不算错。
|
|
1557
|
+
* @param fields - 表单的字段清单,顺序就是「第一处」的判据。
|
|
1558
|
+
* @param problems - `formProblemsOf` 那张表,也可以是调用点自己拼的(同样按真值判)。
|
|
1559
|
+
* @returns 第一格有错的字段;一格都没错时给 `undefined`。
|
|
1560
|
+
*/
|
|
1561
|
+
function formFirstProblemOf(fields, problems) {
|
|
1562
|
+
return fields.find((field) => Boolean(problems[field.key]));
|
|
1563
|
+
}
|
|
1564
|
+
/**
|
|
1565
|
+
* 算提交那一拍该干什么 —— `Form` 的提交钮点下去、以及 `<form>` 的 Enter 提交,走的都是它。
|
|
1566
|
+
* 错的判据只有一份(`formProblemsOf` + `formFirstProblemOf`),这里不重算第二遍。
|
|
1567
|
+
* @param fields - 要提交的那些格子(通常是调用点先 `visibleFieldsOf` 过滤过的,不可见那格不进 `values` 也不算错)。
|
|
1568
|
+
* @returns `blocked: true` 时带上是按字段顺序数第一格有错的字段(拿它去 `revealFirstProblem`);
|
|
1569
|
+
* `blocked: false` 时带上从 `fields` 现取的键值表。空表一定给 `blocked: false` 与空 values。
|
|
1570
|
+
*/
|
|
1571
|
+
function formSubmitOf(fields) {
|
|
1572
|
+
const first = formFirstProblemOf(fields, formProblemsOf(fields, true));
|
|
1573
|
+
if (first !== void 0) return {
|
|
1574
|
+
blocked: true,
|
|
1575
|
+
first
|
|
1576
|
+
};
|
|
1577
|
+
return {
|
|
1578
|
+
blocked: false,
|
|
1579
|
+
values: formValuesOf(fields)
|
|
1580
|
+
};
|
|
1581
|
+
}
|
|
1582
|
+
/**
|
|
1583
|
+
* 组表单的操作区:调用点给的其余动作在最左,取消在中间,提交永远是最右那颗 `primary`。
|
|
1584
|
+
* @param args.extra - 其余动作(default / danger),保持调用点给的顺序;不给就是没有。
|
|
1585
|
+
* @param args.cancel - 取消那格的 `label` 与 `onClick`;不给就少一颗钮。
|
|
1586
|
+
* @param args.submit - 提交钮的 `label` 与 `busyLabel`。
|
|
1587
|
+
* @param args.busy - 提交中:提交钮带转圈并换 `busyLabel`(不给就沿用 `label`),`extra` 与取消一起禁用。
|
|
1588
|
+
* @param args.disabled - 只再禁提交钮(如没改动可存),其余动作不受影响。
|
|
1589
|
+
* @param args.onSubmitClick - 提交钮点下去做什么,通常是把这一拍交给 `Form` 的提交处理。
|
|
1590
|
+
* @returns 给 `FormActions` 的动作清单;没给 `extra` 也没给 `cancel` 时只剩提交那一颗。
|
|
1591
|
+
*/
|
|
1592
|
+
function formActionsOf(args) {
|
|
1593
|
+
const submit = {
|
|
1594
|
+
key: "submit",
|
|
1595
|
+
label: args.busy ? args.submit.busyLabel ?? args.submit.label : args.submit.label,
|
|
1596
|
+
kind: "primary",
|
|
1597
|
+
busy: args.busy,
|
|
1598
|
+
disabled: args.busy || args.disabled,
|
|
1599
|
+
onClick: args.onSubmitClick
|
|
1600
|
+
};
|
|
1601
|
+
const cancel = args.cancel === void 0 ? [] : [{
|
|
1602
|
+
key: "cancel",
|
|
1603
|
+
label: args.cancel.label,
|
|
1604
|
+
kind: "default",
|
|
1605
|
+
disabled: args.busy,
|
|
1606
|
+
onClick: args.cancel.onClick
|
|
1607
|
+
}];
|
|
1608
|
+
return [
|
|
1609
|
+
...(args.extra ?? []).map((action) => args.busy ? {
|
|
1610
|
+
...action,
|
|
1611
|
+
disabled: true
|
|
1612
|
+
} : action),
|
|
1613
|
+
...cancel,
|
|
1614
|
+
submit
|
|
1615
|
+
];
|
|
1616
|
+
}
|
|
1617
|
+
/**
|
|
1618
|
+
* 把整张表单的行画出来 —— 每格一个 `FormRow`,且**直接**是 `FormRows` 的孩子。
|
|
1619
|
+
* 中间不许再包一层:`FormRow` 一旦不是 `.wb-formRows` 的网格项,`FormRows.css` 里那条 `subgrid` 就不匹配,
|
|
1620
|
+
* 每行各自算列宽,控件左沿就参差了。
|
|
1621
|
+
* @param args.fields - 要画的格子(通常是已经过滤过可见性的那份),顺序就是行的顺序。
|
|
1622
|
+
* @param args.problems - `formProblemsOf` 那张表,决定哪一格显示错误文案(按**真值**判,假值不当错)。
|
|
1623
|
+
* @param args.showProblem - 这一拍该不该显示错误(还没提交过时为 false,一格都不显示)。
|
|
1624
|
+
* @param args.busy - 提交中:每格的绑定 `disabled` 为真。
|
|
1625
|
+
* @returns `FormRow` 组成的数组;没有可画的格子时给空数组。
|
|
1626
|
+
*/
|
|
1627
|
+
function formRowsOf(args) {
|
|
1628
|
+
return args.fields.map((field) => h(FormRow, {
|
|
1629
|
+
key: field.key,
|
|
1630
|
+
label: field.label,
|
|
1631
|
+
hint: field.hint,
|
|
1632
|
+
problem: args.showProblem ? args.problems[field.key] : void 0,
|
|
1633
|
+
layout: field.layout
|
|
1634
|
+
}, field.control({
|
|
1635
|
+
id: `wb-form-${field.key}`,
|
|
1636
|
+
name: field.key,
|
|
1637
|
+
invalid: args.showProblem && Boolean(args.problems[field.key]),
|
|
1638
|
+
disabled: args.busy || field.disabled === true
|
|
1639
|
+
})));
|
|
1640
|
+
}
|
|
1641
|
+
//#endregion
|
|
1642
|
+
//#region ../shared/dist/lib/form-problem.js
|
|
1643
|
+
var PROBLEM_SELECTOR = "[data-wb-problem]";
|
|
1644
|
+
var FOCUSABLE_SELECTOR = [
|
|
1645
|
+
"input:not([disabled])",
|
|
1646
|
+
"select:not([disabled])",
|
|
1647
|
+
"textarea:not([disabled])",
|
|
1648
|
+
"button:not([disabled])",
|
|
1649
|
+
"a[href]",
|
|
1650
|
+
"[tabindex]:not([tabindex=\"-1\"])"
|
|
1651
|
+
].join(", ");
|
|
1652
|
+
/**
|
|
1653
|
+
* 找 `root` 里第一个带 `[data-wb-problem]` 标记的元素 —— 表单校验失败时,调用方拿它定位「哪一格错了」。
|
|
1654
|
+
* @param root - 要搜的范围(表单容器,或 document)。
|
|
1655
|
+
* @returns 第一个出问题的元素;一个标记都没有就给 `null`。
|
|
1656
|
+
*/
|
|
1657
|
+
function firstProblemOf(root) {
|
|
1658
|
+
return root.querySelector(PROBLEM_SELECTOR);
|
|
1659
|
+
}
|
|
1660
|
+
/**
|
|
1661
|
+
* 把第一个出问题的元素滚进视野、并把焦点交给它里面第一个可聚焦控件(输入框 / 按钮 / 链接等)。
|
|
1662
|
+
* @param root - 要搜的范围。
|
|
1663
|
+
* @returns 找到并滚过给 `true`;没有问题给 `false`(不滚、不抢焦点);元素不可滚或没有可聚焦控件也不报错,只是少做一步。
|
|
1664
|
+
*/
|
|
1665
|
+
function revealFirstProblem(root) {
|
|
1666
|
+
const problem = firstProblemOf(root);
|
|
1667
|
+
if (problem === null) return false;
|
|
1668
|
+
problem.scrollIntoView?.({ block: "nearest" });
|
|
1669
|
+
problem.querySelector(FOCUSABLE_SELECTOR)?.focus?.();
|
|
1670
|
+
return true;
|
|
1671
|
+
}
|
|
1672
|
+
//#endregion
|
|
1673
|
+
//#region ../shared/dist/components/Form.js
|
|
1674
|
+
/**
|
|
1675
|
+
* 整张表单:`fields` 进,行、错误、操作区、(被挡住的)提交都由它安排 —— 它自己一个值都不存,
|
|
1676
|
+
* 值仍归调用点的 model(`value` 只读给校验看)。
|
|
1677
|
+
* 还没提交过时一格错都不显示;第一次提交之后每次渲染重算,改好了当场消。
|
|
1678
|
+
* 提交那一拍永远先算一遍:有错就不调 `onSubmit`,并把第一个有错的 `FormRow` 带进视口、聚焦它里面的控件。
|
|
1679
|
+
* 回车与点提交钮走的是同一条路:真 `<form>` 的隐式提交在**只有一个文本框**时也会 fire,所以 `busy` / `disabled` 时回车同样不提交。
|
|
1680
|
+
* 调用点只管数据与语义:行怎么排、错误摆哪、什么时候校验、按钮在哪,这里没有口子。
|
|
1681
|
+
* @param props.fields - 每格的键 / 标签 / 值 / 校验 / 控件;`visible: false` 的那格当它不存在(不渲染、不校验、不进 `values`)。
|
|
1682
|
+
* @param props.onSubmit - 校验全过的那一拍,回的是从 `fields` 现取的键值表;被挡住时不会被调。
|
|
1683
|
+
* @param props.submit - 提交钮文案;`busyLabel` 是提交中换的那句,不给就沿用 `label`。
|
|
1684
|
+
* @param props.cancel - 取消钮;给了就排在提交钮左边,`busy` 时一起禁用。
|
|
1685
|
+
* @param props.extra - 其余动作(default / danger),排在最左,`busy` 时一起禁用。
|
|
1686
|
+
* @param props.busy - 提交中(默认 false):整表控件的绑定 `disabled` 为真,所有动作一起禁用,回车也不提交。
|
|
1687
|
+
* @param props.disabled - 只再禁提交钮(如没改动可存),各格控件与其余动作不受影响,回车也不提交。
|
|
1688
|
+
* @param props.problem - 整表级那句错(提交失败),落在行与操作区之间;不给就不画。
|
|
1689
|
+
* @returns 一个 `<form>`(`noValidate`:报错形状归 `FormRow`,不走浏览器的气泡)。
|
|
1690
|
+
*/
|
|
1691
|
+
function Form(props) {
|
|
1692
|
+
const { fields, onSubmit, submit, cancel, extra, busy = false, disabled = false, problem } = props;
|
|
1693
|
+
const [done, setDone] = useState(false);
|
|
1694
|
+
const [reveal, setReveal] = useState(0);
|
|
1695
|
+
const rootRef = useRef(null);
|
|
1696
|
+
const shown = visibleFieldsOf(fields);
|
|
1697
|
+
const problems = formProblemsOf(shown, done);
|
|
1698
|
+
reportDuplicateKeys(shown);
|
|
1699
|
+
useEffect(() => {
|
|
1700
|
+
if (reveal === 0) return;
|
|
1701
|
+
const root = rootRef.current;
|
|
1702
|
+
if (root !== null) revealFirstProblem(root);
|
|
1703
|
+
}, [reveal]);
|
|
1704
|
+
const submitForm = () => {
|
|
1705
|
+
if (busy || disabled) return;
|
|
1706
|
+
const outcome = formSubmitOf(visibleFieldsOf(fields));
|
|
1707
|
+
setDone(true);
|
|
1708
|
+
if (outcome.blocked) {
|
|
1709
|
+
setReveal((count) => count + 1);
|
|
1710
|
+
return;
|
|
1711
|
+
}
|
|
1712
|
+
onSubmit(outcome.values);
|
|
1713
|
+
};
|
|
1714
|
+
return h("form", {
|
|
1715
|
+
className: "wb-form",
|
|
1716
|
+
ref: rootRef,
|
|
1717
|
+
noValidate: true,
|
|
1718
|
+
onSubmit: (event) => {
|
|
1719
|
+
event.preventDefault();
|
|
1720
|
+
submitForm();
|
|
1721
|
+
}
|
|
1722
|
+
}, h(FormRows, null, formRowsOf({
|
|
1723
|
+
fields: shown,
|
|
1724
|
+
problems,
|
|
1725
|
+
showProblem: done,
|
|
1726
|
+
busy
|
|
1727
|
+
})), problem === void 0 ? null : h(Note, {
|
|
1728
|
+
tone: "problem",
|
|
1729
|
+
role: "alert"
|
|
1730
|
+
}, problem), h(FormActions, { actions: formActionsOf({
|
|
1731
|
+
extra,
|
|
1732
|
+
cancel,
|
|
1733
|
+
submit,
|
|
1734
|
+
busy,
|
|
1735
|
+
disabled,
|
|
1736
|
+
onSubmitClick: submitForm
|
|
1737
|
+
}) }));
|
|
1738
|
+
}
|
|
1739
|
+
//#endregion
|
|
1069
1740
|
//#region ../shared/dist/components/Link.js
|
|
1741
|
+
/**
|
|
1742
|
+
* 唯一的外链写法:自带新窗口、`rel="noopener noreferrer"`、正文色与行尾那颗小箭头。
|
|
1743
|
+
* @param props.href - 目标地址,必给。
|
|
1744
|
+
* @param props.children - 链接文字(别自己再带 `→`)。
|
|
1745
|
+
* @param props.title - 原生 title 提示;不给就不写这个属性。
|
|
1746
|
+
* @param props.external - 默认 true:新窗口打开并画那颗 ↗;站内跳转给 false,箭头也一起不画。
|
|
1747
|
+
* @param props.className - 追加在基础类名之后,不是替换。
|
|
1748
|
+
* @returns 一个 `<a>`。
|
|
1749
|
+
*/
|
|
1070
1750
|
function Link({ href, children, title, external = true, className }) {
|
|
1071
1751
|
return h("a", {
|
|
1072
1752
|
className: className === void 0 ? "wb-link" : `wb-link ${className}`,
|
|
@@ -1086,6 +1766,19 @@ window.__ModuleLoader__.load({
|
|
|
1086
1766
|
className: "wb-longTaskLink"
|
|
1087
1767
|
}, text);
|
|
1088
1768
|
}
|
|
1769
|
+
/**
|
|
1770
|
+
* 长任务那一行:状态点 + 标题 + 链接,跑失败时把步骤与原始输出收在两处可展开里。
|
|
1771
|
+
* 发布、扫描、迁移这类跑得久的事都用它,别自己画进度。
|
|
1772
|
+
* @param props.status - `longTaskDot` 认的四态之一,决定状态点颜色与要不要画"失败"那两块。
|
|
1773
|
+
* @param props.headline - 这一行在干什么(一句话)。
|
|
1774
|
+
* @param props.problem - 失败原因;不给不画。
|
|
1775
|
+
* @param props.links - 行尾的链接,通常指向产物或日志。
|
|
1776
|
+
* @param props.steps - 步骤文本;只在失败时画,且要同时给 `stepsTitle` 才成一块可展开。
|
|
1777
|
+
* @param props.raw - 原始输出;只在失败时画,且要同时给 `rawTitle` 才成一块可展开。
|
|
1778
|
+
* @param props.stepsTitle - 步骤那块展开行的标题;`rawTitle` 同理是原始输出那块。
|
|
1779
|
+
* @param props.copyLabel - 复制钮文案:给了才画复制钮;`copiedLabel` 是复制成功后那句。
|
|
1780
|
+
* @returns 一行长任务。
|
|
1781
|
+
*/
|
|
1089
1782
|
function LongTaskRow(props) {
|
|
1090
1783
|
const [stepsOpen, setStepsOpen] = useState(false);
|
|
1091
1784
|
const [rawOpen, setRawOpen] = useState(false);
|
|
@@ -1134,6 +1827,11 @@ window.__ModuleLoader__.load({
|
|
|
1134
1827
|
}
|
|
1135
1828
|
//#endregion
|
|
1136
1829
|
//#region ../shared/dist/components/ResourceStates.js
|
|
1830
|
+
/**
|
|
1831
|
+
* 骨架屏:读数期间已经知道大概形状时用它(连形状都不知道就用 `CenteredState` 那句"正在读")。
|
|
1832
|
+
* @param props.rows - 画几行骨架(默认 4);整块 `aria-hidden`,不读给读屏。
|
|
1833
|
+
* @returns 一叠占位条。
|
|
1834
|
+
*/
|
|
1137
1835
|
function SkeletonRows({ rows = 4 }) {
|
|
1138
1836
|
return h("div", {
|
|
1139
1837
|
className: "wb-skeleton",
|
|
@@ -1143,6 +1841,16 @@ window.__ModuleLoader__.load({
|
|
|
1143
1841
|
className: "wb-skeletonRow"
|
|
1144
1842
|
}, h("span", { className: "wb-skeletonBar wb-skeletonBarTitle" }), h("span", { className: "wb-skeletonBar wb-skeletonBarMeta" }))));
|
|
1145
1843
|
}
|
|
1844
|
+
/**
|
|
1845
|
+
* 居中一屏:要他先选一个 / 正在读 / 读不到时用它占住卡片版面。
|
|
1846
|
+
* @param props.icon - 标题上方那枚图标;给 `null` 就只留标题(加载与报错常见)。
|
|
1847
|
+
* @param props.title - 正中那行大字。
|
|
1848
|
+
* @param props.hint - 标题下的一行说明。
|
|
1849
|
+
* @param props.detail - 更细的一行(如原始错误码与那句话);"读不到"时把错误放这里,绝不显示 0。
|
|
1850
|
+
* @param props.action - 底部动作(如"重试");不给不画。
|
|
1851
|
+
* @param props.compact - 紧凑档(默认 false),卡里空间小的时候给 true。
|
|
1852
|
+
* @returns 一个 `role="status"` 的居中块。
|
|
1853
|
+
*/
|
|
1146
1854
|
function CenteredState({ icon, title, hint, detail, action, compact = false }) {
|
|
1147
1855
|
return h("div", {
|
|
1148
1856
|
className: compact ? "wb-centered wb-centeredCompact" : "wb-centered",
|
|
@@ -1152,6 +1860,13 @@ window.__ModuleLoader__.load({
|
|
|
1152
1860
|
"aria-hidden": "true"
|
|
1153
1861
|
}, 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));
|
|
1154
1862
|
}
|
|
1863
|
+
/**
|
|
1864
|
+
* 就绪但空:它只是 `CenteredState` 的简写,标题就是那句空态文案。
|
|
1865
|
+
* @param props.text - 空态那句话。
|
|
1866
|
+
* @param props.icon - 标题上方的图标;默认 `null`,不画图标。
|
|
1867
|
+
* @param props.compact - 紧凑档,默认 false。
|
|
1868
|
+
* @returns 一个居中块。
|
|
1869
|
+
*/
|
|
1155
1870
|
function EmptyState({ text, icon = null, compact = false }) {
|
|
1156
1871
|
return h(CenteredState, {
|
|
1157
1872
|
icon,
|
|
@@ -1161,14 +1876,34 @@ window.__ModuleLoader__.load({
|
|
|
1161
1876
|
}
|
|
1162
1877
|
//#endregion
|
|
1163
1878
|
//#region ../shared/dist/components/Rows.js
|
|
1879
|
+
/**
|
|
1880
|
+
* 键值行的容器:分隔线、行距与两端对齐在它和 `Row` 里,别自己写 `ul` / `li` 拼。
|
|
1881
|
+
* @param props.children - 一串 `Row`。
|
|
1882
|
+
* @returns 竖排的 div。
|
|
1883
|
+
*/
|
|
1164
1884
|
function Rows({ children }) {
|
|
1165
1885
|
return h("div", { className: "wb-rows" }, children);
|
|
1166
1886
|
}
|
|
1887
|
+
/**
|
|
1888
|
+
* 一行键值:左边名字、右边值;要成对说明一项数据就用它,别自己写两栏。
|
|
1889
|
+
* @param props.label - 左边那格(键)。
|
|
1890
|
+
* @param props.value - 右边那格(值),可以是数字、时间或一小段节点。
|
|
1891
|
+
* @returns 一行两格。
|
|
1892
|
+
*/
|
|
1167
1893
|
function Row({ label, value }) {
|
|
1168
1894
|
return h("div", { className: "wb-row" }, h("span", { className: "wb-rowKey" }, label), h("span", { className: "wb-rowValue" }, value));
|
|
1169
1895
|
}
|
|
1170
1896
|
//#endregion
|
|
1171
1897
|
//#region ../shared/dist/components/SaveBar.js
|
|
1898
|
+
/**
|
|
1899
|
+
* 设置面底下那条"取消 / 保存":就是 `FormActions` 的两颗固定动作,顺序与间距不归调用点。
|
|
1900
|
+
* @param props.busy - 保存中:两颗钮一起禁用,保存那颗换成 `saving` 文案并带转圈。
|
|
1901
|
+
* @param props.disabled - 再额外禁掉保存钮(如没改动可存);默认不禁,取消钮不受它管。
|
|
1902
|
+
* @param props.labels - 三句文案:`cancel` / `save` / `saving`。
|
|
1903
|
+
* @param props.onCancel - 点取消。
|
|
1904
|
+
* @param props.onSave - 点保存。
|
|
1905
|
+
* @returns 一组按钮。
|
|
1906
|
+
*/
|
|
1172
1907
|
function SaveBar({ busy, disabled, labels, onCancel, onSave }) {
|
|
1173
1908
|
return h(FormActions, { actions: [{
|
|
1174
1909
|
key: "cancel",
|
|
@@ -1187,6 +1922,21 @@ window.__ModuleLoader__.load({
|
|
|
1187
1922
|
}
|
|
1188
1923
|
//#endregion
|
|
1189
1924
|
//#region ../shared/dist/components/SelectFieldNodes.js
|
|
1925
|
+
/**
|
|
1926
|
+
* 下拉触发器那颗按钮:图标 + 当前值 + 箭头,交给 `Menu` 当 anchor;宽窄两档共用一个形状。
|
|
1927
|
+
* @param args.id - 触发器 id。
|
|
1928
|
+
* @param args.className - 触发器类名(已含 variant 与 iconOnly 的档)。
|
|
1929
|
+
* @param args.disabled - 是否禁用。
|
|
1930
|
+
* @param args.invalid - 置真写 `aria-invalid`。
|
|
1931
|
+
* @param args.open - 列表是否开着,写进 `aria-expanded`。
|
|
1932
|
+
* @param args.ariaLabel - 读屏名。
|
|
1933
|
+
* @param args.title - 原生提示。
|
|
1934
|
+
* @param args.icon - 值左边那枚图标;不给不占位。
|
|
1935
|
+
* @param args.value - 已渲染好的当前值节点(文本或占位)。
|
|
1936
|
+
* @param args.iconOnly - 只画图标(窄栏那颗切换钮),值与箭头都不画。
|
|
1937
|
+
* @param args.onOpen - 点它做什么,通常是把列表打开。
|
|
1938
|
+
* @returns 一颗 `<button>`。
|
|
1939
|
+
*/
|
|
1190
1940
|
function selectTriggerNode(args) {
|
|
1191
1941
|
return h("button", {
|
|
1192
1942
|
type: "button",
|
|
@@ -1201,6 +1951,15 @@ window.__ModuleLoader__.load({
|
|
|
1201
1951
|
onClick: args.onOpen
|
|
1202
1952
|
}, args.iconOnly ? h("span", { className: "wb-selectIcon" }, args.icon) : h(Fragment, null, args.icon === void 0 ? null : h("span", { className: "wb-selectIcon" }, args.icon), h("span", { className: "wb-selectValue" }, args.value), h("span", { className: "wb-selectChevron" }, h(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { size: 14 }))));
|
|
1203
1953
|
}
|
|
1954
|
+
/**
|
|
1955
|
+
* 名单还没读到时的触发器:禁用 + `aria-busy` 的按钮,`SelectField` 在 `loading` 那档画它。
|
|
1956
|
+
* @param args.id - 触发器 id。
|
|
1957
|
+
* @param args.className - 触发器类名;它后面会接上 loading 那档的类。
|
|
1958
|
+
* @param args.invalid - 置真写 `aria-invalid`。
|
|
1959
|
+
* @param args.ariaLabel - 读屏名。
|
|
1960
|
+
* @param args.loadingText - 占位文案;不给就是 `…`。
|
|
1961
|
+
* @returns 一颗禁用且 `aria-busy` 的按钮。
|
|
1962
|
+
*/
|
|
1204
1963
|
function selectLoadingNode(args) {
|
|
1205
1964
|
return h("button", {
|
|
1206
1965
|
type: "button",
|
|
@@ -1215,6 +1974,11 @@ window.__ModuleLoader__.load({
|
|
|
1215
1974
|
}
|
|
1216
1975
|
//#endregion
|
|
1217
1976
|
//#region ../shared/dist/components/TextField.js
|
|
1977
|
+
/**
|
|
1978
|
+
* 单行文本输入:设置面与筛选框都用它,`invalid` 之外的属性全部透传给原生 `<input>`。
|
|
1979
|
+
* @param props.invalid - 置真标红并写 `aria-invalid`(默认 false);错在哪一句归 `FormRow.problem`。
|
|
1980
|
+
* @returns 输入框元素;`className` 是追加在基础类名之后,而不是替换它。
|
|
1981
|
+
*/
|
|
1218
1982
|
function TextField({ invalid = false, className, ...rest }) {
|
|
1219
1983
|
return h("input", {
|
|
1220
1984
|
...rest,
|
|
@@ -1306,27 +2070,33 @@ window.__ModuleLoader__.load({
|
|
|
1306
2070
|
}, control);
|
|
1307
2071
|
return className === void 0 ? inner : h("div", { className }, inner);
|
|
1308
2072
|
}
|
|
2073
|
+
/** 算候选项用来匹配搜索的文本:有 `searchText` 就用它,否则取字符串标签;标签不是字符串又没给它是空串(这项搜不到)。 */
|
|
1309
2074
|
function searchTextOf(option) {
|
|
1310
2075
|
if (option.searchText !== void 0) return option.searchText;
|
|
1311
2076
|
return typeof option.label === "string" ? option.label : "";
|
|
1312
2077
|
}
|
|
2078
|
+
/** 默认匹配:查询去空白折成小写后看它是不是 `searchTextOf` 的子串;查询为空或纯空白时一律命中(留在列表里)。 */
|
|
1313
2079
|
function defaultSelectFilter(option, query) {
|
|
1314
2080
|
const needle = query.trim().toLowerCase();
|
|
1315
2081
|
if (needle === "") return true;
|
|
1316
2082
|
return searchTextOf(option).toLowerCase().includes(needle);
|
|
1317
2083
|
}
|
|
2084
|
+
/** 按查询过滤候选 —— 组件与模块自己算列表都用它,好让同一份口径管两处:`filter` 不给就用 `defaultSelectFilter`,顺序不变。 */
|
|
1318
2085
|
function filterSelectOptions(options, query, filter = defaultSelectFilter) {
|
|
1319
2086
|
return options.filter((option) => filter(option, query));
|
|
1320
2087
|
}
|
|
2088
|
+
/** 把键盘游标换算成当前该高亮那项的 value:游标 `null`(还没动过键盘)或列表为空时没有高亮;太大的游标收到最后一项,负游标取不到项也回 `null`。 */
|
|
1321
2089
|
function selectCursorValue(shown, cursor) {
|
|
1322
2090
|
if (cursor === null || shown.length === 0) return null;
|
|
1323
2091
|
return shown[Math.min(cursor, shown.length - 1)]?.value ?? null;
|
|
1324
2092
|
}
|
|
2093
|
+
/** 按上下键移动游标(两头环绕):还没选过时向下取第一项、向上取最后一项;列表为空回 `null`(一步都动不了)。`step` 1 向下、-1 向上。 */
|
|
1325
2094
|
function stepSelectCursor(shown, cursor, step) {
|
|
1326
2095
|
if (shown.length === 0) return null;
|
|
1327
2096
|
if (cursor === null) return step === 1 ? 0 : shown.length - 1;
|
|
1328
2097
|
return (cursor + step + shown.length) % shown.length;
|
|
1329
2098
|
}
|
|
2099
|
+
/** 把候选排成 `Menu` 要的条目表:按 `group` 插分组标题;一项都没有时退回 `emptyText` 那一行(不给就是空表)。`revealId` 是开列表时要滚进可视区的那个 value。 */
|
|
1330
2100
|
function selectEntries(shown, emptyText, revealId) {
|
|
1331
2101
|
if (shown.length === 0) return emptyText === void 0 ? [] : [{
|
|
1332
2102
|
type: "label",
|
|
@@ -1407,6 +2177,22 @@ window.__ModuleLoader__.load({
|
|
|
1407
2177
|
empty: typeof emptyText === "function" ? emptyText(query) : emptyText
|
|
1408
2178
|
};
|
|
1409
2179
|
}
|
|
2180
|
+
/**
|
|
2181
|
+
* 下拉选择:默认是跟 `TextField` 一套的常规下拉框(不是原生 `<select>`),无边框那种给 `variant: 'ghost'`。
|
|
2182
|
+
* `open` 不给就内部自己管(两种接法下 `onOpenChange` 都会通知),`loading` 把触发器换成转圈 + `loadingText`(默认 `…`),
|
|
2183
|
+
* `selection` 选选中行标记(`fill` 整行底色 / `check` 行尾勾),`footer` 是列表底部那一条(点它走 `onFooter`,不改当前值)。
|
|
2184
|
+
* @param props.value - 当前值;在 `options` 里找不到就按"没选"画 `placeholder`。
|
|
2185
|
+
* @param props.options - 全量候选;空数组且给了 `fallback` 时改画手填输入框。
|
|
2186
|
+
* @param props.onChange - 选中一项后的回调,回的是那一项的 `value`。
|
|
2187
|
+
* @param props.label - 没进 `FormRow` 时的标签兜底;进了那一行就别再给它和 `hint`,否则会多一个标签。
|
|
2188
|
+
* @param props.renderValue - 自己渲染触发器上那份当前值;不给就用候选项的 `label`。
|
|
2189
|
+
* @param props.placeholder - 没选中时那句话;不给是 `—`。
|
|
2190
|
+
* @param props.search - 是否可搜(默认 true);`false` 时不画搜索框、也不自动聚焦。
|
|
2191
|
+
* @param props.filter - 自定义匹配;不给用 `defaultSelectFilter`(空白查询一律命中)。
|
|
2192
|
+
* @param props.emptyText - 无匹配时的文案,或按查询生成文案的函数(能说"没有匹配 X 的项")。
|
|
2193
|
+
* @param props.fallback - 退路:`options` 为空时改成手填(`value` + `onChange`)。
|
|
2194
|
+
* @returns 触发器,以及打开时的搜索框与列表。
|
|
2195
|
+
*/
|
|
1410
2196
|
function SelectField(props) {
|
|
1411
2197
|
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;
|
|
1412
2198
|
const state = useSelectState(props);
|
|
@@ -1495,6 +2281,14 @@ window.__ModuleLoader__.load({
|
|
|
1495
2281
|
}
|
|
1496
2282
|
//#endregion
|
|
1497
2283
|
//#region ../shared/dist/components/SettingsSection.js
|
|
2284
|
+
/**
|
|
2285
|
+
* 设置面里的一节:标题 + 右上那颗动作 + 一节内容,把一屏设置分组。
|
|
2286
|
+
* @param props.label - 只给读屏的组名(`aria-label`),不是标题。
|
|
2287
|
+
* @param props.title - 人看的标题。
|
|
2288
|
+
* @param props.action - 标题右侧的动作(如"添加");不给不占位。
|
|
2289
|
+
* @param props.children - 这一节的内容。
|
|
2290
|
+
* @returns 一个 `role="group"` 的 section。
|
|
2291
|
+
*/
|
|
1498
2292
|
function SettingsSection({ label, title, action, children }) {
|
|
1499
2293
|
return h("section", {
|
|
1500
2294
|
className: "wb-settings",
|
|
@@ -1504,11 +2298,26 @@ window.__ModuleLoader__.load({
|
|
|
1504
2298
|
}
|
|
1505
2299
|
//#endregion
|
|
1506
2300
|
//#region ../shared/dist/components/Stack.js
|
|
2301
|
+
/**
|
|
2302
|
+
* 竖排容器:把相邻内容按统一间距摞起来,懒得自己分组时的默认外包装。
|
|
2303
|
+
* @param props.children - 要竖排的内容;不给就渲染一个空容器。
|
|
2304
|
+
* @returns 竖排的 div。
|
|
2305
|
+
*/
|
|
1507
2306
|
function Stack({ children }) {
|
|
1508
2307
|
return h("div", { className: "wb-stack" }, children);
|
|
1509
2308
|
}
|
|
1510
2309
|
//#endregion
|
|
1511
2310
|
//#region ../shared/dist/components/StateBlock.js
|
|
2311
|
+
/**
|
|
2312
|
+
* 有内容那一段:一个标题 + 一行提示 + 正文,卡里已经读到东西时用它开头。
|
|
2313
|
+
* @param props.title - 标题那行;它与 `dot` 都不给时整行不画。
|
|
2314
|
+
* @param props.dot - 标题前那枚状态点。
|
|
2315
|
+
* @param props.hint - 标题下那行小字(如"3 条 · 刚刚");不给不画。
|
|
2316
|
+
* @param props.resolving - "正在读"那行,读数期间挂上去;不给不画。
|
|
2317
|
+
* @param props.actions - 底部动作区;给了才画那一条。
|
|
2318
|
+
* @param props.children - 正文。
|
|
2319
|
+
* @returns 一个 div。
|
|
2320
|
+
*/
|
|
1512
2321
|
function StateBlock({ title, dot, hint, actions, resolving, children }) {
|
|
1513
2322
|
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));
|
|
1514
2323
|
}
|
|
@@ -1526,6 +2335,11 @@ window.__ModuleLoader__.load({
|
|
|
1526
2335
|
style: { display: "block" }
|
|
1527
2336
|
}, children);
|
|
1528
2337
|
}
|
|
2338
|
+
/**
|
|
2339
|
+
* 会话图标:一枚对话气泡,dsh 的图标表里没有,留给我们自己用;默认 16px。
|
|
2340
|
+
* @param props.size - 边长像素,同时给 `width` 与 `height`。
|
|
2341
|
+
* @returns 一枚 `aria-hidden` 的 svg。
|
|
2342
|
+
*/
|
|
1529
2343
|
function IconConversation({ size = 16 }) {
|
|
1530
2344
|
return h(Shell, {
|
|
1531
2345
|
size,
|
|
@@ -1536,6 +2350,11 @@ window.__ModuleLoader__.load({
|
|
|
1536
2350
|
strokeLinejoin: "round"
|
|
1537
2351
|
}));
|
|
1538
2352
|
}
|
|
2353
|
+
/**
|
|
2354
|
+
* 品牌标:侧栏顶上那枚工作台方块标;默认 24px(它是品牌物,别拿它当通用图标)。
|
|
2355
|
+
* @param props.size - 边长像素,同时给 `width` 与 `height`。
|
|
2356
|
+
* @returns 一枚 `aria-hidden` 的 svg。
|
|
2357
|
+
*/
|
|
1539
2358
|
function IconBrandMark({ size = 24 }) {
|
|
1540
2359
|
return h(Shell, {
|
|
1541
2360
|
size,
|
|
@@ -1554,6 +2373,11 @@ window.__ModuleLoader__.load({
|
|
|
1554
2373
|
strokeLinecap: "round"
|
|
1555
2374
|
}));
|
|
1556
2375
|
}
|
|
2376
|
+
/**
|
|
2377
|
+
* opencli 的标:包类型那一格用它;颜色写死的品牌物,不跟主题走。默认 16px。
|
|
2378
|
+
* @param props.size - 边长像素,同时给 `width` 与 `height`。
|
|
2379
|
+
* @returns 一枚 `aria-hidden` 的 svg。
|
|
2380
|
+
*/
|
|
1557
2381
|
function IconOpencli({ size = 16 }) {
|
|
1558
2382
|
return h(Shell, {
|
|
1559
2383
|
size,
|
|
@@ -1589,6 +2413,11 @@ window.__ModuleLoader__.load({
|
|
|
1589
2413
|
fill: "url(#opencli-mark)"
|
|
1590
2414
|
}, ">_"));
|
|
1591
2415
|
}
|
|
2416
|
+
/**
|
|
2417
|
+
* npm 的标:包类型那一格用它;保留品牌红,不跟主题走。默认 16px。
|
|
2418
|
+
* @param props.size - 边长像素,同时给 `width` 与 `height`。
|
|
2419
|
+
* @returns 一枚 `aria-hidden` 的 svg。
|
|
2420
|
+
*/
|
|
1592
2421
|
function IconNpm({ size = 16 }) {
|
|
1593
2422
|
return h(Shell, {
|
|
1594
2423
|
size,
|
|
@@ -1598,6 +2427,11 @@ window.__ModuleLoader__.load({
|
|
|
1598
2427
|
fill: "#CB3837"
|
|
1599
2428
|
}));
|
|
1600
2429
|
}
|
|
2430
|
+
/**
|
|
2431
|
+
* 四宫格:"模块"这个概念的通用单色图标(侧栏、面板那颗钮、市场节的标题);默认 16px。
|
|
2432
|
+
* @param props.size - 边长像素,同时给 `width` 与 `height`。
|
|
2433
|
+
* @returns 一枚 `aria-hidden` 的 svg。
|
|
2434
|
+
*/
|
|
1601
2435
|
function IconModules({ size = 16 }) {
|
|
1602
2436
|
return h("svg", {
|
|
1603
2437
|
width: size,
|
|
@@ -1639,6 +2473,11 @@ window.__ModuleLoader__.load({
|
|
|
1639
2473
|
strokeWidth: "1.2"
|
|
1640
2474
|
}));
|
|
1641
2475
|
}
|
|
2476
|
+
/**
|
|
2477
|
+
* 模块类型标:渐变方块 + 白四宫格,用在"这是个模块"的行首;品牌物,颜色不跟主题走。默认 16px。
|
|
2478
|
+
* @param props.size - 边长像素,同时给 `width` 与 `height`。
|
|
2479
|
+
* @returns 一枚 `aria-hidden` 的 svg。
|
|
2480
|
+
*/
|
|
1642
2481
|
function IconModuleMark({ size = 16 }) {
|
|
1643
2482
|
return h(Shell, {
|
|
1644
2483
|
size,
|
|
@@ -1695,6 +2534,11 @@ window.__ModuleLoader__.load({
|
|
|
1695
2534
|
fill: "#ffffff"
|
|
1696
2535
|
}));
|
|
1697
2536
|
}
|
|
2537
|
+
/**
|
|
2538
|
+
* 面板 / 卡片那类的图标:整屏与柱状那种形状,给"面板"这一档用;默认 16px。
|
|
2539
|
+
* @param props.size - 边长像素,同时给 `width` 与 `height`。
|
|
2540
|
+
* @returns 一枚 `aria-hidden` 的 svg。
|
|
2541
|
+
*/
|
|
1698
2542
|
function IconPanelScreen({ size = 16 }) {
|
|
1699
2543
|
return h("svg", {
|
|
1700
2544
|
width: size,
|
|
@@ -1711,6 +2555,7 @@ window.__ModuleLoader__.load({
|
|
|
1711
2555
|
}
|
|
1712
2556
|
//#endregion
|
|
1713
2557
|
//#region ../shared/dist/config/storage.js
|
|
2558
|
+
/** 读 localStorage 里的一段文本;没有这个键、或存储不可用(隐私模式)时返回 null。 */
|
|
1714
2559
|
function readText(key) {
|
|
1715
2560
|
try {
|
|
1716
2561
|
return window.localStorage.getItem(key);
|
|
@@ -1718,22 +2563,26 @@ window.__ModuleLoader__.load({
|
|
|
1718
2563
|
return null;
|
|
1719
2564
|
}
|
|
1720
2565
|
}
|
|
2566
|
+
/** 写一段文本进 localStorage;`value` 为 null 时删掉这个键,写不进去就静默作罢。 */
|
|
1721
2567
|
function writeText(key, value) {
|
|
1722
2568
|
try {
|
|
1723
2569
|
if (value === null) window.localStorage.removeItem(key);
|
|
1724
2570
|
else window.localStorage.setItem(key, value);
|
|
1725
2571
|
} catch {}
|
|
1726
2572
|
}
|
|
2573
|
+
/** 读一个布尔开关:键不存在时返回 `fallback`,只有存进去的 `'true'` 算真。 */
|
|
1727
2574
|
function readFlag(key, fallback) {
|
|
1728
2575
|
const raw = readText(key);
|
|
1729
2576
|
if (raw === null) return fallback;
|
|
1730
2577
|
return raw === "true";
|
|
1731
2578
|
}
|
|
2579
|
+
/** 把一个布尔开关写进 localStorage(存 `'true'` / `'false'`);失败静默。 */
|
|
1732
2580
|
function writeFlag(key, value) {
|
|
1733
2581
|
writeText(key, value ? "true" : "false");
|
|
1734
2582
|
}
|
|
1735
2583
|
//#endregion
|
|
1736
2584
|
//#region ../shared/dist/i18n/en.js
|
|
2585
|
+
/** 外壳自带的英文词表:键必须与 `zh` 逐一对应,值不许为空串。 */
|
|
1737
2586
|
var en = {
|
|
1738
2587
|
"brand.name": "Workbench",
|
|
1739
2588
|
"toggle.open": "Open sidebar",
|
|
@@ -2144,20 +2993,19 @@ window.__ModuleLoader__.load({
|
|
|
2144
2993
|
"configSync.noSource": "This machine has no other profile to sync from",
|
|
2145
2994
|
"configSync.emptyProviders": "The workbench has no model provider yet — sync the llm- rows from some profile, or configure one under Models.",
|
|
2146
2995
|
"configSync.failed": "The sync did not go through; try again.",
|
|
2147
|
-
"debug.
|
|
2148
|
-
"debug.status
|
|
2149
|
-
"debug.
|
|
2996
|
+
"debug.workspace": "this workspace",
|
|
2997
|
+
"debug.status": "Debugging “{title}”",
|
|
2998
|
+
"debug.status.trouble": "Debugging needs your attention ({title})",
|
|
2999
|
+
"debug.stalled": "Debugging paused ({title})",
|
|
2150
3000
|
"debug.act.pause": "Pause debugging",
|
|
2151
3001
|
"debug.act.resume": "Resume debugging",
|
|
2152
3002
|
"debug.act.stop": "Stop debugging",
|
|
2153
3003
|
"debug.act.stop.ask": "Confirm stop",
|
|
2154
|
-
"debug.card.here.title": "
|
|
3004
|
+
"debug.card.here.title": "Debugging “{title}”",
|
|
2155
3005
|
"debug.card.here.note": "Do not switch workspaces or touch the panel",
|
|
2156
|
-
"debug.card.away.
|
|
2157
|
-
"debug.card.away.note": "Switch to the Workbench DIY workspace",
|
|
3006
|
+
"debug.card.away.note": "Switch back to “{title}”",
|
|
2158
3007
|
"debug.card.paused.note": "Paused",
|
|
2159
|
-
"debug.card.hidden.note": "Switch to the Workbench panel",
|
|
2160
|
-
"debug.back": "Back to the workshop screen",
|
|
3008
|
+
"debug.card.hidden.note": "Switch back to the Workbench panel",
|
|
2161
3009
|
"record.waiting": "Recording handoff · your turn",
|
|
2162
3010
|
"record.waiting.note": "Press \"Start recording\" on that page, then \"Stop recording\" when done (it will not switch you back)",
|
|
2163
3011
|
"record.recording": "Recording",
|
|
@@ -2175,6 +3023,7 @@ window.__ModuleLoader__.load({
|
|
|
2175
3023
|
};
|
|
2176
3024
|
//#endregion
|
|
2177
3025
|
//#region ../shared/dist/i18n/zh.js
|
|
3026
|
+
/** 外壳自带的中文词表(命名空间 `workbench`):`en` 与它逐键对齐,模块那份在它之上合并。 */
|
|
2178
3027
|
var zh = {
|
|
2179
3028
|
"brand.name": "工作台",
|
|
2180
3029
|
"toggle.open": "打开侧边栏",
|
|
@@ -2585,20 +3434,19 @@ window.__ModuleLoader__.load({
|
|
|
2585
3434
|
"configSync.noSource": "这台机器上只有工作台这一个 profile,没有可同步的来源",
|
|
2586
3435
|
"configSync.emptyProviders": "工作台还没有任何模型供应商 —— 去「配置同步」从某个 profile 把 llm- 那几行搬过来,或自己去「模型」里配。",
|
|
2587
3436
|
"configSync.failed": "同步没成功,再试一次。",
|
|
2588
|
-
"debug.
|
|
2589
|
-
"debug.status
|
|
2590
|
-
"debug.
|
|
3437
|
+
"debug.workspace": "这个工作区",
|
|
3438
|
+
"debug.status": "「{title}」调试中",
|
|
3439
|
+
"debug.status.trouble": "调试要你看一眼({title})",
|
|
3440
|
+
"debug.stalled": "调试已暂停({title})",
|
|
2591
3441
|
"debug.act.pause": "暂停调试",
|
|
2592
3442
|
"debug.act.resume": "继续调试",
|
|
2593
3443
|
"debug.act.stop": "结束调试",
|
|
2594
3444
|
"debug.act.stop.ask": "确认结束",
|
|
2595
|
-
"debug.card.here.title": "
|
|
3445
|
+
"debug.card.here.title": "正在调试「{title}」",
|
|
2596
3446
|
"debug.card.here.note": "请勿切换工作区和操作面板",
|
|
2597
|
-
"debug.card.away.
|
|
2598
|
-
"debug.card.away.note": "请切换到工作台 DIY 工作区",
|
|
3447
|
+
"debug.card.away.note": "请切回「{title}」那一屏",
|
|
2599
3448
|
"debug.card.paused.note": "已暂停",
|
|
2600
|
-
"debug.card.hidden.note": "
|
|
2601
|
-
"debug.back": "回到工坊那一屏",
|
|
3449
|
+
"debug.card.hidden.note": "请切回工作台面板",
|
|
2602
3450
|
"record.waiting": "取证交接 · 等你出手",
|
|
2603
3451
|
"record.waiting.note": "请在那一页按「开始录制」,做完按「结束录制」(录完不替你切回来)",
|
|
2604
3452
|
"record.recording": "录制中",
|
|
@@ -2616,6 +3464,7 @@ window.__ModuleLoader__.load({
|
|
|
2616
3464
|
};
|
|
2617
3465
|
//#endregion
|
|
2618
3466
|
//#region ../shared/dist/i18n/index.js
|
|
3467
|
+
/** 外壳自带的两份词表(`zh` 为基准、`en` 同构):`client.tsx` 拿它当合并各套件词表的底座。 */
|
|
2619
3468
|
var dictionaries = {
|
|
2620
3469
|
zh,
|
|
2621
3470
|
en
|
|
@@ -2628,6 +3477,7 @@ window.__ModuleLoader__.load({
|
|
|
2628
3477
|
if (zhKeys.length !== enKeys.length || zhKeys.some((key, index) => key !== enKeys[index])) throw new Error(`套件 ${unit} 的文案两语言不同构:zh ${zhKeys.length} 键 / en ${enKeys.length} 键`);
|
|
2629
3478
|
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} 是空的`);
|
|
2630
3479
|
}
|
|
3480
|
+
/** 把各套件的词表合到外壳底座上:键必须以 `<unit>.` 开头、不许撞已有键,违规当场抛错。 */
|
|
2631
3481
|
function mergeMessages(base, contributions) {
|
|
2632
3482
|
const zh = { ...base.zh };
|
|
2633
3483
|
const en = { ...base.en };
|
|
@@ -2654,6 +3504,7 @@ window.__ModuleLoader__.load({
|
|
|
2654
3504
|
if (error instanceof Error) return error.message;
|
|
2655
3505
|
return typeof error === "string" ? error : String(error);
|
|
2656
3506
|
}
|
|
3507
|
+
/** 逐份试合、坏的跳过:一份贡献不合规只记进 `problems`,不影响其余套件与已有词表。 */
|
|
2657
3508
|
function mergeMessagesSkipping(base, contributions) {
|
|
2658
3509
|
let dictionaries = base;
|
|
2659
3510
|
const accepted = [];
|
|
@@ -2677,9 +3528,22 @@ window.__ModuleLoader__.load({
|
|
|
2677
3528
|
}
|
|
2678
3529
|
//#endregion
|
|
2679
3530
|
//#region ../shared/dist/lib/blocker-action.js
|
|
3531
|
+
/**
|
|
3532
|
+
* 这颗钮此刻该不该按成等待态:这一轮忙还没收,或有一支正在跑。
|
|
3533
|
+
* @param busy - 这一轮忙是不是还在。
|
|
3534
|
+
* @param running - 正在跑的那一支的 label;没有就给 `null`。
|
|
3535
|
+
* @returns 该等待给 `true`,否则 `false`。
|
|
3536
|
+
*/
|
|
2680
3537
|
function blockerPending(busy, running) {
|
|
2681
3538
|
return busy || running !== null;
|
|
2682
3539
|
}
|
|
3540
|
+
/**
|
|
3541
|
+
* 这颗钮此刻该显示什么字:正在重试说「重试中…」,正在跑的那一支说「修复中…」,刚复制过的说「已复制」,其余原样。
|
|
3542
|
+
* @param action - 这颗钮的形状(行为 + 平时文案)。
|
|
3543
|
+
* @param state - 此刻的运行态。
|
|
3544
|
+
* @param t - i18n 取词函数。
|
|
3545
|
+
* @returns 要显示的文案;三种临时态都不成立时就是 `action.label`。
|
|
3546
|
+
*/
|
|
2683
3547
|
function blockerActionLabel(action, state, t) {
|
|
2684
3548
|
if (action.kind === "retry" && state.retrying) return t("blocker.retry.running");
|
|
2685
3549
|
if (state.running === action.label) return t("blocker.fix.running");
|
|
@@ -2687,55 +3551,36 @@ window.__ModuleLoader__.load({
|
|
|
2687
3551
|
return action.label;
|
|
2688
3552
|
}
|
|
2689
3553
|
//#endregion
|
|
2690
|
-
//#region ../shared/dist/lib/busy.js
|
|
2691
|
-
function holdBusy(since, now, floorMs) {
|
|
2692
|
-
if (since === null) return {
|
|
2693
|
-
visible: false,
|
|
2694
|
-
releaseInMs: 0
|
|
2695
|
-
};
|
|
2696
|
-
const left = floorMs - Math.max(0, now - since);
|
|
2697
|
-
return left <= 0 ? {
|
|
2698
|
-
visible: false,
|
|
2699
|
-
releaseInMs: 0
|
|
2700
|
-
} : {
|
|
2701
|
-
visible: true,
|
|
2702
|
-
releaseInMs: left
|
|
2703
|
-
};
|
|
2704
|
-
}
|
|
2705
|
-
//#endregion
|
|
2706
|
-
//#region ../shared/dist/lib/form-problem.js
|
|
2707
|
-
var PROBLEM_SELECTOR = "[data-wb-problem]";
|
|
2708
|
-
var FOCUSABLE_SELECTOR = [
|
|
2709
|
-
"input:not([disabled])",
|
|
2710
|
-
"select:not([disabled])",
|
|
2711
|
-
"textarea:not([disabled])",
|
|
2712
|
-
"button:not([disabled])",
|
|
2713
|
-
"a[href]",
|
|
2714
|
-
"[tabindex]:not([tabindex=\"-1\"])"
|
|
2715
|
-
].join(", ");
|
|
2716
|
-
function firstProblemOf(root) {
|
|
2717
|
-
return root.querySelector(PROBLEM_SELECTOR);
|
|
2718
|
-
}
|
|
2719
|
-
function revealFirstProblem(root) {
|
|
2720
|
-
const problem = firstProblemOf(root);
|
|
2721
|
-
if (problem === null) return false;
|
|
2722
|
-
problem.scrollIntoView?.({ block: "nearest" });
|
|
2723
|
-
problem.querySelector(FOCUSABLE_SELECTOR)?.focus?.();
|
|
2724
|
-
return true;
|
|
2725
|
-
}
|
|
2726
|
-
//#endregion
|
|
2727
3554
|
//#region ../shared/dist/lib/board-fact.js
|
|
3555
|
+
/**
|
|
3556
|
+
* 判一个路径落不落在这个工作区里(按路径前缀比,不是字符串包含)。
|
|
3557
|
+
* @param root - 工作区根路径。
|
|
3558
|
+
* @param target - 要判的路径。
|
|
3559
|
+
* @returns 同一个路径或在其下给 `true`;`root` 末尾带不带斜杠都认(`/a` 不匹配 `/ab`)。
|
|
3560
|
+
*/
|
|
2728
3561
|
function insideWorkshop(root, target) {
|
|
2729
3562
|
if (target === root) return true;
|
|
2730
3563
|
const base = root.endsWith("/") ? root : `${root}/`;
|
|
2731
3564
|
return target.startsWith(base);
|
|
2732
3565
|
}
|
|
3566
|
+
/**
|
|
3567
|
+
* 把一次探针读数归成椅面归属。
|
|
3568
|
+
* @param probe - 探针读数。
|
|
3569
|
+
* @param workshop - 当前工作区根路径;`null` 表示还不知道当前是哪个工作区。
|
|
3570
|
+
* @returns 外壳不在、或板路径与工作区缺一 → `unknown`;右栏没开或没画出来 → `hidden`;板在本工作区 → `workshop`,否则 `other`。
|
|
3571
|
+
*/
|
|
2733
3572
|
function boardFactOf(probe, workshop) {
|
|
2734
3573
|
if (!probe.workbench) return "unknown";
|
|
2735
3574
|
if (!probe.bar || !probe.open || !probe.drawn) return "hidden";
|
|
2736
3575
|
if (probe.board === "" || workshop === null) return "unknown";
|
|
2737
3576
|
return insideWorkshop(workshop, probe.board) ? "workshop" : "other";
|
|
2738
3577
|
}
|
|
3578
|
+
/**
|
|
3579
|
+
* 把探针读数归成左栏那句人话的档位。
|
|
3580
|
+
* @param probe - 探针读数。
|
|
3581
|
+
* @param workshop - 当前工作区根路径;`null` 一律 `unknown`。
|
|
3582
|
+
* @returns 椅面画着 → 本板 `ok` / 别板 `other-board`;没画着 → 页面已走 `off-workspace`,否则 `panel-closed`。
|
|
3583
|
+
*/
|
|
2739
3584
|
function boardSituation(probe, workshop) {
|
|
2740
3585
|
if (!probe.workbench || workshop === null) return "unknown";
|
|
2741
3586
|
if (probe.bar && probe.open && probe.drawn) {
|
|
@@ -2746,10 +3591,41 @@ window.__ModuleLoader__.load({
|
|
|
2746
3591
|
return "panel-closed";
|
|
2747
3592
|
}
|
|
2748
3593
|
//#endregion
|
|
3594
|
+
//#region ../shared/dist/lib/busy.js
|
|
3595
|
+
/**
|
|
3596
|
+
* 按「至少显示 floorMs」算这一轮忙此刻该不该收:没到下限就继续显示,并给出剩余时长供调用方起定时器。
|
|
3597
|
+
* @param since - 这一轮忙开始的时间戳;`null`(没开过这一轮)一律不显示。
|
|
3598
|
+
* @param now - 当前时间戳。
|
|
3599
|
+
* @param floorMs - 至少显示的时长(毫秒)。
|
|
3600
|
+
* @returns 还该不该显示 + 剩余毫秒;到点或已过下限给不显示,时钟倒退按「刚开头」算(剩余 = 下限,不给负数)。
|
|
3601
|
+
*/
|
|
3602
|
+
function holdBusy(since, now, floorMs) {
|
|
3603
|
+
if (since === null) return {
|
|
3604
|
+
visible: false,
|
|
3605
|
+
releaseInMs: 0
|
|
3606
|
+
};
|
|
3607
|
+
const left = floorMs - Math.max(0, now - since);
|
|
3608
|
+
return left <= 0 ? {
|
|
3609
|
+
visible: false,
|
|
3610
|
+
releaseInMs: 0
|
|
3611
|
+
} : {
|
|
3612
|
+
visible: true,
|
|
3613
|
+
releaseInMs: left
|
|
3614
|
+
};
|
|
3615
|
+
}
|
|
3616
|
+
//#endregion
|
|
2749
3617
|
//#region ../shared/dist/lib/diy-debug.js
|
|
3618
|
+
/**
|
|
3619
|
+
* 把工具入参收成人话动作。
|
|
3620
|
+
* @param value - 任意入参值。
|
|
3621
|
+
* @returns `'pause'` / `'resume'` / `'stop'` 原样;别的值(含 `undefined`、多余空白、大小写不同)给 `null`,由调用方拒。
|
|
3622
|
+
*/
|
|
2750
3623
|
function parseDebugIntent(value) {
|
|
2751
3624
|
return value === "pause" || value === "resume" || value === "stop" ? value : null;
|
|
2752
3625
|
}
|
|
3626
|
+
/**
|
|
3627
|
+
* 调试约定的有效期(4 小时,毫秒):超过它没动静的约定算过期、当场让人。
|
|
3628
|
+
*/
|
|
2753
3629
|
var DEBUG_STALE_MS = 144e5;
|
|
2754
3630
|
function alive$1(state, now) {
|
|
2755
3631
|
if (state === null) return null;
|
|
@@ -2760,6 +3636,10 @@ window.__ModuleLoader__.load({
|
|
|
2760
3636
|
if (held === null) return "none";
|
|
2761
3637
|
return held.sessionId === sessionId ? held : "not-owner";
|
|
2762
3638
|
}
|
|
3639
|
+
/**
|
|
3640
|
+
* 造一份新的调试约定存储(进程内存,同一时刻只可能有一份有效约定)。
|
|
3641
|
+
* @returns 存取口;动作成不成都在返回的 `DebugMove` 里,不抛异常。
|
|
3642
|
+
*/
|
|
2763
3643
|
function createDebugStore() {
|
|
2764
3644
|
let held = null;
|
|
2765
3645
|
const live = (now) => alive$1(held, now);
|
|
@@ -2774,7 +3654,8 @@ window.__ModuleLoader__.load({
|
|
|
2774
3654
|
const state = {
|
|
2775
3655
|
phase: "debugging",
|
|
2776
3656
|
sessionId: pact.sessionId,
|
|
2777
|
-
|
|
3657
|
+
workspacePath: pact.workspacePath,
|
|
3658
|
+
title: pact.title,
|
|
2778
3659
|
board: pact.board,
|
|
2779
3660
|
unit: pact.unit,
|
|
2780
3661
|
name: pact.name,
|
|
@@ -2843,12 +3724,25 @@ window.__ModuleLoader__.load({
|
|
|
2843
3724
|
}
|
|
2844
3725
|
};
|
|
2845
3726
|
}
|
|
3727
|
+
/**
|
|
3728
|
+
* 「谁还占着」的一句话,用于别人来抢时说清现况。
|
|
3729
|
+
* @param state - 当前有效的那份约定。
|
|
3730
|
+
* @returns 形如「会话 x(自 HH:mm:ssZ 起在调试 y)」的中文串。
|
|
3731
|
+
*/
|
|
2846
3732
|
function debugOwnerText(state) {
|
|
2847
3733
|
return `会话 ${state.sessionId}(自 ${new Date(state.startedAt).toISOString().slice(11, 19)}Z 起在调试 ${state.unit})`;
|
|
2848
3734
|
}
|
|
2849
3735
|
//#endregion
|
|
2850
3736
|
//#region ../shared/dist/lib/diy-record.js
|
|
3737
|
+
/**
|
|
3738
|
+
* 录制约定的有效期(15 分钟,毫秒):超过它没动静的约定算过期、当场让人。
|
|
3739
|
+
*/
|
|
2851
3740
|
var RECORD_STALE_MS = 9e5;
|
|
3741
|
+
/**
|
|
3742
|
+
* 把工具入参收成人话动作。
|
|
3743
|
+
* @param raw - 任意入参值。
|
|
3744
|
+
* @returns `'peek'` / `'halt'` / `'stop'` 原样;别的值(含 `undefined`、多余空白)给 `null`,由调用方拒。
|
|
3745
|
+
*/
|
|
2852
3746
|
function parseRecordIntent(raw) {
|
|
2853
3747
|
return raw === "peek" || raw === "halt" || raw === "stop" ? raw : null;
|
|
2854
3748
|
}
|
|
@@ -2861,6 +3755,10 @@ window.__ModuleLoader__.load({
|
|
|
2861
3755
|
if (held === null) return "none";
|
|
2862
3756
|
return held.sessionId === sessionId ? held : "not-owner";
|
|
2863
3757
|
}
|
|
3758
|
+
/**
|
|
3759
|
+
* 造一份新的录制约定存储(进程内存,同一时刻只可能有一份有效约定)。
|
|
3760
|
+
* @returns 存取口;动作成不成都在返回的 `RecordMove` 里,不抛异常。
|
|
3761
|
+
*/
|
|
2864
3762
|
function createRecordStore() {
|
|
2865
3763
|
let held = null;
|
|
2866
3764
|
const live = (now) => alive(held, now);
|
|
@@ -2956,11 +3854,22 @@ window.__ModuleLoader__.load({
|
|
|
2956
3854
|
}
|
|
2957
3855
|
};
|
|
2958
3856
|
}
|
|
3857
|
+
/**
|
|
3858
|
+
* 「谁还占着、在录哪个动作」的一句话,用于别人来抢时说清现况。
|
|
3859
|
+
* @param state - 当前有效的那份约定。
|
|
3860
|
+
* @returns 形如「会话 x(自 HH:mm:ssZ 起在录 y 的「动作」)」的中文串。
|
|
3861
|
+
*/
|
|
2959
3862
|
function recordOwnerText(state) {
|
|
2960
3863
|
const at = new Date(state.startedAt).toISOString().slice(11, 19);
|
|
2961
3864
|
return `会话 ${state.sessionId}(自 ${at}Z 起在录 ${state.unit} 的「${state.action}」)`;
|
|
2962
3865
|
}
|
|
3866
|
+
/**
|
|
3867
|
+
* 同一原因的连续崩溃算进同一次计数的窗口(10 分钟,毫秒)。
|
|
3868
|
+
*/
|
|
2963
3869
|
var PANEL_STATE_CRASH_WINDOW_MS = 6e5;
|
|
3870
|
+
/**
|
|
3871
|
+
* 上报文本字段的截断长度(2000 字符;workspace / reason / message 共用)。
|
|
3872
|
+
*/
|
|
2964
3873
|
var PANEL_STATE_MAX_TEXT = 2e3;
|
|
2965
3874
|
var PHASES = [
|
|
2966
3875
|
"idle",
|
|
@@ -2992,6 +3901,12 @@ window.__ModuleLoader__.load({
|
|
|
2992
3901
|
message
|
|
2993
3902
|
};
|
|
2994
3903
|
}
|
|
3904
|
+
/**
|
|
3905
|
+
* 收一批卡片读数上报。
|
|
3906
|
+
* @param payload - `POST` 的请求体。
|
|
3907
|
+
* @returns 至少收到一条能认的卡片才 `ok: true`;请求体不是对象、`workspace` 为空、`cards` 不是数组,
|
|
3908
|
+
* 或一条都认不出(`unit` / `route` / `phase` / `at` 缺一)时 `ok: false` + 中文原因;认不出的单条静默跳过。
|
|
3909
|
+
*/
|
|
2995
3910
|
function parseCardsReport(payload) {
|
|
2996
3911
|
const record = asRecord(payload);
|
|
2997
3912
|
if (record === void 0) return {
|
|
@@ -3038,6 +3953,11 @@ window.__ModuleLoader__.load({
|
|
|
3038
3953
|
}
|
|
3039
3954
|
};
|
|
3040
3955
|
}
|
|
3956
|
+
/**
|
|
3957
|
+
* 收一次卡片崩溃上报。
|
|
3958
|
+
* @param payload - `POST` 的请求体。
|
|
3959
|
+
* @returns `workspace` / `unit` / `reason` 都不能空,缺一给 `ok: false` + 中文原因;`at` 缺省或不合法时取当前时间。
|
|
3960
|
+
*/
|
|
3041
3961
|
function parseCrashReport(payload) {
|
|
3042
3962
|
const record = asRecord(payload);
|
|
3043
3963
|
if (record === void 0) return {
|
|
@@ -3069,6 +3989,10 @@ window.__ModuleLoader__.load({
|
|
|
3069
3989
|
}
|
|
3070
3990
|
};
|
|
3071
3991
|
}
|
|
3992
|
+
/**
|
|
3993
|
+
* 造一份面板运行态的留存(进程内存、按工作区分桶,带上面那几条上限的 LRU)。
|
|
3994
|
+
* @returns 留存口:`cards` / `crash` 收上报,`snapshot(workspace)` 取全量;没存过的工作区(含 `null`)给一份空的。
|
|
3995
|
+
*/
|
|
3072
3996
|
function createPanelStateStore() {
|
|
3073
3997
|
const workspaces = /* @__PURE__ */ new Map();
|
|
3074
3998
|
function trim(entry, max) {
|
|
@@ -3159,9 +4083,20 @@ window.__ModuleLoader__.load({
|
|
|
3159
4083
|
}
|
|
3160
4084
|
//#endregion
|
|
3161
4085
|
//#region ../shared/dist/lib/text.js
|
|
4086
|
+
/**
|
|
4087
|
+
* 把一个值裹成 shell 里的单引号字面量(值里的单引号一并转义),保证元字符按字面量传递。
|
|
4088
|
+
* @param value - 任意值;不是字符串的先 `String()`。
|
|
4089
|
+
* @returns 可安全拼进 `/bin/sh -c` 的一段文本 —— 含空格 / `$()` / `;` / 通配符的值都不会被当成语法。
|
|
4090
|
+
*/
|
|
3162
4091
|
function quoteShellArg(value) {
|
|
3163
4092
|
return `'${String(value).replace(/'/g, `'\\''`)}'`;
|
|
3164
4093
|
}
|
|
4094
|
+
/**
|
|
4095
|
+
* 取一段文本的末尾若干行(如命令输出),顺带去掉首尾空白。
|
|
4096
|
+
* @param text - 原文;`null` / `undefined` 当空串。
|
|
4097
|
+
* @param lines - 最多留几行,默认 6;0 给全篇、负数从开头砍掉那么多行(都是 `slice` 语义),调用方传正数。
|
|
4098
|
+
* @returns 末尾若干行、去首尾空行后的文本;原文行数不够就全给,空输入给空串。
|
|
4099
|
+
*/
|
|
3165
4100
|
function tailLines(text, lines = 6) {
|
|
3166
4101
|
return String(text ?? "").trim().split("\n").slice(-lines).join("\n");
|
|
3167
4102
|
}
|
|
@@ -3179,6 +4114,11 @@ window.__ModuleLoader__.load({
|
|
|
3179
4114
|
}
|
|
3180
4115
|
return starts;
|
|
3181
4116
|
}
|
|
4117
|
+
/**
|
|
4118
|
+
* 宽松解析一段前后可能夹着人话的 JSON:整段不通就从行首的 `[` / `{` 起、截到最后一个闭合符再试。
|
|
4119
|
+
* @param text - 原文;`null` / `undefined` 当空串。
|
|
4120
|
+
* @returns 解析出的值(对象 / 数组 / 标量都原样);空输入或怎么都解析不出给 `undefined`,调用方据此报「输出认不出」。
|
|
4121
|
+
*/
|
|
3182
4122
|
function parseJsonLoose(text) {
|
|
3183
4123
|
const raw = String(text ?? "").trim();
|
|
3184
4124
|
if (!raw) return void 0;
|
|
@@ -3201,6 +4141,12 @@ window.__ModuleLoader__.load({
|
|
|
3201
4141
|
var MARKDOWN_IMAGE = /!\[[^\]]*\]\([^)]*\)/g;
|
|
3202
4142
|
var MARKDOWN_LINK = /\[([^\]]*)\]\([^)]*\)/g;
|
|
3203
4143
|
var MARKDOWN_MARKS = /[*`_>#]/g;
|
|
4144
|
+
/**
|
|
4145
|
+
* 把一段 Markdown 压成一行纯文本摘要:图片剥掉、链接只留可见文字、标记符号压成空格,超长按字符截断。
|
|
4146
|
+
* @param text - 原文;`null` / `undefined` 当空串。
|
|
4147
|
+
* @param limit - 摘要最多多少字符,默认 80。
|
|
4148
|
+
* @returns 单行摘要;没超限原样给,超了截到 `limit` 并补省略号(总长 `limit + 1`;第 `limit` 个字符是空白时会被 `trimEnd` 去掉、略短),空输入给空串。
|
|
4149
|
+
*/
|
|
3204
4150
|
function excerpt(text, limit = 80) {
|
|
3205
4151
|
const flat = String(text ?? "").replace(MARKDOWN_IMAGE, " ").replace(MARKDOWN_LINK, "$1").replace(MARKDOWN_MARKS, " ").replace(/\s+/g, " ").trim();
|
|
3206
4152
|
if (flat.length <= limit) return flat;
|
|
@@ -3239,6 +4185,7 @@ window.__ModuleLoader__.load({
|
|
|
3239
4185
|
EmptyState: () => EmptyState,
|
|
3240
4186
|
FACT_SCOPE_SUFFIX: () => "*",
|
|
3241
4187
|
Field: () => Field,
|
|
4188
|
+
Form: () => Form,
|
|
3242
4189
|
FormActions: () => FormActions,
|
|
3243
4190
|
FormRow: () => FormRow,
|
|
3244
4191
|
FormRows: () => FormRows,
|
|
@@ -3284,6 +4231,7 @@ window.__ModuleLoader__.load({
|
|
|
3284
4231
|
RIGHTBAR_FULLSCREEN_WIDTH: () => 768,
|
|
3285
4232
|
Row: () => Row,
|
|
3286
4233
|
Rows: () => Rows,
|
|
4234
|
+
SESSION_PROJECTIONS_SERVICE: () => SESSION_PROJECTIONS_SERVICE,
|
|
3287
4235
|
STORAGE_KEY_PROJECT: () => STORAGE_KEY_PROJECT,
|
|
3288
4236
|
STORAGE_KEY_RIGHTBAR: () => STORAGE_KEY_RIGHTBAR,
|
|
3289
4237
|
STORAGE_KEY_RIGHTBAR_COLUMN: () => STORAGE_KEY_RIGHTBAR_COLUMN,
|
|
@@ -3323,6 +4271,7 @@ window.__ModuleLoader__.load({
|
|
|
3323
4271
|
decodeRef: () => decodeRef,
|
|
3324
4272
|
defaultSelectFilter: () => defaultSelectFilter,
|
|
3325
4273
|
dictionaries: () => dictionaries,
|
|
4274
|
+
duplicateKeysOf: () => duplicateKeysOf,
|
|
3326
4275
|
en: () => en,
|
|
3327
4276
|
encodeRef: () => encodeRef,
|
|
3328
4277
|
errorReasonOf: () => errorReasonOf,
|
|
@@ -3330,6 +4279,12 @@ window.__ModuleLoader__.load({
|
|
|
3330
4279
|
factOfRoute: () => factOfRoute,
|
|
3331
4280
|
filterSelectOptions: () => filterSelectOptions,
|
|
3332
4281
|
firstProblemOf: () => firstProblemOf,
|
|
4282
|
+
formActionsOf: () => formActionsOf,
|
|
4283
|
+
formFirstProblemOf: () => formFirstProblemOf,
|
|
4284
|
+
formProblemsOf: () => formProblemsOf,
|
|
4285
|
+
formRowsOf: () => formRowsOf,
|
|
4286
|
+
formSubmitOf: () => formSubmitOf,
|
|
4287
|
+
formValuesOf: () => formValuesOf,
|
|
3333
4288
|
gateOf: () => gateOf,
|
|
3334
4289
|
h: () => h,
|
|
3335
4290
|
hasEnvSupply: () => hasEnvSupply,
|
|
@@ -3360,12 +4315,15 @@ window.__ModuleLoader__.load({
|
|
|
3360
4315
|
relativeTimeAgo: () => relativeTimeAgo,
|
|
3361
4316
|
relativeTimeBucket: () => relativeTimeBucket,
|
|
3362
4317
|
relativeTimeCompact: () => relativeTimeCompact,
|
|
4318
|
+
reportDuplicateKeys: () => reportDuplicateKeys,
|
|
3363
4319
|
revealFirstProblem: () => revealFirstProblem,
|
|
3364
4320
|
runsRouteOf: () => runsRouteOf,
|
|
3365
4321
|
scopePrefixOf: () => scopePrefixOf,
|
|
3366
4322
|
searchTextOf: () => searchTextOf,
|
|
3367
4323
|
selectCursorValue: () => selectCursorValue,
|
|
3368
4324
|
selectEntries: () => selectEntries,
|
|
4325
|
+
selectLoadingNode: () => selectLoadingNode,
|
|
4326
|
+
selectTriggerNode: () => selectTriggerNode,
|
|
3369
4327
|
shortenPath: () => shortenPath,
|
|
3370
4328
|
splitBlocker: () => splitBlocker,
|
|
3371
4329
|
stepSelectCursor: () => stepSelectCursor,
|
|
@@ -3379,6 +4337,7 @@ window.__ModuleLoader__.load({
|
|
|
3379
4337
|
useRef: () => useRef,
|
|
3380
4338
|
useState: () => useState,
|
|
3381
4339
|
useSyncExternalStore: () => useSyncExternalStore,
|
|
4340
|
+
visibleFieldsOf: () => visibleFieldsOf,
|
|
3382
4341
|
writeFlag: () => writeFlag,
|
|
3383
4342
|
writeOutcomeOf: () => writeOutcomeOf,
|
|
3384
4343
|
writeRoute: () => writeRoute,
|
|
@@ -3387,6 +4346,14 @@ window.__ModuleLoader__.load({
|
|
|
3387
4346
|
});
|
|
3388
4347
|
//#endregion
|
|
3389
4348
|
//#region src/shared/components/Tip.tsx
|
|
4349
|
+
/**
|
|
4350
|
+
* dsh `Tooltip` 的外壳默认值版:说明统一按右栏习惯(`bottom` / `end` / `gap 6` / 挂 body)来,其余 prop 原样转给 `Tooltip`。
|
|
4351
|
+
* @param props.side - 气泡出现在锚点哪一侧(默认 `'bottom'`)。
|
|
4352
|
+
* @param props.align - 底 / 顶气泡贴锚点哪条边(默认 `'end'`)。
|
|
4353
|
+
* @param props.gap - 锚点到气泡的间距(默认 `6`)。
|
|
4354
|
+
* @param props.portal - 是否挂到 `document.body`,以逃出裁剪容器与层叠上下文(默认 `true`)。
|
|
4355
|
+
* @param props.children - 单个锚点元素;`label` / `shortcutKeys` / `openOnClick` 等其余 prop 与 dsh 同形。
|
|
4356
|
+
*/
|
|
3390
4357
|
function Tip({ side = "bottom", align = "end", gap = 6, portal = true, ...rest }) {
|
|
3391
4358
|
return /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
|
|
3392
4359
|
side,
|
|
@@ -3456,6 +4423,10 @@ window.__ModuleLoader__.load({
|
|
|
3456
4423
|
};
|
|
3457
4424
|
} };
|
|
3458
4425
|
}
|
|
4426
|
+
/**
|
|
4427
|
+
* 事实通道的传输选择:有 `EventSource` 就先用 SSE,连不上(重试一拍仍失败)自动降级成长轮询;
|
|
4428
|
+
* 没有 `EventSource` 的运行时直接轮询。返回值是停掉当前这条传输的函数。
|
|
4429
|
+
*/
|
|
3459
4430
|
function createAdaptiveTransport() {
|
|
3460
4431
|
return { start(handlers) {
|
|
3461
4432
|
let stopped = false;
|
|
@@ -3480,17 +4451,30 @@ window.__ModuleLoader__.load({
|
|
|
3480
4451
|
useFactRevision: () => useFactRevision
|
|
3481
4452
|
});
|
|
3482
4453
|
var channel = createFactChannel({ transport: createAdaptiveTransport() });
|
|
4454
|
+
/**
|
|
4455
|
+
* 渲染里要“这条事实的版本号”时调用:版本一变,喂给 `useApiResource` 的 key 就变、读自动重来。
|
|
4456
|
+
* 卡片读数默认订的 `factOfRoute(route)` 已经接好,只有要订别的事实才显式传 `fact`。
|
|
4457
|
+
*/
|
|
3483
4458
|
function useFactRevision(fact) {
|
|
3484
4459
|
return useSyncExternalStore(useCallback((listener) => channel.subscribe(fact, listener), [fact]), useCallback(() => channel.revisionOf(fact), [fact]));
|
|
3485
4460
|
}
|
|
4461
|
+
/**
|
|
4462
|
+
* 不在渲染里的地方(宿主事件、定时器里看到的旧值)要听事实变化时用它;返回值就是退订函数,用完记得退。
|
|
4463
|
+
*/
|
|
3486
4464
|
function subscribeFactRevision(fact, listener) {
|
|
3487
4465
|
return channel.subscribe(fact, listener);
|
|
3488
4466
|
}
|
|
4467
|
+
/**
|
|
4468
|
+
* 写完之后把这条事实标脏时调用:不标,面板就停在旧值;不传 `fact` 是把所有事实一起标脏。
|
|
4469
|
+
*/
|
|
3489
4470
|
function useFactInvalidate() {
|
|
3490
4471
|
return useCallback((fact) => channel.refresh(fact), []);
|
|
3491
4472
|
}
|
|
3492
4473
|
//#endregion
|
|
3493
4474
|
//#region src/shared/hooks/use-capabilities.ts
|
|
4475
|
+
/**
|
|
4476
|
+
* 纯函数:`refreshToken` 与上一次不同,这一次就该强制重探。
|
|
4477
|
+
*/
|
|
3494
4478
|
function shouldForce(refreshToken, previousToken) {
|
|
3495
4479
|
return refreshToken !== previousToken;
|
|
3496
4480
|
}
|
|
@@ -3499,14 +4483,23 @@ window.__ModuleLoader__.load({
|
|
|
3499
4483
|
checking: false
|
|
3500
4484
|
};
|
|
3501
4485
|
var silentNextProbe = false;
|
|
4486
|
+
/**
|
|
4487
|
+
* 让下一次强探静默(不点亮 `checking`)—— 装机预检那类不该惊动界面的探用。
|
|
4488
|
+
*/
|
|
3502
4489
|
function markNextProbeSilent() {
|
|
3503
4490
|
silentNextProbe = true;
|
|
3504
4491
|
}
|
|
3505
4492
|
var probe$1 = NO_PROBE;
|
|
3506
4493
|
var probeListeners = /* @__PURE__ */ new Set();
|
|
4494
|
+
/**
|
|
4495
|
+
* 探针状态的取值口,给 `useSyncExternalStore` 用;渲染里要状态请用 `useCapabilityProbe`。
|
|
4496
|
+
*/
|
|
3507
4497
|
function probeValue() {
|
|
3508
4498
|
return probe$1;
|
|
3509
4499
|
}
|
|
4500
|
+
/**
|
|
4501
|
+
* 探针状态的订阅口,返回退订函数;渲染里要状态请用 `useCapabilityProbe`。
|
|
4502
|
+
*/
|
|
3510
4503
|
function subscribeProbe(listener) {
|
|
3511
4504
|
probeListeners.add(listener);
|
|
3512
4505
|
return () => {
|
|
@@ -3518,19 +4511,31 @@ window.__ModuleLoader__.load({
|
|
|
3518
4511
|
probe$1 = next;
|
|
3519
4512
|
for (const listener of [...probeListeners]) listener();
|
|
3520
4513
|
}
|
|
4514
|
+
/**
|
|
4515
|
+
* 能力表那条事实的名字:写完之后 `useFactInvalidate(CAPABILITY_FACT)` 标它,读者自动重取。
|
|
4516
|
+
*/
|
|
3521
4517
|
var CAPABILITY_FACT = "capability";
|
|
3522
4518
|
var shared = null;
|
|
3523
4519
|
var current$1 = null;
|
|
3524
4520
|
var listeners$4 = /* @__PURE__ */ new Set();
|
|
4521
|
+
/**
|
|
4522
|
+
* 当前整张能力表的取值口(没探过是 `null`),给 `useSyncExternalStore` 用;渲染里请用 `useCapabilities`。
|
|
4523
|
+
*/
|
|
3525
4524
|
function capabilityValue() {
|
|
3526
4525
|
return current$1;
|
|
3527
4526
|
}
|
|
4527
|
+
/**
|
|
4528
|
+
* 能力表的订阅口,返回退订函数;渲染里请用 `useCapabilities`。
|
|
4529
|
+
*/
|
|
3528
4530
|
function subscribeCapabilities(listener) {
|
|
3529
4531
|
listeners$4.add(listener);
|
|
3530
4532
|
return () => {
|
|
3531
4533
|
listeners$4.delete(listener);
|
|
3532
4534
|
};
|
|
3533
4535
|
}
|
|
4536
|
+
/**
|
|
4537
|
+
* 写入口:换整张表并通知订阅者(同值不通知);传 `null` 清探针状态,`rechecked: true` 时顺手记下 `checkedAt`。
|
|
4538
|
+
*/
|
|
3534
4539
|
function setCapabilities(next, rechecked = false) {
|
|
3535
4540
|
if (next === null) setProbe(NO_PROBE);
|
|
3536
4541
|
else if (rechecked) setProbe({
|
|
@@ -3541,6 +4546,9 @@ window.__ModuleLoader__.load({
|
|
|
3541
4546
|
current$1 = next;
|
|
3542
4547
|
for (const listener of [...listeners$4]) listener();
|
|
3543
4548
|
}
|
|
4549
|
+
/**
|
|
4550
|
+
* 一次强探开始:点亮“正在探”;已经在探就跳过。
|
|
4551
|
+
*/
|
|
3544
4552
|
function beginProbe() {
|
|
3545
4553
|
if (probe$1.checking) return;
|
|
3546
4554
|
setProbe({
|
|
@@ -3548,6 +4556,9 @@ window.__ModuleLoader__.load({
|
|
|
3548
4556
|
checking: true
|
|
3549
4557
|
});
|
|
3550
4558
|
}
|
|
4559
|
+
/**
|
|
4560
|
+
* 一次强探收尾:熄灭“正在探”。
|
|
4561
|
+
*/
|
|
3551
4562
|
function endProbe() {
|
|
3552
4563
|
setProbe({
|
|
3553
4564
|
...probe$1,
|
|
@@ -3559,6 +4570,10 @@ window.__ModuleLoader__.load({
|
|
|
3559
4570
|
if (response?.ok !== true || !Array.isArray(response.units)) return null;
|
|
3560
4571
|
return Object.fromEntries(response.units.map((unit) => [unit.unit, unit]));
|
|
3561
4572
|
}
|
|
4573
|
+
/**
|
|
4574
|
+
* 把一次探测的结果发布出去:读到了就广播并回 `true`;没读到(`null`)时已有结论就留着回 `false`,
|
|
4575
|
+
* 从来没有过结论才落一张空表回 `true`(“探不动”不等于“还没探”)。
|
|
4576
|
+
*/
|
|
3562
4577
|
function publishCapability(result, rechecked = false) {
|
|
3563
4578
|
if (result !== null) {
|
|
3564
4579
|
setCapabilities(result, rechecked);
|
|
@@ -3568,6 +4583,10 @@ window.__ModuleLoader__.load({
|
|
|
3568
4583
|
setCapabilities({});
|
|
3569
4584
|
return true;
|
|
3570
4585
|
}
|
|
4586
|
+
/**
|
|
4587
|
+
* 同一语义(同一个 `force`)的在飞探测搭车:并发调用共享同一个 promise;落地或失败就清掉,
|
|
4588
|
+
* 下一次强探会真的再跑一遍;`force` 不同不搭车。
|
|
4589
|
+
*/
|
|
3571
4590
|
function shareCapabilityFetch(force, load) {
|
|
3572
4591
|
if (shared !== null && shared.force === force) return shared.promise;
|
|
3573
4592
|
const promise = load(force).finally(() => {
|
|
@@ -3581,6 +4600,10 @@ window.__ModuleLoader__.load({
|
|
|
3581
4600
|
}
|
|
3582
4601
|
var readSeq$1 = 0;
|
|
3583
4602
|
var newestForceSeq$1 = -1;
|
|
4603
|
+
/**
|
|
4604
|
+
* 探一次能力表并发布:`force` 决定这是“重探”还是顺带读 —— 只有重探负责点亮 / 熄灭探针(`silent` 时连点亮都不做),
|
|
4605
|
+
* 被更新的一次重探盖过的非强制结果会丢掉。
|
|
4606
|
+
*/
|
|
3584
4607
|
function runCapabilityRead(options) {
|
|
3585
4608
|
const { force, silent = false, load = fetchAll } = options;
|
|
3586
4609
|
const seq = readSeq$1 += 1;
|
|
@@ -3593,6 +4616,10 @@ window.__ModuleLoader__.load({
|
|
|
3593
4616
|
if (force) endProbe();
|
|
3594
4617
|
});
|
|
3595
4618
|
}
|
|
4619
|
+
/**
|
|
4620
|
+
* 渲染里要整张能力表时调用:所有读者共享同一份结论,没探过是 `null`。
|
|
4621
|
+
* `refreshToken` 变化算一次强制重探,事实版本(`CAPABILITY_FACT`)与 `reloadToken` 变化各触发一次重读。
|
|
4622
|
+
*/
|
|
3596
4623
|
function useCapabilities(refreshToken, reloadToken = 0) {
|
|
3597
4624
|
const value = useSyncExternalStore(subscribeCapabilities, capabilityValue);
|
|
3598
4625
|
const previous = useRef(refreshToken);
|
|
@@ -3612,6 +4639,9 @@ window.__ModuleLoader__.load({
|
|
|
3612
4639
|
]);
|
|
3613
4640
|
return value;
|
|
3614
4641
|
}
|
|
4642
|
+
/**
|
|
4643
|
+
* 渲染里要探针状态(`checking` / `checkedAt`)时调用,比如“最近检查”那一行。
|
|
4644
|
+
*/
|
|
3615
4645
|
function useCapabilityProbe() {
|
|
3616
4646
|
return useSyncExternalStore(subscribeProbe, probeValue);
|
|
3617
4647
|
}
|
|
@@ -3621,6 +4651,11 @@ window.__ModuleLoader__.load({
|
|
|
3621
4651
|
useCapabilityGate: () => useCapabilityGate,
|
|
3622
4652
|
useCapabilityMap: () => useCapabilityMap
|
|
3623
4653
|
});
|
|
4654
|
+
/**
|
|
4655
|
+
* 卡片里判断“这一格现在能不能画”时调用:`refreshToken` 变化触发一次重探。
|
|
4656
|
+
* `options.mode` 换门的口径(默认 `'capability'`)、`options.fixture` 给夹具一份假能力;
|
|
4657
|
+
* `gated` 按口径算 —— 读数还没到先放行(让它去读),读到明确不通过才拦;`forceProbe()` 是“现在就去探一次”。
|
|
4658
|
+
*/
|
|
3624
4659
|
function useCapabilityGate(unit, refreshToken, options = {}) {
|
|
3625
4660
|
const [probeNonce, setProbeNonce] = useState(0);
|
|
3626
4661
|
const forceProbe = useCallback(() => setProbeNonce((value) => value + 1), []);
|
|
@@ -3632,6 +4667,10 @@ window.__ModuleLoader__.load({
|
|
|
3632
4667
|
forceProbe
|
|
3633
4668
|
};
|
|
3634
4669
|
}
|
|
4670
|
+
/**
|
|
4671
|
+
* 设置页 / 体检那类“要全部单元的能力表”时调用:`reload()` 重取整张表、`forceProbe()` 立刻探一次、
|
|
4672
|
+
* `checking` 是探针在跑;没探过时 `capabilities` 是 `null`。
|
|
4673
|
+
*/
|
|
3635
4674
|
function useCapabilityMap(refreshToken) {
|
|
3636
4675
|
const [probeNonce, setProbeNonce] = useState(0);
|
|
3637
4676
|
const [reloadNonce, setReloadNonce] = useState(0);
|
|
@@ -4242,6 +5281,11 @@ window.__ModuleLoader__.load({
|
|
|
4242
5281
|
//#endregion
|
|
4243
5282
|
//#region src/shared/hooks/use-host-write.ts
|
|
4244
5283
|
var use_host_write_exports = /* @__PURE__ */ __exportAll({ useHostWrite: () => useHostWrite });
|
|
5284
|
+
/**
|
|
5285
|
+
* 组件里要写(发 POST)时调用 —— 写只走这条,别在组件里自己 `fetch`。
|
|
5286
|
+
* `send` 失败自动落到 `failed` + `detail`(界面直接显示,别自己拼);`silent: true` 是不打扰:不动 `busy` / `failed`,
|
|
5287
|
+
* 结果只从返回值拿。返回的 `busy` 是这一路写有没有在飞。
|
|
5288
|
+
*/
|
|
4245
5289
|
function useHostWrite(options) {
|
|
4246
5290
|
const { channel, networkText } = options;
|
|
4247
5291
|
const route = writeRoute(channel, options.resource ?? "");
|
|
@@ -4298,15 +5342,26 @@ window.__ModuleLoader__.load({
|
|
|
4298
5342
|
heldPhase: () => heldPhase,
|
|
4299
5343
|
useVisibleBusy: () => useVisibleBusy
|
|
4300
5344
|
});
|
|
5345
|
+
/**
|
|
5346
|
+
* 把“正在刷新”折进相位:`refreshing` 且已是 `ready` 记作 `loading`,让“旧值还显示、新的在路上”有名字。
|
|
5347
|
+
*/
|
|
4301
5348
|
function heldPhase(phase, refreshing) {
|
|
4302
5349
|
return refreshing && phase === "ready" ? "loading" : phase;
|
|
4303
5350
|
}
|
|
5351
|
+
/**
|
|
5352
|
+
* 由 `active` 与 `useVisibleBusy` 挂出来的 `visible` 投影出 `{ busy, settling }`;纯函数,好测。
|
|
5353
|
+
*/
|
|
4304
5354
|
function busyView(active, visible) {
|
|
4305
5355
|
return {
|
|
4306
5356
|
busy: visible,
|
|
4307
5357
|
settling: visible && !active
|
|
4308
5358
|
};
|
|
4309
5359
|
}
|
|
5360
|
+
/**
|
|
5361
|
+
* 需要“最少转一会儿”的忙态时调用:`active` 变真立刻 `busy`;变假时若这次没转满 `floorMs`,`busy` 先挂着,
|
|
5362
|
+
* 这期间 `settling` 为真表示读数在回来的路上。`floorMs` 传共享包的 `MIN_BUSY_MS`,别自己编 ——
|
|
5363
|
+
* 取数几毫秒就回来时不挂这一会儿,用户看到的是“闪一下”,比不转更难读。
|
|
5364
|
+
*/
|
|
4310
5365
|
function useVisibleBusy(active, floorMs) {
|
|
4311
5366
|
const [visible, setVisible] = useState(active);
|
|
4312
5367
|
const since = useRef(null);
|
|
@@ -5030,6 +6085,12 @@ window.__ModuleLoader__.load({
|
|
|
5030
6085
|
};
|
|
5031
6086
|
//#endregion
|
|
5032
6087
|
//#region src/shared/components/PanelFoot.tsx
|
|
6088
|
+
/**
|
|
6089
|
+
* 面板底部那行脚注:左侧一句 `text`,右侧放 `children`,两样都不给就是一个空的页脚壳。
|
|
6090
|
+
* @param props.text - 左侧那句说明文字;不传时左侧什么都不渲染。
|
|
6091
|
+
* @param props.size - 文字档(默认 `'sm'`,11px 三级色;`'md'` 是 14px 二级色,给更宽的面板用)。
|
|
6092
|
+
* @param props.children - 右侧那一格内容(一般是按钮或状态),可省略。
|
|
6093
|
+
*/
|
|
5033
6094
|
function PanelFoot({ text, size = "sm", children }) {
|
|
5034
6095
|
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);
|
|
5035
6096
|
}
|
|
@@ -5540,18 +6601,30 @@ window.__ModuleLoader__.load({
|
|
|
5540
6601
|
var INSTALLED_PLUGINS_ROUTE = "panels/plugins";
|
|
5541
6602
|
//#endregion
|
|
5542
6603
|
//#region src/shared/hooks/bundle-queries.ts
|
|
6604
|
+
/**
|
|
6605
|
+
* 读模块源注册表:装模块时能从哪些源取、当前解析到哪一个。
|
|
6606
|
+
*/
|
|
5543
6607
|
function readBundleRegistries() {
|
|
5544
6608
|
return apiGet(BUNDLE_REGISTRIES_ROUTE);
|
|
5545
6609
|
}
|
|
6610
|
+
/**
|
|
6611
|
+
* 装之前先看清一个 spec 是什么(收了 / 拒了 / 是个插件);`registry` 省略或空就按默认源解析。
|
|
6612
|
+
*/
|
|
5546
6613
|
function readBundleInspection(spec, registry) {
|
|
5547
6614
|
return apiGet(BUNDLE_INSPECT_ROUTE, {
|
|
5548
6615
|
spec,
|
|
5549
6616
|
...registry === void 0 || registry === "" ? {} : { registry }
|
|
5550
6617
|
});
|
|
5551
6618
|
}
|
|
6619
|
+
/**
|
|
6620
|
+
* 问模块有没有新版;`force: true` 绕过缓存重新问源(“更新”那条路用)。
|
|
6621
|
+
*/
|
|
5552
6622
|
function readModuleVersions(force = false) {
|
|
5553
6623
|
return apiGet(MODULE_VERSIONS_ROUTE, force ? { force: "1" } : void 0);
|
|
5554
6624
|
}
|
|
6625
|
+
/**
|
|
6626
|
+
* 读已装的 opencli 插件台账;`force: true` 绕过缓存重新问一遍。
|
|
6627
|
+
*/
|
|
5555
6628
|
function readInstalledPlugins(force = false) {
|
|
5556
6629
|
return apiGet(INSTALLED_PLUGINS_ROUTE, force ? { force: "1" } : void 0);
|
|
5557
6630
|
}
|
|
@@ -6339,33 +7412,30 @@ window.__ModuleLoader__.load({
|
|
|
6339
7412
|
}, MarketPanel));
|
|
6340
7413
|
}
|
|
6341
7414
|
//#endregion
|
|
6342
|
-
//#region src/shared/api/diy.ts
|
|
6343
|
-
var DIY_PRESET_ID = "workbench-diy";
|
|
6344
|
-
var WORKSHOP_RELATIVE = "workbench/diy";
|
|
6345
|
-
var WORKSHOP_TITLE = "工作台DIY";
|
|
6346
|
-
var WORKSHOP_PAST_TITLES = ["DIY 工坊", "工作台自带 · DIY 模块住这儿"];
|
|
6347
|
-
function isWorkshopPath(path) {
|
|
6348
|
-
return path.replace(/\\/g, "/").replace(/\/+$/, "").endsWith(`/${WORKSHOP_RELATIVE}`);
|
|
6349
|
-
}
|
|
6350
|
-
function diyStartOptions(workspaceId, workshopId) {
|
|
6351
|
-
return workshopId !== void 0 && workshopId === workspaceId ? { agentPreset: DIY_PRESET_ID } : void 0;
|
|
6352
|
-
}
|
|
6353
|
-
//#endregion
|
|
6354
7415
|
//#region src/shared/hooks/panel-state-report.ts
|
|
6355
7416
|
var FLUSH_MS = 400;
|
|
6356
7417
|
var workspace = null;
|
|
6357
7418
|
var timer = null;
|
|
6358
7419
|
var pending = /* @__PURE__ */ new Map();
|
|
7420
|
+
/**
|
|
7421
|
+
* 从路由里切出单元 id(`cmdb/runs` → `cmdb`);切不出来(没有前缀)回 `null`。
|
|
7422
|
+
*/
|
|
6359
7423
|
function unitOfRoute(route) {
|
|
6360
7424
|
const cut = route.indexOf("/");
|
|
6361
7425
|
return cut <= 0 ? null : route.slice(0, cut);
|
|
6362
7426
|
}
|
|
7427
|
+
/**
|
|
7428
|
+
* 告诉上报这沓“现在的工作区是哪个”;换工作区会丢掉还没冲出去的待报读数。
|
|
7429
|
+
*/
|
|
6363
7430
|
function setPanelWorkspace(path) {
|
|
6364
7431
|
if (path === workspace) return;
|
|
6365
7432
|
const previous = workspace;
|
|
6366
7433
|
workspace = path;
|
|
6367
7434
|
if (previous !== null) pending.clear();
|
|
6368
7435
|
}
|
|
7436
|
+
/**
|
|
7437
|
+
* 卡片读数落地时调它(`useApiResource` 已经接好):同一单元同一条路由只留最新一条,攒一拍再一起冲给宿主。
|
|
7438
|
+
*/
|
|
6369
7439
|
function reportPanelRead(input) {
|
|
6370
7440
|
pending.set(`${input.unit}\u0000${input.route}`, {
|
|
6371
7441
|
unit: input.unit,
|
|
@@ -6377,6 +7447,9 @@ window.__ModuleLoader__.load({
|
|
|
6377
7447
|
if (timer !== null) return;
|
|
6378
7448
|
timer = setTimeout(flush, FLUSH_MS);
|
|
6379
7449
|
}
|
|
7450
|
+
/**
|
|
7451
|
+
* 卡片崩了时调它:`unit` 与原因立刻报给宿主(不攒);还不知道工作区时不报。
|
|
7452
|
+
*/
|
|
6380
7453
|
function reportPanelCrash(input) {
|
|
6381
7454
|
const target = workspace;
|
|
6382
7455
|
if (target === null) return;
|
|
@@ -6406,9 +7479,15 @@ window.__ModuleLoader__.load({
|
|
|
6406
7479
|
resourceIdentity: () => resourceIdentity,
|
|
6407
7480
|
useApiResource: () => useApiResource
|
|
6408
7481
|
});
|
|
7482
|
+
/**
|
|
7483
|
+
* 这次读的身份:`route` 加排好序的 `query`(排序是为了同一次读只有一个 key);给了 `override` 就用它。
|
|
7484
|
+
*/
|
|
6409
7485
|
function resourceIdentity(route, query, override) {
|
|
6410
7486
|
return override ?? requestKeyOf(route, query);
|
|
6411
7487
|
}
|
|
7488
|
+
/**
|
|
7489
|
+
* 把身份与两个版本号拼成合流用的 key:同一个 key 的并发读共享同一条请求。
|
|
7490
|
+
*/
|
|
6412
7491
|
function readKeyOf(identity, refreshToken, factRev) {
|
|
6413
7492
|
return `${identity}@${String(refreshToken)}@${String(factRev)}`;
|
|
6414
7493
|
}
|
|
@@ -6416,6 +7495,10 @@ window.__ModuleLoader__.load({
|
|
|
6416
7495
|
return `${route}?${Object.entries(query).filter(([, value]) => value !== void 0).sort(([a], [b]) => a.localeCompare(b)).map(([key, value]) => `${key}=${String(value)}`).join("&")}`;
|
|
6417
7496
|
}
|
|
6418
7497
|
var inflight = /* @__PURE__ */ new Map();
|
|
7498
|
+
/**
|
|
7499
|
+
* 非 hook 的取数本体(要自己管缓存时才直接调):同一个 `key` 只发一次,并发调用共享同一个 `task`;
|
|
7500
|
+
* 用它就一定要 `release`(一般放 `finally`),最后一个 `release` 才 abort,否则那条请求永不取消。
|
|
7501
|
+
*/
|
|
6419
7502
|
function requestResource(route, query, key) {
|
|
6420
7503
|
const pending = inflight.get(key);
|
|
6421
7504
|
if (pending !== void 0) {
|
|
@@ -6446,6 +7529,13 @@ window.__ModuleLoader__.load({
|
|
|
6446
7529
|
inflight.delete(key);
|
|
6447
7530
|
entry.controller.abort();
|
|
6448
7531
|
}
|
|
7532
|
+
/**
|
|
7533
|
+
* 卡片里所有的读都走它:按身份发一次 `apiGet`,同 key 合流、订阅事实通道(这条变了自动重取)、
|
|
7534
|
+
* 并把读数上报面板(`workbench_diy_panel` 看的就是它);身份或版本号一变就换一条读,旧的当场取消。
|
|
7535
|
+
* `options.enabled` 为 `false` 时不发请求、相位恒为 `idle`;`key` 覆盖身份、`fact` 换订阅哪条事实
|
|
7536
|
+
* (默认 `factOfRoute(route)`)、`report: false` 不上报(夹具与后台探针用)。身份没变的重取会留住上一格
|
|
7537
|
+
* 的 `value`,相位降到 `loading`。
|
|
7538
|
+
*/
|
|
6449
7539
|
function useApiResource(route, query, refreshToken, options = {}) {
|
|
6450
7540
|
const enabled = options.enabled !== false;
|
|
6451
7541
|
const identity = resourceIdentity(route, query, options.key);
|
|
@@ -6544,8 +7634,18 @@ window.__ModuleLoader__.load({
|
|
|
6544
7634
|
}
|
|
6545
7635
|
//#endregion
|
|
6546
7636
|
//#region src/shared/hooks/use-diy-debug.ts
|
|
7637
|
+
/**
|
|
7638
|
+
* 调试约定的读路由(宿主侧那半同名)。
|
|
7639
|
+
*/
|
|
6547
7640
|
var DIY_DEBUG_ROUTE = "panels/diy-debug";
|
|
7641
|
+
/**
|
|
7642
|
+
* 调试约定那条事实的名字:写完调 `useFactInvalidate(DIY_DEBUG_FACT)`,读者自动重取。
|
|
7643
|
+
*/
|
|
6548
7644
|
var DIY_DEBUG_FACT = "diy-debug";
|
|
7645
|
+
/**
|
|
7646
|
+
* 要读“现在的调试约定是什么”时调用(左栏底部那枚状态);跟着事实变化自动重取,不上报面板;
|
|
7647
|
+
* 还没读到或后端说没有约定时都是 `null`。
|
|
7648
|
+
*/
|
|
6549
7649
|
function useDiyDebugState() {
|
|
6550
7650
|
const read = useApiResource(DIY_DEBUG_ROUTE, {}, 0, {
|
|
6551
7651
|
fact: DIY_DEBUG_FACT,
|
|
@@ -6554,6 +7654,9 @@ window.__ModuleLoader__.load({
|
|
|
6554
7654
|
if (read.value === void 0) return null;
|
|
6555
7655
|
return read.value.state ?? null;
|
|
6556
7656
|
}
|
|
7657
|
+
/**
|
|
7658
|
+
* 要发“开始 / 暂停 / 继续 / 结束调试”那几把动作时调用;写走 `diy-debug/act` 通道。
|
|
7659
|
+
*/
|
|
6557
7660
|
function useDiyDebugAct() {
|
|
6558
7661
|
return useHostWrite({
|
|
6559
7662
|
channel: "diy-debug",
|
|
@@ -6617,8 +7720,9 @@ window.__ModuleLoader__.load({
|
|
|
6617
7720
|
//#region src/app/layouts/sidebar/DebugFooterAction.tsx
|
|
6618
7721
|
function debugFooterView(state, t, trouble = "none") {
|
|
6619
7722
|
const shown = state.phase === "paused" ? "none" : trouble;
|
|
6620
|
-
const
|
|
6621
|
-
const
|
|
7723
|
+
const title = state.title === "" ? t("debug.workspace") : state.title;
|
|
7724
|
+
const label = shown !== "none" ? t("debug.status.trouble", { title }) : state.phase === "paused" ? t("debug.stalled", { title }) : t("debug.status", { title });
|
|
7725
|
+
const noteOf = (kind) => kind === "panel" ? t("debug.card.hidden.note") : t("debug.card.away.note", { title });
|
|
6622
7726
|
if (state.phase === "paused") return {
|
|
6623
7727
|
label,
|
|
6624
7728
|
title: label,
|
|
@@ -6635,7 +7739,7 @@ window.__ModuleLoader__.load({
|
|
|
6635
7739
|
};
|
|
6636
7740
|
return {
|
|
6637
7741
|
label,
|
|
6638
|
-
title: t("debug.card.here.title"),
|
|
7742
|
+
title: t("debug.card.here.title", { title }),
|
|
6639
7743
|
note: t("debug.card.here.note"),
|
|
6640
7744
|
trouble: "none",
|
|
6641
7745
|
stalled: false
|
|
@@ -6654,16 +7758,14 @@ window.__ModuleLoader__.load({
|
|
|
6654
7758
|
const state = useDiyDebugState();
|
|
6655
7759
|
const act = useDiyDebugAct();
|
|
6656
7760
|
const probe = useSyncExternalStore(subscribeBoardProbe, boardProbe);
|
|
6657
|
-
const
|
|
6658
|
-
const here = useBoardWorkspace(workspaces, useSessions?.((snapshot) => snapshot) ?? EMPTY_SESSIONS);
|
|
6659
|
-
const workshop = workspaces.items.find((item) => isWorkshopPath(item.path));
|
|
7761
|
+
const here = useBoardWorkspace(useWorkspaces?.((snapshot) => snapshot) ?? EMPTY_WORKSPACES, useSessions?.((snapshot) => snapshot) ?? EMPTY_SESSIONS);
|
|
6660
7762
|
const [armed, setArmed] = useState(false);
|
|
6661
7763
|
if (state === null) return null;
|
|
6662
|
-
const
|
|
7764
|
+
const workspacePath = state.workspacePath === void 0 || state.workspacePath === "" ? null : state.workspacePath;
|
|
6663
7765
|
const situation = boardSituation({
|
|
6664
7766
|
...probe,
|
|
6665
7767
|
where: here.path ?? ""
|
|
6666
|
-
},
|
|
7768
|
+
}, workspacePath);
|
|
6667
7769
|
const view = debugFooterView(state, t, situation === "off-workspace" || situation === "other-board" ? "workspace" : situation === "panel-closed" ? "panel" : "none");
|
|
6668
7770
|
const dot = /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
|
|
6669
7771
|
state: view.trouble !== "none" ? "error" : view.stalled ? "warning" : "done",
|
|
@@ -6730,8 +7832,18 @@ window.__ModuleLoader__.load({
|
|
|
6730
7832
|
}
|
|
6731
7833
|
//#endregion
|
|
6732
7834
|
//#region src/shared/hooks/use-diy-record.ts
|
|
7835
|
+
/**
|
|
7836
|
+
* 录制交接的读路由(宿主侧那半同名)。
|
|
7837
|
+
*/
|
|
6733
7838
|
var DIY_RECORD_ROUTE = "panels/diy-record";
|
|
7839
|
+
/**
|
|
7840
|
+
* 录制交接那条事实的名字:写完调 `useFactInvalidate(DIY_RECORD_FACT)`,读者自动重取。
|
|
7841
|
+
*/
|
|
6734
7842
|
var DIY_RECORD_FACT = "diy-record";
|
|
7843
|
+
/**
|
|
7844
|
+
* 要读“这一段录制交接进行到哪了”时调用(左栏底部那枚状态);跟着事实变化自动重取,不上报面板;
|
|
7845
|
+
* 还没读到或后端说没有交接时都是 `null`。
|
|
7846
|
+
*/
|
|
6735
7847
|
function useDiyRecordState() {
|
|
6736
7848
|
const read = useApiResource(DIY_RECORD_ROUTE, {}, 0, {
|
|
6737
7849
|
fact: DIY_RECORD_FACT,
|
|
@@ -6740,6 +7852,9 @@ window.__ModuleLoader__.load({
|
|
|
6740
7852
|
if (read.value === void 0) return null;
|
|
6741
7853
|
return read.value.state ?? null;
|
|
6742
7854
|
}
|
|
7855
|
+
/**
|
|
7856
|
+
* 要发录制交接那几把动作(准备 / 读回 / 收尾)时调用;写走 `diy-record/act` 通道。
|
|
7857
|
+
*/
|
|
6743
7858
|
function useDiyRecordAct() {
|
|
6744
7859
|
return useHostWrite({
|
|
6745
7860
|
channel: "diy-record",
|
|
@@ -7088,6 +8203,18 @@ window.__ModuleLoader__.load({
|
|
|
7088
8203
|
}, chosen.length === 0 ? t("configSync.applyNone") : busy.busy ? t("configSync.applying") : t("configSync.apply", { count: chosen.length }))) : null) : null));
|
|
7089
8204
|
}
|
|
7090
8205
|
//#endregion
|
|
8206
|
+
//#region src/shared/api/diy.ts
|
|
8207
|
+
var DIY_PRESET_ID = "workbench-diy";
|
|
8208
|
+
var WORKSHOP_RELATIVE = "workbench/diy";
|
|
8209
|
+
var WORKSHOP_TITLE = "工作台DIY";
|
|
8210
|
+
var WORKSHOP_PAST_TITLES = ["DIY 工坊", "工作台自带 · DIY 模块住这儿"];
|
|
8211
|
+
function isWorkshopPath(path) {
|
|
8212
|
+
return path.replace(/\\/g, "/").replace(/\/+$/, "").endsWith(`/${WORKSHOP_RELATIVE}`);
|
|
8213
|
+
}
|
|
8214
|
+
function diyStartOptions(workspaceId, workshopId) {
|
|
8215
|
+
return workshopId !== void 0 && workshopId === workspaceId ? { agentPreset: DIY_PRESET_ID } : void 0;
|
|
8216
|
+
}
|
|
8217
|
+
//#endregion
|
|
7091
8218
|
//#region src/app/units/index.ts
|
|
7092
8219
|
var CLIENT_UNITS = [];
|
|
7093
8220
|
function assembleClientUnits(registry) {
|
|
@@ -7733,7 +8860,6 @@ window.__ModuleLoader__.load({
|
|
|
7733
8860
|
var DIY_COMPONENTS_TOOL = "workbench_diy_components";
|
|
7734
8861
|
var DIY_RECON_TOOL = "workbench_diy_recon";
|
|
7735
8862
|
var DIY_SPEC_TOOL = "workbench_diy_spec";
|
|
7736
|
-
var DIY_PROBE_TOOL = "workbench_diy_probe";
|
|
7737
8863
|
var DIY_INSTALL_TOOL = "workbench_diy_install";
|
|
7738
8864
|
var DIY_SHOW_TOOL = "workbench_diy_show";
|
|
7739
8865
|
var DIY_STATE_TOOL = "workbench_diy_state";
|
|
@@ -7783,7 +8909,6 @@ window.__ModuleLoader__.load({
|
|
|
7783
8909
|
DIY_COMPONENTS_TOOL,
|
|
7784
8910
|
DIY_RECON_TOOL,
|
|
7785
8911
|
DIY_SPEC_TOOL,
|
|
7786
|
-
DIY_PROBE_TOOL,
|
|
7787
8912
|
DIY_INSTALL_TOOL,
|
|
7788
8913
|
DIY_SHOW_TOOL,
|
|
7789
8914
|
DIY_STATE_TOOL,
|
|
@@ -7821,7 +8946,6 @@ window.__ModuleLoader__.load({
|
|
|
7821
8946
|
DIY_COMPONENTS_TOOL,
|
|
7822
8947
|
DIY_RECON_TOOL,
|
|
7823
8948
|
DIY_SPEC_TOOL,
|
|
7824
|
-
DIY_PROBE_TOOL,
|
|
7825
8949
|
DIY_STATE_TOOL,
|
|
7826
8950
|
DIY_HTML_TOOL,
|
|
7827
8951
|
DIY_FIND_TOOL,
|
|
@@ -9302,12 +10426,19 @@ window.__ModuleLoader__.load({
|
|
|
9302
10426
|
installContextChips: () => installContextChips,
|
|
9303
10427
|
serializeChipRef: () => serializeChipRef
|
|
9304
10428
|
});
|
|
10429
|
+
/**
|
|
10430
|
+
* 对话 `@` 引用源报名用的名字:引用、lexicon 与编解码都挂在这个 source 名下。
|
|
10431
|
+
*/
|
|
9305
10432
|
var CONTEXT_SOURCE = "workbench";
|
|
9306
10433
|
var runtime = null;
|
|
9307
10434
|
var inserted = /* @__PURE__ */ new Set();
|
|
9308
10435
|
var lexiconListeners = /* @__PURE__ */ new Set();
|
|
9309
10436
|
var INSERT_RETRY_MAX = 5;
|
|
9310
10437
|
var INSERT_RETRY_DELAY_MS = 80;
|
|
10438
|
+
/**
|
|
10439
|
+
* 外壳启动、拿到 dsh 的 client context 之后调一次:把 `@` 引用源注册进对话输入框;
|
|
10440
|
+
* dsh 没给 `inputTriggers` 时不装、也不报错。
|
|
10441
|
+
*/
|
|
9311
10442
|
function installContextChips(ctx, deps) {
|
|
9312
10443
|
runtime = {
|
|
9313
10444
|
ctx,
|
|
@@ -9331,6 +10462,10 @@ window.__ModuleLoader__.load({
|
|
|
9331
10462
|
}
|
|
9332
10463
|
}), "dsh-workbench: 对话引用源");
|
|
9333
10464
|
}
|
|
10465
|
+
/**
|
|
10466
|
+
* 要往当前对话输入框插一条 `@` 引用时调用(卡片上“发到对话”那类动作):同步返回,只反映当场这一拍 ——
|
|
10467
|
+
* 没插进去会自己再试几拍,后面成功了也不会回头改这个返回值。没装过 / 没会话 / 拿不到输入框都回 `unavailable`。
|
|
10468
|
+
*/
|
|
9334
10469
|
function addContextChip(ref, label) {
|
|
9335
10470
|
const here = runtime;
|
|
9336
10471
|
if (here === null) return "unavailable";
|
|
@@ -9378,6 +10513,9 @@ window.__ModuleLoader__.load({
|
|
|
9378
10513
|
attempt(INSERT_RETRY_MAX);
|
|
9379
10514
|
return settled;
|
|
9380
10515
|
}
|
|
10516
|
+
/**
|
|
10517
|
+
* 把编好的引用串码成带 `@` 的标记文本(输入框里显示与复制到剪贴板都是这一份);认不出的串原样加个 `@`。
|
|
10518
|
+
*/
|
|
9381
10519
|
function serializeChipRef(encoded) {
|
|
9382
10520
|
const at = encoded.indexOf(":");
|
|
9383
10521
|
const kind = at > 0 ? encoded.slice(0, at) : "";
|
|
@@ -10286,6 +11424,10 @@ window.__ModuleLoader__.load({
|
|
|
10286
11424
|
//#endregion
|
|
10287
11425
|
//#region src/shared/hooks/use-card-summary.ts
|
|
10288
11426
|
var use_card_summary_exports = /* @__PURE__ */ __exportAll({ useCardSummary: () => useCardSummary });
|
|
11427
|
+
/**
|
|
11428
|
+
* 自己搭卡片、要把 `{ refreshing, at }` 在变化时交给调用点上报面板时调用;`onSummary` 要稳定引用
|
|
11429
|
+
* (一般 `useCallback`),否则每次渲染都会上报一次。`useUnitBoard` 已经把这条接好。
|
|
11430
|
+
*/
|
|
10289
11431
|
function useCardSummary(onSummary, summary) {
|
|
10290
11432
|
const { refreshing } = summary;
|
|
10291
11433
|
const at = summary.at ?? null;
|
|
@@ -10303,6 +11445,11 @@ window.__ModuleLoader__.load({
|
|
|
10303
11445
|
//#endregion
|
|
10304
11446
|
//#region src/shared/hooks/use-long-task.ts
|
|
10305
11447
|
var use_long_task_exports = /* @__PURE__ */ __exportAll({ useLongTask: () => useLongTask });
|
|
11448
|
+
/**
|
|
11449
|
+
* 卡片要轮询长任务那一行时调用:有在跑的(`running` / `needs-login`)按 `longTaskPollMs` 走快档、空闲走慢档;
|
|
11450
|
+
* `workspace` 为 `null`、`mocked: true` 或 `enabled: false` 时不轮。换单元 / 换工作区就是换读数身份,
|
|
11451
|
+
* 旧那批立刻清空、读数回来前 `runs` 是空数组。
|
|
11452
|
+
*/
|
|
10306
11453
|
function useLongTask(options) {
|
|
10307
11454
|
const enabled = options.enabled !== false && options.mocked !== true && options.workspace !== null;
|
|
10308
11455
|
const [tick, setTick] = useState(0);
|
|
@@ -10318,6 +11465,10 @@ window.__ModuleLoader__.load({
|
|
|
10318
11465
|
//#endregion
|
|
10319
11466
|
//#region src/shared/hooks/use-unit-board.ts
|
|
10320
11467
|
var use_unit_board_exports = /* @__PURE__ */ __exportAll({ useUnitBoard: () => useUnitBoard });
|
|
11468
|
+
/**
|
|
11469
|
+
* 卡片起步就用它:把“gate 不放行就不读”、忙 / 安定(按 `MIN_BUSY_MS` 挂最短可见时长)、读数报错时
|
|
11470
|
+
* 自动 `forceProbe`、`useCardSummary` 上报面板、blocker 拆分一次叠好。`read(gated)` 里自己调 `useApiResource`。
|
|
11471
|
+
*/
|
|
10321
11472
|
function useUnitBoard(options) {
|
|
10322
11473
|
const { gate, onRefresh, onSummary, t } = options;
|
|
10323
11474
|
const feed = options.read(gate.gated && options.enabled !== false);
|
|
@@ -10355,6 +11506,11 @@ window.__ModuleLoader__.load({
|
|
|
10355
11506
|
}
|
|
10356
11507
|
//#endregion
|
|
10357
11508
|
//#region src/shared/hooks/use-blocker-actions.ts
|
|
11509
|
+
/**
|
|
11510
|
+
* `<BlockerState>` 用它把 blocker 的动作接到实处:`retry` 与修复成功后的重试走 `onRetry`、`run-fix` 走 provision
|
|
11511
|
+
* 写通道、`copy` 写剪贴板、`open-url` 开新窗;`open-market` 没给 `onOpenMarket` 时退回 `onRetry`。
|
|
11512
|
+
* 自己画 blocker 那一块才直接用。
|
|
11513
|
+
*/
|
|
10358
11514
|
function useBlockerActions(onRetry, onOpenMarket) {
|
|
10359
11515
|
const [copied, setCopied] = useState(null);
|
|
10360
11516
|
const [running, setRunning] = useState(null);
|
|
@@ -10437,6 +11593,15 @@ window.__ModuleLoader__.load({
|
|
|
10437
11593
|
//#endregion
|
|
10438
11594
|
//#region src/shared/components/BlockerState.tsx
|
|
10439
11595
|
var BlockerState_exports = /* @__PURE__ */ __exportAll({ BlockerState: () => BlockerState });
|
|
11596
|
+
/**
|
|
11597
|
+
* 卡片被挡住(或要给一句 notice)时渲染的那一块:按 `blocker.severity` 出块状或一行提示,动作接重试 / 跑修复 / 复制。
|
|
11598
|
+
* @param props.blocker - 要显示的那份 blocker:`title` / `hint` / `detail` / `actions` / `severity`。
|
|
11599
|
+
* @param props.t - 翻译函数,这一块出现的每句话都从它来。
|
|
11600
|
+
* @param props.onRetry - `retry` 动作与修复成功后的重试回调。
|
|
11601
|
+
* @param props.onOpenMarket - `open-market` 动作;没给就退回 `onRetry`。
|
|
11602
|
+
* @param props.busy - 外层是不是在忙(默认 `false`);为真时动作一并禁用。
|
|
11603
|
+
* @param props.flush - 是否贴着容器边(默认 `false`):去掉图标、收窄留白,给卡片内嵌用。
|
|
11604
|
+
*/
|
|
10440
11605
|
function BlockerState({ blocker, t, onRetry, busy = false, flush = false, onOpenMarket }) {
|
|
10441
11606
|
const { run, copied, running, failure } = useBlockerActions(onRetry, onOpenMarket);
|
|
10442
11607
|
const [rawOpen, setRawOpen] = useState(false);
|
|
@@ -10530,7 +11695,7 @@ window.__ModuleLoader__.load({
|
|
|
10530
11695
|
...face.messages === void 0 ? {} : { messages: face.messages }
|
|
10531
11696
|
}));
|
|
10532
11697
|
}
|
|
10533
|
-
var COMPONENT_CSS_MARKER = "\n.wb-activityBlock {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-6);\n padding-top: var(--wb-len-10);\n border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.wb-activityBlock:first-child {\n padding-top: 0;\n border-top: none;\n}\n\n.wb-activityBlockHead {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--wb-len-8);\n}\n\n.wb-activityLine {\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-secondary);\n}\n\n.wb-activityLineText {\n flex: none;\n min-width: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n overflow-wrap: anywhere;\n white-space: pre-wrap;\n max-height: var(--wb-len-72);\n overflow-y: auto;\n}\n\n.wb-activityLineAt {\n flex: none;\n margin-left: auto;\n font-size: var(--wb-font-10);\n line-height: var(--wb-line-16);\n font-variant-numeric: tabular-nums;\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-activityLine > .wb-activityLineAt,\n.wb-activityLine > .wb-activityLineActions {\n margin-left: auto;\n}\n\n.wb-activityLine > .wb-activityLineAt + .wb-activityLineActions {\n margin-left: 0;\n}\n\n.wb-activityLineActions {\n flex: none;\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-6);\n}\n\n.wb-activityActionFailed {\n color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-note {\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n}\n.wb-problem {\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-state-error-primary);\n overflow-wrap: anywhere;\n}\n\n.wb-approvalCommand {\n max-width: 100%;\n}\n.wb-approvalPlan {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-6);\n}\n.wb-approvalHint {\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-secondary);\n}\n.wb-approvalRows {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-2);\n margin: 0;\n}\n.wb-approvalRow {\n display: flex;\n align-items: baseline;\n gap: var(--wb-len-8);\n}\n.wb-approvalLabel {\n flex: none;\n width: var(--wb-len-56);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n}\n.wb-approvalValue {\n margin: 0;\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-18);\n font-weight: 500;\n color: var(--dsw-alias-label-primary);\n overflow-wrap: anywhere;\n}\n.wb-approvalWarn {\n color: var(--dsw-alias-label-secondary);\n}\n\n.wb-cardHead {\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n flex: none;\n padding: var(--wb-len-8) var(--wb-len-10) var(--wb-len-8) var(--wb-card-gutter);\n border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-cardTitle {\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n font-weight: 600;\n color: var(--dsw-alias-label-secondary);\n}\n\n.wb-cardMeta {\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-tertiary);\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.wb-cardMeta::before {\n content: '\\00b7';\n margin-right: var(--wb-len-6);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardOpen {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n margin-left: auto;\n flex: none;\n width: var(--wb-len-22);\n height: var(--wb-len-22);\n padding: var(--wb-len-4);\n border-radius: var(--wb-radius-6);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardOpen ~ .wb-cardRefresh {\n margin-left: 0;\n}\n\n.wb-cardOpen:hover {\n color: var(--dsw-alias-label-primary);\n}\n\n.wb-cardRefresh {\n margin-left: auto;\n flex: none;\n width: var(--wb-len-22);\n height: var(--wb-len-22);\n padding: var(--wb-len-4);\n border-radius: var(--wb-radius-6);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardRefresh:hover:not(:disabled) {\n color: var(--dsw-alias-label-primary);\n}\n\n.wb-cardRefresh:disabled {\n cursor: default;\n opacity: 1;\n}\n\n.wb-cardGear {\n flex: none;\n width: var(--wb-len-22);\n height: var(--wb-len-22);\n padding: var(--wb-len-3);\n border-radius: var(--wb-radius-6);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardGear:hover:not(:disabled) {\n color: var(--dsw-alias-label-primary);\n}\n\n.wb-card {\n border: 0.5px solid var(--dsw-alias-border-l3);\n border-radius: var(--dsw-radius-xl);\n background: var(--dsw-alias-bg-layer-1);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n flex: none;\n}\n.wb-cardBody {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-12);\n padding: var(--wb-len-12) var(--wb-card-gutter);\n font-size: var(--dsw-font-xxs-12-font-size);\n}\n.wb-cardBleed {\n margin-inline: calc(-1 * var(--wb-card-gutter));\n}\n._anchor_yq4s2_1 {\n display: contents;\n}\n\n.wb-spinner {\n display: inline-flex;\n align-items: center;\n flex: none;\n}\n\n.wb-choiceMenu {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-2);\n background: transparent;\n}\n\n.wb-choiceMenu[data-variant='boxed'] {\n padding: var(--wb-len-4);\n border: 0.5px solid var(--dsw-alias-border-l3);\n border-radius: var(--dsw-radius-md);\n}\n\n.wb-choiceOption {\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n min-height: var(--wb-len-28);\n padding: var(--wb-len-4) var(--wb-len-8);\n border-radius: var(--dsw-radius-md);\n cursor: pointer;\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-20);\n color: var(--dsw-alias-label-primary);\n}\n\n.wb-choiceOptionOn {\n background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-checkbox {\n position: absolute;\n width: var(--wb-len-16);\n height: var(--wb-len-16);\n margin: 0;\n opacity: 0;\n pointer-events: none;\n}\n\n.wb-checkboxBox {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n flex: none;\n width: var(--wb-len-16);\n height: var(--wb-len-16);\n border: 1px solid var(--dsw-alias-border-l3);\n border-radius: var(--dsw-radius-xs);\n corner-shape: round;\n color: var(--dsw-alias-label-primary-foreground);\n transition:\n background-color var(--wb-dur-0-12) ease, border-color var(--wb-dur-0-12) ease;\n}\n\n.wb-choiceOption:hover .wb-checkboxBox {\n border-color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-checkbox:checked + .wb-checkboxBox {\n border-color: var(--dsw-alias-brand-primary);\n background: var(--dsw-alias-brand-primary);\n}\n\n.wb-checkbox:disabled + .wb-checkboxBox {\n cursor: default;\n}\n\n.wb-checkbox:focus-visible + .wb-checkboxBox {\n outline: var(--dsw-focus-ring-width, var(--wb-len-2)) solid\n var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n outline-offset: 2px;\n}\n\n.wb-choiceOption:hover {\n background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-choiceOption:has(:disabled) {\n cursor: default;\n opacity: 0.5;\n}\n\n.wb-choiceOption:has(:disabled),\n.wb-choiceOption:has(:disabled):hover {\n background: transparent;\n}\n\n.wb-choiceLabel {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.wb-choiceLabelText {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.wb-choiceLabel:has(.wb-choiceDescription) .wb-choiceLabelText {\n overflow: visible;\n white-space: normal;\n overflow-wrap: anywhere;\n}\n\n.wb-choiceDescription {\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n overflow-wrap: anywhere;\n}\n\n.wb-choiceLoading {\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n min-height: var(--wb-len-28);\n padding: var(--wb-len-4) var(--wb-len-8);\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-20);\n color: var(--dsw-alias-label-secondary);\n}\n\n.wb-choiceLoadingText {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.wb-choiceEmpty {\n display: flex;\n align-items: center;\n min-height: var(--wb-len-28);\n padding: var(--wb-len-4) var(--wb-len-8);\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-20);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-radio {\n appearance: none;\n -webkit-appearance: none;\n flex: none;\n box-sizing: border-box;\n width: var(--wb-len-12);\n height: var(--wb-len-12);\n margin: 0;\n border: 1px solid var(--dsw-alias-border-l3);\n border-radius: 50%;\n corner-shape: round;\n background-color: transparent;\n cursor: pointer;\n transition:\n background-color var(--wb-dur-0-12) ease, border-color var(--wb-dur-0-12) ease;\n}\n\n.wb-radio:not(:checked):hover {\n border-color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-radio:checked {\n border-color: var(--dsw-alias-brand-primary);\n background-image: radial-gradient(\n circle at center,\n var(--dsw-alias-brand-primary) 0 3px,\n transparent 3px\n );\n}\n\n.wb-radio:disabled {\n cursor: default;\n}\n\n.wb-radio:focus-visible {\n outline: var(--dsw-focus-ring-width, var(--wb-len-2)) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n outline-offset: 2px;\n}.wb-field {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-6);\n font-size: var(--dsw-font-xs-13-font-size);\n}\n\n.wb-fieldLabel {\n color: var(--dsw-alias-label-secondary);\n}\n\n.wb-fieldHint {\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-field:has(:disabled) .wb-fieldLabel {\n opacity: 0.4;\n}\n.wb-formActions {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n gap: var(--wb-len-8);\n}\n\n.wb-formActionDanger {\n color: var(--dsw-alias-state-error-primary);\n border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 30%, transparent);\n --dsw-alias-interactive-bg-hover: color-mix(in srgb, var(--dsw-alias-state-error-primary) 8%, transparent);\n}\n.wb-formRows {\n display: grid;\n grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n column-gap: var(--wb-len-8);\n row-gap: var(--wb-len-12);\n}\n\n.wb-formRows > :not(.wb-formRow) {\n grid-column: 1 / -1;\n}\n\n.wb-formRow {\n display: grid;\n grid-column: 1 / -1;\n grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n align-items: center;\n column-gap: var(--wb-len-8);\n row-gap: var(--wb-len-8);\n}\n\n.wb-formRow[data-layout='stacked'] {\n grid-template-columns: minmax(0, 1fr);\n align-items: stretch;\n gap: var(--wb-len-6);\n}\n\n.wb-formLabel {\n min-width: 0;\n font-size: var(--dsw-font-xs-13-font-size);\n color: var(--dsw-alias-label-secondary);\n overflow-wrap: anywhere;\n white-space: nowrap;\n}\n\n.wb-formRow[data-layout='stacked'] .wb-formLabel {\n white-space: normal;\n}\n\n.wb-formControl {\n display: flex;\n align-items: center;\n min-width: 0;\n}\n\n.wb-formHint {\n grid-column: 2;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-formProblem {\n grid-column: 2;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-formRow:has(.wb-formProblem) .wb-formLabel {\n color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-formRow:has(:disabled) .wb-formLabel {\n opacity: 0.4;\n}\n\n.wb-formRows > .wb-formRow {\n grid-template-columns: subgrid;\n}\n\n@supports not (grid-template-columns: subgrid) {\n .wb-formRows > .wb-formRow {\n grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n }\n}\n:where(.wb-link) {\n margin-left: var(--wb-len-2);\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-2);\n font: inherit;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-primary);\n text-decoration: none;\n white-space: nowrap;\n vertical-align: baseline;\n}\n\n:where(.wb-link:hover) {\n text-decoration: underline;\n}\n\n:where(.wb-link:focus-visible) {\n outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n outline-offset: -2px;\n}\n\n.wb-longTask {\n padding-top: var(--wb-len-12);\n border-top: 0.5px solid var(--dsw-alias-border-l2);\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-2);\n}\n\n.wb-longTaskHead {\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n margin: 0;\n}\n\n.wb-longTaskLink {\n flex: none;\n}\n\n.wb-longTaskHeadline {\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n white-space: pre-wrap;\n overflow-wrap: anywhere;\n color: var(--dsw-alias-label-secondary);\n}\n\n.wb-longTaskProblem {\n margin: 0;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-state-error-primary);\n overflow-wrap: anywhere;\n}\n\n.wb-longTaskDump {\n margin: var(--wb-len-2) 0 0;\n font-size: var(--dsw-font-xxxs-11-font-size);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-longTaskDump pre {\n margin: var(--wb-len-4) 0 0;\n max-height: var(--wb-len-220);\n overflow: auto;\n}\n.wb-centered.wb-centeredCompact {\n flex: none;\n min-height: 0;\n gap: var(--wb-len-8);\n padding: var(--wb-len-20) var(--wb-len-16);\n}\n\n.wb-centered.wb-centeredCompact .wb-centeredHero {\n margin-bottom: var(--wb-len-4);\n}\n\n.wb-skeleton {\n display: flex;\n flex-direction: column;\n}\n\n.wb-skeletonRow {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-8);\n padding: var(--wb-len-8);\n border-radius: var(--dsw-radius-md);\n}\n\n.wb-skeletonRow + .wb-skeletonRow::before {\n content: '';\n align-self: stretch;\n height: var(--wb-len-0-5);\n margin: 0 var(--wb-len-8) var(--wb-len-neg-0-5);\n background: var(--dsw-alias-border-l2);\n}\n\n.wb-skeletonBar {\n display: block;\n height: var(--wb-len-13);\n border-radius: var(--dsw-radius-xs);\n background: var(--dsw-alias-bg-skeleton);\n animation: wb-skeleton-pulse var(--wb-dur-1-4) var(--ds-ease-in-out) infinite;\n}\n\n.wb-skeletonBarTitle {\n width: 62%;\n}\n\n.wb-skeletonBarMeta {\n width: 32%;\n height: var(--wb-len-10);\n}\n\n.wb-skeletonRow:nth-child(2n) .wb-skeletonBarTitle {\n width: 74%;\n}\n\n.wb-skeletonRow:nth-child(3n) .wb-skeletonBarTitle {\n width: 52%;\n}\n\n@keyframes wb-skeleton-pulse {\n 50% {\n opacity: 0.45;\n }\n}\n\n.wb-centered {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: var(--wb-len-14);\n flex: 1;\n min-height: var(--wb-len-240);\n padding: 0 var(--wb-len-24) var(--wb-len-24);\n text-align: center;\n}\n\n.wb-centeredHero {\n display: flex;\n margin-bottom: var(--wb-len-16);\n color: var(--dsw-alias-label-dimmed);\n}\n\n.wb-centeredTitle {\n font-size: var(--dsw-font-s-14-font-size);\n line-height: var(--wb-line-22);\n color: var(--dsw-alias-label-primary);\n}\n\n.wb-centeredHint {\n max-width: var(--wb-len-300);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-centeredDetail {\n max-width: var(--wb-len-320);\n font-family: var(--ds-font-family-code, monospace);\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-dimmed);\n word-break: break-all;\n}\n\n.wb-centeredAction {\n display: flex;\n justify-content: center;\n gap: var(--wb-len-8);\n margin-top: var(--wb-len-2);\n}\n@media (prefers-reduced-motion: reduce) {\n .wb-skeletonBar {\n animation: none;\n }}\n.wb-rows {\n display: grid;\n grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n column-gap: var(--wb-len-8);\n}\n.wb-rows > :not(.wb-row) {\n grid-column: 1 / -1;\n}\n.wb-row {\n display: grid;\n grid-column: 1 / -1;\n grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n align-items: baseline;\n gap: var(--wb-len-8);\n padding: var(--wb-len-4) 0;\n}\n.wb-row + .wb-row {\n border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n.wb-rowKey {\n white-space: nowrap;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-tertiary);\n}\n.wb-rowValue {\n min-width: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-primary);\n overflow-wrap: anywhere;\n}\n\n.wb-rows > .wb-row {\n grid-template-columns: subgrid;\n}\n\n@supports not (grid-template-columns: subgrid) {\n .wb-rows > .wb-row {\n grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n }\n}\n.wb-textField {\n box-sizing: border-box;\n border: 0.5px solid var(--dsw-alias-border-l4);\n border-radius: var(--dsw-radius-md);\n background: var(--dsw-alias-bg-layer-3);\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-primary);\n outline: none;\n}\n\n.wb-textField:focus {\n border-color: var(--dsw-alias-state-business-primary);\n box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-textField:disabled {\n cursor: not-allowed;\n opacity: 0.4;\n}\n\n.wb-textField[aria-invalid='true'] {\n border-color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-textField[aria-invalid='true']:focus {\n box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-error-primary);\n}\n\n:where(.wb-textField) {\n min-height: var(--wb-len-28);\n padding: var(--wb-len-4) var(--wb-len-10);\n}\n:where(.wb-selectTrigger) {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n gap: var(--wb-len-8);\n width: 100%;\n min-height: var(--wb-len-28);\n padding: var(--wb-len-4) var(--wb-len-10);\n border: 0.5px solid var(--dsw-alias-border-l4);\n border-radius: var(--dsw-radius-md);\n background: var(--dsw-alias-bg-layer-3);\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-primary);\n text-align: left;\n cursor: pointer;\n}\n\n.wb-selectTrigger:focus-visible {\n outline: none;\n border-color: var(--dsw-alias-state-business-primary);\n box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-selectTrigger[aria-invalid='true'] {\n border-color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-selectTrigger[aria-invalid='true']:focus-visible {\n box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-error-primary);\n}\n\n.wb-selectTrigger:disabled {\n cursor: not-allowed;\n opacity: 0.4;\n}\n\n.wb-selectLoading:disabled {\n cursor: default;\n opacity: 1;\n}\n\n.wb-selectGhost {\n gap: var(--wb-gap-xs);\n min-height: 0;\n height: var(--wb-len-34);\n padding: 0 var(--wb-len-8);\n border: none;\n background: transparent;\n font-size: var(--wb-font-row);\n}\n\n.wb-selectGhost:hover:not(:disabled) {\n background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-selectGhost:focus-visible {\n outline: var(--dsw-focus-ring-width) solid\n var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n outline-offset: -2px;\n border-color: transparent;\n box-shadow: none;\n}\n\n.wb-selectIconOnly {\n width: var(--wb-len-36);\n height: var(--wb-len-36);\n min-height: 0;\n gap: 0;\n padding: 0;\n justify-content: center;\n}\n\n.wb-selectReveal {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.wb-selectIconOnly .wb-selectIcon {\n width: 100%;\n height: 100%;\n}\n\n.wb-selectAnchor {\n display: block;\n width: 100%;\n}\n\n.wb-selectIcon {\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-16);\n height: var(--wb-len-20);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-selectValue {\n flex: 1;\n min-width: 0;\n display: flex;\n align-items: baseline;\n gap: var(--wb-len-6);\n line-height: var(--wb-line-20);\n overflow: hidden;\n}\n\n.wb-selectPlaceholder {\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-selectChevron {\n flex: none;\n display: inline-flex;\n color: var(--dsw-alias-label-caption);\n}\n\n.wb-selectMenu {\n min-width: var(--wb-len-240);\n max-width: var(--wb-len-360);\n max-height: min(var(--wb-len-320), calc(100vh - var(--wb-len-24)));\n}\n\n:where(.wb-selectSearch) {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n gap: var(--wb-len-8);\n width: 100%;\n min-height: var(--wb-len-28);\n padding: var(--wb-len-4) var(--wb-len-10);\n border: 0.5px solid var(--dsw-alias-border-l4);\n border-radius: var(--dsw-radius-md);\n background: var(--dsw-alias-bg-layer-3);\n}\n\n.wb-selectSearch:focus-within {\n border-color: var(--dsw-alias-state-business-primary);\n box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-selectSearch.wb-selectGhost {\n gap: var(--wb-gap-xs);\n min-height: 0;\n height: var(--wb-len-34);\n padding: 0 var(--wb-len-8);\n border: 0.5px solid var(--dsw-alias-border-l3);\n background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-selectSearch.wb-selectGhost:focus-within {\n border-color: var(--dsw-alias-state-business-primary);\n box-shadow: none;\n}\n\n.wb-selectSearchIcon {\n flex: none;\n display: inline-flex;\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-textField.wb-selectSearchInput {\n flex: 1;\n min-width: 0;\n min-height: 0;\n padding: 0;\n border: none;\n background: transparent;\n}\n\n.wb-textField.wb-selectSearchInput:focus {\n box-shadow: none;\n}\n\n.wb-selectFallback {\n width: 100%;\n}\n\n.wb-selectHint {\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n}\n\nsection.wb-settings {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-12);\n padding: var(--wb-len-12) var(--wb-len-16);\n border: 0;\n border-radius: var(--dsw-radius-md);\n background: var(--dsw-alias-settings-card-fill);\n}\n.wb-settingsHead {\n display: flex;\n align-items: center;\n gap: var(--wb-len-8);\n}\n.wb-settings .wb-settingsTitle {\n flex: 1 1 auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: var(--dsw-font-s-strong-14-font-size);\n line-height: var(--wb-line-24);\n font-weight: 500;\n color: var(--dsw-alias-label-primary);\n}\n\n.wb-stack {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-10);\n min-height: 0;\n}\n\n.wb-stateBlock {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-6);\n}\n.wb-stateBlockTitle {\n margin: 0;\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-primary);\n}\n.wb-stateBlockHint {\n margin: 0;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-tertiary);\n}\n.wb-stateBlockActions {\n display: flex;\n align-items: center;\n gap: var(--wb-len-8);\n margin-top: var(--wb-len-2);\n}\n.wb-stateBlockResolving {\n display: flex;\n align-items: center;\n gap: var(--wb-len-8);\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-secondary);\n}\n._marketList_csyus_1 {\n list-style: none;\n margin: 0;\n padding: var(--wb-len-6);\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-2);\n}\n\n._marketRow_csyus_10 {\n display: grid;\n grid-template-columns: auto minmax(0, 1fr) auto;\n align-items: center;\n column-gap: var(--wb-len-14);\n row-gap: var(--wb-len-4);\n padding: var(--wb-len-8);\n border-radius: var(--dsw-radius-lg);\n}\n\n._marketIcon_csyus_20 {\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-40);\n height: var(--wb-len-40);\n border: 0.5px solid var(--dsw-alias-border-l3);\n border-radius: var(--dsw-radius-md);\n color: var(--dsw-alias-label-secondary);\n}\n\n._marketMain_csyus_32 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-4);\n min-width: 0;\n}\n\n._marketName_csyus_39 {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font: var(--dsw-font-base-strong-16);\n color: var(--dsw-alias-label-primary);\n}\n\n._marketDesc_csyus_48 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-6);\n min-width: 0;\n overflow: hidden;\n white-space: nowrap;\n font: var(--dsw-font-s-14);\n color: var(--dsw-alias-label-secondary);\n}\n\n._marketUsedBy_csyus_59 {\n margin-left: var(--wb-len-8);\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-tertiary);\n opacity: 0.75;\n}\n\n._marketUsedBy_csyus_59::before {\n content: '·';\n margin-right: var(--wb-len-6);\n opacity: 0.8;\n}\n\n._marketName_csyus_39 ._marketVersion_csyus_73 {\n margin-left: var(--wb-len-6);\n font-size: var(--dsw-font-xxs-12-font-size);\n font-weight: 400;\n line-height: var(--wb-line-18);\n}\n\n._marketVersion_csyus_73 {\n font-variant-numeric: tabular-nums;\n color: var(--dsw-alias-label-caption);\n}\n\n._marketVersion_csyus_73::before {\n content: '';\n display: inline-block;\n width: var(--wb-len-1);\n height: var(--wb-len-10);\n margin: 0 var(--wb-len-8) 0 var(--wb-len-2);\n vertical-align: -1px;\n background: var(--dsw-alias-border-l2);\n}\n\n._marketLocalTag_csyus_95 {\n margin-left: var(--wb-len-8);\n padding: 0 var(--wb-len-6);\n border: var(--wb-len-1) solid var(--dsw-alias-border-l2);\n border-radius: var(--dsw-radius-sm);\n font-size: var(--dsw-font-xxs-12-font-size);\n font-weight: 400;\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-caption);\n}\n\n._marketEnd_csyus_106 {\n flex: none;\n display: flex;\n align-items: center;\n gap: var(--wb-len-10);\n}\n\n._marketSwitchSeat_csyus_113 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-10);\n}\n\n._marketSwitchSeat_csyus_113::before {\n content: '';\n width: 0;\n height: var(--wb-len-14);\n border-left: 0.5px solid var(--dsw-alias-border-l3);\n}\n\n._marketActions_csyus_126 {\n flex: none;\n display: flex;\n gap: var(--wb-len-6);\n}\n\n._marketUpdateAction_csyus_132 {\n color: var(--dsw-alias-state-warn-primary);\n border-color: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 30%, transparent);\n --dsw-alias-interactive-bg-hover: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 8%, transparent);\n}\n\n._marketSelfDivider_csyus_138 {\n height: 0;\n border-top: 0.5px solid var(--dsw-alias-border-l3);\n}\n\n._marketSection_csyus_143 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-8);\n min-width: 0;\n}\n\n._marketSectionHead_csyus_150 {\n display: flex;\n align-items: baseline;\n gap: var(--wb-len-8);\n}\n\n._marketSectionIcon_csyus_156 {\n display: inline-flex;\n align-items: center;\n align-self: center;\n color: var(--dsw-alias-label-caption);\n}\n\n._marketSectionTitle_csyus_163 {\n margin: 0;\n font: var(--dsw-font-base-strong-16);\n color: var(--dsw-alias-label-primary);\n}\n\n._marketSectionCount_csyus_169 {\n font: var(--dsw-font-s-14);\n font-variant-numeric: tabular-nums;\n color: var(--dsw-alias-label-caption);\n}\n\n\n._marketProgress_csyus_176 {\n flex: none;\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-8);\n min-height: var(--wb-len-32);\n font: var(--dsw-font-s-14);\n color: var(--dsw-alias-label-secondary);\n}\n\n._marketNote_csyus_186 {\n grid-column: 2 / -1;\n font: var(--dsw-font-s-14);\n color: var(--dsw-alias-state-warn-primary);\n overflow-wrap: anywhere;\n}\n\n._marketNotePlain_csyus_193 {\n grid-column: 2 / -1;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-caption);\n overflow-wrap: anywhere;\n}\n\n._marketFailure_csyus_201 {\n grid-column: 2 / -1;\n font: var(--dsw-font-s-14);\n color: var(--dsw-alias-state-error-primary);\n overflow-wrap: anywhere;\n}\n\n._marketEmpty_csyus_208 {\n padding: var(--wb-len-18) var(--wb-len-16);\n text-align: center;\n}\n\n._marketPage_csyus_213 {\n box-sizing: border-box;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--wb-len-32);\n padding: 0 clamp(var(--wb-len-24), 4vw, var(--wb-len-48)) var(--wb-len-48);\n overflow-x: hidden;\n overflow-y: auto;\n color: var(--dsw-alias-label-primary);\n}\n\n._marketPage_csyus_213 > * {\n width: 100%;\n max-width: var(--wb-len-960);\n}\n\n._marketPageHead_csyus_231 {\n box-sizing: border-box;\n display: flex;\n align-items: flex-start;\n gap: var(--wb-len-16);\n padding-top: var(--wb-len-28);\n}\n\n._marketPageTitle_csyus_239 {\n margin: 0;\n font: var(--dsw-font-l-20);\n}\n\n._marketPageIntro_csyus_244 {\n margin: var(--wb-len-4) 0 0;\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-secondary);\n}\n\n._marketPageTools_csyus_250 {\n flex: none;\n align-self: center;\n margin-left: auto;\n display: flex;\n align-items: center;\n gap: var(--wb-len-16);\n}\n\n._marketIconButton_csyus_259 {\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-28);\n height: var(--wb-len-28);\n padding: 0;\n border: 0;\n border-radius: var(--dsw-radius-sm);\n background: transparent;\n color: var(--dsw-alias-label-caption);\n cursor: pointer;\n}\n\n._marketIconButton_csyus_259:hover:not(:disabled) {\n background: var(--dsw-alias-interactive-bg-hover);\n color: var(--dsw-alias-label-secondary);\n}\n\n._marketIconButton_csyus_259:disabled {\n cursor: default;\n opacity: 0.5;\n}\n\n._marketIconWrap_csyus_284 {\n display: inline-flex;\n}\n\n._marketIconButtonSpinning_csyus_288 svg {\n animation: _wb-spin_csyus_1 var(--wb-dur-0-9) linear infinite;\n}\n\n._marketAddButton_csyus_292 {\n height: var(--wb-len-32);\n padding: 0 var(--wb-len-12);\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-20);\n border-radius: var(--dsw-radius-md);\n}\n\n._marketEmpty_csyus_208 {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--wb-len-8);\n padding: var(--wb-len-64) var(--wb-len-16);\n text-align: center;\n}\n\n._marketChecking_csyus_309 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-6);\n font: var(--dsw-font-s-14);\n color: var(--dsw-alias-label-secondary);\n}\n\n._marketEmptyTitle_csyus_317 {\n font: var(--dsw-font-base-strong-16);\n color: var(--dsw-alias-label-primary);\n}\n\n@keyframes _wb-spin_csyus_1 {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n._foot_1ud1j_1 {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: var(--wb-len-8);\n padding: var(--wb-len-8) var(--wb-len-14) var(--wb-len-10);\n border-top: 0.5px solid var(--dsw-alias-border-l2);\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-tertiary);\n}\n\n._footText_1ud1j_13 {\n flex: 1;\n min-width: 0;\n}\n\n._footTextMd_1ud1j_18 {\n flex: 1;\n min-width: 0;\n font: var(--dsw-font-s-14);\n color: var(--dsw-alias-label-secondary);\n}\n._wide_1lv8f_1 {\n justify-content: center;\n width: 100%;\n height: var(--wb-len-40);\n border-radius: var(--dsw-radius-md);\n}\n\n._dialog_1lv8f_8 {\n width: min(var(--wb-len-560), 100%);\n max-height: min(var(--wb-len-800), 100%);\n}\n\n._content_1lv8f_13 {\n min-height: 0;\n overflow: auto;\n}\n\n._stack_1lv8f_18 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-12);\n min-width: 0;\n}\n\n._body_1lv8f_25 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-12);\n min-width: 0;\n}\n\n._field_1lv8f_32 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-6);\n font-size: var(--dsw-font-xs-13-font-size);\n}\n\n._input_1lv8f_39 {\n width: 100%;\n height: var(--wb-len-40);\n padding: 0 var(--wb-len-14);\n}\n\n._registryField_1lv8f_45 {\n height: var(--wb-len-32);\n margin-left: var(--wb-len-26);\n padding: 0 var(--wb-len-10);\n}\n\n._options_1lv8f_51 {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n gap: var(--wb-len-8) var(--wb-len-12);\n}\n\n._guideToggle_1lv8f_59 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-4);\n align-self: flex-start;\n margin-top: var(--wb-len-4);\n padding: 0;\n border: 0;\n background: transparent;\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-secondary);\n cursor: pointer;\n}\n\n._guideToggle_1lv8f_59:hover {\n color: var(--dsw-alias-label-primary);\n}\n\n._guideToggle_1lv8f_59 svg,\n._registryToggle_1lv8f_78 svg {\n transition: transform var(--wb-dur-0-12) ease;\n}\n\n._guideToggle_1lv8f_59[aria-expanded='true'] svg,\n._registryToggle_1lv8f_78[aria-expanded='true'] svg {\n transform: rotate(180deg);\n}\n\n._registryWrap_1lv8f_87 {\n position: relative;\n flex: none;\n}\n\n._registryToggle_1lv8f_78 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-6);\n height: var(--wb-len-26);\n padding: 0 var(--wb-len-8) 0 var(--wb-len-10);\n border: 0.5px solid var(--dsw-alias-border-l4);\n border-radius: var(--dsw-radius-sm);\n background: var(--dsw-alias-bg-layer-2);\n font: inherit;\n font-size: var(--wb-font-12-5);\n color: var(--dsw-alias-label-secondary);\n cursor: pointer;\n}\n\n._registryToggle_1lv8f_78:hover:not(:disabled) {\n color: var(--dsw-alias-label-primary);\n}\n\n._registryToggle_1lv8f_78:disabled {\n cursor: default;\n opacity: 0.6;\n}\n\n._registryToggle_1lv8f_78[aria-expanded='true'] {\n border-color: var(--dsw-alias-border-l3);\n background: var(--dsw-alias-bg-layer-3);\n}\n\n._registryChosen_1lv8f_121 {\n color: var(--dsw-alias-label-primary);\n font-weight: 500;\n}\n\n._registry_1lv8f_45 {\n position: fixed;\n z-index: var(--wb-z-1100);\n box-sizing: border-box;\n width: min(var(--wb-len-440), 100vw - var(--wb-len-24));\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-4);\n margin: 0;\n padding: var(--wb-len-8) var(--wb-len-10) var(--wb-len-12);\n border: 0;\n border-radius: var(--dsw-radius-lg);\n background: var(--dsw-alias-bg-layer-2);\n --dsw-elevation-stroke-color: var(--dsw-alias-border-l3);\n box-shadow: var(--dsw-elevation-prominent);\n}\n\n._registryOption_1lv8f_143 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-4);\n padding: var(--wb-len-8) var(--wb-len-10);\n border: 0.5px solid transparent;\n border-radius: var(--dsw-radius-lg);\n cursor: pointer;\n}\n\nlabel._registryOption_1lv8f_143 {\n flex-direction: row;\n align-items: flex-start;\n gap: var(--wb-len-10);\n}\n\n._registryPick_1lv8f_159 {\n display: flex;\n align-items: flex-start;\n gap: var(--wb-len-10);\n cursor: pointer;\n}\n\n._registryOption_1lv8f_143[data-checked='true'] {\n border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 40%, transparent);\n background: var(--dsw-alias-bg-layer-2);\n}\n\n._registryOption_1lv8f_143 input[type='radio'] {\n flex: none;\n width: var(--wb-len-16);\n height: var(--wb-len-16);\n margin: var(--wb-len-2) 0 0;\n accent-color: var(--dsw-alias-brand-primary);\n}\n\n._registryTitle_1lv8f_179 {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--wb-len-8);\n font: var(--dsw-font-xs-13);\n line-height: var(--wb-line-20);\n color: var(--dsw-alias-label-primary);\n}\n\n._registryHint_1lv8f_189 {\n margin-left: var(--wb-len-26);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n overflow-wrap: anywhere;\n}\n\n._inputError_1lv8f_197 {\n margin: var(--wb-len-neg-4) 0 0 var(--wb-len-26);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-state-error-primary);\n}\n\n._guide_1lv8f_59 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-10);\n padding: var(--wb-len-8) var(--wb-len-14) var(--wb-len-14);\n border: 0.5px solid var(--dsw-alias-border-l4);\n border-radius: var(--dsw-radius-lg);\n background: var(--dsw-alias-bg-layer-1);\n}\n\n._guideList_1lv8f_214 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-2);\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n._guideItem_1lv8f_223 {\n display: flex;\n align-items: flex-start;\n gap: var(--wb-len-10);\n padding: var(--wb-len-8) 0;\n}\n\n._guideIndex_1lv8f_230 {\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-20);\n height: var(--wb-len-20);\n border-radius: var(--wb-radius-pill);\n corner-shape: round;\n background: var(--dsw-alias-bg-module-platform);\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-secondary);\n}\n\n._guideMain_1lv8f_244 {\n display: flex;\n flex-direction: column;\n flex: 1;\n gap: 0;\n min-width: 0;\n}\n\n._guideTitle_1lv8f_252 {\n font: var(--dsw-font-s-14);\n font-weight: 500;\n color: var(--dsw-alias-label-primary);\n}\n\n._guideHint_1lv8f_258 {\n margin: 0;\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-caption);\n}\n\n._guideExample_1lv8f_264 {\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-secondary);\n overflow-wrap: anywhere;\n}\n\n._guideExample_1lv8f_264 code {\n font-family: var(--dsw-font-mono, monospace);\n}\n\n._guideExampleLabel_1lv8f_274 {\n color: var(--dsw-alias-label-caption);\n}\n\n._footer_1lv8f_278 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-20);\n width: 100%;\n}\n\n._hero_1lv8f_285 {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--wb-len-10);\n padding: var(--wb-len-8) 0 var(--wb-len-4);\n text-align: center;\n}\n\n._heroIcon_1lv8f_294 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-44);\n height: var(--wb-len-44);\n color: var(--dsw-alias-label-secondary);\n}\n\n._heroIcon_1lv8f_294[data-state='done'] {\n color: var(--dsw-alias-state-success-secondary);\n}\n\n._heroIcon_1lv8f_294[data-state='error'] {\n color: var(--dsw-alias-state-warn-label);\n}\n\n._pendingTitle_1lv8f_311 {\n margin: 0;\n font-size: var(--dsw-font-s-14-font-size);\n line-height: var(--wb-line-22);\n font-weight: 500;\n color: var(--dsw-alias-label-secondary);\n}\n\n._wizardTitle_1lv8f_319 {\n margin: 0;\n font-size: var(--wb-font-18);\n line-height: var(--wb-len-26);\n font-weight: 600;\n}\n\n._subject_1lv8f_326 {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--wb-len-6);\n padding: var(--wb-len-16);\n border: 0.5px solid var(--dsw-alias-border-l3);\n border-radius: var(--dsw-radius-lg);\n text-align: center;\n}\n\n._subjectName_1lv8f_337 {\n margin: 0;\n font: var(--dsw-font-base-strong-16);\n overflow-wrap: anywhere;\n}\n\n._subjectMeta_1lv8f_343,\n._subjectDesc_1lv8f_344 {\n margin: 0;\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-secondary);\n overflow-wrap: anywhere;\n}\n\n._result_1lv8f_351,\n._resultWarn_1lv8f_352 {\n margin: 0;\n padding: var(--wb-len-8) var(--wb-len-12);\n border-radius: var(--dsw-radius-md);\n background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent);\n font: var(--dsw-font-s-14);\n color: var(--dsw-alias-label-primary);\n}\n\n._resultWarn_1lv8f_352 {\n background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);\n}\n\n._resultMeta_1lv8f_365 {\n margin: 0;\n padding: 0 var(--wb-len-12);\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-secondary);\n overflow-wrap: anywhere;\n}\n\n._approval_1lv8f_373 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-8);\n padding: var(--wb-len-12) var(--wb-len-14);\n border: 0.5px solid var(--dsw-alias-state-warn-primary);\n border-radius: var(--dsw-radius-lg);\n background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 8%, transparent);\n}\n\n._approvalTitle_1lv8f_383 {\n margin: 0;\n font: var(--dsw-font-s-14);\n font-weight: 600;\n color: var(--dsw-alias-label-primary);\n}\n\n._approvalText_1lv8f_390 {\n margin: 0;\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-secondary);\n}\n\n._approvalCaution_1lv8f_396 {\n margin: 0;\n font: var(--dsw-font-xs-13);\n font-weight: 600;\n color: var(--dsw-alias-state-warn-primary);\n}\n\n._note_1lv8f_403 {\n margin: 0;\n font: var(--dsw-font-s-14);\n color: var(--dsw-alias-label-secondary);\n overflow-wrap: anywhere;\n}\n\n._noteWarn_1lv8f_410 {\n color: var(--dsw-alias-state-warn-primary);\n}\n\n._noteError_1lv8f_414 {\n color: var(--dsw-alias-state-error-primary);\n}\n\n._problem_1lv8f_418 {\n margin: 0;\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-state-error-primary);\n overflow-wrap: anywhere;\n}\n\n._detailLabel_1lv8f_425 {\n margin: 0;\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-caption);\n}\n\n._detail_1lv8f_425 {\n margin: 0;\n padding: var(--wb-len-8) var(--wb-len-10);\n border: 0.5px solid var(--dsw-alias-border-l1);\n border-radius: var(--dsw-radius-sm);\n background: var(--dsw-alias-bg-layer-3);\n font-family: var(--dsw-font-mono, monospace);\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-secondary);\n overflow-wrap: anywhere;\n white-space: pre-wrap;\n}\n._note_1enlz_1 {\n display: flex;\n align-items: flex-start;\n gap: var(--wb-len-8);\n margin: 0;\n padding: var(--wb-len-10) var(--wb-len-12);\n border-radius: var(--dsw-radius-md);\n background: var(--dsw-alias-state-warn-tertiary);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-secondary);\n}\n\n._note_1enlz_1 > svg {\n flex: none;\n margin-top: var(--wb-len-2);\n color: var(--dsw-alias-state-warn-primary);\n}\n._slot_1t7dx_1 {\n display: flex;\n flex: 0 0 100%;\n min-width: 0;\n}\n\n._slot_1t7dx_1 > * {\n flex: 0 0 100%;\n min-width: 0;\n}\n\n._action_1t7dx_12 {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 1 1 0;\n width: 100%;\n min-width: 0;\n min-height: var(--wb-len-36);\n margin: 0 var(--wb-len-2);\n padding: var(--wb-len-7) var(--wb-len-8);\n border-radius: var(--dsw-radius-md);\n cursor: default;\n overflow: hidden;\n gap: var(--wb-len-4);\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-18);\n}\n\n._live_1t7dx_31 {\n color: var(--dsw-alias-state-success-primary);\n}\n\n._paused_1t7dx_35 {\n color: var(--dsw-alias-state-warn-primary);\n}\n\n._trouble_1t7dx_39 {\n color: var(--dsw-alias-state-error-primary);\n}\n\n._pulse_1t7dx_43 {\n animation: _wb-debug-breathe_1t7dx_1 var(--wb-dur-1-5) var(--ds-ease-in-out, ease-in-out) infinite;\n}\n\n@keyframes _wb-debug-breathe_1t7dx_1 {\n 0%,\n 100% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0.35;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n ._pulse_1t7dx_43 {\n animation: none;\n }\n}\n\n._entry_1t7dx_64 {\n display: flex;\n align-items: center;\n flex: 1 1 auto;\n min-width: 0;\n}\n\n._entryInner_1t7dx_71 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n min-width: 0;\n}\n\n._acts_1t7dx_78 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-2);\n flex: none;\n}\n\n._act_1t7dx_12 {\n appearance: none;\n border: 0;\n background: transparent;\n color: var(--dsw-alias-label-secondary);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-22);\n height: var(--wb-len-22);\n padding: 0;\n border-radius: var(--dsw-radius-sm, var(--wb-len-6));\n flex: none;\n cursor: pointer;\n}\n\n._act_1t7dx_12:hover {\n background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._act_1t7dx_12:focus-visible {\n outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n outline-offset: -2px;\n}\n\n._actStop_1t7dx_110:hover,\n._actStop_1t7dx_110:focus-visible {\n color: var(--dsw-alias-state-error-primary);\n}\n\n._actArmed_1t7dx_115,\n._actArmed_1t7dx_115:hover,\n._actArmed_1t7dx_115:focus-visible {\n background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent);\n width: auto;\n color: var(--dsw-alias-state-error-primary);\n gap: var(--wb-len-4);\n padding: 0 var(--wb-len-7);\n}\n\n._actLabel_1t7dx_125 {\n white-space: nowrap;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-18);\n}\n\n._entryLine_1t7dx_131 {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n._actionRail_1t7dx_138 {\n justify-content: center;\n flex: none;\n width: var(--wb-len-36);\n min-width: var(--wb-len-36);\n height: var(--wb-len-36);\n margin: 0;\n padding: 0;\n corner-shape: round;\n border-radius: 50%;\n}\n\n._card_1t7dx_150 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-4);\n}\n\n._cardTitle_1t7dx_156 {\n color: var(--dsw-alias-label-primary);\n font-size: var(--dsw-font-s-14-font-size);\n line-height: var(--wb-line-20);\n}\n\n._cardNote_1t7dx_162 {\n color: var(--dsw-alias-label-secondary);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n}\n._slot_1gkj9_1 {\n display: flex;\n flex: 0 0 100%;\n min-width: 0;\n}\n\n._slot_1gkj9_1 > * {\n flex: 0 0 100%;\n min-width: 0;\n}\n\n._action_1gkj9_12 {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 1 1 0;\n width: 100%;\n min-width: 0;\n min-height: var(--wb-len-36);\n margin: 0 var(--wb-len-2);\n padding: var(--wb-len-7) var(--wb-len-8);\n border-radius: var(--dsw-radius-md);\n cursor: default;\n overflow: hidden;\n gap: var(--wb-len-4);\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-18);\n}\n\n._live_1gkj9_31 {\n color: var(--dsw-alias-state-warn-primary);\n}\n\n._done_1gkj9_35 {\n color: var(--dsw-alias-state-success-primary);\n}\n\n._pulse_1gkj9_39 {\n animation: _wb-record-breathe_1gkj9_1 var(--wb-dur-1-5) var(--ds-ease-in-out, ease-in-out) infinite;\n}\n\n@keyframes _wb-record-breathe_1gkj9_1 {\n 0%,\n 100% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0.35;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n ._pulse_1gkj9_39 {\n animation: none;\n }\n}\n\n._entry_1gkj9_60 {\n display: flex;\n align-items: center;\n flex: 1 1 auto;\n min-width: 0;\n}\n\n._entryInner_1gkj9_67 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n min-width: 0;\n}\n\n._acts_1gkj9_74 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-2);\n flex: none;\n}\n\n._act_1gkj9_12 {\n appearance: none;\n border: 0;\n background: transparent;\n color: var(--dsw-alias-label-secondary);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--wb-len-22);\n padding: 0 var(--wb-len-7);\n border-radius: var(--dsw-radius-sm, var(--wb-len-6));\n flex: none;\n cursor: pointer;\n white-space: nowrap;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-18);\n}\n\n._act_1gkj9_12:hover {\n background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._act_1gkj9_12:focus-visible {\n outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n outline-offset: -2px;\n}\n\n._entryLine_1gkj9_108 {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n._actionRail_1gkj9_115 {\n justify-content: center;\n flex: none;\n width: var(--wb-len-36);\n min-width: var(--wb-len-36);\n height: var(--wb-len-36);\n margin: 0;\n padding: 0;\n corner-shape: round;\n border-radius: 50%;\n}\n\n._card_1gkj9_127 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-4);\n}\n\n._cardTitle_1gkj9_133 {\n color: var(--dsw-alias-label-primary);\n font-size: var(--dsw-font-s-14-font-size);\n line-height: var(--wb-line-20);\n}\n\n._cardNote_1gkj9_139 {\n color: var(--dsw-alias-label-secondary);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n}\n._body_lw2ph_1 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-12);\n}\n\n._lead_lw2ph_7 {\n margin: 0;\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-secondary);\n}\n\n._sources_lw2ph_14 {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--wb-len-8);\n}\n\n._sourcesLabel_lw2ph_21 {\n font-size: var(--dsw-font-xxs-12-font-size);\n color: var(--dsw-alias-label-secondary);\n}\n\nbutton._sourceOn_lw2ph_26 {\n border-color: var(--dsw-alias-brand-primary);\n}\n._sourceCount_lw2ph_29 {\n margin-left: var(--wb-len-4);\n font-variant-numeric: tabular-nums;\n font-size: var(--dsw-font-xxs-12-font-size);\n color: var(--dsw-alias-label-tertiary);\n}\n\n._reading_lw2ph_36 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-4);\n}\n\n._status_lw2ph_42 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-6);\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n}\n\n._failure_lw2ph_52 {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n column-gap: var(--wb-len-10);\n row-gap: var(--wb-len-2);\n color: var(--dsw-alias-state-error-primary);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n}\n\n._failureTitle_lw2ph_62 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-6);\n min-width: 0;\n}\n\n._failureHint_lw2ph_69 {\n grid-column: 1;\n color: var(--dsw-alias-label-tertiary);\n}\n\n._failureAction_lw2ph_74 {\n grid-column: 2;\n grid-row: 1;\n justify-self: end;\n}\n\n._rows_lw2ph_80 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-8);\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n._row_lw2ph_80 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-6);\n padding: var(--wb-len-12) var(--wb-len-14);\n border: 0.5px solid var(--dsw-alias-settings-card-stroke);\n border-radius: var(--dsw-radius-xl);\n background: var(--dsw-alias-settings-card-fill);\n}\n\n._head_lw2ph_99 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-8);\n min-width: 0;\n}\n\n._pick_lw2ph_106 {\n flex: 0 1 auto;\n min-width: 0;\n font-size: var(--dsw-font-xs-13-font-size);\n}\n\n._pick_lw2ph_106 > span {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n._code_lw2ph_118 {\n --dsl-code-block-background: var(--dsw-alias-bg-layer-1);\n margin: 0;\n}\n\n._missing_lw2ph_123,\n._conflict_lw2ph_124 {\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-state-warn-primary);\n}\n\n._foot_lw2ph_130 {\n display: flex;\n justify-content: flex-end;\n}\n._actions_jlw8j_1[hidden],\n._progress_jlw8j_2[hidden],\n._commandRow_jlw8j_3[hidden],\n._bridge_jlw8j_4[hidden],\n._raw_jlw8j_5[hidden] {\n display: none;\n}\n\n._gate_jlw8j_9 {\n position: fixed;\n inset: 0;\n z-index: var(--wb-z-top);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--wb-len-24);\n background: var(--dsw-alias-bg-base);\n}\n\n._card_jlw8j_20 {\n width: 100%;\n max-width: var(--wb-len-420);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--wb-len-16);\n text-align: center;\n}\n\n._card_jlw8j_20:has(._actions_jlw8j_1:not([hidden])),\n._card_jlw8j_20:has(._bridge_jlw8j_4:not([hidden])) {\n max-width: var(--wb-len-520);\n}\n\n._title_jlw8j_35 {\n margin: 0;\n font-size: var(--dsw-font-base-16-font-size);\n line-height: var(--wb-line-24);\n font-weight: 600;\n color: var(--dsw-alias-label-primary);\n}\n\n._hint_jlw8j_43 {\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n}\n\n._steps_jlw8j_50 {\n list-style: none;\n margin: var(--wb-len-6) 0 0;\n padding: 0;\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-2);\n text-align: left;\n}\n\n._step_jlw8j_50 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-8);\n padding: var(--wb-len-6) var(--wb-len-10);\n border-radius: var(--dsw-radius-sm);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-secondary);\n background: var(--dsw-alias-bg-layer-1);\n}\n\n._step_jlw8j_50[data-status='running'] {\n color: var(--dsw-alias-label-primary);\n}\n\n._mark_jlw8j_77 {\n flex: none;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-14);\n height: var(--wb-len-14);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n font-variant-numeric: tabular-nums;\n}\n\n._step_jlw8j_50[data-status='ok'] ._mark_jlw8j_77 {\n color: var(--dsw-alias-state-success-primary);\n}\n\n._step_jlw8j_50[data-status='warn'] ._mark_jlw8j_77 {\n color: var(--dsw-alias-state-warn-primary);\n}\n\n._step_jlw8j_50[data-status='failed'] ._mark_jlw8j_77 {\n color: var(--dsw-alias-state-error-primary);\n}\n\n._label_jlw8j_102 {\n flex: none;\n}\n\n._detail_jlw8j_106 {\n margin-left: auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--dsw-alias-label-tertiary);\n}\n\n._progress_jlw8j_2 {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--wb-len-8);\n margin-top: var(--wb-len-4);\n max-width: 100%;\n}\n\n._elapsed_jlw8j_124 {\n flex: none;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-tertiary);\n font-variant-numeric: tabular-nums;\n}\n\n._error_jlw8j_132 {\n margin: 0;\n padding: var(--wb-len-8) var(--wb-len-10);\n max-height: var(--wb-len-120);\n overflow: auto;\n border-radius: var(--dsw-radius-sm);\n background: var(--dsw-alias-bg-layer-1);\n font-family: var(--ds-font-family-code, monospace);\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n white-space: pre-wrap;\n word-break: break-all;\n text-align: left;\n color: var(--dsw-alias-label-tertiary);\n}\n\n._commandRow_jlw8j_3 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-4);\n margin: 0 0 var(--wb-len-8);\n padding-right: var(--wb-len-4);\n border-radius: var(--dsw-radius-sm);\n background: var(--dsw-alias-bg-layer-2);\n}\n\n._copy_jlw8j_158 {\n flex: none;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-24);\n height: var(--wb-len-24);\n padding: 0;\n border: none;\n border-radius: var(--wb-radius-6);\n background: transparent;\n color: var(--dsw-alias-label-tertiary);\n cursor: pointer;\n}\n\n._copy_jlw8j_158:hover {\n background: var(--dsw-alias-interactive-bg-hover);\n color: var(--dsw-alias-label-primary);\n}\n\n._command_jlw8j_3 {\n flex: 1;\n min-width: 0;\n padding: var(--wb-len-8) var(--wb-len-10);\n border-radius: var(--dsw-radius-sm);\n background: transparent;\n font-family: var(--ds-font-family-code, monospace);\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n overflow-wrap: anywhere;\n color: var(--dsw-alias-label-primary);\n}\n\n._buttons_jlw8j_191 {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--wb-len-12);\n}\n\n._mockSlot_jlw8j_198 {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n justify-content: center;\n background: var(--dsw-alias-bg-base);\n}\n\n._button_jlw8j_191 {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--wb-len-28);\n padding: 0 var(--wb-len-10);\n border: 0.5px solid var(--dsw-alias-border-l3);\n border-radius: var(--dsw-radius-sm);\n background: transparent;\n font: inherit;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-primary);\n cursor: pointer;\n}\n\n._button_jlw8j_191:hover:not(:disabled) {\n background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._button_jlw8j_191:disabled {\n cursor: not-allowed;\n opacity: 0.4;\n}\n\n._actions_jlw8j_1,\n._bridge_jlw8j_4 {\n box-sizing: border-box;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: var(--wb-len-10);\n margin-top: var(--wb-len-4);\n padding: var(--wb-len-14) var(--wb-len-16);\n border: 0.5px solid var(--dsw-alias-border-l2);\n border-radius: var(--wb-radius-14);\n background: var(--dsw-alias-bg-layer-1);\n text-align: left;\n}\n\n._fixTitle_jlw8j_249 {\n margin: 0;\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-20);\n font-weight: 600;\n color: var(--dsw-alias-label-primary);\n}\n\n._actions_jlw8j_1 ._hint_jlw8j_43,\n._bridge_jlw8j_4 ._hint_jlw8j_43 {\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-19);\n color: var(--dsw-alias-label-secondary);\n}\n\n._actions_jlw8j_1 ._commandRow_jlw8j_3,\n._bridge_jlw8j_4 ._commandRow_jlw8j_3 {\n margin: 0;\n}\n\n._actions_jlw8j_1 ._buttons_jlw8j_191,\n._bridge_jlw8j_4 ._buttons_jlw8j_191 {\n justify-content: flex-start;\n}\n\n._raw_jlw8j_5 {\n margin: 0;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-tertiary);\n}\n\n._rawSummary_jlw8j_282 {\n cursor: pointer;\n color: var(--dsw-alias-label-tertiary);\n}\n\n._actions_jlw8j_1 ._error_jlw8j_132,\n._bridge_jlw8j_4 ._error_jlw8j_132 {\n margin-top: var(--wb-len-6);\n}\n\n._bridgeLines_jlw8j_292 {\n margin: 0;\n padding-left: var(--wb-len-18);\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-8);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-19);\n color: var(--dsw-alias-label-secondary);\n}\n\n._bridgeLine_jlw8j_292 a {\n display: block;\n margin-top: var(--wb-len-4);\n width: fit-content;\n}\n\n._link_jlw8j_309 {\n color: var(--dsw-alias-label-primary);\n text-decoration: none;\n}\n\n._link_jlw8j_309::after {\n content: '↗';\n margin-left: var(--wb-len-2);\n}\n\n._link_jlw8j_309:hover {\n text-decoration: underline;\n}\n\n._loading_jlw8j_323 {\n flex: none;\n color: var(--dsw-alias-label-tertiary);\n}\n\n._loading_jlw8j_323[hidden] {\n display: none;\n}\n\n._loadingMotion_jlw8j_332 {\n transform-origin: center;\n animation: _wb-spin_jlw8j_1 var(--wb-dur-1-5) linear infinite;\n}\n\n._loadingTrack_jlw8j_337,\n._loadingArc_jlw8j_338 {\n fill: none;\n stroke: currentColor;\n stroke-width: 2;\n stroke-linecap: round;\n}\n\n._loadingTrack_jlw8j_337 {\n opacity: 0.25;\n}\n\n._loadingArc_jlw8j_338 {\n stroke-dasharray: 12 150;\n animation: _wb-dash_jlw8j_1 var(--wb-dur-1-5) ease-in-out infinite;\n}\n\n@keyframes _wb-spin_jlw8j_1 {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes _wb-dash_jlw8j_1 {\n 0% {\n stroke-dasharray: 12 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 24 150;\n stroke-dashoffset: -6;\n }\n to {\n stroke-dasharray: 12 150;\n stroke-dashoffset: 0;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n ._loadingMotion_jlw8j_332,\n ._loadingArc_jlw8j_338 {\n animation: none;\n }\n}\n._group_1hxis_1 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-2);\n}\n\n._button_1hxis_7 {\n flex: none;\n width: var(--wb-len-28);\n height: var(--wb-len-28);\n padding: 0;\n color: var(--dsw-alias-label-secondary);\n}\n\n._button_1hxis_7:hover:not(:disabled) {\n color: var(--dsw-alias-label-primary);\n}\n\n._active_1hxis_19 {\n background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._icon_1hxis_23 {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n._icon_1hxis_23 svg {\n display: block;\n width: var(--wb-len-15);\n height: var(--wb-len-15);\n}\n\n._mirror_1hxis_35 {\n transform: scaleX(-1);\n}\n._stripTabs_1dqp4_1 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-4);\n min-width: 0;\n overflow: hidden;\n}\n\n._tab_1dqp4_9 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-6);\n flex: none;\n height: var(--wb-len-28);\n padding: 0 var(--wb-len-10);\n border: 0;\n border-radius: var(--dsw-radius-sm);\n background: none;\n font: inherit;\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-16);\n max-width: 100%;\n}\n\n._tabActive_1dqp4_25 {\n color: var(--dsw-alias-label-primary);\n}\n\n._tabQuiet_1dqp4_29 {\n color: var(--dsw-alias-label-tertiary);\n cursor: pointer;\n}\n\n._tabQuiet_1dqp4_29:hover {\n color: var(--dsw-alias-label-primary);\n background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._tabTitle_1dqp4_39 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-6);\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n._sep_1dqp4_49 {\n flex: none;\n color: var(--dsw-alias-label-dimmed);\n}\n._trigger_15ptp_1 {\n display: flex;\n align-items: center;\n}\n\n._pop_15ptp_6 {\n position: absolute;\n top: calc(var(--wb-len-38) + var(--wb-len-8));\n right: var(--wb-len-6);\n z-index: var(--wb-z-30);\n width: min(var(--wb-len-360), calc(100% - var(--wb-len-12)));\n max-width: calc(100vw - var(--wb-len-48));\n border: 0.5px solid var(--dsw-alias-border-l2);\n border-radius: var(--wb-radius-14);\n background: var(--dsw-alias-bg-layer-2);\n box-shadow: var(--dsw-shadow-lv3);\n overflow: hidden;\n}\n\n._head_15ptp_20 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-8);\n padding: var(--wb-len-10) var(--wb-len-12) var(--wb-len-9) var(--wb-len-14);\n border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n._title_15ptp_28 {\n flex: 1;\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-20);\n font-weight: 600;\n color: var(--dsw-alias-label-primary);\n}\n\n._rowControls_15ptp_36 {\n flex: none;\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-8);\n}\n\n._reset_15ptp_43 {\n flex: none;\n padding: var(--wb-len-3) var(--wb-len-8);\n border: none;\n border-radius: var(--wb-radius-6);\n background: transparent;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-tertiary);\n cursor: pointer;\n}\n\n._reset_15ptp_43:hover:not(:disabled) {\n background: var(--dsw-alias-interactive-bg-hover);\n color: var(--dsw-alias-label-primary);\n}\n\n._reset_15ptp_43:disabled {\n cursor: default;\n opacity: 0.5;\n}\n\n._list_15ptp_65 {\n list-style: none;\n margin: 0;\n padding: var(--wb-len-6);\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-2);\n}\n\n._row_15ptp_36 {\n position: relative;\n display: grid;\n grid-template-columns: 12px minmax(0, 1fr) auto;\n align-items: center;\n gap: var(--wb-len-8);\n padding: var(--wb-len-7) var(--wb-len-8);\n border-radius: var(--dsw-radius-sm);\n cursor: default;\n}\n\n._rowDragging_15ptp_85 {\n cursor: grabbing;\n}\n\n._rowBlocked_15ptp_89 {\n cursor: not-allowed;\n}\n\n._listDragging_15ptp_93 ._rowControls_15ptp_36 {\n pointer-events: none;\n}\n\n._row_15ptp_36:hover {\n background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._rowOff_15ptp_101 {\n opacity: 0.55;\n}\n\n._rowOff_15ptp_101:hover {\n opacity: 1;\n}\n\n._rowOver_15ptp_109::before {\n content: '';\n position: absolute;\n top: var(--wb-len-neg-3);\n left: var(--wb-len-8);\n right: var(--wb-len-8);\n height: var(--wb-len-2);\n background: var(--dsw-alias-brand-primary);\n}\n\n._ghost_15ptp_119 {\n position: fixed;\n z-index: var(--wb-z-40);\n pointer-events: none;\n padding: var(--wb-len-4) var(--wb-len-10);\n border: 0.5px solid var(--dsw-alias-border-l3);\n border-radius: var(--dsw-radius-sm);\n background: var(--dsw-alias-bg-layer-1);\n box-shadow: var(--wb-static-shadow-ghost);\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-primary);\n white-space: nowrap;\n}\n\n._grip_15ptp_134 {\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n text-align: center;\n color: var(--dsw-alias-label-tertiary);\n user-select: none;\n cursor: grab;\n touch-action: none;\n}\n\n._gripDragging_15ptp_144 {\n cursor: grabbing;\n}\n\n._gripBlocked_15ptp_148 {\n cursor: not-allowed;\n}\n\n._label_15ptp_152 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n min-width: 0;\n}\n\n._name_15ptp_159 {\n min-width: 0;\n flex: 0 1 auto;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-primary);\n}\n\n._error_15ptp_170 {\n margin: 0;\n padding: 0 var(--wb-len-14) var(--wb-len-10);\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-state-error-primary);\n}\n\n._dep_15ptp_178 {\n flex: none;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-tertiary);\n white-space: nowrap;\n}\n\n._group_15ptp_186 {\n padding-top: var(--wb-len-6);\n border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n._groupTitle_15ptp_191 {\n margin: 0;\n padding: var(--wb-len-2) var(--wb-len-8) 0 var(--wb-len-14);\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n font-weight: 400;\n color: var(--dsw-alias-label-tertiary);\n}\n._panel_1whum_1 {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: var(--wb-z-10);\n visibility: hidden;\n}\n\n._panel_1whum_1[data-fullscreen] {\n z-index: var(--wb-z-40);\n}\n\n._panel_1whum_1[data-open] {\n visibility: visible;\n}\n\n._columns_1whum_18 {\n display: block;\n column-gap: var(--wb-len-12);\n}\n\n._cell_1whum_23 {\n display: flow-root;\n min-width: 0;\n break-inside: avoid;\n margin-bottom: var(--wb-len-12);\n}\n._root_1cmz0_1 {\n position: relative;\n flex: none;\n margin: 0 var(--wb-len-2) var(--wb-len-4);\n}\n\n._rail_1cmz0_7 {\n margin: 0 0 var(--wb-len-4);\n}\n\n._glyphBox_1cmz0_11 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n}\n\n._glyph_1cmz0_11 {\n position: relative;\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-16);\n height: var(--wb-len-20);\n color: var(--dsw-alias-label-tertiary);\n}\n\n._glyphActive_1cmz0_30 {\n color: var(--dsw-alias-state-business-primary);\n}\n\n._triggerName_1cmz0_34 {\n flex: 1;\n min-width: 0;\n display: flex;\n align-items: baseline;\n gap: var(--wb-len-6);\n font-size: var(--wb-font-row);\n line-height: var(--wb-line-20);\n overflow: hidden;\n}\n\n._dir_1cmz0_45 {\n flex: 0 1 auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n._name_1cmz0_53 {\n flex: 0 1 auto;\n max-width: 50%;\n font-size: var(--dsw-font-xxs-12-font-size);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n._triggerName_1cmz0_34 ._name_1cmz0_53 {\n color: var(--dsw-alias-label-tertiary);\n}\n\n._row_1cmz0_66 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n width: 100%;\n min-width: 0;\n}\n\n._trailing_1cmz0_74 {\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-20);\n height: var(--wb-len-20);\n margin-inline-start: auto;\n}\n\n._trailing_1cmz0_74 ._rowAction_1cmz0_84 {\n width: var(--wb-len-20);\n min-width: var(--wb-len-20);\n height: var(--wb-len-20);\n min-height: var(--wb-len-20);\n padding: 0;\n border-radius: var(--dsw-radius-sm);\n}\n\n._row_1cmz0_66 ._name_1cmz0_53 {\n color: var(--dsw-alias-label-tertiary);\n}\n\n._current_1cmz0_97 {\n flex: none;\n display: inline-flex;\n align-items: center;\n color: var(--dsw-alias-label-primary);\n}\n._dot_sosf1_1 {\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n._overlay_sosf1_8 {\n position: absolute;\n inset-block-start: var(--wb-len-neg-3);\n inset-inline-end: var(--wb-len-neg-3);\n}\n._tag_g9dg8_1 {\n flex: none;\n margin-inline-start: auto;\n}\n._dialog_1vye5_1 {\n width: min(var(--wb-len-420), 100%);\n}\n\n._stack_1vye5_5 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-8);\n min-width: 0;\n}\n\n._input_1vye5_12 {\n width: 100%;\n height: var(--wb-len-40);\n padding: 0 var(--wb-len-12);\n}\n\n._meta_1vye5_18 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--wb-len-12);\n min-width: 0;\n}\n._blocker_1oaj0_1 {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--wb-len-6);\n padding: var(--wb-len-20) var(--wb-len-16);\n text-align: center;\n}\n\n._icon_1oaj0_10 {\n display: flex;\n color: var(--dsw-alias-label-tertiary);\n}\n\n._title_1oaj0_15 {\n margin: var(--wb-len-2) 0 0;\n font-size: var(--dsw-font-s-14-font-size);\n line-height: var(--wb-line-22);\n font-weight: 600;\n color: var(--dsw-alias-label-primary);\n}\n\n._hint_1oaj0_23 {\n margin: 0;\n max-width: var(--wb-len-42em);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n text-wrap: pretty;\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 {\n align-items: flex-start;\n gap: var(--wb-len-6);\n padding: var(--wb-len-4) 0 var(--wb-len-2);\n text-align: left;\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._title_1oaj0_15 {\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-20);\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._hint_1oaj0_23 {\n max-width: 100%;\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._actions_1oaj0_48 {\n margin-top: var(--wb-len-8);\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._raw_1oaj0_52 {\n margin-top: var(--wb-len-4);\n max-width: 100%;\n}\n\n._actions_1oaj0_48 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-10);\n margin-top: var(--wb-len-6);\n}\n\n._raw_1oaj0_52 {\n margin-top: var(--wb-len-10);\n width: 100%;\n max-width: var(--wb-len-360);\n text-align: left;\n}\n\n._notice_1oaj0_71 {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n align-items: start;\n column-gap: var(--wb-len-10);\n margin: 0 0 var(--wb-len-10);\n padding: var(--wb-len-10) var(--wb-len-12);\n border: 0.5px solid var(--dsw-alias-border-l2);\n border-left: 2px solid var(--dsw-alias-border-l3);\n border-radius: var(--dsw-radius-sm);\n background: var(--dsw-alias-bg-layer-1);\n}\n\n._notice_1oaj0_71._noticeFlat_1oaj0_84 {\n margin: 0;\n padding: 0;\n border: 0;\n background: transparent;\n}\n\n._noticeText_1oaj0_91 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-3);\n min-width: 0;\n}\n\n._noticeTitle_1oaj0_98 {\n font-size: var(--wb-font-12-5);\n line-height: var(--wb-line-18);\n font-weight: 600;\n color: var(--dsw-alias-label-primary);\n}\n\n._noticeHint_1oaj0_105 {\n font-size: var(--wb-font-11-5);\n line-height: var(--wb-line-17);\n color: var(--dsw-alias-label-tertiary);\n overflow-wrap: anywhere;\n}\n\n._noticeActions_1oaj0_112 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n margin-top: var(--wb-len-neg-2);\n}\n\n._failure_1oaj0_119 {\n margin: var(--wb-len-8) 0 0;\n font-size: var(--wb-font-11-5);\n line-height: var(--wb-line-17);\n color: var(--dsw-alias-state-error-primary);\n overflow-wrap: anywhere;\n}\n\n._failureDetail_1oaj0_127 {\n display: block;\n margin-top: var(--wb-len-2);\n color: var(--dsw-alias-label-tertiary);\n white-space: pre-wrap;\n}\n\n._inlineAction_1oaj0_134 {\n padding: 0;\n border: none;\n background: transparent;\n cursor: pointer;\n}\n\n._inlineAction_1oaj0_134:disabled {\n opacity: 0.6;\n cursor: default;\n}\n\n._rawText_1oaj0_146 {\n margin: var(--wb-len-6) 0 0;\n max-width: 100%;\n}\n/*$vite$:1*/";
|
|
11698
|
+
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*/";
|
|
10534
11699
|
function workbenchCss() {
|
|
10535
11700
|
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}`;
|
|
10536
11701
|
}
|