@dsh-workbench/core 0.3.4 → 0.3.6

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.
Files changed (51) hide show
  1. package/client.js +1362 -85
  2. package/dist/client/client.body.js +1362 -85
  3. package/dist/client/index.js +1362 -85
  4. package/dist/host/index.js +1019 -869
  5. package/dist/types/app/client.d.ts +234 -60
  6. package/dist/types/modules/panels/client.d.ts +1 -1
  7. package/dist/types/modules/panels/model/approval.d.ts +8 -0
  8. package/dist/types/modules/panels/model/diy-context.d.ts +4 -5
  9. package/dist/types/modules/panels/model/diy-observers.d.ts +2 -2
  10. package/dist/types/modules/panels/model/diy-page.d.ts +1 -1
  11. package/dist/types/modules/panels/model/long-task-tools.d.ts +15 -0
  12. package/dist/types/modules/panels/model/long-task-tools.test.d.ts +1 -0
  13. package/dist/types/modules/panels/unit.d.ts +6 -5
  14. package/dist/types/shared/api/context-chips.d.ts +20 -0
  15. package/dist/types/shared/api/host/approval-call.d.ts +16 -0
  16. package/dist/types/shared/api/host/diy-components.d.ts +17 -6
  17. package/dist/types/shared/api/host/diy-workshop.d.ts +0 -3
  18. package/dist/types/shared/api/host/long-task-notice.d.ts +30 -0
  19. package/dist/types/shared/api/host/mount-units.d.ts +3 -1
  20. package/dist/types/shared/api/host/preset-scope.d.ts +16 -0
  21. package/dist/types/shared/api/host/tool-scope.d.ts +6 -2
  22. package/dist/types/shared/api/host/workshop-root.d.ts +7 -0
  23. package/dist/types/shared/components/BlockerState.d.ts +12 -0
  24. package/dist/types/shared/components/PanelFoot.d.ts +9 -0
  25. package/dist/types/shared/components/Tip.d.ts +8 -0
  26. package/dist/types/shared/hooks/bundle-queries.d.ts +12 -0
  27. package/dist/types/shared/hooks/fact-transports.d.ts +4 -0
  28. package/dist/types/shared/hooks/panel-state-report.d.ts +12 -0
  29. package/dist/types/shared/hooks/use-api-resource.d.ts +22 -0
  30. package/dist/types/shared/hooks/use-blocker-actions.d.ts +8 -0
  31. package/dist/types/shared/hooks/use-capabilities.d.ts +55 -0
  32. package/dist/types/shared/hooks/use-capability-gate.d.ts +16 -0
  33. package/dist/types/shared/hooks/use-card-summary.d.ts +7 -0
  34. package/dist/types/shared/hooks/use-diy-debug.d.ts +13 -0
  35. package/dist/types/shared/hooks/use-diy-record.d.ts +13 -0
  36. package/dist/types/shared/hooks/use-facts.d.ts +10 -0
  37. package/dist/types/shared/hooks/use-host-write.d.ts +12 -0
  38. package/dist/types/shared/hooks/use-long-task.d.ts +15 -1
  39. package/dist/types/shared/hooks/use-unit-board.d.ts +17 -0
  40. package/dist/types/shared/hooks/use-visible-busy.d.ts +17 -0
  41. package/package.json +2 -2
  42. package/skills/workbench-module-diy/DATASOURCE.md +2 -2
  43. package/skills/workbench-module-diy/FAMILY.md +5 -4
  44. package/skills/workbench-module-diy/KIT.md +105 -100
  45. package/skills/workbench-module-diy/PANEL.md +19 -11
  46. package/skills/workbench-module-diy/REVIEW.md +4 -4
  47. package/skills/workbench-module-diy/SKILL.md +5 -4
  48. package/skills/workbench-module-diy/TOOLING.md +7 -3
  49. package/skills/workbench-module-diy/TOOLS.md +20 -2
  50. package/skills/workbench-module-diy/WIRING.md +2 -1
  51. package/skills/workbench-module-diy/HOOKS.md +0 -95
@@ -13,6 +13,11 @@ var __exportAll = (all, no_symbols) => {
13
13
  //#endregion
14
14
  let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
15
15
  //#region ../shared/dist/lib/ui.js
16
+ /**
17
+ * 拼类名:只留真值、用空格连接(`false` / `null` / `undefined` / 空串都丢掉)。
18
+ * @param parts - 若干类名或条件值。
19
+ * @returns 拼好的类字符串;一个真值都没有给空串。
20
+ */
16
21
  function cx(...parts) {
17
22
  return parts.filter(Boolean).join(" ");
18
23
  }
@@ -21,6 +26,12 @@ var HOUR = 60 * MINUTE;
21
26
  var DAY = 24 * HOUR;
22
27
  var MONTH = 30 * DAY;
23
28
  var YEAR = 365 * DAY;
29
+ /**
30
+ * 把时间戳按 dsh 的分档切成「刚刚 / N 分钟 / N 小时 / N 天 / N 月 / N 年」—— 30 天进月、365 天进年。
31
+ * @param epochMs - 要换算的时间戳(毫秒)。
32
+ * @param now - 基准时间,默认 `Date.now()`。
33
+ * @returns 档位与数量;时间戳或基准不是有限数给 `null`,未来时间钳到「刚刚」(`now` / 0)。
34
+ */
24
35
  function relativeTimeBucket(epochMs, now = Date.now()) {
25
36
  if (!Number.isFinite(epochMs) || !Number.isFinite(now)) return null;
26
37
  const diff = Math.max(0, now - epochMs);
@@ -52,16 +63,36 @@ function relativeTimeBucket(epochMs, now = Date.now()) {
52
63
  function bucketLabel(bucket, t) {
53
64
  return bucket.unit === "now" ? t("time.now") : t(`time.short.${bucket.unit}`, { n: bucket.n });
54
65
  }
66
+ /**
67
+ * 行内用的紧凑相对时间(「3 分钟」这种,不带「前」)。
68
+ * @param epochMs - 要换算的时间戳(毫秒)。
69
+ * @param t - 词表取词函数。
70
+ * @param now - 基准时间,默认 `Date.now()`。
71
+ * @returns 紧凑文案;时间戳非法给空串。
72
+ */
55
73
  function relativeTimeCompact(epochMs, t, now) {
56
74
  const bucket = relativeTimeBucket(epochMs, now);
57
75
  return bucket === null ? "" : bucketLabel(bucket, t);
58
76
  }
77
+ /**
78
+ * 悬停卡里用的相对时间(「3 分钟前」);「刚刚」那一档不加「前」。
79
+ * @param epochMs - 要换算的时间戳(毫秒)。
80
+ * @param t - 词表取词函数。
81
+ * @param now - 基准时间,默认 `Date.now()`。
82
+ * @returns 带「前」的文案;时间戳非法给空串。
83
+ */
59
84
  function relativeTimeAgo(epochMs, t, now) {
60
85
  const bucket = relativeTimeBucket(epochMs, now);
61
86
  if (bucket === null) return "";
62
87
  const label = bucketLabel(bucket, t);
63
88
  return bucket.unit === "now" ? label : t("time.ago", { t: label });
64
89
  }
90
+ /**
91
+ * 会话行那一版相对时间:一小时内按分钟、一天内按小时、七天内按天,再久直接给绝对时间(到秒)。
92
+ * @param epochMs - 要换算的时间戳(毫秒)。
93
+ * @param t - 词表取词函数。
94
+ * @returns 文案;时间戳不是有限数给空串,未来时间落「刚刚」,七天及以上给本地化的年月日时分秒。
95
+ */
65
96
  function relativeTime(epochMs, t) {
66
97
  if (!Number.isFinite(epochMs)) return "";
67
98
  const diff = Date.now() - epochMs;
@@ -78,12 +109,22 @@ function relativeTime(epochMs, t) {
78
109
  second: "2-digit"
79
110
  });
80
111
  }
112
+ /**
113
+ * 把 `/Users/<用户名>/…` 缩成 `~/…`,免得会话行里全是一样的长前缀。
114
+ * @param path - 任意值。
115
+ * @returns 缩好的路径;不在用户主目录下原样返回,不是字符串给空串。
116
+ */
81
117
  function shortenPath(path) {
82
118
  if (typeof path !== "string") return "";
83
119
  const hit = path.match(/^\/Users\/[^/]+/);
84
120
  return hit === null ? path : path.replace(hit[0], "~");
85
121
  }
86
122
  var LOCAL_TIMESTAMP = /^(\d{4})-(\d{2})-(\d{2})[ T](\d{2}):(\d{2}):(\d{2})$/;
123
+ /**
124
+ * 解析不带时区的本地时间戳(`YYYY-MM-DD HH:mm:ss`,也接受 `T` 分隔),按本机时区换算。
125
+ * @param text - 原文;`null` / `undefined` 当空串;首尾空白容忍。
126
+ * @returns 毫秒时间戳;形态不认识给 `NaN`(调用方据此回退到原始字符串,宁可不换算也不显示错时间)。
127
+ */
87
128
  function parseLocalTimestamp(text) {
88
129
  const raw = String(text ?? "").trim();
89
130
  if (!LOCAL_TIMESTAMP.test(raw)) return NaN;
@@ -104,6 +145,13 @@ function copyAction(t, text) {
104
145
  text
105
146
  };
106
147
  }
148
+ /**
149
+ * 把一次读失败翻成一张卡住态,交给卡片直接渲染。
150
+ * @param error 读口回的错误;undefined 表示连错误都没拿到(多半是网络断,回「原因未知」)。
151
+ * @param t 文案函数,只取 blocker.* 命名空间的键。
152
+ * @param context 判定现场;platform 缺省时标题不带平台名。
153
+ * @returns 一定有一张卡,actions 至少一颗「重试」。
154
+ */
107
155
  function blockerOfError(error, t, context = {}) {
108
156
  if (error === void 0) return {
109
157
  id: "unknown",
@@ -173,6 +221,12 @@ function blockerOfError(error, t, context = {}) {
173
221
  };
174
222
  }
175
223
  }
224
+ /**
225
+ * 把宿主回的环境读数翻成卡住态:探针没查过(unchecked)只算提示,不挡卡片。
226
+ * @param capability 宿主回的单元环境读数。
227
+ * @param t 文案函数,键都在 env.unit.* / blocker.* 下。
228
+ * @returns status 为 'ok' 时给 undefined(没有卡住态),其余状态一律给一张。
229
+ */
176
230
  function blockerOfCapability(capability, t) {
177
231
  if (capability.status === "ok") return void 0;
178
232
  const fixAction = capability.fix === void 0 ? void 0 : {
@@ -226,12 +280,25 @@ function blockerOfCapability(capability, t) {
226
280
  }
227
281
  //#endregion
228
282
  //#region ../shared/dist/api/context-ref.js
283
+ /**
284
+ * 引用标记的固定名字;完整标记是 @<这个名字>:<编码文本>,改它等于作废历史会话里已写下的引用。
285
+ */
229
286
  var CONTEXT_MARKER_NAME = "工作台";
230
287
  var MARKER = new RegExp(`@${CONTEXT_MARKER_NAME}:([a-z][a-z0-9-]*:[A-Za-z0-9._~%#/-]+)`, "g");
231
288
  var TRAILING_PUNCTUATION = /[.,;:!?]+$/;
289
+ /**
290
+ * 把引用拼回标记体里的那一段文本(不含 @ 与标记名)。
291
+ * @param ref 要拼的引用。
292
+ * @returns 形如 kind:part/part;分段里的 / 不转义,所以分段名本身不能含 /。
293
+ */
232
294
  function encodeRef(ref) {
233
295
  return `${ref.kind}:${ref.parts.join("/")}`;
234
296
  }
297
+ /**
298
+ * 把 kind:part/part 文本读回引用。
299
+ * @param text 待解析文本。
300
+ * @returns 没冒号、冒号在首尾、种类不是小写字母开头、或冒号后为空时给 undefined;不抛异常。
301
+ */
235
302
  function decodeRef(text) {
236
303
  const at = text.indexOf(":");
237
304
  if (at <= 0 || at === text.length - 1) return void 0;
@@ -244,12 +311,27 @@ function decodeRef(text) {
244
311
  parts
245
312
  };
246
313
  }
314
+ /**
315
+ * 拼出 @ 后面那半截(标记名加已编码文本),比较与拼接都用它。
316
+ * @param encoded encodeRef 的结果。
317
+ * @returns 形如 工作台:file:src/a.ts。
318
+ */
247
319
  function markerBody(encoded) {
248
320
  return `${CONTEXT_MARKER_NAME}:${encoded}`;
249
321
  }
322
+ /**
323
+ * 把一条引用拼成能写进对话文本的完整标记。
324
+ * @param ref 要标记的引用。
325
+ * @returns 形如 @工作台:file:src/a.ts 的一段文本。
326
+ */
250
327
  function buildMarker(ref) {
251
328
  return `@${markerBody(encodeRef(ref))}`;
252
329
  }
330
+ /**
331
+ * 从一段文本里按出现顺序捞出所有标记引用,同一个引用只留第一次。
332
+ * @param text 任意文本;null / undefined 当空串。
333
+ * @returns 解析不出来的标记会被丢掉,所以结果只含合法引用,可能为空数组。
334
+ */
253
335
  function parseMarkers(text) {
254
336
  const seen = /* @__PURE__ */ new Set();
255
337
  const refs = [];
@@ -263,15 +345,35 @@ function parseMarkers(text) {
263
345
  }
264
346
  return refs;
265
347
  }
348
+ /**
349
+ * 由单元 id 拼出它那一族事实的范围名。
350
+ * @param unit 单元 id,不带后缀。
351
+ * @returns <unit>* —— 永远是范围名,不是某一条事实。
352
+ */
266
353
  function unitFactScope(unit) {
267
354
  return `${unit}*`;
268
355
  }
356
+ /**
357
+ * 判一个名字是不是范围查法,不是问这条事实存不存在。
358
+ * @param name 事实名或范围名。
359
+ * @returns 单字符 * 不算范围;只有「至少一个字符加 *」才算。
360
+ */
269
361
  function isFactScope(name) {
270
362
  return name.length > 1 && name.endsWith("*");
271
363
  }
364
+ /**
365
+ * 取范围名对应的前缀,普通事实名原样返回。
366
+ * @param name 事实名或范围名。
367
+ * @returns 去掉末尾 * 的前缀;本来不是范围就给原值。
368
+ */
272
369
  function scopePrefixOf(name) {
273
370
  return isFactScope(name) ? name.slice(0, -1) : name;
274
371
  }
372
+ /**
373
+ * 造一条事实通道:第一次订阅时才连传输层,最后一个订阅者走掉就断开。
374
+ * @param options 传输层,用来连宿主。
375
+ * @returns 通道句柄;没记录过的事实版本给 0,refresh() 不带事实名时刷新全部并逐个通知。
376
+ */
275
377
  function createFactChannel(options) {
276
378
  const entries = /* @__PURE__ */ new Map();
277
379
  let epoch = null;
@@ -371,6 +473,11 @@ function createFactChannel(options) {
371
473
  };
372
474
  return channel;
373
475
  }
476
+ /**
477
+ * 把传输层收到的原始数据读成一帧;坏数据当没收到。
478
+ * @param data 帧的原始数据,期望是 JSON 字符串。
479
+ * @returns 合法帧;不是字符串、JSON 坏了、或 rev 不是数字都给 null。
480
+ */
374
481
  function parseFactFrame(data) {
375
482
  if (typeof data !== "string") return null;
376
483
  try {
@@ -385,15 +492,32 @@ function parseFactFrame(data) {
385
492
  return null;
386
493
  }
387
494
  }
495
+ /**
496
+ * 读口路由到事实名的映射,当前一对一。
497
+ * @param route 读口路由。
498
+ * @returns 该路由对应的事实名(就是路由本身)。
499
+ */
388
500
  function factOfRoute(route) {
389
501
  return route;
390
502
  }
391
503
  //#endregion
392
504
  //#region ../shared/dist/api/host-write.js
505
+ /**
506
+ * 由通道与资源拼出写路由。
507
+ * @param channel 写通道。
508
+ * @param resource 该通道下的资源名。
509
+ * @returns 路由字符串;provision 只有一段,其余是 channel/resource。
510
+ */
393
511
  function writeRoute(channel, resource) {
394
512
  if (channel === "provision") return "provision";
395
513
  return `${channel}/${resource}`;
396
514
  }
515
+ /**
516
+ * 把写通道的响应翻成 WriteOutcome。
517
+ * @param response 写口回的响应;null 表示请求本身没成(网络断了,宿主没答)。
518
+ * @param networkText 拿不到任何服务端文案时兜底的那句。
519
+ * @returns 失败时 message 优先用服务端自己的话,没有才用响应正文或 networkText。
520
+ */
397
521
  function writeOutcomeOf(response, networkText) {
398
522
  if (response === null) return {
399
523
  ok: false,
@@ -419,31 +543,99 @@ function writeOutcomeOf(response, networkText) {
419
543
  }
420
544
  //#endregion
421
545
  //#region ../shared/dist/api/long-task.js
546
+ /**
547
+ * 单元的长任务读口路由。
548
+ * @param unit 单元 id。
549
+ * @returns <unit>/runs。
550
+ */
422
551
  function runsRouteOf(unit) {
423
552
  return `${unit}/runs`;
424
553
  }
554
+ /**
555
+ * 停止那条写路由(走 actions 通道的资源名):`<单元>/runs/stop`。
556
+ * @param unit 单元 id。
557
+ * @returns <unit>/runs/stop。
558
+ */
559
+ function stopRouteOf(unit) {
560
+ return `${unit}/runs/stop`;
561
+ }
562
+ /**
563
+ * 有长任务在跑时的轮询间隔(毫秒)。
564
+ */
425
565
  var LONG_TASK_POLL_MS = 1500;
566
+ /**
567
+ * 没有长任务时的轮询间隔(毫秒),比在跑那一档大一个量级。
568
+ */
426
569
  var LONG_TASK_IDLE_MS = 1e4;
570
+ /**
571
+ * 算这次该隔多久再问一次长任务。
572
+ * @param live 是否有在跑的长任务。
573
+ * @param override 调用点指定的间隔;给了就用它,不再看 live。
574
+ * @returns 毫秒:有活 1500,没活 10000。
575
+ */
427
576
  function longTaskPollMs(live, override) {
428
577
  if (override !== void 0) return override;
429
578
  return live ? LONG_TASK_POLL_MS : LONG_TASK_IDLE_MS;
430
579
  }
580
+ /**
581
+ * 从读口状态里取 run 列表。
582
+ * @param state 读口状态;value 还没到就按空算。
583
+ * @returns 一串 run(形状由调用点自己判),没有就给空数组。
584
+ */
431
585
  function longTaskRunsOf(state) {
432
586
  return state.value?.runs ?? [];
433
587
  }
588
+ /**
589
+ * 把长任务态折成状态点的那一档。
590
+ * @param status 长任务的五种态。
591
+ * @returns ongoing / done / error / idle;needs-login 也算进行中;`stopped` 落进 idle —— 灰点:不是成功、不是出错,是用户自己按停的。
592
+ */
434
593
  function longTaskDot(status) {
435
594
  if (status === "ok") return "done";
436
595
  if (status === "failed") return "error";
437
596
  if (status === "running" || status === "needs-login") return "ongoing";
438
597
  return "idle";
439
598
  }
599
+ /**
600
+ * 算停止钮现在在哪一档。
601
+ * @param state armed = 已经按过第一下、在等第二下;busy = 停止请求已经在飞。
602
+ * @returns busy 优先(在飞时按不动),其次 armed,否则 idle。
603
+ */
604
+ function longTaskStopStage(state) {
605
+ if (state.busy) return "busy";
606
+ return state.armed ? "armed" : "idle";
607
+ }
608
+ /**
609
+ * 按一下该干什么:第一次只上膛('arm'),上了膛再按才真发('fire'),在飞时按不动('ignore')。
610
+ * @param stage 现在这一档(先过 `longTaskStopStage`)。
611
+ * @returns 'arm' / 'fire' / 'ignore',调用点照它上膛、落膛加发请求、或什么都不做。
612
+ */
613
+ function longTaskStopPress(stage) {
614
+ if (stage === "busy") return "ignore";
615
+ return stage === "armed" ? "fire" : "arm";
616
+ }
617
+ /**
618
+ * 上膛后多久自己落膛(毫秒)。3 秒 = dsh 那行现在的取值。
619
+ */
620
+ var LONG_TASK_STOP_ARM_MS = 3e3;
440
621
  //#endregion
441
622
  //#region ../shared/dist/api/unit-board.js
623
+ /**
624
+ * 判这张卡现在能不能画。
625
+ * @param capability 环境读数;还没读到给 null。
626
+ * @param mode 闸档。
627
+ * @returns mode 为 none 或读数还没到都放行(先放行让它读);读到明确不通过(ok 与 unchecked 之外)才拦。
628
+ */
442
629
  function gateOf(capability, mode) {
443
630
  if (mode === "none") return { gated: true };
444
631
  if (capability === null) return { gated: true };
445
632
  return { gated: capability.status === "ok" || capability.status === "unchecked" };
446
633
  }
634
+ /**
635
+ * 把候选卡住态分档,每档只留第一个。
636
+ * @param candidates 候选(可能含 undefined),按优先级从高到低给。
637
+ * @returns 分出的 blocker 与 notice;已经有 blocker 时不带 notice(挡住就不必再提示)。
638
+ */
447
639
  function splitBlocker(candidates) {
448
640
  let blocker;
449
641
  let notice;
@@ -460,11 +652,22 @@ function splitBlocker(candidates) {
460
652
  ...blocker !== void 0 || notice === void 0 ? {} : { notice }
461
653
  };
462
654
  }
655
+ /**
656
+ * 由读口错误算出「出错搭车强探」的防抖键:同一个键只自动重探一次。
657
+ * @param error 读口错误;undefined 表示这次没有错误。
658
+ * @returns 键字符串;空 code 归一到 unknown。
659
+ */
463
660
  function probeKeyOf(error) {
464
661
  if (error === void 0) return null;
465
662
  return error.code === "" ? "unknown" : error.code;
466
663
  }
664
+ /**
665
+ * 外壳愿意认的协议版本;不在表里的模块当场被拒,不猜语义。
666
+ */
467
667
  var SUPPORTED_API_VERSIONS = [1];
668
+ /**
669
+ * 协议认得的全部键;写了别的键不会被采纳(外壳静默忽略),所以字段名拼错不会有提示。
670
+ */
468
671
  var DECLARATION_KEYS = [
469
672
  "apiVersion",
470
673
  "unit",
@@ -473,6 +676,9 @@ var DECLARATION_KEYS = [
473
676
  "host",
474
677
  "env"
475
678
  ];
679
+ /**
680
+ * 协议要求必写的键;env 不在其中(没有环境需要就不写)。
681
+ */
476
682
  var DECLARATION_REQUIRED_KEYS = [
477
683
  "apiVersion",
478
684
  "unit",
@@ -504,6 +710,12 @@ function stringArrayProblems(at, value) {
504
710
  if (!Array.isArray(value)) return [`${at} 要是一串字符串,现在是 ${JSON.stringify(value)}`];
505
711
  return value.flatMap((item, index) => text(item) === "" ? [`${at}[${index}] 不是非空字符串:${JSON.stringify(item)}`] : []);
506
712
  }
713
+ /**
714
+ * 查清单里 dsh.workbench 那一段的形状,回一串给人看的问题(中文,带字段路径)。
715
+ * @param subject 报错时用的主语,一般是包名。
716
+ * @param raw 清单里那段原始值,可能什么都不是。
717
+ * @returns 空数组表示形状过得去;版本不对就当场返回(后面的字段无从判起)。
718
+ */
507
719
  function declarationProblemsOf(subject, raw) {
508
720
  if (!isRecord(raw)) return [`${subject}: dsh.workbench 不是一个对象 —— ${JSON.stringify(raw)}`];
509
721
  const version = raw.apiVersion;
@@ -565,6 +777,12 @@ function declarationProblemsOf(subject, raw) {
565
777
  if (raw.env !== void 0 && !isRecord(raw.env)) problems.push(`${subject}: dsh.workbench.env 要是对象(command / plugins / libs)—— 语义由门禁的 env 判据查,这里只查形状`);
566
778
  return problems;
567
779
  }
780
+ /**
781
+ * 读一份清单:先查形状,过了再把声明规整成 manifest。
782
+ * @param subject 报错时用的主语。
783
+ * @param raw 清单里 dsh.workbench 那段原始值。
784
+ * @returns 有问题时只有 problems;没问题时 declaration 与 manifest 都给,manifest 里的字符串已 trim。
785
+ */
568
786
  function readDeclaration(subject, raw) {
569
787
  const problems = declarationProblemsOf(subject, raw);
570
788
  if (problems.length > 0) return { problems };
@@ -593,49 +811,99 @@ function readDeclaration(subject, raw) {
593
811
  }
594
812
  //#endregion
595
813
  //#region ../shared/dist/api/unit.js
814
+ /**
815
+ * 判这个模块要不要往外装东西。
816
+ * @param manifest 模块清单。
817
+ * @returns 插件与共用库两张表都空时给 false。
818
+ */
596
819
  function hasEnvSupply(manifest) {
597
820
  return (manifest.env?.plugins ?? []).length > 0 || (manifest.env?.libs ?? []).length > 0;
598
821
  }
599
822
  //#endregion
600
823
  //#region ../shared/dist/config/constants.js
824
+ /** 外壳插件的包名:浏览器模块表与宿主按它注册、认领这枚插件。 */
601
825
  var PLUGIN_ID = "@dsh-workbench/core";
826
+ /** 与外壳同批发布的兄弟包名:`release.ts` 用它判一版三包是否都已在源上。 */
602
827
  var RELEASE_SIBLINGS = ["@dsh-workbench/shared", "@dsh-workbench/module-tools"];
828
+ /** 外壳宿主 HTTP API 的根前缀;prefs / actions / provision 等路由都挂在它下面。 */
603
829
  var API_PREFIX = "/workbench/api";
830
+ /** 模块偏好读写的路由前缀,挂在外壳 API 下:走写通道,拒写回 write-refused。 */
604
831
  var PREFS_PREFIX = `${API_PREFIX}/prefs`;
832
+ /** 事实(facts)SSE 事件流的端点路径;前端 `EventSource` 按它带 `since` 游标续传。 */
605
833
  var EVENTS_PATH = "/workbench/events";
834
+ /** 写动作的路由前缀,挂在外壳 API 下:模块的写通道 POST 到这里。 */
606
835
  var ACTIONS_PREFIX = `${API_PREFIX}/actions`;
836
+ /** 机器供给(provision)的路由前缀:只收 POST,装机时用它铺一份运行环境。 */
607
837
  var PROVISION_PREFIX = `${API_PREFIX}/provision`;
838
+ /** 面板运行态上报的路径段:崩溃与卡片收尾分别 POST 到 `panel-state/crash`、`panel-state/cards`。 */
608
839
  var PANEL_STATE_PATH = "panel-state";
840
+ /** DIY 调试动作的路径段;宿主按它登记 `/workbench/api/diy-debug` 前缀。 */
609
841
  var DIY_DEBUG_PATH = "diy-debug";
842
+ /** 调试动作的子路径(`diy-debug/act`);仓内暂无调用点,动作现走 `DIY_DEBUG_SERVICE`。 */
610
843
  var DIY_DEBUG_ACT_PATH = `${DIY_DEBUG_PATH}/act`;
844
+ /** DIY 录制交接的路径段;宿主按它登记 `/workbench/api/diy-record` 前缀。 */
611
845
  var DIY_RECORD_PATH = "diy-record";
846
+ /** 录制动作的子路径(`diy-record/act`);仓内暂无调用点,录制现走 `DIY_RECORD_SERVICE`。 */
612
847
  var DIY_RECORD_ACT_PATH = `${DIY_RECORD_PATH}/act`;
848
+ /** 面板运行态的路由前缀,挂在外壳 API 下:上报口用它,拒报回 report-refused。 */
613
849
  var PANEL_STATE_PREFIX = `${API_PREFIX}/${PANEL_STATE_PATH}`;
850
+ /** 钉住的 opencli 插件版本:`opencli-runtime` 按它校验、取那一份。 */
614
851
  var OPENCLI_PIN = "1.8.8";
852
+ /** 缺陷看板套件的 dsh 服务名(`workbenchCodingIssues`):套件照它登记自己那份服务。 */
615
853
  var CODING_ISSUES_SERVICE = "workbenchCodingIssues";
854
+ /** 面板套件的 dsh 服务名(`workbenchPanels`):宿主经它取套件公布的清单与订阅。 */
616
855
  var PANELS_SERVICE = "workbenchPanels";
856
+ /** 单元花名册服务的 dsh 服务名(`workbenchUnits`):模块经它认领自己的单元。 */
617
857
  var UNITS_SERVICE = "workbenchUnits";
858
+ /** 面板运行态服务的 dsh 服务名(`workbenchPanelState`):宿主注册,读口按它取。 */
618
859
  var PANEL_STATE_SERVICE = "workbenchPanelState";
860
+ /** DIY 调试约定服务的 dsh 服务名(`workbenchDiyDebug`):调试动作走它,不走 HTTP。 */
619
861
  var DIY_DEBUG_SERVICE = "workbenchDiyDebug";
862
+ /** DIY 录制交接服务的 dsh 服务名(`workbenchDiyRecord`):`diy-acts.ts` 经它收发录制三拍。 */
620
863
  var DIY_RECORD_SERVICE = "workbenchDiyRecord";
864
+ /** 会话投影服务的 dsh 服务名(`sessionProjections`):宿主经 `stateOf(session, 'agentPreset')` 读那一档。 */
865
+ var SESSION_PROJECTIONS_SERVICE = "sessionProjections";
866
+ /** 单次 opencli 调用的默认超时(毫秒);调用点没传 `timeoutMs` 时按它算。 */
621
867
  var OPENCLI_TIMEOUT_MS = 12e4;
868
+ /** 启动预热站点那一跳的超时(毫秒);超时按未热对待,不挡面板。 */
622
869
  var WARM_TIMEOUT_MS = 2e4;
870
+ /** 装 / 卸模块包的超时(毫秒):pnpm 与取包内容都按它算。 */
623
871
  var INSTALL_TIMEOUT_MS = 3e5;
872
+ /** 查 registry 版本那一次请求的超时(毫秒)。 */
624
873
  var VERSION_CHECK_TIMEOUT_MS = 1e4;
874
+ /** 版本查询结果的缓存有效期(毫秒):期内不发第二次请求。 */
625
875
  var VERSION_CHECK_TTL_MS = 6e5;
876
+ /** 单元探测结果的缓存有效期(毫秒)。 */
626
877
  var PROBE_TTL_MS = 3e4;
878
+ /** 工具读出来的值交给面板后的保留时长(毫秒):过期就不再算这一拍。 */
627
879
  var HANDOFF_TTL_MS = 15e3;
880
+ /** 跑本地 git 命令的超时(毫秒);短于对外的 `OPENCLI_TIMEOUT_MS`。 */
628
881
  var GIT_TIMEOUT_MS = 1e4;
882
+ /** 面板轮询事实的间隔(毫秒):SSE 断了走这条兜底轮询。 */
629
883
  var PANEL_POLL_MS = 2e3;
884
+ /** 没起中文名的工作区默认标题:左栏按它分组、显示。 */
630
885
  var DEFAULT_WORKSPACE_TITLE = "default-workspace";
886
+ /** 记住当前项目的 localStorage 键。 */
631
887
  var STORAGE_KEY_PROJECT = "dsh-workbench.project";
888
+ /** 记住右栏展开与否的 localStorage 键。 */
632
889
  var STORAGE_KEY_RIGHTBAR = "dsh-workbench.rightbar.expanded";
890
+ /** 记住右栏当前列的 localStorage 键。 */
633
891
  var STORAGE_KEY_RIGHTBAR_COLUMN = "dsh-workbench.rightbar.column";
892
+ /** 记住右栏宽度(像素数字的字符串)的 localStorage 键。 */
634
893
  var STORAGE_KEY_RIGHTBAR_WIDTH = "dsh-workbench.rightbar.width";
894
+ /** dsh i18n 的命名空间:词表都注册在它下面,`ctx.locale.register` / `bind` 按它取。 */
635
895
  var LOCALE_NS = "workbench";
896
+ /** 外壳支持的语言标识,顺序即回退顺序:首项是基准,其余词表必须与它逐键同构。 */
636
897
  var LOCALES = ["zh", "en"];
637
898
  //#endregion
638
899
  //#region ../shared/dist/api/workbench-client.js
900
+ /**
901
+ * 打一条宿主读口。
902
+ * @param route 路由,相对 API_PREFIX,不带前导斜杠。
903
+ * @param query 查询参数,undefined 的值不序列化。
904
+ * @param options 中止信号等。
905
+ * @returns HTTP 不是 2xx 时给 ok: false(code 为 http);响应体不是 JSON 会当场抛,调用点要接住。
906
+ */
639
907
  async function apiGet(route, query = {}, options = {}) {
640
908
  const { signal } = options;
641
909
  const search = new URLSearchParams();
@@ -655,6 +923,12 @@ async function apiGet(route, query = {}, options = {}) {
655
923
  };
656
924
  return await response.json();
657
925
  }
926
+ /**
927
+ * 打一条宿主写口。
928
+ * @param route 路由,相对 API_PREFIX,不带前导斜杠。
929
+ * @param body 请求体,按 JSON 序列化。
930
+ * @returns HTTP 不是 2xx 时给 ok: false(code 为 http);响应体不是 JSON 会当场抛。
931
+ */
658
932
  async function apiPost(route, body) {
659
933
  const response = await fetch(`${API_PREFIX}/${route}`, {
660
934
  method: "POST",
@@ -676,26 +950,86 @@ async function apiPost(route, body) {
676
950
  //#endregion
677
951
  //#region ../shared/dist/lib/react.js
678
952
  var react = require("react");
953
+ /**
954
+ * React 的 `createElement` 换个短名字再导出 —— 这套代码用 `h(...)` 写元素。
955
+ */
679
956
  var h = react.createElement;
957
+ /**
958
+ * React 的 `Fragment` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
959
+ */
680
960
  var Fragment = react.Fragment;
961
+ /**
962
+ * React 的 `Component` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
963
+ */
681
964
  var Component = react.Component;
965
+ /**
966
+ * React 的 `createContext` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
967
+ */
682
968
  var createContext = react.createContext;
969
+ /**
970
+ * React 的 `useContext` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
971
+ */
683
972
  var useContext = react.useContext;
973
+ /**
974
+ * React 的 `useState` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
975
+ */
684
976
  var useState = react.useState;
977
+ /**
978
+ * React 的 `useEffect` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
979
+ */
685
980
  var useEffect = react.useEffect;
981
+ /**
982
+ * React 的 `useLayoutEffect` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
983
+ */
686
984
  var useLayoutEffect = react.useLayoutEffect;
985
+ /**
986
+ * React 的 `useMemo` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
987
+ */
687
988
  var useMemo = react.useMemo;
989
+ /**
990
+ * React 的 `useCallback` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
991
+ */
688
992
  var useCallback = react.useCallback;
993
+ /**
994
+ * React 的 `useRef` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
995
+ */
689
996
  var useRef = react.useRef;
997
+ /**
998
+ * React 的 `useSyncExternalStore` 原样再导出 —— 模块从这里拿,就不必自己直接依赖 react。
999
+ */
690
1000
  var useSyncExternalStore = react.useSyncExternalStore;
691
1001
  //#endregion
692
1002
  //#region ../shared/dist/components/Activity.js
1003
+ /**
1004
+ * "它做过什么"那一块:上面一行块头、下面一列活动行,卡里放时间线就用它。
1005
+ * @param props.head - 块头(如"最近 10 次");不给不画那一行。
1006
+ * @param props.children - 块内容,通常是一串 `ActivityLine`。
1007
+ * @returns 一个 div。
1008
+ */
693
1009
  function ActivityBlock({ head, children }) {
694
1010
  return h("div", { className: "wb-activityBlock" }, head === void 0 ? null : h("div", { className: "wb-activityBlockHead" }, head), children);
695
1011
  }
1012
+ /**
1013
+ * 一条活动:状态点 + 正文 + 时间,行尾可挂动作;时间一律用它,别自己拼。
1014
+ * @param props.dot - 行首那枚状态点;不给就只留正文。
1015
+ * @param props.text - 这一条干了什么。
1016
+ * @param props.at - 时间那一格(相对时间文本);不给不画。
1017
+ * @param props.actions - 行尾动作,通常是一两颗 `ActivityAction`;不给不画。
1018
+ * @returns 一行。
1019
+ */
696
1020
  function ActivityLine({ dot, text, at, actions }) {
697
1021
  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));
698
1022
  }
1023
+ /**
1024
+ * 活动行尾那颗动作:给 `href` 就是外链,否则是图标钮并带上 tooltip。
1025
+ * @param props.label - 读屏名,也是 `hint` 不给时的 tooltip 文案。
1026
+ * @param props.hint - tooltip 上那句更细的说明;不给退化成 `label`。
1027
+ * @param props.icon - 那颗图标。
1028
+ * @param props.href - 给了就渲染成新窗口外链;与 `onClick` 同时给时以它为准。
1029
+ * @param props.onClick - 图标钮的点击回调。
1030
+ * @param props.failed - 上一次动作失败了:钮换成危险色(默认 false)。
1031
+ * @returns 一个 `<a>` 或一颗 `Button`。
1032
+ */
699
1033
  function ActivityAction({ label, hint, icon, href, onClick, failed }) {
700
1034
  const tip = hint ?? label;
701
1035
  if (href !== void 0) return h("a", {
@@ -724,6 +1058,14 @@ function ActivityAction({ label, hint, icon, href, onClick, failed }) {
724
1058
  }
725
1059
  //#endregion
726
1060
  //#region ../shared/dist/components/Note.js
1061
+ /**
1062
+ * 一句话说明或一句报错:卡片里的提示条用它,不承载交互。
1063
+ * @param props.tone - `problem` 是报错色;默认 `muted`,普通说明色。
1064
+ * @param props.as - `span` 是跟在别的行里,`p`(默认)独占一段。
1065
+ * @param props.role - 读屏角色:变化中的提示给 `status`、报错给 `alert`;不给不设。
1066
+ * @param props.children - 那句话本身。
1067
+ * @returns 一个 `span` 或 `p`。
1068
+ */
727
1069
  function Note({ tone = "muted", as, role, children }) {
728
1070
  const className = tone === "problem" ? "wb-problem" : "wb-note";
729
1071
  return as === "span" ? h("span", {
@@ -736,10 +1078,24 @@ function Note({ tone = "muted", as, role, children }) {
736
1078
  }
737
1079
  //#endregion
738
1080
  //#region ../shared/dist/components/CardBoundary.js
1081
+ /**
1082
+ * 把抛出来的任何东西收成一句人能看的失败原因,上报与展示都用它。
1083
+ * @param error - 抛出来的值:`Error` 取 `message`,字符串原样,其余走 JSON。
1084
+ * @returns 一句原因文本;`Error('')` 这种没带 message 的会回空串(调用点别把它当"一定有话")。
1085
+ */
739
1086
  function errorReasonOf(error) {
740
1087
  if (error instanceof Error) return error.message;
741
1088
  return typeof error === "string" ? error : JSON.stringify(error) ?? String(error);
742
1089
  }
1090
+ /**
1091
+ * 卡片级错误边界:一张卡渲染炸了只画一条报错 + 重试,不让整块面板跟着塌。
1092
+ * @param props.unit - 出事的 unit id,写进报错文案并作为上报标识。
1093
+ * @param props.resetKey - 重来键:它一变(如切了工作区)就自动清掉报错,把卡片重新渲染一遍。
1094
+ * @param props.t - 报错那句与重试钮文案的翻译函数。
1095
+ * @param props.onFailure - 失败时把原因报给宿主(面板状态要用);不给就只打一条 console。
1096
+ * @param props.children - 正常时要渲染的卡片内容。
1097
+ * @returns 正常时是 `children`,炸过且还没重来之前是一条报错。
1098
+ */
743
1099
  var CardBoundary = class extends Component {
744
1100
  state = { reason: null };
745
1101
  static getDerivedStateFromError(error) {
@@ -791,6 +1147,15 @@ function parseArgs(raw) {
791
1147
  return {};
792
1148
  }
793
1149
  }
1150
+ /**
1151
+ * 审批屏的详情格:按工具名找到认领它的模块交给它渲染,没有模块认领就退回外壳那张表或一段原始命令。
1152
+ * @param props.callId - 这次工具调用的 id;不给就直接走兜底(连调用都找不到)。
1153
+ * @param props.useChat - 读会话快照的钩子(dsh 注入);不给就当作读不到调用。
1154
+ * @param props.units - 已装模块的面,按各自的 `approval.tools` 认领这次调用。
1155
+ * @param props.t - 翻译函数;不给就用返回 key 的直通实现。
1156
+ * @param props.renderShell - 没有模块认领时外壳自己的渲染(那张表);不给且这次调用没带 `command` 时整格返回 `null`。
1157
+ * @returns 认领方的渲染、外壳那张表,或一段可复制的命令。
1158
+ */
794
1159
  function ApprovalDetail(props) {
795
1160
  const call = (props.useChat ?? (() => void 0))((snapshot) => callOf(snapshot, props.callId));
796
1161
  const t = props.t ?? ((key) => key);
@@ -824,6 +1189,14 @@ function ApprovalDetail(props) {
824
1189
  }
825
1190
  //#endregion
826
1191
  //#region ../shared/dist/components/ApprovalPlan.js
1192
+ /**
1193
+ * 审批屏那张"这次要做什么"的表:一行一项,上面可给一句附注、下面可给一句警告。
1194
+ * @param props.rows - 详情行,按给的顺序渲染;空数组时只剩附注与警告。
1195
+ * @param props.hint - 表上面那句说明;不给不画。
1196
+ * @param props.warn - 表下面那句警告;不给不画。
1197
+ * @param props.children - 插在表与 `warn` 之间的补充内容。
1198
+ * @returns 一个 div。
1199
+ */
827
1200
  function ApprovalPlan({ rows, hint, warn, children }) {
828
1201
  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", {
829
1202
  className: "wb-approvalRow",
@@ -832,6 +1205,16 @@ function ApprovalPlan({ rows, hint, warn, children }) {
832
1205
  }
833
1206
  //#endregion
834
1207
  //#region ../shared/dist/components/CardHead.js
1208
+ /**
1209
+ * 卡头:标题 + 补充 + 刷新钮(`Card` 内部就是它),要自己拼卡头或加齿轮 / 平台跳转时直接用。
1210
+ * @param props.t - 刷新那两句文案(刷新 / 刷新中)的翻译函数。
1211
+ * @param props.title - 卡标题;`props.meta` 是它右侧那一小段补充,不给不占位。
1212
+ * @param props.refreshing - 正在刷新:刷新钮禁用并转圈。
1213
+ * @param props.onRefresh - 点刷新钮做什么。
1214
+ * @param props.gear - 齿轮钮的读屏名;`gearOpen` 控制它高亮、`onToggleGear` 是点击回调,三者一起给才画。
1215
+ * @param props.platformHref - 整张卡对应系统的地址:给了就画那颗 ↗(新窗口),tooltip 用 `platformTitle`,缺了退化用 `platform`。
1216
+ * @returns 一个 `<header>`。
1217
+ */
835
1218
  function CardHead({ t, title, meta, refreshing, onRefresh, gear, gearOpen, onToggleGear, platformHref, platform, platformTitle }) {
836
1219
  const refreshLabel = refreshing ? t("rightbar.refreshing") : t("rightbar.refresh");
837
1220
  const platformLabel = platformTitle ?? platform ?? t("rightbar.openPlatform");
@@ -881,6 +1264,16 @@ function CardHead({ t, title, meta, refreshing, onRefresh, gear, gearOpen, onTog
881
1264
  }
882
1265
  //#endregion
883
1266
  //#region ../shared/dist/components/Card.js
1267
+ /**
1268
+ * 一张卡的壳:卡头(标题 + 刷新钮)+ 卡片体,面板上每一格都是它。
1269
+ * @param props.t - 卡头那两句文案(刷新 / 刷新中)的翻译函数。
1270
+ * @param props.refreshing - 正在刷新:刷新钮随之禁用并转圈;接 `resource.phase === 'loading'`。
1271
+ * @param props.onRefresh - 点刷新钮做什么,异步由调用点自己管。
1272
+ * @param props.meta - 标题右侧那一小段补充(条数、时间);不给不占位。
1273
+ * @param props.head - 整块替换卡头时给(如自带齿轮的 `CardHead`);不给用默认卡头。
1274
+ * @param props.children - 卡片体。
1275
+ * @returns 一个 `<section>`。
1276
+ */
884
1277
  function Card({ t, title, refreshing, onRefresh, meta, head, children }) {
885
1278
  return h("section", { className: "wb-card" }, head === void 0 ? h(CardHead, {
886
1279
  t,
@@ -893,9 +1286,20 @@ function Card({ t, title, refreshing, onRefresh, meta, head, children }) {
893
1286
  var CardAnchor_module_default = { anchor: "_anchor_yq4s2_1" };
894
1287
  //#endregion
895
1288
  //#region ../shared/dist/components/CardAnchor.js
1289
+ /**
1290
+ * 由 unit id 拼出卡片锚点 id,外壳的截图、滚动与页面探针都按它找卡。
1291
+ * @param unit - unit id;`null` 或空串(没有 unit 的卡)时返回 undefined,不生成锚点。
1292
+ * @returns `wb-card-<unit>`,或 undefined。
1293
+ */
896
1294
  function cardIdOf(unit) {
897
1295
  return unit === null || unit === "" ? void 0 : `wb-card-${unit}`;
898
1296
  }
1297
+ /**
1298
+ * 外壳自己盖的卡片锚点:套在卡外面给出 `id="wb-card-<unit>"`;模块别自己写,也别删。
1299
+ * @param props.unit - 卡的 unit id,用来算锚点 id。
1300
+ * @param props.children - 被锚住的卡片本体;锚点自己 `display: contents`,不占布局。
1301
+ * @returns 带 id 的占位 div。
1302
+ */
899
1303
  function CardAnchor({ unit, children }) {
900
1304
  return h("div", {
901
1305
  id: cardIdOf(unit),
@@ -904,6 +1308,12 @@ function CardAnchor({ unit, children }) {
904
1308
  }
905
1309
  //#endregion
906
1310
  //#region ../shared/dist/components/Spinner.js
1311
+ /**
1312
+ * 转圈:加载态一律用它(`FormActions` 与 `ChoiceGroup` 内部也是它),别自己写动画。
1313
+ * @param props.size - 直径像素(默认 14,与 dsh 紧凑控件同高)。
1314
+ * @param props.label - 给了才读屏可见(`role="status"`);不给整颗 `aria-hidden`,此时旁边必须有文字。
1315
+ * @returns 一枚 `StateDot state="ongoing"`,自身不带文字。
1316
+ */
907
1317
  function Spinner({ size = 14, label }) {
908
1318
  return h("span", {
909
1319
  className: "wb-spinner",
@@ -944,6 +1354,18 @@ function ChoiceMenu(input) {
944
1354
  "aria-busy": input.loading ? true : void 0
945
1355
  }, body);
946
1356
  }
1357
+ /**
1358
+ * 一组单选或多选:候选少、要一眼看全时用它;候选多或要搜索就用 `SelectField`。
1359
+ * @param props.multi - true 走多选那支(`values` / `onChange(string[])`);默认单选(`value` / `onChange(string)`)。
1360
+ * @param props.label - 只给读屏的组名(`aria-label`)。
1361
+ * @param props.name - 这一组 `input` 的共用 name。
1362
+ * @param props.options - 候选项,按给的顺序排;空数组时画 `emptyText`(没给就什么都不画)。
1363
+ * @param props.disabled - 禁掉整组(默认 false),不是单颗。
1364
+ * @param props.variant - `boxed`(默认,带边框的选项格)或 `ghost`(无边框,跟着父容器走)。
1365
+ * @param props.loading - 正在读候选:整组换成转圈,文案取 `loadingText`(不给是 `…`);默认 false。
1366
+ * @param props.emptyText - 读到了但一个候选都没有时那句话;不给不画。
1367
+ * @returns 一组 `radio` / `checkbox` 选项。
1368
+ */
947
1369
  function ChoiceGroup(props) {
948
1370
  const common = {
949
1371
  label: props.label,
@@ -998,6 +1420,13 @@ function ChoiceGroup(props) {
998
1420
  }
999
1421
  //#endregion
1000
1422
  //#region ../shared/dist/components/Field.js
1423
+ /**
1424
+ * 标签 + 控件的排布:没进 `FormRow` 时用它兜住一个字段的标签与说明。
1425
+ * @param props.label - 左侧标签,必给。
1426
+ * @param props.hint - 控件下面那行说明;不给不画。
1427
+ * @param props.children - 控件本体,落在标签与说明之间。
1428
+ * @returns 一个 `<label>`,点标签会聚焦里面的控件。
1429
+ */
1001
1430
  function Field({ label, hint, children }) {
1002
1431
  return h("label", { className: "wb-field" }, h("span", { className: "wb-fieldLabel" }, label), children, hint === void 0 ? null : h("span", { className: "wb-fieldHint" }, hint));
1003
1432
  }
@@ -1028,6 +1457,11 @@ function variantOf(kind) {
1028
1457
  if (kind === "danger") return "outline";
1029
1458
  return "ghost";
1030
1459
  }
1460
+ /**
1461
+ * 操作区:把一组动作按"primary 永远在右、danger 紧挨它左侧"排好,窄了自动折行。
1462
+ * @param props.actions - 动作清单;调用点给的顺序只在同语气内部生效,空数组时整块不渲染。
1463
+ * @returns 一排按钮,或 `null`(没有动作时)。
1464
+ */
1031
1465
  function FormActions({ actions }) {
1032
1466
  if (actions.length === 0) return null;
1033
1467
  reportExtraPrimaries(actions);
@@ -1048,9 +1482,23 @@ function FormActions({ actions }) {
1048
1482
  }
1049
1483
  //#endregion
1050
1484
  //#region ../shared/dist/components/FormRows.js
1485
+ /**
1486
+ * 表单行的容器:同一份 `FormRows` 共用一个标签列(列宽由最长的标签定),行距也归它。
1487
+ * @param props.children - 一串 `FormRow`;非行的孩子(如分组标题)自动通栏。
1488
+ * @returns 竖排的 div。
1489
+ */
1051
1490
  function FormRows({ children }) {
1052
1491
  return h("div", { className: "wb-formRows" }, children);
1053
1492
  }
1493
+ /**
1494
+ * 表单一行:左边标签、右边控件,提示与错误占控件下面那一格。
1495
+ * @param props.label - 这一行的标签;进了这一行,控件自己就别再给 `label`,否则会多一个标签。
1496
+ * @param props.hint - 控件下的说明;给了 `problem` 就不画它 —— 同一格不叠两段话。
1497
+ * @param props.problem - 校验失败那句话;给了就顶掉 `hint` 并给整行加上出错标记。
1498
+ * @param props.layout - `stacked` 才是标签在上、控件在下(默认 `inline`:标签在左)。
1499
+ * @param props.children - 控件本体。
1500
+ * @returns 一个 `<label>`。
1501
+ */
1054
1502
  function FormRow({ label, hint, problem, layout = "inline", children }) {
1055
1503
  return h("label", {
1056
1504
  className: "wb-formRow",
@@ -1059,7 +1507,269 @@ function FormRow({ label, hint, problem, layout = "inline", children }) {
1059
1507
  }, 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));
1060
1508
  }
1061
1509
  //#endregion
1510
+ //#region ../shared/dist/components/FormNodes.js
1511
+ /**
1512
+ * 只剩要显示的那些格子 —— `visible: false` 的当它不存在:不渲染、不校验、不进 `values`,也不参与找第一处错误。
1513
+ * @param fields - 表单的字段清单。
1514
+ * @returns 保序的新数组,`visible` 不给或为 `true` 的都在;全不可见时给空数组。
1515
+ */
1516
+ function visibleFieldsOf(fields) {
1517
+ return fields.filter((field) => field.visible !== false);
1518
+ }
1519
+ /**
1520
+ * 找出装配错的键:**假值**的键(空串 / `undefined` / `null`,运行期真漏给 `key` 就是这条)每次出现都算一处,
1521
+ * 以及同一张表单里出现两次的键 —— 这两样都会让 `id` 撞车、`values` 少一格。
1522
+ * @param fields - 表单的字段清单(通常是已经过滤过可见性的那份)。
1523
+ * @returns 出问题的键的清单、按首次出现顺序去重;缺失的键一律记成空串(报的时候印成 `(空 key)`),空表给空数组。
1524
+ */
1525
+ function duplicateKeysOf(fields) {
1526
+ const seen = /* @__PURE__ */ new Set();
1527
+ const duplicated = /* @__PURE__ */ new Set();
1528
+ for (const field of fields) {
1529
+ const key = field.key;
1530
+ if (!key) {
1531
+ duplicated.add("");
1532
+ continue;
1533
+ }
1534
+ if (seen.has(key)) duplicated.add(key);
1535
+ seen.add(key);
1536
+ }
1537
+ return [...duplicated];
1538
+ }
1539
+ /**
1540
+ * 装配错了要当场诊断:`key` 缺失或重复时给 `console.error` —— 但照渲不误,不 throw。
1541
+ * 形式与理由同 `FormActions` 里那颗多出来的 `primary`:装配的小错不该让 `CardBoundary` 把用户的整张卡变空白。
1542
+ * @param fields - 表单的字段清单(通常是已经过滤过可见性的那份)。
1543
+ */
1544
+ function reportDuplicateKeys(fields) {
1545
+ const duplicated = duplicateKeysOf(fields);
1546
+ if (duplicated.length === 0) return;
1547
+ const named = duplicated.map((key) => key === "" ? "(空 key)" : key);
1548
+ console.error(`[dsh-workbench] Form 里有重复或缺失的字段 key:${named.join("、")} —— 同一张表单里 key 必须唯一且非空(它决定 id 与 values 的键),否则 id 会撞车、values 会少一格`);
1549
+ }
1550
+ /**
1551
+ * 把每格的 `value` 收成一张键值表交给 `onSubmit` —— `Form` 自己一个值都不存,这张表就是从 `fields` 现取的快照。
1552
+ * @param fields - 表单的字段清单;取的就是它们的 `value`,`value` 是数组的那格(多选)原样带出、不复制。
1553
+ * @returns 键为字段 `key`、值为该格 `value` 的表;`fields` 为空时给空表,不是 `undefined`。
1554
+ */
1555
+ function formValuesOf(fields) {
1556
+ const values = {};
1557
+ for (const field of fields) values[field.key] = field.value;
1558
+ return values;
1559
+ }
1560
+ /**
1561
+ * 算每格现在该不该报错:还没提交过(`show` 为 false)时一格都不报 —— 不边打字边骂人。
1562
+ * `validate` 返回**真值**才算错,假值(`undefined` / `null` / `false` / 空串)一律当"这格没错" ——
1563
+ * 所以 `v.trim() === '' && '必填'` 这种用 `&&` 算文案的写法是对的。
1564
+ * @param fields - 表单的字段清单(通常是已经过滤过可见性的那份)。
1565
+ * @param show - 提交过没有;false 时全给 `undefined`,true 时逐格调 `field.validate` 并按真值收。
1566
+ * @returns 键为 `key`、值为那句文案或 `undefined` 的表;没给 `validate` 的格子也是 `undefined`。
1567
+ */
1568
+ function formProblemsOf(fields, show) {
1569
+ const values = formValuesOf(fields);
1570
+ const problems = {};
1571
+ for (const field of fields) {
1572
+ const found = show ? field.validate?.(field.value, values) : void 0;
1573
+ problems[field.key] = found ? found : void 0;
1574
+ }
1575
+ return problems;
1576
+ }
1577
+ /**
1578
+ * 按字段顺序取第一处错误 —— 提交被挡住时要带进视口的就是这一格。
1579
+ * 判的是**真值**(与 `formProblemsOf` 同一口径):假值那种"错误文案"渲染出来本来就是空的,不算错。
1580
+ * @param fields - 表单的字段清单,顺序就是「第一处」的判据。
1581
+ * @param problems - `formProblemsOf` 那张表,也可以是调用点自己拼的(同样按真值判)。
1582
+ * @returns 第一格有错的字段;一格都没错时给 `undefined`。
1583
+ */
1584
+ function formFirstProblemOf(fields, problems) {
1585
+ return fields.find((field) => Boolean(problems[field.key]));
1586
+ }
1587
+ /**
1588
+ * 算提交那一拍该干什么 —— `Form` 的提交钮点下去、以及 `<form>` 的 Enter 提交,走的都是它。
1589
+ * 错的判据只有一份(`formProblemsOf` + `formFirstProblemOf`),这里不重算第二遍。
1590
+ * @param fields - 要提交的那些格子(通常是调用点先 `visibleFieldsOf` 过滤过的,不可见那格不进 `values` 也不算错)。
1591
+ * @returns `blocked: true` 时带上是按字段顺序数第一格有错的字段(拿它去 `revealFirstProblem`);
1592
+ * `blocked: false` 时带上从 `fields` 现取的键值表。空表一定给 `blocked: false` 与空 values。
1593
+ */
1594
+ function formSubmitOf(fields) {
1595
+ const first = formFirstProblemOf(fields, formProblemsOf(fields, true));
1596
+ if (first !== void 0) return {
1597
+ blocked: true,
1598
+ first
1599
+ };
1600
+ return {
1601
+ blocked: false,
1602
+ values: formValuesOf(fields)
1603
+ };
1604
+ }
1605
+ /**
1606
+ * 组表单的操作区:调用点给的其余动作在最左,取消在中间,提交永远是最右那颗 `primary`。
1607
+ * @param args.extra - 其余动作(default / danger),保持调用点给的顺序;不给就是没有。
1608
+ * @param args.cancel - 取消那格的 `label` 与 `onClick`;不给就少一颗钮。
1609
+ * @param args.submit - 提交钮的 `label` 与 `busyLabel`。
1610
+ * @param args.busy - 提交中:提交钮带转圈并换 `busyLabel`(不给就沿用 `label`),`extra` 与取消一起禁用。
1611
+ * @param args.disabled - 只再禁提交钮(如没改动可存),其余动作不受影响。
1612
+ * @param args.onSubmitClick - 提交钮点下去做什么,通常是把这一拍交给 `Form` 的提交处理。
1613
+ * @returns 给 `FormActions` 的动作清单;没给 `extra` 也没给 `cancel` 时只剩提交那一颗。
1614
+ */
1615
+ function formActionsOf(args) {
1616
+ const submit = {
1617
+ key: "submit",
1618
+ label: args.busy ? args.submit.busyLabel ?? args.submit.label : args.submit.label,
1619
+ kind: "primary",
1620
+ busy: args.busy,
1621
+ disabled: args.busy || args.disabled,
1622
+ onClick: args.onSubmitClick
1623
+ };
1624
+ const cancel = args.cancel === void 0 ? [] : [{
1625
+ key: "cancel",
1626
+ label: args.cancel.label,
1627
+ kind: "default",
1628
+ disabled: args.busy,
1629
+ onClick: args.cancel.onClick
1630
+ }];
1631
+ return [
1632
+ ...(args.extra ?? []).map((action) => args.busy ? {
1633
+ ...action,
1634
+ disabled: true
1635
+ } : action),
1636
+ ...cancel,
1637
+ submit
1638
+ ];
1639
+ }
1640
+ /**
1641
+ * 把整张表单的行画出来 —— 每格一个 `FormRow`,且**直接**是 `FormRows` 的孩子。
1642
+ * 中间不许再包一层:`FormRow` 一旦不是 `.wb-formRows` 的网格项,`FormRows.css` 里那条 `subgrid` 就不匹配,
1643
+ * 每行各自算列宽,控件左沿就参差了。
1644
+ * @param args.fields - 要画的格子(通常是已经过滤过可见性的那份),顺序就是行的顺序。
1645
+ * @param args.problems - `formProblemsOf` 那张表,决定哪一格显示错误文案(按**真值**判,假值不当错)。
1646
+ * @param args.showProblem - 这一拍该不该显示错误(还没提交过时为 false,一格都不显示)。
1647
+ * @param args.busy - 提交中:每格的绑定 `disabled` 为真。
1648
+ * @returns `FormRow` 组成的数组;没有可画的格子时给空数组。
1649
+ */
1650
+ function formRowsOf(args) {
1651
+ return args.fields.map((field) => h(FormRow, {
1652
+ key: field.key,
1653
+ label: field.label,
1654
+ hint: field.hint,
1655
+ problem: args.showProblem ? args.problems[field.key] : void 0,
1656
+ layout: field.layout
1657
+ }, field.control({
1658
+ id: `wb-form-${field.key}`,
1659
+ name: field.key,
1660
+ invalid: args.showProblem && Boolean(args.problems[field.key]),
1661
+ disabled: args.busy || field.disabled === true
1662
+ })));
1663
+ }
1664
+ //#endregion
1665
+ //#region ../shared/dist/lib/form-problem.js
1666
+ var PROBLEM_SELECTOR = "[data-wb-problem]";
1667
+ var FOCUSABLE_SELECTOR = [
1668
+ "input:not([disabled])",
1669
+ "select:not([disabled])",
1670
+ "textarea:not([disabled])",
1671
+ "button:not([disabled])",
1672
+ "a[href]",
1673
+ "[tabindex]:not([tabindex=\"-1\"])"
1674
+ ].join(", ");
1675
+ /**
1676
+ * 找 `root` 里第一个带 `[data-wb-problem]` 标记的元素 —— 表单校验失败时,调用方拿它定位「哪一格错了」。
1677
+ * @param root - 要搜的范围(表单容器,或 document)。
1678
+ * @returns 第一个出问题的元素;一个标记都没有就给 `null`。
1679
+ */
1680
+ function firstProblemOf(root) {
1681
+ return root.querySelector(PROBLEM_SELECTOR);
1682
+ }
1683
+ /**
1684
+ * 把第一个出问题的元素滚进视野、并把焦点交给它里面第一个可聚焦控件(输入框 / 按钮 / 链接等)。
1685
+ * @param root - 要搜的范围。
1686
+ * @returns 找到并滚过给 `true`;没有问题给 `false`(不滚、不抢焦点);元素不可滚或没有可聚焦控件也不报错,只是少做一步。
1687
+ */
1688
+ function revealFirstProblem(root) {
1689
+ const problem = firstProblemOf(root);
1690
+ if (problem === null) return false;
1691
+ problem.scrollIntoView?.({ block: "nearest" });
1692
+ problem.querySelector(FOCUSABLE_SELECTOR)?.focus?.();
1693
+ return true;
1694
+ }
1695
+ //#endregion
1696
+ //#region ../shared/dist/components/Form.js
1697
+ /**
1698
+ * 整张表单:`fields` 进,行、错误、操作区、(被挡住的)提交都由它安排 —— 它自己一个值都不存,
1699
+ * 值仍归调用点的 model(`value` 只读给校验看)。
1700
+ * 还没提交过时一格错都不显示;第一次提交之后每次渲染重算,改好了当场消。
1701
+ * 提交那一拍永远先算一遍:有错就不调 `onSubmit`,并把第一个有错的 `FormRow` 带进视口、聚焦它里面的控件。
1702
+ * 回车与点提交钮走的是同一条路:真 `<form>` 的隐式提交在**只有一个文本框**时也会 fire,所以 `busy` / `disabled` 时回车同样不提交。
1703
+ * 调用点只管数据与语义:行怎么排、错误摆哪、什么时候校验、按钮在哪,这里没有口子。
1704
+ * @param props.fields - 每格的键 / 标签 / 值 / 校验 / 控件;`visible: false` 的那格当它不存在(不渲染、不校验、不进 `values`)。
1705
+ * @param props.onSubmit - 校验全过的那一拍,回的是从 `fields` 现取的键值表;被挡住时不会被调。
1706
+ * @param props.submit - 提交钮文案;`busyLabel` 是提交中换的那句,不给就沿用 `label`。
1707
+ * @param props.cancel - 取消钮;给了就排在提交钮左边,`busy` 时一起禁用。
1708
+ * @param props.extra - 其余动作(default / danger),排在最左,`busy` 时一起禁用。
1709
+ * @param props.busy - 提交中(默认 false):整表控件的绑定 `disabled` 为真,所有动作一起禁用,回车也不提交。
1710
+ * @param props.disabled - 只再禁提交钮(如没改动可存),各格控件与其余动作不受影响,回车也不提交。
1711
+ * @param props.problem - 整表级那句错(提交失败),落在行与操作区之间;不给就不画。
1712
+ * @returns 一个 `<form>`(`noValidate`:报错形状归 `FormRow`,不走浏览器的气泡)。
1713
+ */
1714
+ function Form(props) {
1715
+ const { fields, onSubmit, submit, cancel, extra, busy = false, disabled = false, problem } = props;
1716
+ const [done, setDone] = useState(false);
1717
+ const [reveal, setReveal] = useState(0);
1718
+ const rootRef = useRef(null);
1719
+ const shown = visibleFieldsOf(fields);
1720
+ const problems = formProblemsOf(shown, done);
1721
+ reportDuplicateKeys(shown);
1722
+ useEffect(() => {
1723
+ if (reveal === 0) return;
1724
+ const root = rootRef.current;
1725
+ if (root !== null) revealFirstProblem(root);
1726
+ }, [reveal]);
1727
+ const submitForm = () => {
1728
+ if (busy || disabled) return;
1729
+ const outcome = formSubmitOf(visibleFieldsOf(fields));
1730
+ setDone(true);
1731
+ if (outcome.blocked) {
1732
+ setReveal((count) => count + 1);
1733
+ return;
1734
+ }
1735
+ onSubmit(outcome.values);
1736
+ };
1737
+ return h("form", {
1738
+ className: "wb-form",
1739
+ ref: rootRef,
1740
+ noValidate: true,
1741
+ onSubmit: (event) => {
1742
+ event.preventDefault();
1743
+ submitForm();
1744
+ }
1745
+ }, h(FormRows, null, formRowsOf({
1746
+ fields: shown,
1747
+ problems,
1748
+ showProblem: done,
1749
+ busy
1750
+ })), problem === void 0 ? null : h(Note, {
1751
+ tone: "problem",
1752
+ role: "alert"
1753
+ }, problem), h(FormActions, { actions: formActionsOf({
1754
+ extra,
1755
+ cancel,
1756
+ submit,
1757
+ busy,
1758
+ disabled,
1759
+ onSubmitClick: submitForm
1760
+ }) }));
1761
+ }
1762
+ //#endregion
1062
1763
  //#region ../shared/dist/components/Link.js
1764
+ /**
1765
+ * 唯一的外链写法:自带新窗口、`rel="noopener noreferrer"`、正文色与行尾那颗小箭头。
1766
+ * @param props.href - 目标地址,必给。
1767
+ * @param props.children - 链接文字(别自己再带 `→`)。
1768
+ * @param props.title - 原生 title 提示;不给就不写这个属性。
1769
+ * @param props.external - 默认 true:新窗口打开并画那颗 ↗;站内跳转给 false,箭头也一起不画。
1770
+ * @param props.className - 追加在基础类名之后,不是替换。
1771
+ * @returns 一个 `<a>`。
1772
+ */
1063
1773
  function Link({ href, children, title, external = true, className }) {
1064
1774
  return h("a", {
1065
1775
  className: className === void 0 ? "wb-link" : `wb-link ${className}`,
@@ -1079,13 +1789,50 @@ function RowLink({ href, text }) {
1079
1789
  className: "wb-longTaskLink"
1080
1790
  }, text);
1081
1791
  }
1792
+ /**
1793
+ * 长任务那一行:状态点 + 标题 + 链接,跑失败时把步骤与原始输出收在两处可展开里。
1794
+ * 发布、扫描、迁移这类跑得久的事都用它,别自己画进度。
1795
+ * @param props.status - `longTaskDot` 认的五态之一,决定状态点颜色与要不要画"失败"那两块。
1796
+ * @param props.headline - 这一行在干什么(一句话)。
1797
+ * @param props.problem - 失败原因;不给不画。
1798
+ * @param props.links - 行尾的链接,通常指向产物或日志。
1799
+ * @param props.steps - 步骤文本;只在失败时画,且要同时给 `stepsTitle` 才成一块可展开。
1800
+ * @param props.raw - 原始输出;只在失败时画,且要同时给 `rawTitle` 才成一块可展开。
1801
+ * @param props.stepsTitle - 步骤那块展开行的标题;`rawTitle` 同理是原始输出那块。
1802
+ * @param props.copyLabel - 复制钮文案:给了才画复制钮;`copiedLabel` 是复制成功后那句。
1803
+ * @param props.stop - 给了才在最右边画那颗两按停止钮;**不给就一个像素都不变**。只在生产方认 `signal` 时给。
1804
+ * @returns 一行长任务。
1805
+ */
1082
1806
  function LongTaskRow(props) {
1083
1807
  const [stepsOpen, setStepsOpen] = useState(false);
1084
1808
  const [rawOpen, setRawOpen] = useState(false);
1809
+ const [armed, setArmed] = useState(false);
1085
1810
  const failed = props.status === "failed";
1086
1811
  const problem = props.problem ?? "";
1087
1812
  const raw = (props.raw ?? "").trim();
1088
1813
  const steps = props.steps ?? [];
1814
+ const stop = props.stop;
1815
+ const busy = stop?.busy === true;
1816
+ const stopWhy = stop?.failed ?? "";
1817
+ useEffect(() => {
1818
+ if (!armed) return void 0;
1819
+ const timer = setTimeout(() => setArmed(false), LONG_TASK_STOP_ARM_MS);
1820
+ return () => clearTimeout(timer);
1821
+ }, [armed]);
1822
+ const onStopPress = () => {
1823
+ if (stop === void 0) return;
1824
+ const press = longTaskStopPress(longTaskStopStage({
1825
+ armed,
1826
+ busy
1827
+ }));
1828
+ if (press === "ignore") return;
1829
+ if (press === "arm") {
1830
+ setArmed(true);
1831
+ return;
1832
+ }
1833
+ setArmed(false);
1834
+ stop.onStop();
1835
+ };
1089
1836
  return h("div", { className: "wb-longTask" }, h("p", { className: "wb-longTaskHead" }, h(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
1090
1837
  state: longTaskDot(props.status),
1091
1838
  size: 10
@@ -1093,7 +1840,18 @@ function LongTaskRow(props) {
1093
1840
  href: link.href,
1094
1841
  key: `${link.text}@${link.href}`,
1095
1842
  text: link.text
1096
- }))), problem === "" ? null : h("p", { className: "wb-longTaskProblem" }, problem), !failed ? null : h(Fragment, null, steps.length === 0 || props.stepsTitle === void 0 ? null : h(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
1843
+ })), stop === void 0 ? null : h("button", {
1844
+ type: "button",
1845
+ className: `wb-longTaskStop${armed ? " wb-longTaskStopArmed" : ""}`,
1846
+ "data-stop-state": longTaskStopStage({
1847
+ armed,
1848
+ busy
1849
+ }),
1850
+ "aria-label": armed ? stop.armedLabel ?? stop.askLabel : stop.label,
1851
+ disabled: busy,
1852
+ onClick: onStopPress,
1853
+ onBlur: () => setArmed(false)
1854
+ }, h(_deepseek_ai_dsh_client_ui_primitives.IconStopFillRegular, { size: 12 }), armed ? h("span", { className: "wb-longTaskStopLabel" }, stop.askLabel) : null)), problem === "" ? null : h("p", { className: "wb-longTaskProblem" }, problem), stopWhy === "" ? null : h("p", { className: "wb-longTaskStopWhy" }, stopWhy), !failed ? null : h(Fragment, null, steps.length === 0 || props.stepsTitle === void 0 ? null : h(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
1097
1855
  className: "wb-longTaskDump",
1098
1856
  icon: h(_deepseek_ai_dsh_client_ui_primitives.IconFlatListOutlineRegular, { size: 14 }),
1099
1857
  title: props.stepsTitle,
@@ -1127,6 +1885,11 @@ function LongTaskRow(props) {
1127
1885
  }
1128
1886
  //#endregion
1129
1887
  //#region ../shared/dist/components/ResourceStates.js
1888
+ /**
1889
+ * 骨架屏:读数期间已经知道大概形状时用它(连形状都不知道就用 `CenteredState` 那句"正在读")。
1890
+ * @param props.rows - 画几行骨架(默认 4);整块 `aria-hidden`,不读给读屏。
1891
+ * @returns 一叠占位条。
1892
+ */
1130
1893
  function SkeletonRows({ rows = 4 }) {
1131
1894
  return h("div", {
1132
1895
  className: "wb-skeleton",
@@ -1136,6 +1899,16 @@ function SkeletonRows({ rows = 4 }) {
1136
1899
  className: "wb-skeletonRow"
1137
1900
  }, h("span", { className: "wb-skeletonBar wb-skeletonBarTitle" }), h("span", { className: "wb-skeletonBar wb-skeletonBarMeta" }))));
1138
1901
  }
1902
+ /**
1903
+ * 居中一屏:要他先选一个 / 正在读 / 读不到时用它占住卡片版面。
1904
+ * @param props.icon - 标题上方那枚图标;给 `null` 就只留标题(加载与报错常见)。
1905
+ * @param props.title - 正中那行大字。
1906
+ * @param props.hint - 标题下的一行说明。
1907
+ * @param props.detail - 更细的一行(如原始错误码与那句话);"读不到"时把错误放这里,绝不显示 0。
1908
+ * @param props.action - 底部动作(如"重试");不给不画。
1909
+ * @param props.compact - 紧凑档(默认 false),卡里空间小的时候给 true。
1910
+ * @returns 一个 `role="status"` 的居中块。
1911
+ */
1139
1912
  function CenteredState({ icon, title, hint, detail, action, compact = false }) {
1140
1913
  return h("div", {
1141
1914
  className: compact ? "wb-centered wb-centeredCompact" : "wb-centered",
@@ -1145,6 +1918,13 @@ function CenteredState({ icon, title, hint, detail, action, compact = false }) {
1145
1918
  "aria-hidden": "true"
1146
1919
  }, 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));
1147
1920
  }
1921
+ /**
1922
+ * 就绪但空:它只是 `CenteredState` 的简写,标题就是那句空态文案。
1923
+ * @param props.text - 空态那句话。
1924
+ * @param props.icon - 标题上方的图标;默认 `null`,不画图标。
1925
+ * @param props.compact - 紧凑档,默认 false。
1926
+ * @returns 一个居中块。
1927
+ */
1148
1928
  function EmptyState({ text, icon = null, compact = false }) {
1149
1929
  return h(CenteredState, {
1150
1930
  icon,
@@ -1154,14 +1934,34 @@ function EmptyState({ text, icon = null, compact = false }) {
1154
1934
  }
1155
1935
  //#endregion
1156
1936
  //#region ../shared/dist/components/Rows.js
1937
+ /**
1938
+ * 键值行的容器:分隔线、行距与两端对齐在它和 `Row` 里,别自己写 `ul` / `li` 拼。
1939
+ * @param props.children - 一串 `Row`。
1940
+ * @returns 竖排的 div。
1941
+ */
1157
1942
  function Rows({ children }) {
1158
1943
  return h("div", { className: "wb-rows" }, children);
1159
1944
  }
1945
+ /**
1946
+ * 一行键值:左边名字、右边值;要成对说明一项数据就用它,别自己写两栏。
1947
+ * @param props.label - 左边那格(键)。
1948
+ * @param props.value - 右边那格(值),可以是数字、时间或一小段节点。
1949
+ * @returns 一行两格。
1950
+ */
1160
1951
  function Row({ label, value }) {
1161
1952
  return h("div", { className: "wb-row" }, h("span", { className: "wb-rowKey" }, label), h("span", { className: "wb-rowValue" }, value));
1162
1953
  }
1163
1954
  //#endregion
1164
1955
  //#region ../shared/dist/components/SaveBar.js
1956
+ /**
1957
+ * 设置面底下那条"取消 / 保存":就是 `FormActions` 的两颗固定动作,顺序与间距不归调用点。
1958
+ * @param props.busy - 保存中:两颗钮一起禁用,保存那颗换成 `saving` 文案并带转圈。
1959
+ * @param props.disabled - 再额外禁掉保存钮(如没改动可存);默认不禁,取消钮不受它管。
1960
+ * @param props.labels - 三句文案:`cancel` / `save` / `saving`。
1961
+ * @param props.onCancel - 点取消。
1962
+ * @param props.onSave - 点保存。
1963
+ * @returns 一组按钮。
1964
+ */
1165
1965
  function SaveBar({ busy, disabled, labels, onCancel, onSave }) {
1166
1966
  return h(FormActions, { actions: [{
1167
1967
  key: "cancel",
@@ -1180,6 +1980,21 @@ function SaveBar({ busy, disabled, labels, onCancel, onSave }) {
1180
1980
  }
1181
1981
  //#endregion
1182
1982
  //#region ../shared/dist/components/SelectFieldNodes.js
1983
+ /**
1984
+ * 下拉触发器那颗按钮:图标 + 当前值 + 箭头,交给 `Menu` 当 anchor;宽窄两档共用一个形状。
1985
+ * @param args.id - 触发器 id。
1986
+ * @param args.className - 触发器类名(已含 variant 与 iconOnly 的档)。
1987
+ * @param args.disabled - 是否禁用。
1988
+ * @param args.invalid - 置真写 `aria-invalid`。
1989
+ * @param args.open - 列表是否开着,写进 `aria-expanded`。
1990
+ * @param args.ariaLabel - 读屏名。
1991
+ * @param args.title - 原生提示。
1992
+ * @param args.icon - 值左边那枚图标;不给不占位。
1993
+ * @param args.value - 已渲染好的当前值节点(文本或占位)。
1994
+ * @param args.iconOnly - 只画图标(窄栏那颗切换钮),值与箭头都不画。
1995
+ * @param args.onOpen - 点它做什么,通常是把列表打开。
1996
+ * @returns 一颗 `<button>`。
1997
+ */
1183
1998
  function selectTriggerNode(args) {
1184
1999
  return h("button", {
1185
2000
  type: "button",
@@ -1194,6 +2009,15 @@ function selectTriggerNode(args) {
1194
2009
  onClick: args.onOpen
1195
2010
  }, 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 }))));
1196
2011
  }
2012
+ /**
2013
+ * 名单还没读到时的触发器:禁用 + `aria-busy` 的按钮,`SelectField` 在 `loading` 那档画它。
2014
+ * @param args.id - 触发器 id。
2015
+ * @param args.className - 触发器类名;它后面会接上 loading 那档的类。
2016
+ * @param args.invalid - 置真写 `aria-invalid`。
2017
+ * @param args.ariaLabel - 读屏名。
2018
+ * @param args.loadingText - 占位文案;不给就是 `…`。
2019
+ * @returns 一颗禁用且 `aria-busy` 的按钮。
2020
+ */
1197
2021
  function selectLoadingNode(args) {
1198
2022
  return h("button", {
1199
2023
  type: "button",
@@ -1208,6 +2032,11 @@ function selectLoadingNode(args) {
1208
2032
  }
1209
2033
  //#endregion
1210
2034
  //#region ../shared/dist/components/TextField.js
2035
+ /**
2036
+ * 单行文本输入:设置面与筛选框都用它,`invalid` 之外的属性全部透传给原生 `<input>`。
2037
+ * @param props.invalid - 置真标红并写 `aria-invalid`(默认 false);错在哪一句归 `FormRow.problem`。
2038
+ * @returns 输入框元素;`className` 是追加在基础类名之后,而不是替换它。
2039
+ */
1211
2040
  function TextField({ invalid = false, className, ...rest }) {
1212
2041
  return h("input", {
1213
2042
  ...rest,
@@ -1299,27 +2128,33 @@ function framed(label, hint, className, control) {
1299
2128
  }, control);
1300
2129
  return className === void 0 ? inner : h("div", { className }, inner);
1301
2130
  }
2131
+ /** 算候选项用来匹配搜索的文本:有 `searchText` 就用它,否则取字符串标签;标签不是字符串又没给它是空串(这项搜不到)。 */
1302
2132
  function searchTextOf(option) {
1303
2133
  if (option.searchText !== void 0) return option.searchText;
1304
2134
  return typeof option.label === "string" ? option.label : "";
1305
2135
  }
2136
+ /** 默认匹配:查询去空白折成小写后看它是不是 `searchTextOf` 的子串;查询为空或纯空白时一律命中(留在列表里)。 */
1306
2137
  function defaultSelectFilter(option, query) {
1307
2138
  const needle = query.trim().toLowerCase();
1308
2139
  if (needle === "") return true;
1309
2140
  return searchTextOf(option).toLowerCase().includes(needle);
1310
2141
  }
2142
+ /** 按查询过滤候选 —— 组件与模块自己算列表都用它,好让同一份口径管两处:`filter` 不给就用 `defaultSelectFilter`,顺序不变。 */
1311
2143
  function filterSelectOptions(options, query, filter = defaultSelectFilter) {
1312
2144
  return options.filter((option) => filter(option, query));
1313
2145
  }
2146
+ /** 把键盘游标换算成当前该高亮那项的 value:游标 `null`(还没动过键盘)或列表为空时没有高亮;太大的游标收到最后一项,负游标取不到项也回 `null`。 */
1314
2147
  function selectCursorValue(shown, cursor) {
1315
2148
  if (cursor === null || shown.length === 0) return null;
1316
2149
  return shown[Math.min(cursor, shown.length - 1)]?.value ?? null;
1317
2150
  }
2151
+ /** 按上下键移动游标(两头环绕):还没选过时向下取第一项、向上取最后一项;列表为空回 `null`(一步都动不了)。`step` 1 向下、-1 向上。 */
1318
2152
  function stepSelectCursor(shown, cursor, step) {
1319
2153
  if (shown.length === 0) return null;
1320
2154
  if (cursor === null) return step === 1 ? 0 : shown.length - 1;
1321
2155
  return (cursor + step + shown.length) % shown.length;
1322
2156
  }
2157
+ /** 把候选排成 `Menu` 要的条目表:按 `group` 插分组标题;一项都没有时退回 `emptyText` 那一行(不给就是空表)。`revealId` 是开列表时要滚进可视区的那个 value。 */
1323
2158
  function selectEntries(shown, emptyText, revealId) {
1324
2159
  if (shown.length === 0) return emptyText === void 0 ? [] : [{
1325
2160
  type: "label",
@@ -1400,6 +2235,22 @@ function useSelectState(props) {
1400
2235
  empty: typeof emptyText === "function" ? emptyText(query) : emptyText
1401
2236
  };
1402
2237
  }
2238
+ /**
2239
+ * 下拉选择:默认是跟 `TextField` 一套的常规下拉框(不是原生 `<select>`),无边框那种给 `variant: 'ghost'`。
2240
+ * `open` 不给就内部自己管(两种接法下 `onOpenChange` 都会通知),`loading` 把触发器换成转圈 + `loadingText`(默认 `…`),
2241
+ * `selection` 选选中行标记(`fill` 整行底色 / `check` 行尾勾),`footer` 是列表底部那一条(点它走 `onFooter`,不改当前值)。
2242
+ * @param props.value - 当前值;在 `options` 里找不到就按"没选"画 `placeholder`。
2243
+ * @param props.options - 全量候选;空数组且给了 `fallback` 时改画手填输入框。
2244
+ * @param props.onChange - 选中一项后的回调,回的是那一项的 `value`。
2245
+ * @param props.label - 没进 `FormRow` 时的标签兜底;进了那一行就别再给它和 `hint`,否则会多一个标签。
2246
+ * @param props.renderValue - 自己渲染触发器上那份当前值;不给就用候选项的 `label`。
2247
+ * @param props.placeholder - 没选中时那句话;不给是 `—`。
2248
+ * @param props.search - 是否可搜(默认 true);`false` 时不画搜索框、也不自动聚焦。
2249
+ * @param props.filter - 自定义匹配;不给用 `defaultSelectFilter`(空白查询一律命中)。
2250
+ * @param props.emptyText - 无匹配时的文案,或按查询生成文案的函数(能说"没有匹配 X 的项")。
2251
+ * @param props.fallback - 退路:`options` 为空时改成手填(`value` + `onChange`)。
2252
+ * @returns 触发器,以及打开时的搜索框与列表。
2253
+ */
1403
2254
  function SelectField(props) {
1404
2255
  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;
1405
2256
  const state = useSelectState(props);
@@ -1488,6 +2339,14 @@ function SelectField(props) {
1488
2339
  }
1489
2340
  //#endregion
1490
2341
  //#region ../shared/dist/components/SettingsSection.js
2342
+ /**
2343
+ * 设置面里的一节:标题 + 右上那颗动作 + 一节内容,把一屏设置分组。
2344
+ * @param props.label - 只给读屏的组名(`aria-label`),不是标题。
2345
+ * @param props.title - 人看的标题。
2346
+ * @param props.action - 标题右侧的动作(如"添加");不给不占位。
2347
+ * @param props.children - 这一节的内容。
2348
+ * @returns 一个 `role="group"` 的 section。
2349
+ */
1491
2350
  function SettingsSection({ label, title, action, children }) {
1492
2351
  return h("section", {
1493
2352
  className: "wb-settings",
@@ -1497,11 +2356,26 @@ function SettingsSection({ label, title, action, children }) {
1497
2356
  }
1498
2357
  //#endregion
1499
2358
  //#region ../shared/dist/components/Stack.js
2359
+ /**
2360
+ * 竖排容器:把相邻内容按统一间距摞起来,懒得自己分组时的默认外包装。
2361
+ * @param props.children - 要竖排的内容;不给就渲染一个空容器。
2362
+ * @returns 竖排的 div。
2363
+ */
1500
2364
  function Stack({ children }) {
1501
2365
  return h("div", { className: "wb-stack" }, children);
1502
2366
  }
1503
2367
  //#endregion
1504
2368
  //#region ../shared/dist/components/StateBlock.js
2369
+ /**
2370
+ * 有内容那一段:一个标题 + 一行提示 + 正文,卡里已经读到东西时用它开头。
2371
+ * @param props.title - 标题那行;它与 `dot` 都不给时整行不画。
2372
+ * @param props.dot - 标题前那枚状态点。
2373
+ * @param props.hint - 标题下那行小字(如"3 条 · 刚刚");不给不画。
2374
+ * @param props.resolving - "正在读"那行,读数期间挂上去;不给不画。
2375
+ * @param props.actions - 底部动作区;给了才画那一条。
2376
+ * @param props.children - 正文。
2377
+ * @returns 一个 div。
2378
+ */
1505
2379
  function StateBlock({ title, dot, hint, actions, resolving, children }) {
1506
2380
  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));
1507
2381
  }
@@ -1519,6 +2393,11 @@ function Shell({ size, strokeWidth = 1, viewBox = "0 0 16 16", children }) {
1519
2393
  style: { display: "block" }
1520
2394
  }, children);
1521
2395
  }
2396
+ /**
2397
+ * 会话图标:一枚对话气泡,dsh 的图标表里没有,留给我们自己用;默认 16px。
2398
+ * @param props.size - 边长像素,同时给 `width` 与 `height`。
2399
+ * @returns 一枚 `aria-hidden` 的 svg。
2400
+ */
1522
2401
  function IconConversation({ size = 16 }) {
1523
2402
  return h(Shell, {
1524
2403
  size,
@@ -1529,6 +2408,11 @@ function IconConversation({ size = 16 }) {
1529
2408
  strokeLinejoin: "round"
1530
2409
  }));
1531
2410
  }
2411
+ /**
2412
+ * 品牌标:侧栏顶上那枚工作台方块标;默认 24px(它是品牌物,别拿它当通用图标)。
2413
+ * @param props.size - 边长像素,同时给 `width` 与 `height`。
2414
+ * @returns 一枚 `aria-hidden` 的 svg。
2415
+ */
1532
2416
  function IconBrandMark({ size = 24 }) {
1533
2417
  return h(Shell, {
1534
2418
  size,
@@ -1547,6 +2431,11 @@ function IconBrandMark({ size = 24 }) {
1547
2431
  strokeLinecap: "round"
1548
2432
  }));
1549
2433
  }
2434
+ /**
2435
+ * opencli 的标:包类型那一格用它;颜色写死的品牌物,不跟主题走。默认 16px。
2436
+ * @param props.size - 边长像素,同时给 `width` 与 `height`。
2437
+ * @returns 一枚 `aria-hidden` 的 svg。
2438
+ */
1550
2439
  function IconOpencli({ size = 16 }) {
1551
2440
  return h(Shell, {
1552
2441
  size,
@@ -1582,6 +2471,11 @@ function IconOpencli({ size = 16 }) {
1582
2471
  fill: "url(#opencli-mark)"
1583
2472
  }, ">_"));
1584
2473
  }
2474
+ /**
2475
+ * npm 的标:包类型那一格用它;保留品牌红,不跟主题走。默认 16px。
2476
+ * @param props.size - 边长像素,同时给 `width` 与 `height`。
2477
+ * @returns 一枚 `aria-hidden` 的 svg。
2478
+ */
1585
2479
  function IconNpm({ size = 16 }) {
1586
2480
  return h(Shell, {
1587
2481
  size,
@@ -1591,6 +2485,11 @@ function IconNpm({ size = 16 }) {
1591
2485
  fill: "#CB3837"
1592
2486
  }));
1593
2487
  }
2488
+ /**
2489
+ * 四宫格:"模块"这个概念的通用单色图标(侧栏、面板那颗钮、市场节的标题);默认 16px。
2490
+ * @param props.size - 边长像素,同时给 `width` 与 `height`。
2491
+ * @returns 一枚 `aria-hidden` 的 svg。
2492
+ */
1594
2493
  function IconModules({ size = 16 }) {
1595
2494
  return h("svg", {
1596
2495
  width: size,
@@ -1632,6 +2531,11 @@ function IconModules({ size = 16 }) {
1632
2531
  strokeWidth: "1.2"
1633
2532
  }));
1634
2533
  }
2534
+ /**
2535
+ * 模块类型标:渐变方块 + 白四宫格,用在"这是个模块"的行首;品牌物,颜色不跟主题走。默认 16px。
2536
+ * @param props.size - 边长像素,同时给 `width` 与 `height`。
2537
+ * @returns 一枚 `aria-hidden` 的 svg。
2538
+ */
1635
2539
  function IconModuleMark({ size = 16 }) {
1636
2540
  return h(Shell, {
1637
2541
  size,
@@ -1688,6 +2592,11 @@ function IconModuleMark({ size = 16 }) {
1688
2592
  fill: "#ffffff"
1689
2593
  }));
1690
2594
  }
2595
+ /**
2596
+ * 面板 / 卡片那类的图标:整屏与柱状那种形状,给"面板"这一档用;默认 16px。
2597
+ * @param props.size - 边长像素,同时给 `width` 与 `height`。
2598
+ * @returns 一枚 `aria-hidden` 的 svg。
2599
+ */
1691
2600
  function IconPanelScreen({ size = 16 }) {
1692
2601
  return h("svg", {
1693
2602
  width: size,
@@ -1704,6 +2613,7 @@ function IconPanelScreen({ size = 16 }) {
1704
2613
  }
1705
2614
  //#endregion
1706
2615
  //#region ../shared/dist/config/storage.js
2616
+ /** 读 localStorage 里的一段文本;没有这个键、或存储不可用(隐私模式)时返回 null。 */
1707
2617
  function readText(key) {
1708
2618
  try {
1709
2619
  return window.localStorage.getItem(key);
@@ -1711,22 +2621,26 @@ function readText(key) {
1711
2621
  return null;
1712
2622
  }
1713
2623
  }
2624
+ /** 写一段文本进 localStorage;`value` 为 null 时删掉这个键,写不进去就静默作罢。 */
1714
2625
  function writeText(key, value) {
1715
2626
  try {
1716
2627
  if (value === null) window.localStorage.removeItem(key);
1717
2628
  else window.localStorage.setItem(key, value);
1718
2629
  } catch {}
1719
2630
  }
2631
+ /** 读一个布尔开关:键不存在时返回 `fallback`,只有存进去的 `'true'` 算真。 */
1720
2632
  function readFlag(key, fallback) {
1721
2633
  const raw = readText(key);
1722
2634
  if (raw === null) return fallback;
1723
2635
  return raw === "true";
1724
2636
  }
2637
+ /** 把一个布尔开关写进 localStorage(存 `'true'` / `'false'`);失败静默。 */
1725
2638
  function writeFlag(key, value) {
1726
2639
  writeText(key, value ? "true" : "false");
1727
2640
  }
1728
2641
  //#endregion
1729
2642
  //#region ../shared/dist/i18n/en.js
2643
+ /** 外壳自带的英文词表:键必须与 `zh` 逐一对应,值不许为空串。 */
1730
2644
  var en = {
1731
2645
  "brand.name": "Workbench",
1732
2646
  "toggle.open": "Open sidebar",
@@ -2137,20 +3051,19 @@ var en = {
2137
3051
  "configSync.noSource": "This machine has no other profile to sync from",
2138
3052
  "configSync.emptyProviders": "The workbench has no model provider yet — sync the llm- rows from some profile, or configure one under Models.",
2139
3053
  "configSync.failed": "The sync did not go through; try again.",
2140
- "debug.status": "Workbench DIY debugging",
2141
- "debug.status.trouble": "Workbench DIY debugging needs attention",
2142
- "debug.stalled": "Workbench DIY debugging paused",
3054
+ "debug.workspace": "this workspace",
3055
+ "debug.status": "Debugging “{title}”",
3056
+ "debug.status.trouble": "Debugging needs your attention ({title})",
3057
+ "debug.stalled": "Debugging paused ({title})",
2143
3058
  "debug.act.pause": "Pause debugging",
2144
3059
  "debug.act.resume": "Resume debugging",
2145
3060
  "debug.act.stop": "Stop debugging",
2146
3061
  "debug.act.stop.ask": "Confirm stop",
2147
- "debug.card.here.title": "Workbench DIY debugging is on",
3062
+ "debug.card.here.title": "Debugging “{title}”",
2148
3063
  "debug.card.here.note": "Do not switch workspaces or touch the panel",
2149
- "debug.card.away.title": "Workbench DIY debugging is on",
2150
- "debug.card.away.note": "Switch to the Workbench DIY workspace",
3064
+ "debug.card.away.note": "Switch back to “{title}”",
2151
3065
  "debug.card.paused.note": "Paused",
2152
- "debug.card.hidden.note": "Switch to the Workbench panel",
2153
- "debug.back": "Back to the workshop screen",
3066
+ "debug.card.hidden.note": "Switch back to the Workbench panel",
2154
3067
  "record.waiting": "Recording handoff · your turn",
2155
3068
  "record.waiting.note": "Press \"Start recording\" on that page, then \"Stop recording\" when done (it will not switch you back)",
2156
3069
  "record.recording": "Recording",
@@ -2164,10 +3077,13 @@ var en = {
2164
3077
  "approval.record.lands": "Lands in",
2165
3078
  "approval.record.noUrl": "no site given (this call gets refused)",
2166
3079
  "approval.record.oneAction": "one action",
2167
- "approval.record.noSwitch": "it will not switch you back (the leftbar footer shows the state)"
3080
+ "approval.record.noSwitch": "it will not switch you back (the leftbar footer shows the state)",
3081
+ "approval.longTask.what": "Stops",
3082
+ "approval.longTask.signal": "stopping only sends an interrupt signal — how the platform-side run finishes is up to the module"
2168
3083
  };
2169
3084
  //#endregion
2170
3085
  //#region ../shared/dist/i18n/zh.js
3086
+ /** 外壳自带的中文词表(命名空间 `workbench`):`en` 与它逐键对齐,模块那份在它之上合并。 */
2171
3087
  var zh = {
2172
3088
  "brand.name": "工作台",
2173
3089
  "toggle.open": "打开侧边栏",
@@ -2578,20 +3494,19 @@ var zh = {
2578
3494
  "configSync.noSource": "这台机器上只有工作台这一个 profile,没有可同步的来源",
2579
3495
  "configSync.emptyProviders": "工作台还没有任何模型供应商 —— 去「配置同步」从某个 profile 把 llm- 那几行搬过来,或自己去「模型」里配。",
2580
3496
  "configSync.failed": "同步没成功,再试一次。",
2581
- "debug.status": "工作台 DIY 开发调试中",
2582
- "debug.status.trouble": "工作台 DIY 开发调试异常",
2583
- "debug.stalled": "工作台 DIY 调试暂停",
3497
+ "debug.workspace": "这个工作区",
3498
+ "debug.status": "「{title}」调试中",
3499
+ "debug.status.trouble": "调试要你看一眼({title})",
3500
+ "debug.stalled": "调试已暂停({title})",
2584
3501
  "debug.act.pause": "暂停调试",
2585
3502
  "debug.act.resume": "继续调试",
2586
3503
  "debug.act.stop": "结束调试",
2587
3504
  "debug.act.stop.ask": "确认结束",
2588
- "debug.card.here.title": "当前工作台 DIY 开发调试中",
3505
+ "debug.card.here.title": "正在调试「{title}」",
2589
3506
  "debug.card.here.note": "请勿切换工作区和操作面板",
2590
- "debug.card.away.title": "工作台 DIY 开发调试中",
2591
- "debug.card.away.note": "请切换到工作台 DIY 工作区",
3507
+ "debug.card.away.note": "请切回「{title}」那一屏",
2592
3508
  "debug.card.paused.note": "已暂停",
2593
- "debug.card.hidden.note": "请切换到工作台面板",
2594
- "debug.back": "回到工坊那一屏",
3509
+ "debug.card.hidden.note": "请切回工作台面板",
2595
3510
  "record.waiting": "取证交接 · 等你出手",
2596
3511
  "record.waiting.note": "请在那一页按「开始录制」,做完按「结束录制」(录完不替你切回来)",
2597
3512
  "record.recording": "录制中",
@@ -2605,10 +3520,13 @@ var zh = {
2605
3520
  "approval.record.lands": "落点",
2606
3521
  "approval.record.noUrl": "没给站点地址(这次会被当场拒)",
2607
3522
  "approval.record.oneAction": "一次操作",
2608
- "approval.record.noSwitch": "录完不会替你切回来(左栏底部会亮一条状态)"
3523
+ "approval.record.noSwitch": "录完不会替你切回来(左栏底部会亮一条状态)",
3524
+ "approval.longTask.what": "要停的那一趟",
3525
+ "approval.longTask.signal": "停了只是让外壳发出中断信号 —— 平台侧那趟活儿的收尾看模块自己"
2609
3526
  };
2610
3527
  //#endregion
2611
3528
  //#region ../shared/dist/i18n/index.js
3529
+ /** 外壳自带的两份词表(`zh` 为基准、`en` 同构):`client.tsx` 拿它当合并各套件词表的底座。 */
2612
3530
  var dictionaries = {
2613
3531
  zh,
2614
3532
  en
@@ -2621,6 +3539,7 @@ function assertSelfConsistent(unit, messages) {
2621
3539
  if (zhKeys.length !== enKeys.length || zhKeys.some((key, index) => key !== enKeys[index])) throw new Error(`套件 ${unit} 的文案两语言不同构:zh ${zhKeys.length} 键 / en ${enKeys.length} 键`);
2622
3540
  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} 是空的`);
2623
3541
  }
3542
+ /** 把各套件的词表合到外壳底座上:键必须以 `<unit>.` 开头、不许撞已有键,违规当场抛错。 */
2624
3543
  function mergeMessages(base, contributions) {
2625
3544
  const zh = { ...base.zh };
2626
3545
  const en = { ...base.en };
@@ -2647,6 +3566,7 @@ function reasonOf(error) {
2647
3566
  if (error instanceof Error) return error.message;
2648
3567
  return typeof error === "string" ? error : String(error);
2649
3568
  }
3569
+ /** 逐份试合、坏的跳过:一份贡献不合规只记进 `problems`,不影响其余套件与已有词表。 */
2650
3570
  function mergeMessagesSkipping(base, contributions) {
2651
3571
  let dictionaries = base;
2652
3572
  const accepted = [];
@@ -2670,9 +3590,22 @@ function mergeMessagesSkipping(base, contributions) {
2670
3590
  }
2671
3591
  //#endregion
2672
3592
  //#region ../shared/dist/lib/blocker-action.js
3593
+ /**
3594
+ * 这颗钮此刻该不该按成等待态:这一轮忙还没收,或有一支正在跑。
3595
+ * @param busy - 这一轮忙是不是还在。
3596
+ * @param running - 正在跑的那一支的 label;没有就给 `null`。
3597
+ * @returns 该等待给 `true`,否则 `false`。
3598
+ */
2673
3599
  function blockerPending(busy, running) {
2674
3600
  return busy || running !== null;
2675
3601
  }
3602
+ /**
3603
+ * 这颗钮此刻该显示什么字:正在重试说「重试中…」,正在跑的那一支说「修复中…」,刚复制过的说「已复制」,其余原样。
3604
+ * @param action - 这颗钮的形状(行为 + 平时文案)。
3605
+ * @param state - 此刻的运行态。
3606
+ * @param t - i18n 取词函数。
3607
+ * @returns 要显示的文案;三种临时态都不成立时就是 `action.label`。
3608
+ */
2676
3609
  function blockerActionLabel(action, state, t) {
2677
3610
  if (action.kind === "retry" && state.retrying) return t("blocker.retry.running");
2678
3611
  if (state.running === action.label) return t("blocker.fix.running");
@@ -2680,55 +3613,36 @@ function blockerActionLabel(action, state, t) {
2680
3613
  return action.label;
2681
3614
  }
2682
3615
  //#endregion
2683
- //#region ../shared/dist/lib/busy.js
2684
- function holdBusy(since, now, floorMs) {
2685
- if (since === null) return {
2686
- visible: false,
2687
- releaseInMs: 0
2688
- };
2689
- const left = floorMs - Math.max(0, now - since);
2690
- return left <= 0 ? {
2691
- visible: false,
2692
- releaseInMs: 0
2693
- } : {
2694
- visible: true,
2695
- releaseInMs: left
2696
- };
2697
- }
2698
- //#endregion
2699
- //#region ../shared/dist/lib/form-problem.js
2700
- var PROBLEM_SELECTOR = "[data-wb-problem]";
2701
- var FOCUSABLE_SELECTOR = [
2702
- "input:not([disabled])",
2703
- "select:not([disabled])",
2704
- "textarea:not([disabled])",
2705
- "button:not([disabled])",
2706
- "a[href]",
2707
- "[tabindex]:not([tabindex=\"-1\"])"
2708
- ].join(", ");
2709
- function firstProblemOf(root) {
2710
- return root.querySelector(PROBLEM_SELECTOR);
2711
- }
2712
- function revealFirstProblem(root) {
2713
- const problem = firstProblemOf(root);
2714
- if (problem === null) return false;
2715
- problem.scrollIntoView?.({ block: "nearest" });
2716
- problem.querySelector(FOCUSABLE_SELECTOR)?.focus?.();
2717
- return true;
2718
- }
2719
- //#endregion
2720
3616
  //#region ../shared/dist/lib/board-fact.js
3617
+ /**
3618
+ * 判一个路径落不落在这个工作区里(按路径前缀比,不是字符串包含)。
3619
+ * @param root - 工作区根路径。
3620
+ * @param target - 要判的路径。
3621
+ * @returns 同一个路径或在其下给 `true`;`root` 末尾带不带斜杠都认(`/a` 不匹配 `/ab`)。
3622
+ */
2721
3623
  function insideWorkshop(root, target) {
2722
3624
  if (target === root) return true;
2723
3625
  const base = root.endsWith("/") ? root : `${root}/`;
2724
3626
  return target.startsWith(base);
2725
3627
  }
3628
+ /**
3629
+ * 把一次探针读数归成椅面归属。
3630
+ * @param probe - 探针读数。
3631
+ * @param workshop - 当前工作区根路径;`null` 表示还不知道当前是哪个工作区。
3632
+ * @returns 外壳不在、或板路径与工作区缺一 → `unknown`;右栏没开或没画出来 → `hidden`;板在本工作区 → `workshop`,否则 `other`。
3633
+ */
2726
3634
  function boardFactOf(probe, workshop) {
2727
3635
  if (!probe.workbench) return "unknown";
2728
3636
  if (!probe.bar || !probe.open || !probe.drawn) return "hidden";
2729
3637
  if (probe.board === "" || workshop === null) return "unknown";
2730
3638
  return insideWorkshop(workshop, probe.board) ? "workshop" : "other";
2731
3639
  }
3640
+ /**
3641
+ * 把探针读数归成左栏那句人话的档位。
3642
+ * @param probe - 探针读数。
3643
+ * @param workshop - 当前工作区根路径;`null` 一律 `unknown`。
3644
+ * @returns 椅面画着 → 本板 `ok` / 别板 `other-board`;没画着 → 页面已走 `off-workspace`,否则 `panel-closed`。
3645
+ */
2732
3646
  function boardSituation(probe, workshop) {
2733
3647
  if (!probe.workbench || workshop === null) return "unknown";
2734
3648
  if (probe.bar && probe.open && probe.drawn) {
@@ -2739,10 +3653,41 @@ function boardSituation(probe, workshop) {
2739
3653
  return "panel-closed";
2740
3654
  }
2741
3655
  //#endregion
3656
+ //#region ../shared/dist/lib/busy.js
3657
+ /**
3658
+ * 按「至少显示 floorMs」算这一轮忙此刻该不该收:没到下限就继续显示,并给出剩余时长供调用方起定时器。
3659
+ * @param since - 这一轮忙开始的时间戳;`null`(没开过这一轮)一律不显示。
3660
+ * @param now - 当前时间戳。
3661
+ * @param floorMs - 至少显示的时长(毫秒)。
3662
+ * @returns 还该不该显示 + 剩余毫秒;到点或已过下限给不显示,时钟倒退按「刚开头」算(剩余 = 下限,不给负数)。
3663
+ */
3664
+ function holdBusy(since, now, floorMs) {
3665
+ if (since === null) return {
3666
+ visible: false,
3667
+ releaseInMs: 0
3668
+ };
3669
+ const left = floorMs - Math.max(0, now - since);
3670
+ return left <= 0 ? {
3671
+ visible: false,
3672
+ releaseInMs: 0
3673
+ } : {
3674
+ visible: true,
3675
+ releaseInMs: left
3676
+ };
3677
+ }
3678
+ //#endregion
2742
3679
  //#region ../shared/dist/lib/diy-debug.js
3680
+ /**
3681
+ * 把工具入参收成人话动作。
3682
+ * @param value - 任意入参值。
3683
+ * @returns `'pause'` / `'resume'` / `'stop'` 原样;别的值(含 `undefined`、多余空白、大小写不同)给 `null`,由调用方拒。
3684
+ */
2743
3685
  function parseDebugIntent(value) {
2744
3686
  return value === "pause" || value === "resume" || value === "stop" ? value : null;
2745
3687
  }
3688
+ /**
3689
+ * 调试约定的有效期(4 小时,毫秒):超过它没动静的约定算过期、当场让人。
3690
+ */
2746
3691
  var DEBUG_STALE_MS = 144e5;
2747
3692
  function alive$1(state, now) {
2748
3693
  if (state === null) return null;
@@ -2753,6 +3698,10 @@ function ownerOf$1(state, sessionId, now) {
2753
3698
  if (held === null) return "none";
2754
3699
  return held.sessionId === sessionId ? held : "not-owner";
2755
3700
  }
3701
+ /**
3702
+ * 造一份新的调试约定存储(进程内存,同一时刻只可能有一份有效约定)。
3703
+ * @returns 存取口;动作成不成都在返回的 `DebugMove` 里,不抛异常。
3704
+ */
2756
3705
  function createDebugStore() {
2757
3706
  let held = null;
2758
3707
  const live = (now) => alive$1(held, now);
@@ -2767,7 +3716,8 @@ function createDebugStore() {
2767
3716
  const state = {
2768
3717
  phase: "debugging",
2769
3718
  sessionId: pact.sessionId,
2770
- workspace: pact.workspace,
3719
+ workspacePath: pact.workspacePath,
3720
+ title: pact.title,
2771
3721
  board: pact.board,
2772
3722
  unit: pact.unit,
2773
3723
  name: pact.name,
@@ -2836,12 +3786,25 @@ function createDebugStore() {
2836
3786
  }
2837
3787
  };
2838
3788
  }
3789
+ /**
3790
+ * 「谁还占着」的一句话,用于别人来抢时说清现况。
3791
+ * @param state - 当前有效的那份约定。
3792
+ * @returns 形如「会话 x(自 HH:mm:ssZ 起在调试 y)」的中文串。
3793
+ */
2839
3794
  function debugOwnerText(state) {
2840
3795
  return `会话 ${state.sessionId}(自 ${new Date(state.startedAt).toISOString().slice(11, 19)}Z 起在调试 ${state.unit})`;
2841
3796
  }
2842
3797
  //#endregion
2843
3798
  //#region ../shared/dist/lib/diy-record.js
3799
+ /**
3800
+ * 录制约定的有效期(15 分钟,毫秒):超过它没动静的约定算过期、当场让人。
3801
+ */
2844
3802
  var RECORD_STALE_MS = 9e5;
3803
+ /**
3804
+ * 把工具入参收成人话动作。
3805
+ * @param raw - 任意入参值。
3806
+ * @returns `'peek'` / `'halt'` / `'stop'` 原样;别的值(含 `undefined`、多余空白)给 `null`,由调用方拒。
3807
+ */
2845
3808
  function parseRecordIntent(raw) {
2846
3809
  return raw === "peek" || raw === "halt" || raw === "stop" ? raw : null;
2847
3810
  }
@@ -2854,6 +3817,10 @@ function ownerOf(state, sessionId, now) {
2854
3817
  if (held === null) return "none";
2855
3818
  return held.sessionId === sessionId ? held : "not-owner";
2856
3819
  }
3820
+ /**
3821
+ * 造一份新的录制约定存储(进程内存,同一时刻只可能有一份有效约定)。
3822
+ * @returns 存取口;动作成不成都在返回的 `RecordMove` 里,不抛异常。
3823
+ */
2857
3824
  function createRecordStore() {
2858
3825
  let held = null;
2859
3826
  const live = (now) => alive(held, now);
@@ -2949,11 +3916,22 @@ function createRecordStore() {
2949
3916
  }
2950
3917
  };
2951
3918
  }
3919
+ /**
3920
+ * 「谁还占着、在录哪个动作」的一句话,用于别人来抢时说清现况。
3921
+ * @param state - 当前有效的那份约定。
3922
+ * @returns 形如「会话 x(自 HH:mm:ssZ 起在录 y 的「动作」)」的中文串。
3923
+ */
2952
3924
  function recordOwnerText(state) {
2953
3925
  const at = new Date(state.startedAt).toISOString().slice(11, 19);
2954
3926
  return `会话 ${state.sessionId}(自 ${at}Z 起在录 ${state.unit} 的「${state.action}」)`;
2955
3927
  }
3928
+ /**
3929
+ * 同一原因的连续崩溃算进同一次计数的窗口(10 分钟,毫秒)。
3930
+ */
2956
3931
  var PANEL_STATE_CRASH_WINDOW_MS = 6e5;
3932
+ /**
3933
+ * 上报文本字段的截断长度(2000 字符;workspace / reason / message 共用)。
3934
+ */
2957
3935
  var PANEL_STATE_MAX_TEXT = 2e3;
2958
3936
  var PHASES = [
2959
3937
  "idle",
@@ -2985,6 +3963,12 @@ function errorOf(raw) {
2985
3963
  message
2986
3964
  };
2987
3965
  }
3966
+ /**
3967
+ * 收一批卡片读数上报。
3968
+ * @param payload - `POST` 的请求体。
3969
+ * @returns 至少收到一条能认的卡片才 `ok: true`;请求体不是对象、`workspace` 为空、`cards` 不是数组,
3970
+ * 或一条都认不出(`unit` / `route` / `phase` / `at` 缺一)时 `ok: false` + 中文原因;认不出的单条静默跳过。
3971
+ */
2988
3972
  function parseCardsReport(payload) {
2989
3973
  const record = asRecord(payload);
2990
3974
  if (record === void 0) return {
@@ -3031,6 +4015,11 @@ function parseCardsReport(payload) {
3031
4015
  }
3032
4016
  };
3033
4017
  }
4018
+ /**
4019
+ * 收一次卡片崩溃上报。
4020
+ * @param payload - `POST` 的请求体。
4021
+ * @returns `workspace` / `unit` / `reason` 都不能空,缺一给 `ok: false` + 中文原因;`at` 缺省或不合法时取当前时间。
4022
+ */
3034
4023
  function parseCrashReport(payload) {
3035
4024
  const record = asRecord(payload);
3036
4025
  if (record === void 0) return {
@@ -3062,6 +4051,10 @@ function parseCrashReport(payload) {
3062
4051
  }
3063
4052
  };
3064
4053
  }
4054
+ /**
4055
+ * 造一份面板运行态的留存(进程内存、按工作区分桶,带上面那几条上限的 LRU)。
4056
+ * @returns 留存口:`cards` / `crash` 收上报,`snapshot(workspace)` 取全量;没存过的工作区(含 `null`)给一份空的。
4057
+ */
3065
4058
  function createPanelStateStore() {
3066
4059
  const workspaces = /* @__PURE__ */ new Map();
3067
4060
  function trim(entry, max) {
@@ -3152,9 +4145,20 @@ function createPanelStateStore() {
3152
4145
  }
3153
4146
  //#endregion
3154
4147
  //#region ../shared/dist/lib/text.js
4148
+ /**
4149
+ * 把一个值裹成 shell 里的单引号字面量(值里的单引号一并转义),保证元字符按字面量传递。
4150
+ * @param value - 任意值;不是字符串的先 `String()`。
4151
+ * @returns 可安全拼进 `/bin/sh -c` 的一段文本 —— 含空格 / `$()` / `;` / 通配符的值都不会被当成语法。
4152
+ */
3155
4153
  function quoteShellArg(value) {
3156
4154
  return `'${String(value).replace(/'/g, `'\\''`)}'`;
3157
4155
  }
4156
+ /**
4157
+ * 取一段文本的末尾若干行(如命令输出),顺带去掉首尾空白。
4158
+ * @param text - 原文;`null` / `undefined` 当空串。
4159
+ * @param lines - 最多留几行,默认 6;0 给全篇、负数从开头砍掉那么多行(都是 `slice` 语义),调用方传正数。
4160
+ * @returns 末尾若干行、去首尾空行后的文本;原文行数不够就全给,空输入给空串。
4161
+ */
3158
4162
  function tailLines(text, lines = 6) {
3159
4163
  return String(text ?? "").trim().split("\n").slice(-lines).join("\n");
3160
4164
  }
@@ -3172,6 +4176,11 @@ function candidateStarts(raw) {
3172
4176
  }
3173
4177
  return starts;
3174
4178
  }
4179
+ /**
4180
+ * 宽松解析一段前后可能夹着人话的 JSON:整段不通就从行首的 `[` / `{` 起、截到最后一个闭合符再试。
4181
+ * @param text - 原文;`null` / `undefined` 当空串。
4182
+ * @returns 解析出的值(对象 / 数组 / 标量都原样);空输入或怎么都解析不出给 `undefined`,调用方据此报「输出认不出」。
4183
+ */
3175
4184
  function parseJsonLoose(text) {
3176
4185
  const raw = String(text ?? "").trim();
3177
4186
  if (!raw) return void 0;
@@ -3194,6 +4203,12 @@ function parseJsonLoose(text) {
3194
4203
  var MARKDOWN_IMAGE = /!\[[^\]]*\]\([^)]*\)/g;
3195
4204
  var MARKDOWN_LINK = /\[([^\]]*)\]\([^)]*\)/g;
3196
4205
  var MARKDOWN_MARKS = /[*`_>#]/g;
4206
+ /**
4207
+ * 把一段 Markdown 压成一行纯文本摘要:图片剥掉、链接只留可见文字、标记符号压成空格,超长按字符截断。
4208
+ * @param text - 原文;`null` / `undefined` 当空串。
4209
+ * @param limit - 摘要最多多少字符,默认 80。
4210
+ * @returns 单行摘要;没超限原样给,超了截到 `limit` 并补省略号(总长 `limit + 1`;第 `limit` 个字符是空白时会被 `trimEnd` 去掉、略短),空输入给空串。
4211
+ */
3197
4212
  function excerpt(text, limit = 80) {
3198
4213
  const flat = String(text ?? "").replace(MARKDOWN_IMAGE, " ").replace(MARKDOWN_LINK, "$1").replace(MARKDOWN_MARKS, " ").replace(/\s+/g, " ").trim();
3199
4214
  if (flat.length <= limit) return flat;
@@ -3232,6 +4247,7 @@ var dist_exports = /* @__PURE__ */ __exportAll({
3232
4247
  EmptyState: () => EmptyState,
3233
4248
  FACT_SCOPE_SUFFIX: () => "*",
3234
4249
  Field: () => Field,
4250
+ Form: () => Form,
3235
4251
  FormActions: () => FormActions,
3236
4252
  FormRow: () => FormRow,
3237
4253
  FormRows: () => FormRows,
@@ -3250,6 +4266,7 @@ var dist_exports = /* @__PURE__ */ __exportAll({
3250
4266
  LOCALE_NS: () => LOCALE_NS,
3251
4267
  LONG_TASK_IDLE_MS: () => LONG_TASK_IDLE_MS,
3252
4268
  LONG_TASK_POLL_MS: () => LONG_TASK_POLL_MS,
4269
+ LONG_TASK_STOP_ARM_MS: () => LONG_TASK_STOP_ARM_MS,
3253
4270
  Link: () => Link,
3254
4271
  LongTaskRow: () => LongTaskRow,
3255
4272
  MIN_BUSY_MS: () => 500,
@@ -3277,6 +4294,7 @@ var dist_exports = /* @__PURE__ */ __exportAll({
3277
4294
  RIGHTBAR_FULLSCREEN_WIDTH: () => 768,
3278
4295
  Row: () => Row,
3279
4296
  Rows: () => Rows,
4297
+ SESSION_PROJECTIONS_SERVICE: () => SESSION_PROJECTIONS_SERVICE,
3280
4298
  STORAGE_KEY_PROJECT: () => STORAGE_KEY_PROJECT,
3281
4299
  STORAGE_KEY_RIGHTBAR: () => STORAGE_KEY_RIGHTBAR,
3282
4300
  STORAGE_KEY_RIGHTBAR_COLUMN: () => STORAGE_KEY_RIGHTBAR_COLUMN,
@@ -3316,6 +4334,7 @@ var dist_exports = /* @__PURE__ */ __exportAll({
3316
4334
  decodeRef: () => decodeRef,
3317
4335
  defaultSelectFilter: () => defaultSelectFilter,
3318
4336
  dictionaries: () => dictionaries,
4337
+ duplicateKeysOf: () => duplicateKeysOf,
3319
4338
  en: () => en,
3320
4339
  encodeRef: () => encodeRef,
3321
4340
  errorReasonOf: () => errorReasonOf,
@@ -3323,6 +4342,12 @@ var dist_exports = /* @__PURE__ */ __exportAll({
3323
4342
  factOfRoute: () => factOfRoute,
3324
4343
  filterSelectOptions: () => filterSelectOptions,
3325
4344
  firstProblemOf: () => firstProblemOf,
4345
+ formActionsOf: () => formActionsOf,
4346
+ formFirstProblemOf: () => formFirstProblemOf,
4347
+ formProblemsOf: () => formProblemsOf,
4348
+ formRowsOf: () => formRowsOf,
4349
+ formSubmitOf: () => formSubmitOf,
4350
+ formValuesOf: () => formValuesOf,
3326
4351
  gateOf: () => gateOf,
3327
4352
  h: () => h,
3328
4353
  hasEnvSupply: () => hasEnvSupply,
@@ -3332,6 +4357,8 @@ var dist_exports = /* @__PURE__ */ __exportAll({
3332
4357
  longTaskDot: () => longTaskDot,
3333
4358
  longTaskPollMs: () => longTaskPollMs,
3334
4359
  longTaskRunsOf: () => longTaskRunsOf,
4360
+ longTaskStopPress: () => longTaskStopPress,
4361
+ longTaskStopStage: () => longTaskStopStage,
3335
4362
  markerBody: () => markerBody,
3336
4363
  mergeMessages: () => mergeMessages,
3337
4364
  mergeMessagesSkipping: () => mergeMessagesSkipping,
@@ -3353,15 +4380,19 @@ var dist_exports = /* @__PURE__ */ __exportAll({
3353
4380
  relativeTimeAgo: () => relativeTimeAgo,
3354
4381
  relativeTimeBucket: () => relativeTimeBucket,
3355
4382
  relativeTimeCompact: () => relativeTimeCompact,
4383
+ reportDuplicateKeys: () => reportDuplicateKeys,
3356
4384
  revealFirstProblem: () => revealFirstProblem,
3357
4385
  runsRouteOf: () => runsRouteOf,
3358
4386
  scopePrefixOf: () => scopePrefixOf,
3359
4387
  searchTextOf: () => searchTextOf,
3360
4388
  selectCursorValue: () => selectCursorValue,
3361
4389
  selectEntries: () => selectEntries,
4390
+ selectLoadingNode: () => selectLoadingNode,
4391
+ selectTriggerNode: () => selectTriggerNode,
3362
4392
  shortenPath: () => shortenPath,
3363
4393
  splitBlocker: () => splitBlocker,
3364
4394
  stepSelectCursor: () => stepSelectCursor,
4395
+ stopRouteOf: () => stopRouteOf,
3365
4396
  tailLines: () => tailLines,
3366
4397
  unitFactScope: () => unitFactScope,
3367
4398
  useCallback: () => useCallback,
@@ -3372,6 +4403,7 @@ var dist_exports = /* @__PURE__ */ __exportAll({
3372
4403
  useRef: () => useRef,
3373
4404
  useState: () => useState,
3374
4405
  useSyncExternalStore: () => useSyncExternalStore,
4406
+ visibleFieldsOf: () => visibleFieldsOf,
3375
4407
  writeFlag: () => writeFlag,
3376
4408
  writeOutcomeOf: () => writeOutcomeOf,
3377
4409
  writeRoute: () => writeRoute,
@@ -3380,6 +4412,14 @@ var dist_exports = /* @__PURE__ */ __exportAll({
3380
4412
  });
3381
4413
  //#endregion
3382
4414
  //#region src/shared/components/Tip.tsx
4415
+ /**
4416
+ * dsh `Tooltip` 的外壳默认值版:说明统一按右栏习惯(`bottom` / `end` / `gap 6` / 挂 body)来,其余 prop 原样转给 `Tooltip`。
4417
+ * @param props.side - 气泡出现在锚点哪一侧(默认 `'bottom'`)。
4418
+ * @param props.align - 底 / 顶气泡贴锚点哪条边(默认 `'end'`)。
4419
+ * @param props.gap - 锚点到气泡的间距(默认 `6`)。
4420
+ * @param props.portal - 是否挂到 `document.body`,以逃出裁剪容器与层叠上下文(默认 `true`)。
4421
+ * @param props.children - 单个锚点元素;`label` / `shortcutKeys` / `openOnClick` 等其余 prop 与 dsh 同形。
4422
+ */
3383
4423
  function Tip({ side = "bottom", align = "end", gap = 6, portal = true, ...rest }) {
3384
4424
  return /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
3385
4425
  side,
@@ -3449,6 +4489,10 @@ function pollTransport() {
3449
4489
  };
3450
4490
  } };
3451
4491
  }
4492
+ /**
4493
+ * 事实通道的传输选择:有 `EventSource` 就先用 SSE,连不上(重试一拍仍失败)自动降级成长轮询;
4494
+ * 没有 `EventSource` 的运行时直接轮询。返回值是停掉当前这条传输的函数。
4495
+ */
3452
4496
  function createAdaptiveTransport() {
3453
4497
  return { start(handlers) {
3454
4498
  let stopped = false;
@@ -3473,17 +4517,30 @@ var use_facts_exports = /* @__PURE__ */ __exportAll({
3473
4517
  useFactRevision: () => useFactRevision
3474
4518
  });
3475
4519
  var channel = createFactChannel({ transport: createAdaptiveTransport() });
4520
+ /**
4521
+ * 渲染里要“这条事实的版本号”时调用:版本一变,喂给 `useApiResource` 的 key 就变、读自动重来。
4522
+ * 卡片读数默认订的 `factOfRoute(route)` 已经接好,只有要订别的事实才显式传 `fact`。
4523
+ */
3476
4524
  function useFactRevision(fact) {
3477
4525
  return useSyncExternalStore(useCallback((listener) => channel.subscribe(fact, listener), [fact]), useCallback(() => channel.revisionOf(fact), [fact]));
3478
4526
  }
4527
+ /**
4528
+ * 不在渲染里的地方(宿主事件、定时器里看到的旧值)要听事实变化时用它;返回值就是退订函数,用完记得退。
4529
+ */
3479
4530
  function subscribeFactRevision(fact, listener) {
3480
4531
  return channel.subscribe(fact, listener);
3481
4532
  }
4533
+ /**
4534
+ * 写完之后把这条事实标脏时调用:不标,面板就停在旧值;不传 `fact` 是把所有事实一起标脏。
4535
+ */
3482
4536
  function useFactInvalidate() {
3483
4537
  return useCallback((fact) => channel.refresh(fact), []);
3484
4538
  }
3485
4539
  //#endregion
3486
4540
  //#region src/shared/hooks/use-capabilities.ts
4541
+ /**
4542
+ * 纯函数:`refreshToken` 与上一次不同,这一次就该强制重探。
4543
+ */
3487
4544
  function shouldForce(refreshToken, previousToken) {
3488
4545
  return refreshToken !== previousToken;
3489
4546
  }
@@ -3492,14 +4549,23 @@ var NO_PROBE = {
3492
4549
  checking: false
3493
4550
  };
3494
4551
  var silentNextProbe = false;
4552
+ /**
4553
+ * 让下一次强探静默(不点亮 `checking`)—— 装机预检那类不该惊动界面的探用。
4554
+ */
3495
4555
  function markNextProbeSilent() {
3496
4556
  silentNextProbe = true;
3497
4557
  }
3498
4558
  var probe$1 = NO_PROBE;
3499
4559
  var probeListeners = /* @__PURE__ */ new Set();
4560
+ /**
4561
+ * 探针状态的取值口,给 `useSyncExternalStore` 用;渲染里要状态请用 `useCapabilityProbe`。
4562
+ */
3500
4563
  function probeValue() {
3501
4564
  return probe$1;
3502
4565
  }
4566
+ /**
4567
+ * 探针状态的订阅口,返回退订函数;渲染里要状态请用 `useCapabilityProbe`。
4568
+ */
3503
4569
  function subscribeProbe(listener) {
3504
4570
  probeListeners.add(listener);
3505
4571
  return () => {
@@ -3511,19 +4577,31 @@ function setProbe(next) {
3511
4577
  probe$1 = next;
3512
4578
  for (const listener of [...probeListeners]) listener();
3513
4579
  }
4580
+ /**
4581
+ * 能力表那条事实的名字:写完之后 `useFactInvalidate(CAPABILITY_FACT)` 标它,读者自动重取。
4582
+ */
3514
4583
  var CAPABILITY_FACT = "capability";
3515
4584
  var shared = null;
3516
4585
  var current$1 = null;
3517
4586
  var listeners$4 = /* @__PURE__ */ new Set();
4587
+ /**
4588
+ * 当前整张能力表的取值口(没探过是 `null`),给 `useSyncExternalStore` 用;渲染里请用 `useCapabilities`。
4589
+ */
3518
4590
  function capabilityValue() {
3519
4591
  return current$1;
3520
4592
  }
4593
+ /**
4594
+ * 能力表的订阅口,返回退订函数;渲染里请用 `useCapabilities`。
4595
+ */
3521
4596
  function subscribeCapabilities(listener) {
3522
4597
  listeners$4.add(listener);
3523
4598
  return () => {
3524
4599
  listeners$4.delete(listener);
3525
4600
  };
3526
4601
  }
4602
+ /**
4603
+ * 写入口:换整张表并通知订阅者(同值不通知);传 `null` 清探针状态,`rechecked: true` 时顺手记下 `checkedAt`。
4604
+ */
3527
4605
  function setCapabilities(next, rechecked = false) {
3528
4606
  if (next === null) setProbe(NO_PROBE);
3529
4607
  else if (rechecked) setProbe({
@@ -3534,6 +4612,9 @@ function setCapabilities(next, rechecked = false) {
3534
4612
  current$1 = next;
3535
4613
  for (const listener of [...listeners$4]) listener();
3536
4614
  }
4615
+ /**
4616
+ * 一次强探开始:点亮“正在探”;已经在探就跳过。
4617
+ */
3537
4618
  function beginProbe() {
3538
4619
  if (probe$1.checking) return;
3539
4620
  setProbe({
@@ -3541,6 +4622,9 @@ function beginProbe() {
3541
4622
  checking: true
3542
4623
  });
3543
4624
  }
4625
+ /**
4626
+ * 一次强探收尾:熄灭“正在探”。
4627
+ */
3544
4628
  function endProbe() {
3545
4629
  setProbe({
3546
4630
  ...probe$1,
@@ -3552,6 +4636,10 @@ async function fetchAll(force) {
3552
4636
  if (response?.ok !== true || !Array.isArray(response.units)) return null;
3553
4637
  return Object.fromEntries(response.units.map((unit) => [unit.unit, unit]));
3554
4638
  }
4639
+ /**
4640
+ * 把一次探测的结果发布出去:读到了就广播并回 `true`;没读到(`null`)时已有结论就留着回 `false`,
4641
+ * 从来没有过结论才落一张空表回 `true`(“探不动”不等于“还没探”)。
4642
+ */
3555
4643
  function publishCapability(result, rechecked = false) {
3556
4644
  if (result !== null) {
3557
4645
  setCapabilities(result, rechecked);
@@ -3561,6 +4649,10 @@ function publishCapability(result, rechecked = false) {
3561
4649
  setCapabilities({});
3562
4650
  return true;
3563
4651
  }
4652
+ /**
4653
+ * 同一语义(同一个 `force`)的在飞探测搭车:并发调用共享同一个 promise;落地或失败就清掉,
4654
+ * 下一次强探会真的再跑一遍;`force` 不同不搭车。
4655
+ */
3564
4656
  function shareCapabilityFetch(force, load) {
3565
4657
  if (shared !== null && shared.force === force) return shared.promise;
3566
4658
  const promise = load(force).finally(() => {
@@ -3574,6 +4666,10 @@ function shareCapabilityFetch(force, load) {
3574
4666
  }
3575
4667
  var readSeq$1 = 0;
3576
4668
  var newestForceSeq$1 = -1;
4669
+ /**
4670
+ * 探一次能力表并发布:`force` 决定这是“重探”还是顺带读 —— 只有重探负责点亮 / 熄灭探针(`silent` 时连点亮都不做),
4671
+ * 被更新的一次重探盖过的非强制结果会丢掉。
4672
+ */
3577
4673
  function runCapabilityRead(options) {
3578
4674
  const { force, silent = false, load = fetchAll } = options;
3579
4675
  const seq = readSeq$1 += 1;
@@ -3586,6 +4682,10 @@ function runCapabilityRead(options) {
3586
4682
  if (force) endProbe();
3587
4683
  });
3588
4684
  }
4685
+ /**
4686
+ * 渲染里要整张能力表时调用:所有读者共享同一份结论,没探过是 `null`。
4687
+ * `refreshToken` 变化算一次强制重探,事实版本(`CAPABILITY_FACT`)与 `reloadToken` 变化各触发一次重读。
4688
+ */
3589
4689
  function useCapabilities(refreshToken, reloadToken = 0) {
3590
4690
  const value = useSyncExternalStore(subscribeCapabilities, capabilityValue);
3591
4691
  const previous = useRef(refreshToken);
@@ -3605,6 +4705,9 @@ function useCapabilities(refreshToken, reloadToken = 0) {
3605
4705
  ]);
3606
4706
  return value;
3607
4707
  }
4708
+ /**
4709
+ * 渲染里要探针状态(`checking` / `checkedAt`)时调用,比如“最近检查”那一行。
4710
+ */
3608
4711
  function useCapabilityProbe() {
3609
4712
  return useSyncExternalStore(subscribeProbe, probeValue);
3610
4713
  }
@@ -3614,6 +4717,11 @@ var use_capability_gate_exports = /* @__PURE__ */ __exportAll({
3614
4717
  useCapabilityGate: () => useCapabilityGate,
3615
4718
  useCapabilityMap: () => useCapabilityMap
3616
4719
  });
4720
+ /**
4721
+ * 卡片里判断“这一格现在能不能画”时调用:`refreshToken` 变化触发一次重探。
4722
+ * `options.mode` 换门的口径(默认 `'capability'`)、`options.fixture` 给夹具一份假能力;
4723
+ * `gated` 按口径算 —— 读数还没到先放行(让它去读),读到明确不通过才拦;`forceProbe()` 是“现在就去探一次”。
4724
+ */
3617
4725
  function useCapabilityGate(unit, refreshToken, options = {}) {
3618
4726
  const [probeNonce, setProbeNonce] = useState(0);
3619
4727
  const forceProbe = useCallback(() => setProbeNonce((value) => value + 1), []);
@@ -3625,6 +4733,10 @@ function useCapabilityGate(unit, refreshToken, options = {}) {
3625
4733
  forceProbe
3626
4734
  };
3627
4735
  }
4736
+ /**
4737
+ * 设置页 / 体检那类“要全部单元的能力表”时调用:`reload()` 重取整张表、`forceProbe()` 立刻探一次、
4738
+ * `checking` 是探针在跑;没探过时 `capabilities` 是 `null`。
4739
+ */
3628
4740
  function useCapabilityMap(refreshToken) {
3629
4741
  const [probeNonce, setProbeNonce] = useState(0);
3630
4742
  const [reloadNonce, setReloadNonce] = useState(0);
@@ -4235,6 +5347,11 @@ function marketHintOf(input) {
4235
5347
  //#endregion
4236
5348
  //#region src/shared/hooks/use-host-write.ts
4237
5349
  var use_host_write_exports = /* @__PURE__ */ __exportAll({ useHostWrite: () => useHostWrite });
5350
+ /**
5351
+ * 组件里要写(发 POST)时调用 —— 写只走这条,别在组件里自己 `fetch`。
5352
+ * `send` 失败自动落到 `failed` + `detail`(界面直接显示,别自己拼);`silent: true` 是不打扰:不动 `busy` / `failed`,
5353
+ * 结果只从返回值拿。返回的 `busy` 是这一路写有没有在飞。
5354
+ */
4238
5355
  function useHostWrite(options) {
4239
5356
  const { channel, networkText } = options;
4240
5357
  const route = writeRoute(channel, options.resource ?? "");
@@ -4291,15 +5408,26 @@ var use_visible_busy_exports = /* @__PURE__ */ __exportAll({
4291
5408
  heldPhase: () => heldPhase,
4292
5409
  useVisibleBusy: () => useVisibleBusy
4293
5410
  });
5411
+ /**
5412
+ * 把“正在刷新”折进相位:`refreshing` 且已是 `ready` 记作 `loading`,让“旧值还显示、新的在路上”有名字。
5413
+ */
4294
5414
  function heldPhase(phase, refreshing) {
4295
5415
  return refreshing && phase === "ready" ? "loading" : phase;
4296
5416
  }
5417
+ /**
5418
+ * 由 `active` 与 `useVisibleBusy` 挂出来的 `visible` 投影出 `{ busy, settling }`;纯函数,好测。
5419
+ */
4297
5420
  function busyView(active, visible) {
4298
5421
  return {
4299
5422
  busy: visible,
4300
5423
  settling: visible && !active
4301
5424
  };
4302
5425
  }
5426
+ /**
5427
+ * 需要“最少转一会儿”的忙态时调用:`active` 变真立刻 `busy`;变假时若这次没转满 `floorMs`,`busy` 先挂着,
5428
+ * 这期间 `settling` 为真表示读数在回来的路上。`floorMs` 传共享包的 `MIN_BUSY_MS`,别自己编 ——
5429
+ * 取数几毫秒就回来时不挂这一会儿,用户看到的是“闪一下”,比不转更难读。
5430
+ */
4303
5431
  function useVisibleBusy(active, floorMs) {
4304
5432
  const [visible, setVisible] = useState(active);
4305
5433
  const since = useRef(null);
@@ -5023,6 +6151,12 @@ var PanelFoot_module_default = {
5023
6151
  };
5024
6152
  //#endregion
5025
6153
  //#region src/shared/components/PanelFoot.tsx
6154
+ /**
6155
+ * 面板底部那行脚注:左侧一句 `text`,右侧放 `children`,两样都不给就是一个空的页脚壳。
6156
+ * @param props.text - 左侧那句说明文字;不传时左侧什么都不渲染。
6157
+ * @param props.size - 文字档(默认 `'sm'`,11px 三级色;`'md'` 是 14px 二级色,给更宽的面板用)。
6158
+ * @param props.children - 右侧那一格内容(一般是按钮或状态),可省略。
6159
+ */
5026
6160
  function PanelFoot({ text, size = "sm", children }) {
5027
6161
  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);
5028
6162
  }
@@ -5533,18 +6667,30 @@ var MODULE_VERSIONS_ROUTE = "module-versions";
5533
6667
  var INSTALLED_PLUGINS_ROUTE = "panels/plugins";
5534
6668
  //#endregion
5535
6669
  //#region src/shared/hooks/bundle-queries.ts
6670
+ /**
6671
+ * 读模块源注册表:装模块时能从哪些源取、当前解析到哪一个。
6672
+ */
5536
6673
  function readBundleRegistries() {
5537
6674
  return apiGet(BUNDLE_REGISTRIES_ROUTE);
5538
6675
  }
6676
+ /**
6677
+ * 装之前先看清一个 spec 是什么(收了 / 拒了 / 是个插件);`registry` 省略或空就按默认源解析。
6678
+ */
5539
6679
  function readBundleInspection(spec, registry) {
5540
6680
  return apiGet(BUNDLE_INSPECT_ROUTE, {
5541
6681
  spec,
5542
6682
  ...registry === void 0 || registry === "" ? {} : { registry }
5543
6683
  });
5544
6684
  }
6685
+ /**
6686
+ * 问模块有没有新版;`force: true` 绕过缓存重新问源(“更新”那条路用)。
6687
+ */
5545
6688
  function readModuleVersions(force = false) {
5546
6689
  return apiGet(MODULE_VERSIONS_ROUTE, force ? { force: "1" } : void 0);
5547
6690
  }
6691
+ /**
6692
+ * 读已装的 opencli 插件台账;`force: true` 绕过缓存重新问一遍。
6693
+ */
5548
6694
  function readInstalledPlugins(force = false) {
5549
6695
  return apiGet(INSTALLED_PLUGINS_ROUTE, force ? { force: "1" } : void 0);
5550
6696
  }
@@ -6332,33 +7478,30 @@ function registerMarketPanel(ctx, units) {
6332
7478
  }, MarketPanel));
6333
7479
  }
6334
7480
  //#endregion
6335
- //#region src/shared/api/diy.ts
6336
- var DIY_PRESET_ID = "workbench-diy";
6337
- var WORKSHOP_RELATIVE = "workbench/diy";
6338
- var WORKSHOP_TITLE = "工作台DIY";
6339
- var WORKSHOP_PAST_TITLES = ["DIY 工坊", "工作台自带 · DIY 模块住这儿"];
6340
- function isWorkshopPath(path) {
6341
- return path.replace(/\\/g, "/").replace(/\/+$/, "").endsWith(`/${WORKSHOP_RELATIVE}`);
6342
- }
6343
- function diyStartOptions(workspaceId, workshopId) {
6344
- return workshopId !== void 0 && workshopId === workspaceId ? { agentPreset: DIY_PRESET_ID } : void 0;
6345
- }
6346
- //#endregion
6347
7481
  //#region src/shared/hooks/panel-state-report.ts
6348
7482
  var FLUSH_MS = 400;
6349
7483
  var workspace = null;
6350
7484
  var timer = null;
6351
7485
  var pending = /* @__PURE__ */ new Map();
7486
+ /**
7487
+ * 从路由里切出单元 id(`cmdb/runs` → `cmdb`);切不出来(没有前缀)回 `null`。
7488
+ */
6352
7489
  function unitOfRoute(route) {
6353
7490
  const cut = route.indexOf("/");
6354
7491
  return cut <= 0 ? null : route.slice(0, cut);
6355
7492
  }
7493
+ /**
7494
+ * 告诉上报这沓“现在的工作区是哪个”;换工作区会丢掉还没冲出去的待报读数。
7495
+ */
6356
7496
  function setPanelWorkspace(path) {
6357
7497
  if (path === workspace) return;
6358
7498
  const previous = workspace;
6359
7499
  workspace = path;
6360
7500
  if (previous !== null) pending.clear();
6361
7501
  }
7502
+ /**
7503
+ * 卡片读数落地时调它(`useApiResource` 已经接好):同一单元同一条路由只留最新一条,攒一拍再一起冲给宿主。
7504
+ */
6362
7505
  function reportPanelRead(input) {
6363
7506
  pending.set(`${input.unit}\u0000${input.route}`, {
6364
7507
  unit: input.unit,
@@ -6370,6 +7513,9 @@ function reportPanelRead(input) {
6370
7513
  if (timer !== null) return;
6371
7514
  timer = setTimeout(flush, FLUSH_MS);
6372
7515
  }
7516
+ /**
7517
+ * 卡片崩了时调它:`unit` 与原因立刻报给宿主(不攒);还不知道工作区时不报。
7518
+ */
6373
7519
  function reportPanelCrash(input) {
6374
7520
  const target = workspace;
6375
7521
  if (target === null) return;
@@ -6399,9 +7545,15 @@ var use_api_resource_exports = /* @__PURE__ */ __exportAll({
6399
7545
  resourceIdentity: () => resourceIdentity,
6400
7546
  useApiResource: () => useApiResource
6401
7547
  });
7548
+ /**
7549
+ * 这次读的身份:`route` 加排好序的 `query`(排序是为了同一次读只有一个 key);给了 `override` 就用它。
7550
+ */
6402
7551
  function resourceIdentity(route, query, override) {
6403
7552
  return override ?? requestKeyOf(route, query);
6404
7553
  }
7554
+ /**
7555
+ * 把身份与两个版本号拼成合流用的 key:同一个 key 的并发读共享同一条请求。
7556
+ */
6405
7557
  function readKeyOf(identity, refreshToken, factRev) {
6406
7558
  return `${identity}@${String(refreshToken)}@${String(factRev)}`;
6407
7559
  }
@@ -6409,6 +7561,10 @@ function requestKeyOf(route, query) {
6409
7561
  return `${route}?${Object.entries(query).filter(([, value]) => value !== void 0).sort(([a], [b]) => a.localeCompare(b)).map(([key, value]) => `${key}=${String(value)}`).join("&")}`;
6410
7562
  }
6411
7563
  var inflight = /* @__PURE__ */ new Map();
7564
+ /**
7565
+ * 非 hook 的取数本体(要自己管缓存时才直接调):同一个 `key` 只发一次,并发调用共享同一个 `task`;
7566
+ * 用它就一定要 `release`(一般放 `finally`),最后一个 `release` 才 abort,否则那条请求永不取消。
7567
+ */
6412
7568
  function requestResource(route, query, key) {
6413
7569
  const pending = inflight.get(key);
6414
7570
  if (pending !== void 0) {
@@ -6439,6 +7595,13 @@ function release(key, entry) {
6439
7595
  inflight.delete(key);
6440
7596
  entry.controller.abort();
6441
7597
  }
7598
+ /**
7599
+ * 卡片里所有的读都走它:按身份发一次 `apiGet`,同 key 合流、订阅事实通道(这条变了自动重取)、
7600
+ * 并把读数上报面板(`workbench_diy_panel` 看的就是它);身份或版本号一变就换一条读,旧的当场取消。
7601
+ * `options.enabled` 为 `false` 时不发请求、相位恒为 `idle`;`key` 覆盖身份、`fact` 换订阅哪条事实
7602
+ * (默认 `factOfRoute(route)`)、`report: false` 不上报(夹具与后台探针用)。身份没变的重取会留住上一格
7603
+ * 的 `value`,相位降到 `loading`。
7604
+ */
6442
7605
  function useApiResource(route, query, refreshToken, options = {}) {
6443
7606
  const enabled = options.enabled !== false;
6444
7607
  const identity = resourceIdentity(route, query, options.key);
@@ -6537,8 +7700,18 @@ function useApiResource(route, query, refreshToken, options = {}) {
6537
7700
  }
6538
7701
  //#endregion
6539
7702
  //#region src/shared/hooks/use-diy-debug.ts
7703
+ /**
7704
+ * 调试约定的读路由(宿主侧那半同名)。
7705
+ */
6540
7706
  var DIY_DEBUG_ROUTE = "panels/diy-debug";
7707
+ /**
7708
+ * 调试约定那条事实的名字:写完调 `useFactInvalidate(DIY_DEBUG_FACT)`,读者自动重取。
7709
+ */
6541
7710
  var DIY_DEBUG_FACT = "diy-debug";
7711
+ /**
7712
+ * 要读“现在的调试约定是什么”时调用(左栏底部那枚状态);跟着事实变化自动重取,不上报面板;
7713
+ * 还没读到或后端说没有约定时都是 `null`。
7714
+ */
6542
7715
  function useDiyDebugState() {
6543
7716
  const read = useApiResource(DIY_DEBUG_ROUTE, {}, 0, {
6544
7717
  fact: DIY_DEBUG_FACT,
@@ -6547,6 +7720,9 @@ function useDiyDebugState() {
6547
7720
  if (read.value === void 0) return null;
6548
7721
  return read.value.state ?? null;
6549
7722
  }
7723
+ /**
7724
+ * 要发“开始 / 暂停 / 继续 / 结束调试”那几把动作时调用;写走 `diy-debug/act` 通道。
7725
+ */
6550
7726
  function useDiyDebugAct() {
6551
7727
  return useHostWrite({
6552
7728
  channel: "diy-debug",
@@ -6610,8 +7786,9 @@ var DebugFooterAction_module_default = {
6610
7786
  //#region src/app/layouts/sidebar/DebugFooterAction.tsx
6611
7787
  function debugFooterView(state, t, trouble = "none") {
6612
7788
  const shown = state.phase === "paused" ? "none" : trouble;
6613
- const label = shown !== "none" ? t("debug.status.trouble") : state.phase === "paused" ? t("debug.stalled") : t("debug.status");
6614
- const noteOf = (kind) => kind === "panel" ? t("debug.card.hidden.note") : t("debug.card.away.note");
7789
+ const title = state.title === "" ? t("debug.workspace") : state.title;
7790
+ const label = shown !== "none" ? t("debug.status.trouble", { title }) : state.phase === "paused" ? t("debug.stalled", { title }) : t("debug.status", { title });
7791
+ const noteOf = (kind) => kind === "panel" ? t("debug.card.hidden.note") : t("debug.card.away.note", { title });
6615
7792
  if (state.phase === "paused") return {
6616
7793
  label,
6617
7794
  title: label,
@@ -6628,7 +7805,7 @@ function debugFooterView(state, t, trouble = "none") {
6628
7805
  };
6629
7806
  return {
6630
7807
  label,
6631
- title: t("debug.card.here.title"),
7808
+ title: t("debug.card.here.title", { title }),
6632
7809
  note: t("debug.card.here.note"),
6633
7810
  trouble: "none",
6634
7811
  stalled: false
@@ -6647,16 +7824,14 @@ function DebugFooterAction({ wide, t, useWorkspaces, useSessions }) {
6647
7824
  const state = useDiyDebugState();
6648
7825
  const act = useDiyDebugAct();
6649
7826
  const probe = useSyncExternalStore(subscribeBoardProbe, boardProbe);
6650
- const workspaces = useWorkspaces?.((snapshot) => snapshot) ?? EMPTY_WORKSPACES;
6651
- const here = useBoardWorkspace(workspaces, useSessions?.((snapshot) => snapshot) ?? EMPTY_SESSIONS);
6652
- const workshop = workspaces.items.find((item) => isWorkshopPath(item.path));
7827
+ const here = useBoardWorkspace(useWorkspaces?.((snapshot) => snapshot) ?? EMPTY_WORKSPACES, useSessions?.((snapshot) => snapshot) ?? EMPTY_SESSIONS);
6653
7828
  const [armed, setArmed] = useState(false);
6654
7829
  if (state === null) return null;
6655
- const workshopPath = workshop?.path ?? null;
7830
+ const workspacePath = state.workspacePath === void 0 || state.workspacePath === "" ? null : state.workspacePath;
6656
7831
  const situation = boardSituation({
6657
7832
  ...probe,
6658
7833
  where: here.path ?? ""
6659
- }, workshopPath);
7834
+ }, workspacePath);
6660
7835
  const view = debugFooterView(state, t, situation === "off-workspace" || situation === "other-board" ? "workspace" : situation === "panel-closed" ? "panel" : "none");
6661
7836
  const dot = /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
6662
7837
  state: view.trouble !== "none" ? "error" : view.stalled ? "warning" : "done",
@@ -6723,8 +7898,18 @@ function registerDebugFooter(ctx) {
6723
7898
  }
6724
7899
  //#endregion
6725
7900
  //#region src/shared/hooks/use-diy-record.ts
7901
+ /**
7902
+ * 录制交接的读路由(宿主侧那半同名)。
7903
+ */
6726
7904
  var DIY_RECORD_ROUTE = "panels/diy-record";
7905
+ /**
7906
+ * 录制交接那条事实的名字:写完调 `useFactInvalidate(DIY_RECORD_FACT)`,读者自动重取。
7907
+ */
6727
7908
  var DIY_RECORD_FACT = "diy-record";
7909
+ /**
7910
+ * 要读“这一段录制交接进行到哪了”时调用(左栏底部那枚状态);跟着事实变化自动重取,不上报面板;
7911
+ * 还没读到或后端说没有交接时都是 `null`。
7912
+ */
6728
7913
  function useDiyRecordState() {
6729
7914
  const read = useApiResource(DIY_RECORD_ROUTE, {}, 0, {
6730
7915
  fact: DIY_RECORD_FACT,
@@ -6733,6 +7918,9 @@ function useDiyRecordState() {
6733
7918
  if (read.value === void 0) return null;
6734
7919
  return read.value.state ?? null;
6735
7920
  }
7921
+ /**
7922
+ * 要发录制交接那几把动作(准备 / 读回 / 收尾)时调用;写走 `diy-record/act` 通道。
7923
+ */
6736
7924
  function useDiyRecordAct() {
6737
7925
  return useHostWrite({
6738
7926
  channel: "diy-record",
@@ -7081,6 +8269,18 @@ function ConfigSyncSection({ t }) {
7081
8269
  }, chosen.length === 0 ? t("configSync.applyNone") : busy.busy ? t("configSync.applying") : t("configSync.apply", { count: chosen.length }))) : null) : null));
7082
8270
  }
7083
8271
  //#endregion
8272
+ //#region src/shared/api/diy.ts
8273
+ var DIY_PRESET_ID = "workbench-diy";
8274
+ var WORKSHOP_RELATIVE = "workbench/diy";
8275
+ var WORKSHOP_TITLE = "工作台DIY";
8276
+ var WORKSHOP_PAST_TITLES = ["DIY 工坊", "工作台自带 · DIY 模块住这儿"];
8277
+ function isWorkshopPath(path) {
8278
+ return path.replace(/\\/g, "/").replace(/\/+$/, "").endsWith(`/${WORKSHOP_RELATIVE}`);
8279
+ }
8280
+ function diyStartOptions(workspaceId, workshopId) {
8281
+ return workshopId !== void 0 && workshopId === workspaceId ? { agentPreset: DIY_PRESET_ID } : void 0;
8282
+ }
8283
+ //#endregion
7084
8284
  //#region src/app/units/index.ts
7085
8285
  var CLIENT_UNITS = [];
7086
8286
  function assembleClientUnits(registry) {
@@ -7726,7 +8926,6 @@ var DIY_PANEL_TOOL = "workbench_diy_panel";
7726
8926
  var DIY_COMPONENTS_TOOL = "workbench_diy_components";
7727
8927
  var DIY_RECON_TOOL = "workbench_diy_recon";
7728
8928
  var DIY_SPEC_TOOL = "workbench_diy_spec";
7729
- var DIY_PROBE_TOOL = "workbench_diy_probe";
7730
8929
  var DIY_INSTALL_TOOL = "workbench_diy_install";
7731
8930
  var DIY_SHOW_TOOL = "workbench_diy_show";
7732
8931
  var DIY_STATE_TOOL = "workbench_diy_state";
@@ -7750,6 +8949,8 @@ var DIY_RECORD_PREPARE_TOOL = "workbench_diy_record_prepare";
7750
8949
  var DIY_RECORD_READ_TOOL = "workbench_diy_record_read";
7751
8950
  var DIY_RECORD_DETAIL_TOOL = "workbench_diy_record_detail";
7752
8951
  var DIY_RECORD_STOP_TOOL = "workbench_diy_record_stop";
8952
+ var LONG_TASKS_LIST_TOOL = "workbench_long_tasks_list";
8953
+ var LONG_TASKS_STOP_TOOL = "workbench_long_tasks_stop";
7753
8954
  var DIY_DEBUG_START_TOOL = "workbench_diy_debug_start";
7754
8955
  var DIY_DEBUG_PAUSE_TOOL = "workbench_diy_debug_pause";
7755
8956
  var DIY_DEBUG_RESUME_TOOL = "workbench_diy_debug_resume";
@@ -7776,7 +8977,6 @@ var ALL_TOOLS = [
7776
8977
  DIY_COMPONENTS_TOOL,
7777
8978
  DIY_RECON_TOOL,
7778
8979
  DIY_SPEC_TOOL,
7779
- DIY_PROBE_TOOL,
7780
8980
  DIY_INSTALL_TOOL,
7781
8981
  DIY_SHOW_TOOL,
7782
8982
  DIY_STATE_TOOL,
@@ -7803,7 +9003,9 @@ var ALL_TOOLS = [
7803
9003
  DIY_DEBUG_START_TOOL,
7804
9004
  DIY_DEBUG_PAUSE_TOOL,
7805
9005
  DIY_DEBUG_RESUME_TOOL,
7806
- DIY_DEBUG_STOP_TOOL
9006
+ DIY_DEBUG_STOP_TOOL,
9007
+ LONG_TASKS_LIST_TOOL,
9008
+ LONG_TASKS_STOP_TOOL
7807
9009
  ];
7808
9010
  var READ_TOOLS = [
7809
9011
  PANELS_LIST_TOOL,
@@ -7814,7 +9016,6 @@ var READ_TOOLS = [
7814
9016
  DIY_COMPONENTS_TOOL,
7815
9017
  DIY_RECON_TOOL,
7816
9018
  DIY_SPEC_TOOL,
7817
- DIY_PROBE_TOOL,
7818
9019
  DIY_STATE_TOOL,
7819
9020
  DIY_HTML_TOOL,
7820
9021
  DIY_FIND_TOOL,
@@ -7834,7 +9035,8 @@ var READ_TOOLS = [
7834
9035
  DIY_LOGS_STOP_TOOL,
7835
9036
  DIY_RECORD_READ_TOOL,
7836
9037
  DIY_RECORD_DETAIL_TOOL,
7837
- DIY_RECORD_STOP_TOOL
9038
+ DIY_RECORD_STOP_TOOL,
9039
+ LONG_TASKS_LIST_TOOL
7838
9040
  ];
7839
9041
  var WRITE_TOOLS = [
7840
9042
  PANELS_SHOW_TOOL,
@@ -7856,7 +9058,8 @@ var WRITE_TOOLS = [
7856
9058
  DIY_DEBUG_START_TOOL,
7857
9059
  DIY_DEBUG_PAUSE_TOOL,
7858
9060
  DIY_DEBUG_RESUME_TOOL,
7859
- DIY_DEBUG_STOP_TOOL
9061
+ DIY_DEBUG_STOP_TOOL,
9062
+ LONG_TASKS_STOP_TOOL
7860
9063
  ];
7861
9064
  [...READ_TOOLS.map((name) => ({
7862
9065
  name,
@@ -7893,11 +9096,23 @@ function recordApprovalRows(args, t) {
7893
9096
  function shellClaimsApprovalDetail(tool) {
7894
9097
  return ALL_TOOLS.includes(tool);
7895
9098
  }
9099
+ function stopApprovalRows(args, t) {
9100
+ const unit = textOf(args, "unit");
9101
+ const id = textOf(args, "id");
9102
+ return [{
9103
+ label: t("approval.longTask.what"),
9104
+ value: `${unit === "" ? "<unit>" : unit} · ${id === "" ? "<id>" : id}`
9105
+ }];
9106
+ }
7896
9107
  function shellApprovalPlan(input, t) {
7897
9108
  if (input.tool === "workbench_diy_record_prepare") return {
7898
9109
  rows: recordApprovalRows(input.args, t),
7899
9110
  warn: t("approval.record.noSwitch")
7900
9111
  };
9112
+ if (input.tool === "workbench_long_tasks_stop") return {
9113
+ rows: stopApprovalRows(input.args, t),
9114
+ warn: t("approval.longTask.signal")
9115
+ };
7901
9116
  return shellClaimsApprovalDetail(input.tool) ? { rows: [] } : void 0;
7902
9117
  }
7903
9118
  function shellApprovalDetail(input, t) {
@@ -9295,12 +10510,19 @@ var context_chips_exports = /* @__PURE__ */ __exportAll({
9295
10510
  installContextChips: () => installContextChips,
9296
10511
  serializeChipRef: () => serializeChipRef
9297
10512
  });
10513
+ /**
10514
+ * 对话 `@` 引用源报名用的名字:引用、lexicon 与编解码都挂在这个 source 名下。
10515
+ */
9298
10516
  var CONTEXT_SOURCE = "workbench";
9299
10517
  var runtime = null;
9300
10518
  var inserted = /* @__PURE__ */ new Set();
9301
10519
  var lexiconListeners = /* @__PURE__ */ new Set();
9302
10520
  var INSERT_RETRY_MAX = 5;
9303
10521
  var INSERT_RETRY_DELAY_MS = 80;
10522
+ /**
10523
+ * 外壳启动、拿到 dsh 的 client context 之后调一次:把 `@` 引用源注册进对话输入框;
10524
+ * dsh 没给 `inputTriggers` 时不装、也不报错。
10525
+ */
9304
10526
  function installContextChips(ctx, deps) {
9305
10527
  runtime = {
9306
10528
  ctx,
@@ -9324,6 +10546,10 @@ function installContextChips(ctx, deps) {
9324
10546
  }
9325
10547
  }), "dsh-workbench: 对话引用源");
9326
10548
  }
10549
+ /**
10550
+ * 要往当前对话输入框插一条 `@` 引用时调用(卡片上“发到对话”那类动作):同步返回,只反映当场这一拍 ——
10551
+ * 没插进去会自己再试几拍,后面成功了也不会回头改这个返回值。没装过 / 没会话 / 拿不到输入框都回 `unavailable`。
10552
+ */
9327
10553
  function addContextChip(ref, label) {
9328
10554
  const here = runtime;
9329
10555
  if (here === null) return "unavailable";
@@ -9371,6 +10597,9 @@ function addContextChip(ref, label) {
9371
10597
  attempt(INSERT_RETRY_MAX);
9372
10598
  return settled;
9373
10599
  }
10600
+ /**
10601
+ * 把编好的引用串码成带 `@` 的标记文本(输入框里显示与复制到剪贴板都是这一份);认不出的串原样加个 `@`。
10602
+ */
9374
10603
  function serializeChipRef(encoded) {
9375
10604
  const at = encoded.indexOf(":");
9376
10605
  const kind = at > 0 ? encoded.slice(0, at) : "";
@@ -10279,6 +11508,10 @@ var motion_default = "[data-animating],\n[data-sidebar-right-panel] {\n --ds-tr
10279
11508
  //#endregion
10280
11509
  //#region src/shared/hooks/use-card-summary.ts
10281
11510
  var use_card_summary_exports = /* @__PURE__ */ __exportAll({ useCardSummary: () => useCardSummary });
11511
+ /**
11512
+ * 自己搭卡片、要把 `{ refreshing, at }` 在变化时交给调用点上报面板时调用;`onSummary` 要稳定引用
11513
+ * (一般 `useCallback`),否则每次渲染都会上报一次。`useUnitBoard` 已经把这条接好。
11514
+ */
10282
11515
  function useCardSummary(onSummary, summary) {
10283
11516
  const { refreshing } = summary;
10284
11517
  const at = summary.at ?? null;
@@ -10296,21 +11529,51 @@ function useCardSummary(onSummary, summary) {
10296
11529
  //#endregion
10297
11530
  //#region src/shared/hooks/use-long-task.ts
10298
11531
  var use_long_task_exports = /* @__PURE__ */ __exportAll({ useLongTask: () => useLongTask });
11532
+ /**
11533
+ * 卡片要轮询长任务那一行时调用:有在跑的(`running` / `needs-login`)按 `longTaskPollMs` 走快档、空闲走慢档;
11534
+ * `workspace` 为 `null`、`mocked: true` 或 `enabled: false` 时不轮。换单元 / 换工作区就是换读数身份,
11535
+ * 旧那批立刻清空、读数回来前 `runs` 是空数组。
11536
+ * `stop(id)` 走 actions 通道的 `<单元>/runs/stop`;不在跑的那一趟会带回一句人话,不抛错。
11537
+ */
10299
11538
  function useLongTask(options) {
10300
11539
  const enabled = options.enabled !== false && options.mocked !== true && options.workspace !== null;
10301
11540
  const [tick, setTick] = useState(0);
10302
11541
  const runs = longTaskRunsOf(useApiResource(runsRouteOf(options.unit), { path: options.workspace ?? void 0 }, tick, { enabled }));
11542
+ const write = useHostWrite({
11543
+ channel: "actions",
11544
+ resource: stopRouteOf(options.unit),
11545
+ networkText: "网络不通,停止请求没发出去"
11546
+ });
11547
+ const [stopping, setStopping] = useState(null);
11548
+ const send = write.send;
11549
+ const stop = useCallback(async (id) => {
11550
+ setStopping(id);
11551
+ try {
11552
+ return await send({ id });
11553
+ } finally {
11554
+ setStopping((current) => current === id ? null : current);
11555
+ }
11556
+ }, [send]);
10303
11557
  const every = longTaskPollMs(runs.some((run) => longTaskDot(run.status) === "ongoing"), options.pollMs);
10304
11558
  useEffect(() => {
10305
11559
  if (!enabled) return void 0;
10306
11560
  const timer = setInterval(() => setTick((count) => count + 1), every);
10307
11561
  return () => clearInterval(timer);
10308
11562
  }, [enabled, every]);
10309
- return { runs };
11563
+ return {
11564
+ runs,
11565
+ stop,
11566
+ stopping,
11567
+ stopFailed: write.failed
11568
+ };
10310
11569
  }
10311
11570
  //#endregion
10312
11571
  //#region src/shared/hooks/use-unit-board.ts
10313
11572
  var use_unit_board_exports = /* @__PURE__ */ __exportAll({ useUnitBoard: () => useUnitBoard });
11573
+ /**
11574
+ * 卡片起步就用它:把“gate 不放行就不读”、忙 / 安定(按 `MIN_BUSY_MS` 挂最短可见时长)、读数报错时
11575
+ * 自动 `forceProbe`、`useCardSummary` 上报面板、blocker 拆分一次叠好。`read(gated)` 里自己调 `useApiResource`。
11576
+ */
10314
11577
  function useUnitBoard(options) {
10315
11578
  const { gate, onRefresh, onSummary, t } = options;
10316
11579
  const feed = options.read(gate.gated && options.enabled !== false);
@@ -10348,6 +11611,11 @@ function useUnitBoard(options) {
10348
11611
  }
10349
11612
  //#endregion
10350
11613
  //#region src/shared/hooks/use-blocker-actions.ts
11614
+ /**
11615
+ * `<BlockerState>` 用它把 blocker 的动作接到实处:`retry` 与修复成功后的重试走 `onRetry`、`run-fix` 走 provision
11616
+ * 写通道、`copy` 写剪贴板、`open-url` 开新窗;`open-market` 没给 `onOpenMarket` 时退回 `onRetry`。
11617
+ * 自己画 blocker 那一块才直接用。
11618
+ */
10351
11619
  function useBlockerActions(onRetry, onOpenMarket) {
10352
11620
  const [copied, setCopied] = useState(null);
10353
11621
  const [running, setRunning] = useState(null);
@@ -10430,6 +11698,15 @@ var BlockerState_module_default = {
10430
11698
  //#endregion
10431
11699
  //#region src/shared/components/BlockerState.tsx
10432
11700
  var BlockerState_exports = /* @__PURE__ */ __exportAll({ BlockerState: () => BlockerState });
11701
+ /**
11702
+ * 卡片被挡住(或要给一句 notice)时渲染的那一块:按 `blocker.severity` 出块状或一行提示,动作接重试 / 跑修复 / 复制。
11703
+ * @param props.blocker - 要显示的那份 blocker:`title` / `hint` / `detail` / `actions` / `severity`。
11704
+ * @param props.t - 翻译函数,这一块出现的每句话都从它来。
11705
+ * @param props.onRetry - `retry` 动作与修复成功后的重试回调。
11706
+ * @param props.onOpenMarket - `open-market` 动作;没给就退回 `onRetry`。
11707
+ * @param props.busy - 外层是不是在忙(默认 `false`);为真时动作一并禁用。
11708
+ * @param props.flush - 是否贴着容器边(默认 `false`):去掉图标、收窄留白,给卡片内嵌用。
11709
+ */
10433
11710
  function BlockerState({ blocker, t, onRetry, busy = false, flush = false, onOpenMarket }) {
10434
11711
  const { run, copied, running, failure } = useBlockerActions(onRetry, onOpenMarket);
10435
11712
  const [rawOpen, setRawOpen] = useState(false);
@@ -10523,7 +11800,7 @@ function messagesOf(units) {
10523
11800
  ...face.messages === void 0 ? {} : { messages: face.messages }
10524
11801
  }));
10525
11802
  }
10526
- 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*/";
11803
+ var COMPONENT_CSS_MARKER = "\n.wb-activityBlock {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-6);\n padding-top: var(--wb-len-10);\n border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n.wb-activityBlock:first-child {\n padding-top: 0;\n border-top: none;\n}\n\n.wb-activityBlockHead {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--wb-len-8);\n}\n\n.wb-activityLine {\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-secondary);\n}\n\n.wb-activityLineText {\n flex: none;\n min-width: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n overflow-wrap: anywhere;\n white-space: pre-wrap;\n max-height: var(--wb-len-72);\n overflow-y: auto;\n}\n\n.wb-activityLineAt {\n flex: none;\n margin-left: auto;\n font-size: var(--wb-font-10);\n line-height: var(--wb-line-16);\n font-variant-numeric: tabular-nums;\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-activityLine > .wb-activityLineAt,\n.wb-activityLine > .wb-activityLineActions {\n margin-left: auto;\n}\n\n.wb-activityLine > .wb-activityLineAt + .wb-activityLineActions {\n margin-left: 0;\n}\n\n.wb-activityLineActions {\n flex: none;\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-6);\n}\n\n.wb-activityActionFailed {\n color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-note {\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n}\n.wb-problem {\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-state-error-primary);\n overflow-wrap: anywhere;\n}\n\n.wb-approvalCommand {\n max-width: 100%;\n}\n.wb-approvalPlan {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-6);\n}\n.wb-approvalHint {\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-secondary);\n}\n.wb-approvalRows {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-2);\n margin: 0;\n}\n.wb-approvalRow {\n display: flex;\n align-items: baseline;\n gap: var(--wb-len-8);\n}\n.wb-approvalLabel {\n flex: none;\n width: var(--wb-len-56);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n}\n.wb-approvalValue {\n margin: 0;\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-18);\n font-weight: 500;\n color: var(--dsw-alias-label-primary);\n overflow-wrap: anywhere;\n}\n.wb-approvalWarn {\n color: var(--dsw-alias-label-secondary);\n}\n\n.wb-cardHead {\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n flex: none;\n padding: var(--wb-len-8) var(--wb-len-10) var(--wb-len-8) var(--wb-card-gutter);\n border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-cardTitle {\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n font-weight: 600;\n color: var(--dsw-alias-label-secondary);\n}\n\n.wb-cardMeta {\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-tertiary);\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.wb-cardMeta::before {\n content: '\\00b7';\n margin-right: var(--wb-len-6);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardOpen {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n margin-left: auto;\n flex: none;\n width: var(--wb-len-22);\n height: var(--wb-len-22);\n padding: var(--wb-len-4);\n border-radius: var(--wb-radius-6);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardOpen ~ .wb-cardRefresh {\n margin-left: 0;\n}\n\n.wb-cardOpen:hover {\n color: var(--dsw-alias-label-primary);\n}\n\n.wb-cardRefresh {\n margin-left: auto;\n flex: none;\n width: var(--wb-len-22);\n height: var(--wb-len-22);\n padding: var(--wb-len-4);\n border-radius: var(--wb-radius-6);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardRefresh:hover:not(:disabled) {\n color: var(--dsw-alias-label-primary);\n}\n\n.wb-cardRefresh:disabled {\n cursor: default;\n opacity: 1;\n}\n\n.wb-cardGear {\n flex: none;\n width: var(--wb-len-22);\n height: var(--wb-len-22);\n padding: var(--wb-len-3);\n border-radius: var(--wb-radius-6);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-cardGear:hover:not(:disabled) {\n color: var(--dsw-alias-label-primary);\n}\n\n.wb-card {\n border: 0.5px solid var(--dsw-alias-border-l3);\n border-radius: var(--dsw-radius-xl);\n background: var(--dsw-alias-bg-layer-1);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n flex: none;\n}\n.wb-cardBody {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-12);\n padding: var(--wb-len-12) var(--wb-card-gutter);\n font-size: var(--dsw-font-xxs-12-font-size);\n}\n.wb-cardBleed {\n margin-inline: calc(-1 * var(--wb-card-gutter));\n}\n._anchor_yq4s2_1 {\n display: contents;\n}\n\n.wb-spinner {\n display: inline-flex;\n align-items: center;\n flex: none;\n}\n\n.wb-choiceMenu {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-2);\n background: transparent;\n}\n\n.wb-choiceMenu[data-variant='boxed'] {\n padding: var(--wb-len-4);\n border: 0.5px solid var(--dsw-alias-border-l3);\n border-radius: var(--dsw-radius-md);\n}\n\n.wb-choiceOption {\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n min-height: var(--wb-len-28);\n padding: var(--wb-len-4) var(--wb-len-8);\n border-radius: var(--dsw-radius-md);\n cursor: pointer;\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-20);\n color: var(--dsw-alias-label-primary);\n}\n\n.wb-choiceOptionOn {\n background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-checkbox {\n position: absolute;\n width: var(--wb-len-16);\n height: var(--wb-len-16);\n margin: 0;\n opacity: 0;\n pointer-events: none;\n}\n\n.wb-checkboxBox {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n flex: none;\n width: var(--wb-len-16);\n height: var(--wb-len-16);\n border: 1px solid var(--dsw-alias-border-l3);\n border-radius: var(--dsw-radius-xs);\n corner-shape: round;\n color: var(--dsw-alias-label-primary-foreground);\n transition:\n background-color var(--wb-dur-0-12) ease, border-color var(--wb-dur-0-12) ease;\n}\n\n.wb-choiceOption:hover .wb-checkboxBox {\n border-color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-checkbox:checked + .wb-checkboxBox {\n border-color: var(--dsw-alias-brand-primary);\n background: var(--dsw-alias-brand-primary);\n}\n\n.wb-checkbox:disabled + .wb-checkboxBox {\n cursor: default;\n}\n\n.wb-checkbox:focus-visible + .wb-checkboxBox {\n outline: var(--dsw-focus-ring-width, var(--wb-len-2)) solid\n var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n outline-offset: 2px;\n}\n\n.wb-choiceOption:hover {\n background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-choiceOption:has(:disabled) {\n cursor: default;\n opacity: 0.5;\n}\n\n.wb-choiceOption:has(:disabled),\n.wb-choiceOption:has(:disabled):hover {\n background: transparent;\n}\n\n.wb-choiceLabel {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.wb-choiceLabelText {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.wb-choiceLabel:has(.wb-choiceDescription) .wb-choiceLabelText {\n overflow: visible;\n white-space: normal;\n overflow-wrap: anywhere;\n}\n\n.wb-choiceDescription {\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n overflow-wrap: anywhere;\n}\n\n.wb-choiceLoading {\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n min-height: var(--wb-len-28);\n padding: var(--wb-len-4) var(--wb-len-8);\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-20);\n color: var(--dsw-alias-label-secondary);\n}\n\n.wb-choiceLoadingText {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.wb-choiceEmpty {\n display: flex;\n align-items: center;\n min-height: var(--wb-len-28);\n padding: var(--wb-len-4) var(--wb-len-8);\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-20);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-radio {\n appearance: none;\n -webkit-appearance: none;\n flex: none;\n box-sizing: border-box;\n width: var(--wb-len-12);\n height: var(--wb-len-12);\n margin: 0;\n border: 1px solid var(--dsw-alias-border-l3);\n border-radius: 50%;\n corner-shape: round;\n background-color: transparent;\n cursor: pointer;\n transition:\n background-color var(--wb-dur-0-12) ease, border-color var(--wb-dur-0-12) ease;\n}\n\n.wb-radio:not(:checked):hover {\n border-color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-radio:checked {\n border-color: var(--dsw-alias-brand-primary);\n background-image: radial-gradient(\n circle at center,\n var(--dsw-alias-brand-primary) 0 3px,\n transparent 3px\n );\n}\n\n.wb-radio:disabled {\n cursor: default;\n}\n\n.wb-radio:focus-visible {\n outline: var(--dsw-focus-ring-width, var(--wb-len-2)) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n outline-offset: 2px;\n}.wb-field {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-6);\n font-size: var(--dsw-font-xs-13-font-size);\n}\n\n.wb-fieldLabel {\n color: var(--dsw-alias-label-secondary);\n}\n\n.wb-fieldHint {\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-field:has(:disabled) .wb-fieldLabel {\n opacity: 0.4;\n}\n.wb-formActions {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n gap: var(--wb-len-8);\n}\n\n.wb-formActionDanger {\n color: var(--dsw-alias-state-error-primary);\n border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 30%, transparent);\n --dsw-alias-interactive-bg-hover: color-mix(in srgb, var(--dsw-alias-state-error-primary) 8%, transparent);\n}\n.wb-formRows {\n display: grid;\n grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n column-gap: var(--wb-len-8);\n row-gap: var(--wb-len-12);\n}\n\n.wb-formRows > :not(.wb-formRow) {\n grid-column: 1 / -1;\n}\n\n.wb-formRow {\n display: grid;\n grid-column: 1 / -1;\n grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n align-items: center;\n column-gap: var(--wb-len-8);\n row-gap: var(--wb-len-8);\n}\n\n.wb-formRow[data-layout='stacked'] {\n grid-template-columns: minmax(0, 1fr);\n align-items: stretch;\n gap: var(--wb-len-6);\n}\n\n.wb-formRows > .wb-formRow[data-layout='stacked'] {\n grid-template-columns: minmax(0, 1fr);\n}\n\n.wb-formLabel {\n min-width: 0;\n font-size: var(--dsw-font-xs-13-font-size);\n color: var(--dsw-alias-label-secondary);\n overflow-wrap: anywhere;\n white-space: nowrap;\n}\n\n.wb-formRow[data-layout='stacked'] .wb-formLabel {\n white-space: normal;\n}\n\n.wb-formRow[data-layout='stacked'] .wb-formHint,\n.wb-formRow[data-layout='stacked'] .wb-formProblem {\n grid-column: 1 / -1;\n}\n\n.wb-formControl {\n display: flex;\n align-items: center;\n min-width: 0;\n}\n\n.wb-formControl\n > :where(\n .wb-selectAnchor,\n .wb-choiceMenu,\n input:not(\n [type='checkbox'],\n [type='radio'],\n [type='button'],\n [type='submit'],\n [type='reset'],\n [type='image'],\n [type='color'],\n [type='range']\n ),\n select,\n textarea\n ) {\n box-sizing: border-box;\n width: 100%;\n min-width: 0;\n}\n\n.wb-formHint {\n grid-column: 2;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-formProblem {\n grid-column: 2;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-formRow:has(.wb-formProblem) .wb-formLabel {\n color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-formRow:has(:disabled) .wb-formLabel {\n opacity: 0.4;\n}\n\n.wb-formRows > .wb-formRow {\n grid-template-columns: subgrid;\n}\n\n@supports not (grid-template-columns: subgrid) {\n .wb-formRows > .wb-formRow {\n grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n }\n}\n.wb-form {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-12);\n width: 100%;\n}:where(.wb-link) {\n margin-left: var(--wb-len-2);\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-2);\n font: inherit;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-primary);\n text-decoration: none;\n white-space: nowrap;\n vertical-align: baseline;\n}\n\n:where(.wb-link:hover) {\n text-decoration: underline;\n}\n\n:where(.wb-link:focus-visible) {\n outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n outline-offset: -2px;\n}\n\n.wb-longTask {\n padding-top: var(--wb-len-12);\n border-top: 0.5px solid var(--dsw-alias-border-l2);\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-2);\n}\n\n.wb-longTaskHead {\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n margin: 0;\n}\n\n.wb-longTaskLink {\n flex: none;\n}\n\n.wb-longTaskHeadline {\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n white-space: pre-wrap;\n overflow-wrap: anywhere;\n color: var(--dsw-alias-label-secondary);\n}\n\n.wb-longTaskProblem {\n margin: 0;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-state-error-primary);\n overflow-wrap: anywhere;\n}\n\n.wb-longTaskDump {\n margin: var(--wb-len-2) 0 0;\n font-size: var(--dsw-font-xxxs-11-font-size);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-longTaskDump pre {\n margin: var(--wb-len-4) 0 0;\n max-height: var(--wb-len-220);\n overflow: auto;\n}\n\n.wb-longTaskStop {\n display: inline-flex;\n flex: none;\n align-items: center;\n align-self: center;\n justify-content: center;\n width: var(--wb-len-20);\n height: var(--wb-len-20);\n padding: 0;\n margin-left: auto;\n border: 0.5px solid var(--dsw-alias-border-l2);\n border-radius: var(--dsw-radius-sm);\n background: var(--dsw-specific-menu);\n color: var(--dsw-alias-label-secondary);\n cursor: pointer;\n}\n\n.wb-longTaskStop:hover:not(:disabled),\n.wb-longTaskStop:focus-visible {\n border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 45%, transparent);\n color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-longTaskStop:disabled {\n cursor: default;\n}\n\n.wb-longTaskStopArmed,\n.wb-longTaskStopArmed:hover:not(:disabled),\n.wb-longTaskStopArmed:focus-visible {\n gap: var(--wb-len-4);\n width: auto;\n padding: 0 var(--wb-len-7);\n border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 45%, transparent);\n background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent);\n color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-longTaskStopLabel {\n white-space: nowrap;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-18);\n}\n\n.wb-longTaskStopWhy {\n margin: 0;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-state-error-primary);\n overflow-wrap: anywhere;\n}\n.wb-centered.wb-centeredCompact {\n flex: none;\n min-height: 0;\n gap: var(--wb-len-8);\n padding: var(--wb-len-20) var(--wb-len-16);\n}\n\n.wb-centered.wb-centeredCompact .wb-centeredHero {\n margin-bottom: var(--wb-len-4);\n}\n\n.wb-skeleton {\n display: flex;\n flex-direction: column;\n}\n\n.wb-skeletonRow {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-8);\n padding: var(--wb-len-8);\n border-radius: var(--dsw-radius-md);\n}\n\n.wb-skeletonRow + .wb-skeletonRow::before {\n content: '';\n align-self: stretch;\n height: var(--wb-len-0-5);\n margin: 0 var(--wb-len-8) var(--wb-len-neg-0-5);\n background: var(--dsw-alias-border-l2);\n}\n\n.wb-skeletonBar {\n display: block;\n height: var(--wb-len-13);\n border-radius: var(--dsw-radius-xs);\n background: var(--dsw-alias-bg-skeleton);\n animation: wb-skeleton-pulse var(--wb-dur-1-4) var(--ds-ease-in-out) infinite;\n}\n\n.wb-skeletonBarTitle {\n width: 62%;\n}\n\n.wb-skeletonBarMeta {\n width: 32%;\n height: var(--wb-len-10);\n}\n\n.wb-skeletonRow:nth-child(2n) .wb-skeletonBarTitle {\n width: 74%;\n}\n\n.wb-skeletonRow:nth-child(3n) .wb-skeletonBarTitle {\n width: 52%;\n}\n\n@keyframes wb-skeleton-pulse {\n 50% {\n opacity: 0.45;\n }\n}\n\n.wb-centered {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: var(--wb-len-14);\n flex: 1;\n min-height: var(--wb-len-240);\n padding: 0 var(--wb-len-24) var(--wb-len-24);\n text-align: center;\n}\n\n.wb-centeredHero {\n display: flex;\n margin-bottom: var(--wb-len-16);\n color: var(--dsw-alias-label-dimmed);\n}\n\n.wb-centeredTitle {\n font-size: var(--dsw-font-s-14-font-size);\n line-height: var(--wb-line-22);\n color: var(--dsw-alias-label-primary);\n}\n\n.wb-centeredHint {\n max-width: var(--wb-len-300);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-centeredDetail {\n max-width: var(--wb-len-320);\n font-family: var(--ds-font-family-code, monospace);\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-dimmed);\n word-break: break-all;\n}\n\n.wb-centeredAction {\n display: flex;\n justify-content: center;\n gap: var(--wb-len-8);\n margin-top: var(--wb-len-2);\n}\n@media (prefers-reduced-motion: reduce) {\n .wb-skeletonBar {\n animation: none;\n }}\n.wb-rows {\n display: grid;\n grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n column-gap: var(--wb-len-8);\n}\n.wb-rows > :not(.wb-row) {\n grid-column: 1 / -1;\n}\n.wb-row {\n display: grid;\n grid-column: 1 / -1;\n grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n align-items: baseline;\n gap: var(--wb-len-8);\n padding: var(--wb-len-4) 0;\n}\n.wb-row + .wb-row {\n border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n.wb-rowKey {\n white-space: nowrap;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-tertiary);\n}\n.wb-rowValue {\n min-width: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-primary);\n overflow-wrap: anywhere;\n}\n\n.wb-rows > .wb-row {\n grid-template-columns: subgrid;\n}\n\n@supports not (grid-template-columns: subgrid) {\n .wb-rows > .wb-row {\n grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);\n }\n}\n.wb-textField {\n box-sizing: border-box;\n border: 0.5px solid var(--dsw-alias-border-l4);\n border-radius: var(--dsw-radius-md);\n background: var(--dsw-alias-bg-layer-3);\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-primary);\n outline: none;\n}\n\n.wb-textField:focus {\n border-color: var(--dsw-alias-state-business-primary);\n box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-textField:disabled {\n cursor: not-allowed;\n opacity: 0.4;\n}\n\n.wb-textField[aria-invalid='true'] {\n border-color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-textField[aria-invalid='true']:focus {\n box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-error-primary);\n}\n\n:where(.wb-textField) {\n min-height: var(--wb-len-28);\n padding: var(--wb-len-4) var(--wb-len-10);\n}\n:where(.wb-selectTrigger) {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n gap: var(--wb-len-8);\n width: 100%;\n min-height: var(--wb-len-28);\n padding: var(--wb-len-4) var(--wb-len-10);\n border: 0.5px solid var(--dsw-alias-border-l4);\n border-radius: var(--dsw-radius-md);\n background: var(--dsw-alias-bg-layer-3);\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-primary);\n text-align: left;\n cursor: pointer;\n}\n\n.wb-selectTrigger:focus-visible {\n outline: none;\n border-color: var(--dsw-alias-state-business-primary);\n box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-selectTrigger[aria-invalid='true'] {\n border-color: var(--dsw-alias-state-error-primary);\n}\n\n.wb-selectTrigger[aria-invalid='true']:focus-visible {\n box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-error-primary);\n}\n\n.wb-selectTrigger:disabled {\n cursor: not-allowed;\n opacity: 0.4;\n}\n\n.wb-selectLoading:disabled {\n cursor: default;\n opacity: 1;\n}\n\n.wb-selectGhost {\n gap: var(--wb-gap-xs);\n min-height: 0;\n height: var(--wb-len-34);\n padding: 0 var(--wb-len-8);\n border: none;\n background: transparent;\n font-size: var(--wb-font-row);\n}\n\n.wb-selectGhost:hover:not(:disabled) {\n background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.wb-selectGhost:focus-visible {\n outline: var(--dsw-focus-ring-width) solid\n var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n outline-offset: -2px;\n border-color: transparent;\n box-shadow: none;\n}\n\n.wb-selectIconOnly {\n width: var(--wb-len-36);\n height: var(--wb-len-36);\n min-height: 0;\n gap: 0;\n padding: 0;\n justify-content: center;\n}\n\n.wb-selectReveal {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.wb-selectIconOnly .wb-selectIcon {\n width: 100%;\n height: 100%;\n}\n\n.wb-selectAnchor {\n display: block;\n width: 100%;\n}\n\n.wb-selectIcon {\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-16);\n height: var(--wb-len-20);\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-selectValue {\n flex: 1;\n min-width: 0;\n display: flex;\n align-items: baseline;\n gap: var(--wb-len-6);\n line-height: var(--wb-line-20);\n overflow: hidden;\n}\n\n.wb-selectPlaceholder {\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-selectChevron {\n flex: none;\n display: inline-flex;\n color: var(--dsw-alias-label-caption);\n}\n\n.wb-selectMenu {\n min-width: var(--wb-len-240);\n max-width: var(--wb-len-360);\n max-height: min(var(--wb-len-320), calc(100vh - var(--wb-len-24)));\n}\n\n:where(.wb-selectSearch) {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n gap: var(--wb-len-8);\n width: 100%;\n min-height: var(--wb-len-28);\n padding: var(--wb-len-4) var(--wb-len-10);\n border: 0.5px solid var(--dsw-alias-border-l4);\n border-radius: var(--dsw-radius-md);\n background: var(--dsw-alias-bg-layer-3);\n}\n\n.wb-selectSearch:focus-within {\n border-color: var(--dsw-alias-state-business-primary);\n box-shadow: inset 0 0 0 0.5px var(--dsw-alias-state-business-primary);\n}\n\n.wb-selectSearch.wb-selectGhost {\n gap: var(--wb-gap-xs);\n min-height: 0;\n height: var(--wb-len-34);\n padding: 0 var(--wb-len-8);\n border: 0.5px solid var(--dsw-alias-border-l3);\n background: var(--dsw-alias-bg-layer-2);\n}\n\n.wb-selectSearch.wb-selectGhost:focus-within {\n border-color: var(--dsw-alias-state-business-primary);\n box-shadow: none;\n}\n\n.wb-selectSearchIcon {\n flex: none;\n display: inline-flex;\n color: var(--dsw-alias-label-tertiary);\n}\n\n.wb-textField.wb-selectSearchInput {\n flex: 1;\n min-width: 0;\n min-height: 0;\n padding: 0;\n border: none;\n background: transparent;\n}\n\n.wb-textField.wb-selectSearchInput:focus {\n box-shadow: none;\n}\n\n.wb-selectFallback {\n width: 100%;\n}\n\n.wb-selectHint {\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n}\n\nsection.wb-settings {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-12);\n padding: var(--wb-len-12) var(--wb-len-16);\n border: 0;\n border-radius: var(--dsw-radius-md);\n background: var(--dsw-alias-settings-card-fill);\n}\n.wb-settingsHead {\n display: flex;\n align-items: center;\n gap: var(--wb-len-8);\n}\n.wb-settings .wb-settingsTitle {\n flex: 1 1 auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: var(--dsw-font-s-strong-14-font-size);\n line-height: var(--wb-line-24);\n font-weight: 500;\n color: var(--dsw-alias-label-primary);\n}\n\n.wb-stack {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-10);\n min-height: 0;\n}\n\n.wb-stateBlock {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-6);\n}\n.wb-stateBlockTitle {\n margin: 0;\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-primary);\n}\n.wb-stateBlockHint {\n margin: 0;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-tertiary);\n}\n.wb-stateBlockActions {\n display: flex;\n align-items: center;\n gap: var(--wb-len-8);\n margin-top: var(--wb-len-2);\n}\n.wb-stateBlockResolving {\n display: flex;\n align-items: center;\n gap: var(--wb-len-8);\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-secondary);\n}\n._marketList_csyus_1 {\n list-style: none;\n margin: 0;\n padding: var(--wb-len-6);\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-2);\n}\n\n._marketRow_csyus_10 {\n display: grid;\n grid-template-columns: auto minmax(0, 1fr) auto;\n align-items: center;\n column-gap: var(--wb-len-14);\n row-gap: var(--wb-len-4);\n padding: var(--wb-len-8);\n border-radius: var(--dsw-radius-lg);\n}\n\n._marketIcon_csyus_20 {\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-40);\n height: var(--wb-len-40);\n border: 0.5px solid var(--dsw-alias-border-l3);\n border-radius: var(--dsw-radius-md);\n color: var(--dsw-alias-label-secondary);\n}\n\n._marketMain_csyus_32 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-4);\n min-width: 0;\n}\n\n._marketName_csyus_39 {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font: var(--dsw-font-base-strong-16);\n color: var(--dsw-alias-label-primary);\n}\n\n._marketDesc_csyus_48 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-6);\n min-width: 0;\n overflow: hidden;\n white-space: nowrap;\n font: var(--dsw-font-s-14);\n color: var(--dsw-alias-label-secondary);\n}\n\n._marketUsedBy_csyus_59 {\n margin-left: var(--wb-len-8);\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-tertiary);\n opacity: 0.75;\n}\n\n._marketUsedBy_csyus_59::before {\n content: '·';\n margin-right: var(--wb-len-6);\n opacity: 0.8;\n}\n\n._marketName_csyus_39 ._marketVersion_csyus_73 {\n margin-left: var(--wb-len-6);\n font-size: var(--dsw-font-xxs-12-font-size);\n font-weight: 400;\n line-height: var(--wb-line-18);\n}\n\n._marketVersion_csyus_73 {\n font-variant-numeric: tabular-nums;\n color: var(--dsw-alias-label-caption);\n}\n\n._marketVersion_csyus_73::before {\n content: '';\n display: inline-block;\n width: var(--wb-len-1);\n height: var(--wb-len-10);\n margin: 0 var(--wb-len-8) 0 var(--wb-len-2);\n vertical-align: -1px;\n background: var(--dsw-alias-border-l2);\n}\n\n._marketLocalTag_csyus_95 {\n margin-left: var(--wb-len-8);\n padding: 0 var(--wb-len-6);\n border: var(--wb-len-1) solid var(--dsw-alias-border-l2);\n border-radius: var(--dsw-radius-sm);\n font-size: var(--dsw-font-xxs-12-font-size);\n font-weight: 400;\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-caption);\n}\n\n._marketEnd_csyus_106 {\n flex: none;\n display: flex;\n align-items: center;\n gap: var(--wb-len-10);\n}\n\n._marketSwitchSeat_csyus_113 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-10);\n}\n\n._marketSwitchSeat_csyus_113::before {\n content: '';\n width: 0;\n height: var(--wb-len-14);\n border-left: 0.5px solid var(--dsw-alias-border-l3);\n}\n\n._marketActions_csyus_126 {\n flex: none;\n display: flex;\n gap: var(--wb-len-6);\n}\n\n._marketUpdateAction_csyus_132 {\n color: var(--dsw-alias-state-warn-primary);\n border-color: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 30%, transparent);\n --dsw-alias-interactive-bg-hover: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 8%, transparent);\n}\n\n._marketSelfDivider_csyus_138 {\n height: 0;\n border-top: 0.5px solid var(--dsw-alias-border-l3);\n}\n\n._marketSection_csyus_143 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-8);\n min-width: 0;\n}\n\n._marketSectionHead_csyus_150 {\n display: flex;\n align-items: baseline;\n gap: var(--wb-len-8);\n}\n\n._marketSectionIcon_csyus_156 {\n display: inline-flex;\n align-items: center;\n align-self: center;\n color: var(--dsw-alias-label-caption);\n}\n\n._marketSectionTitle_csyus_163 {\n margin: 0;\n font: var(--dsw-font-base-strong-16);\n color: var(--dsw-alias-label-primary);\n}\n\n._marketSectionCount_csyus_169 {\n font: var(--dsw-font-s-14);\n font-variant-numeric: tabular-nums;\n color: var(--dsw-alias-label-caption);\n}\n\n\n._marketProgress_csyus_176 {\n flex: none;\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-8);\n min-height: var(--wb-len-32);\n font: var(--dsw-font-s-14);\n color: var(--dsw-alias-label-secondary);\n}\n\n._marketNote_csyus_186 {\n grid-column: 2 / -1;\n font: var(--dsw-font-s-14);\n color: var(--dsw-alias-state-warn-primary);\n overflow-wrap: anywhere;\n}\n\n._marketNotePlain_csyus_193 {\n grid-column: 2 / -1;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-caption);\n overflow-wrap: anywhere;\n}\n\n._marketFailure_csyus_201 {\n grid-column: 2 / -1;\n font: var(--dsw-font-s-14);\n color: var(--dsw-alias-state-error-primary);\n overflow-wrap: anywhere;\n}\n\n._marketEmpty_csyus_208 {\n padding: var(--wb-len-18) var(--wb-len-16);\n text-align: center;\n}\n\n._marketPage_csyus_213 {\n box-sizing: border-box;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--wb-len-32);\n padding: 0 clamp(var(--wb-len-24), 4vw, var(--wb-len-48)) var(--wb-len-48);\n overflow-x: hidden;\n overflow-y: auto;\n color: var(--dsw-alias-label-primary);\n}\n\n._marketPage_csyus_213 > * {\n width: 100%;\n max-width: var(--wb-len-960);\n}\n\n._marketPageHead_csyus_231 {\n box-sizing: border-box;\n display: flex;\n align-items: flex-start;\n gap: var(--wb-len-16);\n padding-top: var(--wb-len-28);\n}\n\n._marketPageTitle_csyus_239 {\n margin: 0;\n font: var(--dsw-font-l-20);\n}\n\n._marketPageIntro_csyus_244 {\n margin: var(--wb-len-4) 0 0;\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-secondary);\n}\n\n._marketPageTools_csyus_250 {\n flex: none;\n align-self: center;\n margin-left: auto;\n display: flex;\n align-items: center;\n gap: var(--wb-len-16);\n}\n\n._marketIconButton_csyus_259 {\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-28);\n height: var(--wb-len-28);\n padding: 0;\n border: 0;\n border-radius: var(--dsw-radius-sm);\n background: transparent;\n color: var(--dsw-alias-label-caption);\n cursor: pointer;\n}\n\n._marketIconButton_csyus_259:hover:not(:disabled) {\n background: var(--dsw-alias-interactive-bg-hover);\n color: var(--dsw-alias-label-secondary);\n}\n\n._marketIconButton_csyus_259:disabled {\n cursor: default;\n opacity: 0.5;\n}\n\n._marketIconWrap_csyus_284 {\n display: inline-flex;\n}\n\n._marketIconButtonSpinning_csyus_288 svg {\n animation: _wb-spin_csyus_1 var(--wb-dur-0-9) linear infinite;\n}\n\n._marketAddButton_csyus_292 {\n height: var(--wb-len-32);\n padding: 0 var(--wb-len-12);\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-20);\n border-radius: var(--dsw-radius-md);\n}\n\n._marketEmpty_csyus_208 {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--wb-len-8);\n padding: var(--wb-len-64) var(--wb-len-16);\n text-align: center;\n}\n\n._marketChecking_csyus_309 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-6);\n font: var(--dsw-font-s-14);\n color: var(--dsw-alias-label-secondary);\n}\n\n._marketEmptyTitle_csyus_317 {\n font: var(--dsw-font-base-strong-16);\n color: var(--dsw-alias-label-primary);\n}\n\n@keyframes _wb-spin_csyus_1 {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n._foot_1ud1j_1 {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: var(--wb-len-8);\n padding: var(--wb-len-8) var(--wb-len-14) var(--wb-len-10);\n border-top: 0.5px solid var(--dsw-alias-border-l2);\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-tertiary);\n}\n\n._footText_1ud1j_13 {\n flex: 1;\n min-width: 0;\n}\n\n._footTextMd_1ud1j_18 {\n flex: 1;\n min-width: 0;\n font: var(--dsw-font-s-14);\n color: var(--dsw-alias-label-secondary);\n}\n._wide_1lv8f_1 {\n justify-content: center;\n width: 100%;\n height: var(--wb-len-40);\n border-radius: var(--dsw-radius-md);\n}\n\n._dialog_1lv8f_8 {\n width: min(var(--wb-len-560), 100%);\n max-height: min(var(--wb-len-800), 100%);\n}\n\n._content_1lv8f_13 {\n min-height: 0;\n overflow: auto;\n}\n\n._stack_1lv8f_18 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-12);\n min-width: 0;\n}\n\n._body_1lv8f_25 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-12);\n min-width: 0;\n}\n\n._field_1lv8f_32 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-6);\n font-size: var(--dsw-font-xs-13-font-size);\n}\n\n._input_1lv8f_39 {\n width: 100%;\n height: var(--wb-len-40);\n padding: 0 var(--wb-len-14);\n}\n\n._registryField_1lv8f_45 {\n height: var(--wb-len-32);\n margin-left: var(--wb-len-26);\n padding: 0 var(--wb-len-10);\n}\n\n._options_1lv8f_51 {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n gap: var(--wb-len-8) var(--wb-len-12);\n}\n\n._guideToggle_1lv8f_59 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-4);\n align-self: flex-start;\n margin-top: var(--wb-len-4);\n padding: 0;\n border: 0;\n background: transparent;\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-secondary);\n cursor: pointer;\n}\n\n._guideToggle_1lv8f_59:hover {\n color: var(--dsw-alias-label-primary);\n}\n\n._guideToggle_1lv8f_59 svg,\n._registryToggle_1lv8f_78 svg {\n transition: transform var(--wb-dur-0-12) ease;\n}\n\n._guideToggle_1lv8f_59[aria-expanded='true'] svg,\n._registryToggle_1lv8f_78[aria-expanded='true'] svg {\n transform: rotate(180deg);\n}\n\n._registryWrap_1lv8f_87 {\n position: relative;\n flex: none;\n}\n\n._registryToggle_1lv8f_78 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-6);\n height: var(--wb-len-26);\n padding: 0 var(--wb-len-8) 0 var(--wb-len-10);\n border: 0.5px solid var(--dsw-alias-border-l4);\n border-radius: var(--dsw-radius-sm);\n background: var(--dsw-alias-bg-layer-2);\n font: inherit;\n font-size: var(--wb-font-12-5);\n color: var(--dsw-alias-label-secondary);\n cursor: pointer;\n}\n\n._registryToggle_1lv8f_78:hover:not(:disabled) {\n color: var(--dsw-alias-label-primary);\n}\n\n._registryToggle_1lv8f_78:disabled {\n cursor: default;\n opacity: 0.6;\n}\n\n._registryToggle_1lv8f_78[aria-expanded='true'] {\n border-color: var(--dsw-alias-border-l3);\n background: var(--dsw-alias-bg-layer-3);\n}\n\n._registryChosen_1lv8f_121 {\n color: var(--dsw-alias-label-primary);\n font-weight: 500;\n}\n\n._registry_1lv8f_45 {\n position: fixed;\n z-index: var(--wb-z-1100);\n box-sizing: border-box;\n width: min(var(--wb-len-440), 100vw - var(--wb-len-24));\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-4);\n margin: 0;\n padding: var(--wb-len-8) var(--wb-len-10) var(--wb-len-12);\n border: 0;\n border-radius: var(--dsw-radius-lg);\n background: var(--dsw-alias-bg-layer-2);\n --dsw-elevation-stroke-color: var(--dsw-alias-border-l3);\n box-shadow: var(--dsw-elevation-prominent);\n}\n\n._registryOption_1lv8f_143 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-4);\n padding: var(--wb-len-8) var(--wb-len-10);\n border: 0.5px solid transparent;\n border-radius: var(--dsw-radius-lg);\n cursor: pointer;\n}\n\nlabel._registryOption_1lv8f_143 {\n flex-direction: row;\n align-items: flex-start;\n gap: var(--wb-len-10);\n}\n\n._registryPick_1lv8f_159 {\n display: flex;\n align-items: flex-start;\n gap: var(--wb-len-10);\n cursor: pointer;\n}\n\n._registryOption_1lv8f_143[data-checked='true'] {\n border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 40%, transparent);\n background: var(--dsw-alias-bg-layer-2);\n}\n\n._registryOption_1lv8f_143 input[type='radio'] {\n flex: none;\n width: var(--wb-len-16);\n height: var(--wb-len-16);\n margin: var(--wb-len-2) 0 0;\n accent-color: var(--dsw-alias-brand-primary);\n}\n\n._registryTitle_1lv8f_179 {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--wb-len-8);\n font: var(--dsw-font-xs-13);\n line-height: var(--wb-line-20);\n color: var(--dsw-alias-label-primary);\n}\n\n._registryHint_1lv8f_189 {\n margin-left: var(--wb-len-26);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n overflow-wrap: anywhere;\n}\n\n._inputError_1lv8f_197 {\n margin: var(--wb-len-neg-4) 0 0 var(--wb-len-26);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-state-error-primary);\n}\n\n._guide_1lv8f_59 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-10);\n padding: var(--wb-len-8) var(--wb-len-14) var(--wb-len-14);\n border: 0.5px solid var(--dsw-alias-border-l4);\n border-radius: var(--dsw-radius-lg);\n background: var(--dsw-alias-bg-layer-1);\n}\n\n._guideList_1lv8f_214 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-2);\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n._guideItem_1lv8f_223 {\n display: flex;\n align-items: flex-start;\n gap: var(--wb-len-10);\n padding: var(--wb-len-8) 0;\n}\n\n._guideIndex_1lv8f_230 {\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-20);\n height: var(--wb-len-20);\n border-radius: var(--wb-radius-pill);\n corner-shape: round;\n background: var(--dsw-alias-bg-module-platform);\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-secondary);\n}\n\n._guideMain_1lv8f_244 {\n display: flex;\n flex-direction: column;\n flex: 1;\n gap: 0;\n min-width: 0;\n}\n\n._guideTitle_1lv8f_252 {\n font: var(--dsw-font-s-14);\n font-weight: 500;\n color: var(--dsw-alias-label-primary);\n}\n\n._guideHint_1lv8f_258 {\n margin: 0;\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-caption);\n}\n\n._guideExample_1lv8f_264 {\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-secondary);\n overflow-wrap: anywhere;\n}\n\n._guideExample_1lv8f_264 code {\n font-family: var(--dsw-font-mono, monospace);\n}\n\n._guideExampleLabel_1lv8f_274 {\n color: var(--dsw-alias-label-caption);\n}\n\n._footer_1lv8f_278 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-20);\n width: 100%;\n}\n\n._hero_1lv8f_285 {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--wb-len-10);\n padding: var(--wb-len-8) 0 var(--wb-len-4);\n text-align: center;\n}\n\n._heroIcon_1lv8f_294 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-44);\n height: var(--wb-len-44);\n color: var(--dsw-alias-label-secondary);\n}\n\n._heroIcon_1lv8f_294[data-state='done'] {\n color: var(--dsw-alias-state-success-secondary);\n}\n\n._heroIcon_1lv8f_294[data-state='error'] {\n color: var(--dsw-alias-state-warn-label);\n}\n\n._pendingTitle_1lv8f_311 {\n margin: 0;\n font-size: var(--dsw-font-s-14-font-size);\n line-height: var(--wb-line-22);\n font-weight: 500;\n color: var(--dsw-alias-label-secondary);\n}\n\n._wizardTitle_1lv8f_319 {\n margin: 0;\n font-size: var(--wb-font-18);\n line-height: var(--wb-len-26);\n font-weight: 600;\n}\n\n._subject_1lv8f_326 {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--wb-len-6);\n padding: var(--wb-len-16);\n border: 0.5px solid var(--dsw-alias-border-l3);\n border-radius: var(--dsw-radius-lg);\n text-align: center;\n}\n\n._subjectName_1lv8f_337 {\n margin: 0;\n font: var(--dsw-font-base-strong-16);\n overflow-wrap: anywhere;\n}\n\n._subjectMeta_1lv8f_343,\n._subjectDesc_1lv8f_344 {\n margin: 0;\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-secondary);\n overflow-wrap: anywhere;\n}\n\n._result_1lv8f_351,\n._resultWarn_1lv8f_352 {\n margin: 0;\n padding: var(--wb-len-8) var(--wb-len-12);\n border-radius: var(--dsw-radius-md);\n background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent);\n font: var(--dsw-font-s-14);\n color: var(--dsw-alias-label-primary);\n}\n\n._resultWarn_1lv8f_352 {\n background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);\n}\n\n._resultMeta_1lv8f_365 {\n margin: 0;\n padding: 0 var(--wb-len-12);\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-secondary);\n overflow-wrap: anywhere;\n}\n\n._approval_1lv8f_373 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-8);\n padding: var(--wb-len-12) var(--wb-len-14);\n border: 0.5px solid var(--dsw-alias-state-warn-primary);\n border-radius: var(--dsw-radius-lg);\n background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 8%, transparent);\n}\n\n._approvalTitle_1lv8f_383 {\n margin: 0;\n font: var(--dsw-font-s-14);\n font-weight: 600;\n color: var(--dsw-alias-label-primary);\n}\n\n._approvalText_1lv8f_390 {\n margin: 0;\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-secondary);\n}\n\n._approvalCaution_1lv8f_396 {\n margin: 0;\n font: var(--dsw-font-xs-13);\n font-weight: 600;\n color: var(--dsw-alias-state-warn-primary);\n}\n\n._note_1lv8f_403 {\n margin: 0;\n font: var(--dsw-font-s-14);\n color: var(--dsw-alias-label-secondary);\n overflow-wrap: anywhere;\n}\n\n._noteWarn_1lv8f_410 {\n color: var(--dsw-alias-state-warn-primary);\n}\n\n._noteError_1lv8f_414 {\n color: var(--dsw-alias-state-error-primary);\n}\n\n._problem_1lv8f_418 {\n margin: 0;\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-state-error-primary);\n overflow-wrap: anywhere;\n}\n\n._detailLabel_1lv8f_425 {\n margin: 0;\n font: var(--dsw-font-xs-13);\n color: var(--dsw-alias-label-caption);\n}\n\n._detail_1lv8f_425 {\n margin: 0;\n padding: var(--wb-len-8) var(--wb-len-10);\n border: 0.5px solid var(--dsw-alias-border-l1);\n border-radius: var(--dsw-radius-sm);\n background: var(--dsw-alias-bg-layer-3);\n font-family: var(--dsw-font-mono, monospace);\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-secondary);\n overflow-wrap: anywhere;\n white-space: pre-wrap;\n}\n._note_1enlz_1 {\n display: flex;\n align-items: flex-start;\n gap: var(--wb-len-8);\n margin: 0;\n padding: var(--wb-len-10) var(--wb-len-12);\n border-radius: var(--dsw-radius-md);\n background: var(--dsw-alias-state-warn-tertiary);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-secondary);\n}\n\n._note_1enlz_1 > svg {\n flex: none;\n margin-top: var(--wb-len-2);\n color: var(--dsw-alias-state-warn-primary);\n}\n._slot_1t7dx_1 {\n display: flex;\n flex: 0 0 100%;\n min-width: 0;\n}\n\n._slot_1t7dx_1 > * {\n flex: 0 0 100%;\n min-width: 0;\n}\n\n._action_1t7dx_12 {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 1 1 0;\n width: 100%;\n min-width: 0;\n min-height: var(--wb-len-36);\n margin: 0 var(--wb-len-2);\n padding: var(--wb-len-7) var(--wb-len-8);\n border-radius: var(--dsw-radius-md);\n cursor: default;\n overflow: hidden;\n gap: var(--wb-len-4);\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-18);\n}\n\n._live_1t7dx_31 {\n color: var(--dsw-alias-state-success-primary);\n}\n\n._paused_1t7dx_35 {\n color: var(--dsw-alias-state-warn-primary);\n}\n\n._trouble_1t7dx_39 {\n color: var(--dsw-alias-state-error-primary);\n}\n\n._pulse_1t7dx_43 {\n animation: _wb-debug-breathe_1t7dx_1 var(--wb-dur-1-5) var(--ds-ease-in-out, ease-in-out) infinite;\n}\n\n@keyframes _wb-debug-breathe_1t7dx_1 {\n 0%,\n 100% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0.35;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n ._pulse_1t7dx_43 {\n animation: none;\n }\n}\n\n._entry_1t7dx_64 {\n display: flex;\n align-items: center;\n flex: 1 1 auto;\n min-width: 0;\n}\n\n._entryInner_1t7dx_71 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n min-width: 0;\n}\n\n._acts_1t7dx_78 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-2);\n flex: none;\n}\n\n._act_1t7dx_12 {\n appearance: none;\n border: 0;\n background: transparent;\n color: var(--dsw-alias-label-secondary);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-22);\n height: var(--wb-len-22);\n padding: 0;\n border-radius: var(--dsw-radius-sm, var(--wb-len-6));\n flex: none;\n cursor: pointer;\n}\n\n._act_1t7dx_12:hover {\n background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._act_1t7dx_12:focus-visible {\n outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n outline-offset: -2px;\n}\n\n._actStop_1t7dx_110:hover,\n._actStop_1t7dx_110:focus-visible {\n color: var(--dsw-alias-state-error-primary);\n}\n\n._actArmed_1t7dx_115,\n._actArmed_1t7dx_115:hover,\n._actArmed_1t7dx_115:focus-visible {\n background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent);\n width: auto;\n color: var(--dsw-alias-state-error-primary);\n gap: var(--wb-len-4);\n padding: 0 var(--wb-len-7);\n}\n\n._actLabel_1t7dx_125 {\n white-space: nowrap;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-18);\n}\n\n._entryLine_1t7dx_131 {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n._actionRail_1t7dx_138 {\n justify-content: center;\n flex: none;\n width: var(--wb-len-36);\n min-width: var(--wb-len-36);\n height: var(--wb-len-36);\n margin: 0;\n padding: 0;\n corner-shape: round;\n border-radius: 50%;\n}\n\n._card_1t7dx_150 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-4);\n}\n\n._cardTitle_1t7dx_156 {\n color: var(--dsw-alias-label-primary);\n font-size: var(--dsw-font-s-14-font-size);\n line-height: var(--wb-line-20);\n}\n\n._cardNote_1t7dx_162 {\n color: var(--dsw-alias-label-secondary);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n}\n._slot_1gkj9_1 {\n display: flex;\n flex: 0 0 100%;\n min-width: 0;\n}\n\n._slot_1gkj9_1 > * {\n flex: 0 0 100%;\n min-width: 0;\n}\n\n._action_1gkj9_12 {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 1 1 0;\n width: 100%;\n min-width: 0;\n min-height: var(--wb-len-36);\n margin: 0 var(--wb-len-2);\n padding: var(--wb-len-7) var(--wb-len-8);\n border-radius: var(--dsw-radius-md);\n cursor: default;\n overflow: hidden;\n gap: var(--wb-len-4);\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-18);\n}\n\n._live_1gkj9_31 {\n color: var(--dsw-alias-state-warn-primary);\n}\n\n._done_1gkj9_35 {\n color: var(--dsw-alias-state-success-primary);\n}\n\n._pulse_1gkj9_39 {\n animation: _wb-record-breathe_1gkj9_1 var(--wb-dur-1-5) var(--ds-ease-in-out, ease-in-out) infinite;\n}\n\n@keyframes _wb-record-breathe_1gkj9_1 {\n 0%,\n 100% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0.35;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n ._pulse_1gkj9_39 {\n animation: none;\n }\n}\n\n._entry_1gkj9_60 {\n display: flex;\n align-items: center;\n flex: 1 1 auto;\n min-width: 0;\n}\n\n._entryInner_1gkj9_67 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n min-width: 0;\n}\n\n._acts_1gkj9_74 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-2);\n flex: none;\n}\n\n._act_1gkj9_12 {\n appearance: none;\n border: 0;\n background: transparent;\n color: var(--dsw-alias-label-secondary);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--wb-len-22);\n padding: 0 var(--wb-len-7);\n border-radius: var(--dsw-radius-sm, var(--wb-len-6));\n flex: none;\n cursor: pointer;\n white-space: nowrap;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-18);\n}\n\n._act_1gkj9_12:hover {\n background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._act_1gkj9_12:focus-visible {\n outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n outline-offset: -2px;\n}\n\n._entryLine_1gkj9_108 {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n._actionRail_1gkj9_115 {\n justify-content: center;\n flex: none;\n width: var(--wb-len-36);\n min-width: var(--wb-len-36);\n height: var(--wb-len-36);\n margin: 0;\n padding: 0;\n corner-shape: round;\n border-radius: 50%;\n}\n\n._card_1gkj9_127 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-4);\n}\n\n._cardTitle_1gkj9_133 {\n color: var(--dsw-alias-label-primary);\n font-size: var(--dsw-font-s-14-font-size);\n line-height: var(--wb-line-20);\n}\n\n._cardNote_1gkj9_139 {\n color: var(--dsw-alias-label-secondary);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n}\n._body_lw2ph_1 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-12);\n}\n\n._lead_lw2ph_7 {\n margin: 0;\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-secondary);\n}\n\n._sources_lw2ph_14 {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--wb-len-8);\n}\n\n._sourcesLabel_lw2ph_21 {\n font-size: var(--dsw-font-xxs-12-font-size);\n color: var(--dsw-alias-label-secondary);\n}\n\nbutton._sourceOn_lw2ph_26 {\n border-color: var(--dsw-alias-brand-primary);\n}\n._sourceCount_lw2ph_29 {\n margin-left: var(--wb-len-4);\n font-variant-numeric: tabular-nums;\n font-size: var(--dsw-font-xxs-12-font-size);\n color: var(--dsw-alias-label-tertiary);\n}\n\n._reading_lw2ph_36 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-4);\n}\n\n._status_lw2ph_42 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-6);\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n}\n\n._failure_lw2ph_52 {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n column-gap: var(--wb-len-10);\n row-gap: var(--wb-len-2);\n color: var(--dsw-alias-state-error-primary);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n}\n\n._failureTitle_lw2ph_62 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-6);\n min-width: 0;\n}\n\n._failureHint_lw2ph_69 {\n grid-column: 1;\n color: var(--dsw-alias-label-tertiary);\n}\n\n._failureAction_lw2ph_74 {\n grid-column: 2;\n grid-row: 1;\n justify-self: end;\n}\n\n._rows_lw2ph_80 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-8);\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n._row_lw2ph_80 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-6);\n padding: var(--wb-len-12) var(--wb-len-14);\n border: 0.5px solid var(--dsw-alias-settings-card-stroke);\n border-radius: var(--dsw-radius-xl);\n background: var(--dsw-alias-settings-card-fill);\n}\n\n._head_lw2ph_99 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-8);\n min-width: 0;\n}\n\n._pick_lw2ph_106 {\n flex: 0 1 auto;\n min-width: 0;\n font-size: var(--dsw-font-xs-13-font-size);\n}\n\n._pick_lw2ph_106 > span {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n._code_lw2ph_118 {\n --dsl-code-block-background: var(--dsw-alias-bg-layer-1);\n margin: 0;\n}\n\n._missing_lw2ph_123,\n._conflict_lw2ph_124 {\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-state-warn-primary);\n}\n\n._foot_lw2ph_130 {\n display: flex;\n justify-content: flex-end;\n}\n._actions_jlw8j_1[hidden],\n._progress_jlw8j_2[hidden],\n._commandRow_jlw8j_3[hidden],\n._bridge_jlw8j_4[hidden],\n._raw_jlw8j_5[hidden] {\n display: none;\n}\n\n._gate_jlw8j_9 {\n position: fixed;\n inset: 0;\n z-index: var(--wb-z-top);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--wb-len-24);\n background: var(--dsw-alias-bg-base);\n}\n\n._card_jlw8j_20 {\n width: 100%;\n max-width: var(--wb-len-420);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--wb-len-16);\n text-align: center;\n}\n\n._card_jlw8j_20:has(._actions_jlw8j_1:not([hidden])),\n._card_jlw8j_20:has(._bridge_jlw8j_4:not([hidden])) {\n max-width: var(--wb-len-520);\n}\n\n._title_jlw8j_35 {\n margin: 0;\n font-size: var(--dsw-font-base-16-font-size);\n line-height: var(--wb-line-24);\n font-weight: 600;\n color: var(--dsw-alias-label-primary);\n}\n\n._hint_jlw8j_43 {\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n}\n\n._steps_jlw8j_50 {\n list-style: none;\n margin: var(--wb-len-6) 0 0;\n padding: 0;\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-2);\n text-align: left;\n}\n\n._step_jlw8j_50 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-8);\n padding: var(--wb-len-6) var(--wb-len-10);\n border-radius: var(--dsw-radius-sm);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-secondary);\n background: var(--dsw-alias-bg-layer-1);\n}\n\n._step_jlw8j_50[data-status='running'] {\n color: var(--dsw-alias-label-primary);\n}\n\n._mark_jlw8j_77 {\n flex: none;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-14);\n height: var(--wb-len-14);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n font-variant-numeric: tabular-nums;\n}\n\n._step_jlw8j_50[data-status='ok'] ._mark_jlw8j_77 {\n color: var(--dsw-alias-state-success-primary);\n}\n\n._step_jlw8j_50[data-status='warn'] ._mark_jlw8j_77 {\n color: var(--dsw-alias-state-warn-primary);\n}\n\n._step_jlw8j_50[data-status='failed'] ._mark_jlw8j_77 {\n color: var(--dsw-alias-state-error-primary);\n}\n\n._label_jlw8j_102 {\n flex: none;\n}\n\n._detail_jlw8j_106 {\n margin-left: auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--dsw-alias-label-tertiary);\n}\n\n._progress_jlw8j_2 {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--wb-len-8);\n margin-top: var(--wb-len-4);\n max-width: 100%;\n}\n\n._elapsed_jlw8j_124 {\n flex: none;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-tertiary);\n font-variant-numeric: tabular-nums;\n}\n\n._error_jlw8j_132 {\n margin: 0;\n padding: var(--wb-len-8) var(--wb-len-10);\n max-height: var(--wb-len-120);\n overflow: auto;\n border-radius: var(--dsw-radius-sm);\n background: var(--dsw-alias-bg-layer-1);\n font-family: var(--ds-font-family-code, monospace);\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n white-space: pre-wrap;\n word-break: break-all;\n text-align: left;\n color: var(--dsw-alias-label-tertiary);\n}\n\n._commandRow_jlw8j_3 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-4);\n margin: 0 0 var(--wb-len-8);\n padding-right: var(--wb-len-4);\n border-radius: var(--dsw-radius-sm);\n background: var(--dsw-alias-bg-layer-2);\n}\n\n._copy_jlw8j_158 {\n flex: none;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-24);\n height: var(--wb-len-24);\n padding: 0;\n border: none;\n border-radius: var(--wb-radius-6);\n background: transparent;\n color: var(--dsw-alias-label-tertiary);\n cursor: pointer;\n}\n\n._copy_jlw8j_158:hover {\n background: var(--dsw-alias-interactive-bg-hover);\n color: var(--dsw-alias-label-primary);\n}\n\n._command_jlw8j_3 {\n flex: 1;\n min-width: 0;\n padding: var(--wb-len-8) var(--wb-len-10);\n border-radius: var(--dsw-radius-sm);\n background: transparent;\n font-family: var(--ds-font-family-code, monospace);\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n overflow-wrap: anywhere;\n color: var(--dsw-alias-label-primary);\n}\n\n._buttons_jlw8j_191 {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--wb-len-12);\n}\n\n._mockSlot_jlw8j_198 {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n justify-content: center;\n background: var(--dsw-alias-bg-base);\n}\n\n._button_jlw8j_191 {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--wb-len-28);\n padding: 0 var(--wb-len-10);\n border: 0.5px solid var(--dsw-alias-border-l3);\n border-radius: var(--dsw-radius-sm);\n background: transparent;\n font: inherit;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-primary);\n cursor: pointer;\n}\n\n._button_jlw8j_191:hover:not(:disabled) {\n background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._button_jlw8j_191:disabled {\n cursor: not-allowed;\n opacity: 0.4;\n}\n\n._actions_jlw8j_1,\n._bridge_jlw8j_4 {\n box-sizing: border-box;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: var(--wb-len-10);\n margin-top: var(--wb-len-4);\n padding: var(--wb-len-14) var(--wb-len-16);\n border: 0.5px solid var(--dsw-alias-border-l2);\n border-radius: var(--wb-radius-14);\n background: var(--dsw-alias-bg-layer-1);\n text-align: left;\n}\n\n._fixTitle_jlw8j_249 {\n margin: 0;\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-20);\n font-weight: 600;\n color: var(--dsw-alias-label-primary);\n}\n\n._actions_jlw8j_1 ._hint_jlw8j_43,\n._bridge_jlw8j_4 ._hint_jlw8j_43 {\n margin: 0;\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-19);\n color: var(--dsw-alias-label-secondary);\n}\n\n._actions_jlw8j_1 ._commandRow_jlw8j_3,\n._bridge_jlw8j_4 ._commandRow_jlw8j_3 {\n margin: 0;\n}\n\n._actions_jlw8j_1 ._buttons_jlw8j_191,\n._bridge_jlw8j_4 ._buttons_jlw8j_191 {\n justify-content: flex-start;\n}\n\n._raw_jlw8j_5 {\n margin: 0;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-tertiary);\n}\n\n._rawSummary_jlw8j_282 {\n cursor: pointer;\n color: var(--dsw-alias-label-tertiary);\n}\n\n._actions_jlw8j_1 ._error_jlw8j_132,\n._bridge_jlw8j_4 ._error_jlw8j_132 {\n margin-top: var(--wb-len-6);\n}\n\n._bridgeLines_jlw8j_292 {\n margin: 0;\n padding-left: var(--wb-len-18);\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-8);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-19);\n color: var(--dsw-alias-label-secondary);\n}\n\n._bridgeLine_jlw8j_292 a {\n display: block;\n margin-top: var(--wb-len-4);\n width: fit-content;\n}\n\n._link_jlw8j_309 {\n color: var(--dsw-alias-label-primary);\n text-decoration: none;\n}\n\n._link_jlw8j_309::after {\n content: '↗';\n margin-left: var(--wb-len-2);\n}\n\n._link_jlw8j_309:hover {\n text-decoration: underline;\n}\n\n._loading_jlw8j_323 {\n flex: none;\n color: var(--dsw-alias-label-tertiary);\n}\n\n._loading_jlw8j_323[hidden] {\n display: none;\n}\n\n._loadingMotion_jlw8j_332 {\n transform-origin: center;\n animation: _wb-spin_jlw8j_1 var(--wb-dur-1-5) linear infinite;\n}\n\n._loadingTrack_jlw8j_337,\n._loadingArc_jlw8j_338 {\n fill: none;\n stroke: currentColor;\n stroke-width: 2;\n stroke-linecap: round;\n}\n\n._loadingTrack_jlw8j_337 {\n opacity: 0.25;\n}\n\n._loadingArc_jlw8j_338 {\n stroke-dasharray: 12 150;\n animation: _wb-dash_jlw8j_1 var(--wb-dur-1-5) ease-in-out infinite;\n}\n\n@keyframes _wb-spin_jlw8j_1 {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes _wb-dash_jlw8j_1 {\n 0% {\n stroke-dasharray: 12 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 24 150;\n stroke-dashoffset: -6;\n }\n to {\n stroke-dasharray: 12 150;\n stroke-dashoffset: 0;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n ._loadingMotion_jlw8j_332,\n ._loadingArc_jlw8j_338 {\n animation: none;\n }\n}\n._group_1hxis_1 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-2);\n}\n\n._button_1hxis_7 {\n flex: none;\n width: var(--wb-len-28);\n height: var(--wb-len-28);\n padding: 0;\n color: var(--dsw-alias-label-secondary);\n}\n\n._button_1hxis_7:hover:not(:disabled) {\n color: var(--dsw-alias-label-primary);\n}\n\n._active_1hxis_19 {\n background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._icon_1hxis_23 {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n._icon_1hxis_23 svg {\n display: block;\n width: var(--wb-len-15);\n height: var(--wb-len-15);\n}\n\n._mirror_1hxis_35 {\n transform: scaleX(-1);\n}\n._stripTabs_1dqp4_1 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-4);\n min-width: 0;\n overflow: hidden;\n}\n\n._tab_1dqp4_9 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-6);\n flex: none;\n height: var(--wb-len-28);\n padding: 0 var(--wb-len-10);\n border: 0;\n border-radius: var(--dsw-radius-sm);\n background: none;\n font: inherit;\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-16);\n max-width: 100%;\n}\n\n._tabActive_1dqp4_25 {\n color: var(--dsw-alias-label-primary);\n}\n\n._tabQuiet_1dqp4_29 {\n color: var(--dsw-alias-label-tertiary);\n cursor: pointer;\n}\n\n._tabQuiet_1dqp4_29:hover {\n color: var(--dsw-alias-label-primary);\n background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._tabTitle_1dqp4_39 {\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-6);\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n._sep_1dqp4_49 {\n flex: none;\n color: var(--dsw-alias-label-dimmed);\n}\n._trigger_15ptp_1 {\n display: flex;\n align-items: center;\n}\n\n._pop_15ptp_6 {\n position: absolute;\n top: calc(var(--wb-len-38) + var(--wb-len-8));\n right: var(--wb-len-6);\n z-index: var(--wb-z-30);\n width: min(var(--wb-len-360), calc(100% - var(--wb-len-12)));\n max-width: calc(100vw - var(--wb-len-48));\n border: 0.5px solid var(--dsw-alias-border-l2);\n border-radius: var(--wb-radius-14);\n background: var(--dsw-alias-bg-layer-2);\n box-shadow: var(--dsw-shadow-lv3);\n overflow: hidden;\n}\n\n._head_15ptp_20 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-8);\n padding: var(--wb-len-10) var(--wb-len-12) var(--wb-len-9) var(--wb-len-14);\n border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n._title_15ptp_28 {\n flex: 1;\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-20);\n font-weight: 600;\n color: var(--dsw-alias-label-primary);\n}\n\n._rowControls_15ptp_36 {\n flex: none;\n display: inline-flex;\n align-items: center;\n gap: var(--wb-len-8);\n}\n\n._reset_15ptp_43 {\n flex: none;\n padding: var(--wb-len-3) var(--wb-len-8);\n border: none;\n border-radius: var(--wb-radius-6);\n background: transparent;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-tertiary);\n cursor: pointer;\n}\n\n._reset_15ptp_43:hover:not(:disabled) {\n background: var(--dsw-alias-interactive-bg-hover);\n color: var(--dsw-alias-label-primary);\n}\n\n._reset_15ptp_43:disabled {\n cursor: default;\n opacity: 0.5;\n}\n\n._list_15ptp_65 {\n list-style: none;\n margin: 0;\n padding: var(--wb-len-6);\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-2);\n}\n\n._row_15ptp_36 {\n position: relative;\n display: grid;\n grid-template-columns: 12px minmax(0, 1fr) auto;\n align-items: center;\n gap: var(--wb-len-8);\n padding: var(--wb-len-7) var(--wb-len-8);\n border-radius: var(--dsw-radius-sm);\n cursor: default;\n}\n\n._rowDragging_15ptp_85 {\n cursor: grabbing;\n}\n\n._rowBlocked_15ptp_89 {\n cursor: not-allowed;\n}\n\n._listDragging_15ptp_93 ._rowControls_15ptp_36 {\n pointer-events: none;\n}\n\n._row_15ptp_36:hover {\n background: var(--dsw-alias-interactive-bg-hover);\n}\n\n._rowOff_15ptp_101 {\n opacity: 0.55;\n}\n\n._rowOff_15ptp_101:hover {\n opacity: 1;\n}\n\n._rowOver_15ptp_109::before {\n content: '';\n position: absolute;\n top: var(--wb-len-neg-3);\n left: var(--wb-len-8);\n right: var(--wb-len-8);\n height: var(--wb-len-2);\n background: var(--dsw-alias-brand-primary);\n}\n\n._ghost_15ptp_119 {\n position: fixed;\n z-index: var(--wb-z-40);\n pointer-events: none;\n padding: var(--wb-len-4) var(--wb-len-10);\n border: 0.5px solid var(--dsw-alias-border-l3);\n border-radius: var(--dsw-radius-sm);\n background: var(--dsw-alias-bg-layer-1);\n box-shadow: var(--wb-static-shadow-ghost);\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-primary);\n white-space: nowrap;\n}\n\n._grip_15ptp_134 {\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n text-align: center;\n color: var(--dsw-alias-label-tertiary);\n user-select: none;\n cursor: grab;\n touch-action: none;\n}\n\n._gripDragging_15ptp_144 {\n cursor: grabbing;\n}\n\n._gripBlocked_15ptp_148 {\n cursor: not-allowed;\n}\n\n._label_15ptp_152 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n min-width: 0;\n}\n\n._name_15ptp_159 {\n min-width: 0;\n flex: 0 1 auto;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-primary);\n}\n\n._error_15ptp_170 {\n margin: 0;\n padding: 0 var(--wb-len-14) var(--wb-len-10);\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-state-error-primary);\n}\n\n._dep_15ptp_178 {\n flex: none;\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n color: var(--dsw-alias-label-tertiary);\n white-space: nowrap;\n}\n\n._group_15ptp_186 {\n padding-top: var(--wb-len-6);\n border-top: 0.5px solid var(--dsw-alias-border-l2);\n}\n\n._groupTitle_15ptp_191 {\n margin: 0;\n padding: var(--wb-len-2) var(--wb-len-8) 0 var(--wb-len-14);\n font-size: var(--dsw-font-xxxs-11-font-size);\n line-height: var(--wb-line-16);\n font-weight: 400;\n color: var(--dsw-alias-label-tertiary);\n}\n._panel_1whum_1 {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: var(--wb-z-10);\n visibility: hidden;\n}\n\n._panel_1whum_1[data-fullscreen] {\n z-index: var(--wb-z-40);\n}\n\n._panel_1whum_1[data-open] {\n visibility: visible;\n}\n\n._columns_1whum_18 {\n display: block;\n column-gap: var(--wb-len-12);\n}\n\n._cell_1whum_23 {\n display: flow-root;\n min-width: 0;\n break-inside: avoid;\n margin-bottom: var(--wb-len-12);\n}\n._root_1cmz0_1 {\n position: relative;\n flex: none;\n margin: 0 var(--wb-len-2) var(--wb-len-4);\n}\n\n._rail_1cmz0_7 {\n margin: 0 0 var(--wb-len-4);\n}\n\n._glyphBox_1cmz0_11 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n}\n\n._glyph_1cmz0_11 {\n position: relative;\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-16);\n height: var(--wb-len-20);\n color: var(--dsw-alias-label-tertiary);\n}\n\n._glyphActive_1cmz0_30 {\n color: var(--dsw-alias-state-business-primary);\n}\n\n._triggerName_1cmz0_34 {\n flex: 1;\n min-width: 0;\n display: flex;\n align-items: baseline;\n gap: var(--wb-len-6);\n font-size: var(--wb-font-row);\n line-height: var(--wb-line-20);\n overflow: hidden;\n}\n\n._dir_1cmz0_45 {\n flex: 0 1 auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n._name_1cmz0_53 {\n flex: 0 1 auto;\n max-width: 50%;\n font-size: var(--dsw-font-xxs-12-font-size);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n._triggerName_1cmz0_34 ._name_1cmz0_53 {\n color: var(--dsw-alias-label-tertiary);\n}\n\n._row_1cmz0_66 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n width: 100%;\n min-width: 0;\n}\n\n._trailing_1cmz0_74 {\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wb-len-20);\n height: var(--wb-len-20);\n margin-inline-start: auto;\n}\n\n._trailing_1cmz0_74 ._rowAction_1cmz0_84 {\n width: var(--wb-len-20);\n min-width: var(--wb-len-20);\n height: var(--wb-len-20);\n min-height: var(--wb-len-20);\n padding: 0;\n border-radius: var(--dsw-radius-sm);\n}\n\n._row_1cmz0_66 ._name_1cmz0_53 {\n color: var(--dsw-alias-label-tertiary);\n}\n\n._current_1cmz0_97 {\n flex: none;\n display: inline-flex;\n align-items: center;\n color: var(--dsw-alias-label-primary);\n}\n._dot_sosf1_1 {\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n._overlay_sosf1_8 {\n position: absolute;\n inset-block-start: var(--wb-len-neg-3);\n inset-inline-end: var(--wb-len-neg-3);\n}\n._tag_g9dg8_1 {\n flex: none;\n margin-inline-start: auto;\n}\n._dialog_1vye5_1 {\n width: min(var(--wb-len-420), 100%);\n}\n\n._stack_1vye5_5 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-8);\n min-width: 0;\n}\n\n._input_1vye5_12 {\n width: 100%;\n height: var(--wb-len-40);\n padding: 0 var(--wb-len-12);\n}\n\n._meta_1vye5_18 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--wb-len-12);\n min-width: 0;\n}\n._blocker_1oaj0_1 {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--wb-len-6);\n padding: var(--wb-len-20) var(--wb-len-16);\n text-align: center;\n}\n\n._icon_1oaj0_10 {\n display: flex;\n color: var(--dsw-alias-label-tertiary);\n}\n\n._title_1oaj0_15 {\n margin: var(--wb-len-2) 0 0;\n font-size: var(--dsw-font-s-14-font-size);\n line-height: var(--wb-line-22);\n font-weight: 600;\n color: var(--dsw-alias-label-primary);\n}\n\n._hint_1oaj0_23 {\n margin: 0;\n max-width: var(--wb-len-42em);\n font-size: var(--dsw-font-xxs-12-font-size);\n line-height: var(--wb-line-18);\n color: var(--dsw-alias-label-tertiary);\n text-wrap: pretty;\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 {\n align-items: flex-start;\n gap: var(--wb-len-6);\n padding: var(--wb-len-4) 0 var(--wb-len-2);\n text-align: left;\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._title_1oaj0_15 {\n font-size: var(--dsw-font-xs-13-font-size);\n line-height: var(--wb-line-20);\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._hint_1oaj0_23 {\n max-width: 100%;\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._actions_1oaj0_48 {\n margin-top: var(--wb-len-8);\n}\n\n._blocker_1oaj0_1._blockerInline_1oaj0_32 ._raw_1oaj0_52 {\n margin-top: var(--wb-len-4);\n max-width: 100%;\n}\n\n._actions_1oaj0_48 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-10);\n margin-top: var(--wb-len-6);\n}\n\n._raw_1oaj0_52 {\n margin-top: var(--wb-len-10);\n width: 100%;\n max-width: var(--wb-len-360);\n text-align: left;\n}\n\n._notice_1oaj0_71 {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n align-items: start;\n column-gap: var(--wb-len-10);\n margin: 0 0 var(--wb-len-10);\n padding: var(--wb-len-10) var(--wb-len-12);\n border: 0.5px solid var(--dsw-alias-border-l2);\n border-left: 2px solid var(--dsw-alias-border-l3);\n border-radius: var(--dsw-radius-sm);\n background: var(--dsw-alias-bg-layer-1);\n}\n\n._notice_1oaj0_71._noticeFlat_1oaj0_84 {\n margin: 0;\n padding: 0;\n border: 0;\n background: transparent;\n}\n\n._noticeText_1oaj0_91 {\n display: flex;\n flex-direction: column;\n gap: var(--wb-len-3);\n min-width: 0;\n}\n\n._noticeTitle_1oaj0_98 {\n font-size: var(--wb-font-12-5);\n line-height: var(--wb-line-18);\n font-weight: 600;\n color: var(--dsw-alias-label-primary);\n}\n\n._noticeHint_1oaj0_105 {\n font-size: var(--wb-font-11-5);\n line-height: var(--wb-line-17);\n color: var(--dsw-alias-label-tertiary);\n overflow-wrap: anywhere;\n}\n\n._noticeActions_1oaj0_112 {\n display: flex;\n align-items: center;\n gap: var(--wb-len-6);\n margin-top: var(--wb-len-neg-2);\n}\n\n._failure_1oaj0_119 {\n margin: var(--wb-len-8) 0 0;\n font-size: var(--wb-font-11-5);\n line-height: var(--wb-line-17);\n color: var(--dsw-alias-state-error-primary);\n overflow-wrap: anywhere;\n}\n\n._failureDetail_1oaj0_127 {\n display: block;\n margin-top: var(--wb-len-2);\n color: var(--dsw-alias-label-tertiary);\n white-space: pre-wrap;\n}\n\n._inlineAction_1oaj0_134 {\n padding: 0;\n border: none;\n background: transparent;\n cursor: pointer;\n}\n\n._inlineAction_1oaj0_134:disabled {\n opacity: 0.6;\n cursor: default;\n}\n\n._rawText_1oaj0_146 {\n margin: var(--wb-len-6) 0 0;\n max-width: 100%;\n}\n/*$vite$:1*/";
10527
11804
  function workbenchCss() {
10528
11805
  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}`;
10529
11806
  }