dsh-connect-trae 4.4.1 → 4.4.3

package/lib/client.js

@@ -23,6 +23,10 @@ window.__ModuleLoader__.load({
 			if (panel === "enterprise") return "trae-enterprise";
 			return panel === "ai" ? "trae-global" : "trae";
 		}
+		/** The panel that owns a provider id, or undefined for an unknown id. */
+		function panelOfProvider(provider) {
+			return TRAE_PANELS.find((panel) => providerOfPanel(panel) === provider);
+		}
 		//#endregion
 		//#region src/status-paths.ts
 		/** Plugin-owned usage endpoint consumed by its browser half. */
@@ -243,8 +247,9 @@ window.__ModuleLoader__.load({
 			if (typeof unwrapped !== "object" || unwrapped === null || Array.isArray(unwrapped)) return {};
 			const record = unwrapped;
 			const nested = record["regions"];
-			if (typeof nested === "object" && nested !== null && !Array.isArray(nested)) return nested;
-			return record;
+			if (typeof nested !== "object" || nested === null || Array.isArray(nested)) return record;
+			const panelIds = TRAE_PANELS;
+			return Object.keys(record).some((key) => panelIds.includes(key)) ? record : nested;
 		}
 		/** One region's stored slot as a plain object; any other shape reads as empty. */
 		function regionSlotOf(value, panel) {
@@ -990,13 +995,38 @@ window.__ModuleLoader__.load({
  * leave a hole on the right.                                          *
  * ------------------------------------------------------------------ */
 .dsm-trae-pool{--dsm-trae-pool-pad-x:14px;--dsm-trae-pool-pad-y:10px;--dsm-trae-pool-radius:14px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--dsw-alias-border-l2,#36373b);padding:14px 0 0}
-.dsm-trae-pool-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
+.dsm-trae-pool-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
 .dsm-trae-pool-title{margin:0;font-size:13px;font-weight:600;line-height:18px;color:var(--dsw-alias-label-primary,#e6e6e6)}
 .dsm-trae-pool-region-note{margin:3px 0 0;font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary,#9aa0a8)}
 .dsm-trae-pool-current{flex:none;padding:2px 8px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2,#3a3d45);font-size:11px;line-height:16px;color:var(--dsw-alias-label-secondary,#c6c9d0);white-space:nowrap}
+/* Two classes on the element (settings + modebar): a single-class rule here loses
+   to .dsm-trae-pool-settings further down, which resets padding to 0 and repaints
+   the background. Match both classes so the strip keeps its own frame. */
+.dsm-trae-pool-settings.dsm-trae-pool-modebar{padding:12px 14px;gap:8px;border-color:rgba(86,134,254,.36);background:linear-gradient(180deg,rgba(86,134,254,.10),rgba(86,134,254,.02)),var(--dsw-alias-bg-layer-2,#24262c)}
+.dsm-trae-pool-modebar-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
+.dsm-trae-pool-modebar-label{font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary,#e6e6e6)}
+.dsm-trae-pool-modebar-state{flex:none;padding:1px 9px;border-radius:999px;font-size:12px;line-height:18px;font-weight:500;color:var(--dsw-alias-brand-primary,#5686fe);background:rgba(86,134,254,.14);border:1px solid rgba(86,134,254,.3)}
+.dsm-trae-pool-modebar .dsm-trae-pool-dirty{margin-left:auto}
+.dsm-trae-pool-modebar .dsm-trae-pool-note{line-height:18px}
+/* Modifier rules must out-specify their base class wherever the base is defined
+   further down (.dsm-trae-pool-note, .dsm-trae-select): matching both classes keeps
+   the warn tone and the wider select from being reset by the later base rule. */
+.dsm-trae-pool-note.dsm-trae-pool-serving-note{color:var(--dsw-alias-state-warn-primary,#b45309)}
+.dsm-trae-pool-card .dsm-trae-pool-actions{padding:0 var(--dsm-trae-pool-pad-x) 12px}
+.dsm-trae-pool-card .dsm-trae-pool-action-note{padding:0 var(--dsm-trae-pool-pad-x) 12px}
 .dsm-trae-pool-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
 .dsm-trae-pool-action-checkin{flex:none;white-space:nowrap}
 .dsm-trae-pool-action-test{flex:none;white-space:nowrap}
+/* Reference text, folded away. Same <details>/<summary> shape as the WorkBuddy
+   sibling's "how the pool picks an account": keyboard-operable and
+   screen-reader-expanded natively, and nothing to keep in sync in state. The
+   paragraphs inside are plain .dsm-trae-pool-note - the container only supplies
+   the frame, so their own type scale stays authoritative. */
+.dsm-trae-pool-more{border:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.18));border-radius:10px;background:var(--dsw-alias-bg-layer-2,#24262c);overflow:hidden}
+.dsm-trae-pool-more-summary{padding:8px 12px;cursor:pointer;user-select:none;color:var(--dsw-alias-label-secondary,#c6c9d0);font-size:12px;font-weight:600;line-height:18px}
+.dsm-trae-pool-more-summary:hover{color:var(--dsw-alias-label-primary,#e6e6e6)}
+.dsm-trae-pool-more-summary:focus-visible{outline:2px solid rgba(86,134,254,.55);outline-offset:-2px}
+.dsm-trae-pool-more-body{display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.18))}
 /* Removing an account from the pool is destructive (it drops THIS panel's saved
    membership), so the hover state takes the error tone rather than the neutral
    one every other outline button gets. */
@@ -1031,8 +1061,7 @@ window.__ModuleLoader__.load({
 .dsm-trae-pool-set-copy span{font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary,#9aa0a8)}
 .dsm-trae-pool-set-ctl{display:flex;align-items:center;gap:8px;flex:none}
 .dsm-trae-pool-set-ctl select{min-width:180px}
-.dsm-trae-pool-bind{border:1px solid var(--dsw-alias-border-l2,#3a3d45);border-radius:var(--dsm-trae-pool-radius);background:var(--dsw-alias-bg-layer-2,#24262c)}
-.dsm-trae-pool-account-select{min-width:180px}
+.dsm-trae-select.dsm-trae-pool-account-select{min-width:180px;max-width:min(320px,50%)}
 .dsm-trae-pool-tools{display:flex;flex-direction:column;gap:8px}
 .dsm-trae-pool-tool-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
 .dsm-trae-pool-meta{font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary,#9aa0a8);white-space:nowrap}
@@ -1076,7 +1105,6 @@ window.__ModuleLoader__.load({
 .dsm-trae-pool-tag{padding:0 6px;border-radius:999px;font-size:10px;line-height:16px;white-space:nowrap}
 .dsm-trae-pool-member{font-size:11px;line-height:16px;color:var(--dsw-alias-brand-primary,#5686fe)}
 .dsm-trae-pool-not-member{font-size:11px;line-height:16px;color:var(--dsw-alias-label-dimmed,#9aa0a6)}
-.dsm-trae-pool-tag-current{padding:1px 6px;border-radius:999px;background:rgba(86,134,254,.16);color:var(--dsw-alias-brand-primary,#5686fe);font-size:11px;font-weight:600;line-height:16px}
 .dsm-trae-pool-tag-member{border:1px solid var(--dsw-alias-border-l2,#3a3d45);color:var(--dsw-alias-label-tertiary,#9aa0a8)}
 .dsm-trae-pool-tag-excluded{background:var(--dsw-alias-state-warn-tertiary,#fef3c7);color:var(--dsw-alias-state-warn-primary,#b45309)}
 .dsm-trae-pool-tag-ghost{border:1px dashed var(--dsw-alias-border-l2,#3a3d45);color:var(--dsw-alias-label-tertiary,#9aa0a8)}
@@ -1115,7 +1143,7 @@ window.__ModuleLoader__.load({
 /* "Every member is unusable" is the one case that IS the pool's fault, so it
    keeps the warn tone the base class sets. */
 .dsm-trae-pool-warning-unusable{border-color:var(--dsw-alias-state-warn-secondary,#fbbf24);background:var(--dsw-alias-state-warn-tertiary,#fef3c7);color:var(--dsw-alias-state-warn-primary,#b45309)}
-.dsm-trae-pool-save-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--dsw-alias-border-l2,#36373b);padding-top:12px}
+.dsm-trae-pool-save-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--dsw-alias-border-l2,#36373b);padding-top:12px;position:sticky;bottom:0;z-index:2;padding-bottom:8px;background:var(--dsw-alias-bg-layer-3,#2a2c33)}
 .dsm-trae-pool-save-buttons{display:flex;align-items:center;justify-content:flex-end;gap:8px}
 .dsm-trae-pool-save-row .dsm-btn{padding:5px 14px;font-size:13px;line-height:1.5}
 .dsm-trae-pool-dirty{padding:0 6px;border-radius:999px;background:var(--dsw-alias-state-warn-tertiary,#fef3c7);color:var(--dsw-alias-state-warn-primary,#b45309);font-size:10px;line-height:16px}
@@ -1591,6 +1619,7 @@ window.__ModuleLoader__.load({
 			const [selected, setSelected] = (0, react.useState)(() => new Set(saved.memberAccountIds ?? []));
 			const [busy, setBusy] = (0, react.useState)(void 0);
 			const [saveError, setSaveError] = (0, react.useState)(void 0);
+			const [moreRulesOpen, setMoreRulesOpen] = (0, react.useState)(false);
 			const [testing, setTesting] = (0, react.useState)(void 0);
 			const [rows, setRows] = (0, react.useState)({});
 			const [deletingIds, setDeletingIds] = (0, react.useState)(() => /* @__PURE__ */ new Set());
@@ -1943,60 +1972,79 @@ window.__ModuleLoader__.load({
 				className: "dsm-trae-pool",
 				"aria-label": t("row.poolTitle"),
 				children: [
-					pool.enabled !== true && onBind !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "dsm-trae-pool-set dsm-trae-pool-bind",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "dsm-trae-pool-set-copy",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: t("row.poolManualAccountLabel") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.poolManualAccountHint") })]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "dsm-trae-pool-set-ctl",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-								className: "dsm-trae-select dsm-trae-pool-account-select",
-								value: serving?.accountId ?? "",
-								disabled: bindingBusy === true || !writable,
-								onChange: (event) => {
-									const next = event.target.value;
-									if (next !== "") onBind(next);
-								},
-								children: [serving === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-									value: "",
-									disabled: true,
-									children: t("row.poolManualAccountNone")
-								}) : null, pool.accounts.filter((account) => account.reachable !== false).map((account) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-									value: account.accountId,
-									children: account.accountName
-								}, account.accountId))]
-							})
-						})]
-					}) : null,
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "dsm-trae-pool-actions",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: "dsm-btn dsm-btn-outline dsm-trae-pool-action-test",
-								disabled: busy !== void 0 || selected.size === 0 || pool.targetModelSource === "none",
-								title: pool.targetModelSource === "none" ? t("row.poolTargetNoneHint") : void 0,
-								onClick: () => {
-									runTest();
-								},
-								children: busy === "test" ? t("row.poolTesting") : t("row.poolTestAll")
-							}),
-							busy === "test" || testing !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dsm-trae-pool-busy",
-								role: "status",
-								children: t("row.poolBusyHint")
-							}) : null,
-							topActions === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dsm-trae-pool-actions-end",
-								children: topActions
-							})
-						]
+						className: "dsm-trae-pool-head",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							className: "dsm-trae-pool-title",
+							children: t("row.poolTitle")
+						}), pool.enabled !== true && onBind !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: "dsm-trae-select dsm-trae-pool-account-select",
+							"aria-label": t("row.poolManualAccountLabel"),
+							value: serving?.accountId ?? "",
+							disabled: bindingBusy === true || !writable,
+							onChange: (event) => {
+								const next = event.target.value;
+								if (next !== "") onBind(next);
+							},
+							children: [serving === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "",
+								disabled: true,
+								children: t("row.poolManualAccountNone")
+							}) : null, pool.accounts.filter((account) => account.reachable !== false).map((account) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: account.accountId,
+								children: account.accountName
+							}, account.accountId))]
+						}) : serving === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsm-trae-pool-current",
+							children: t("row.poolCurrentHeader", { account: serving.accountName })
+						})]
 					}),
-					actionNotes.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "dsm-trae-pool-action-note",
-						children: actionNotes.join(" · ")
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsm-trae-pool-settings dsm-trae-pool-modebar",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsm-trae-pool-modebar-row",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+									className: "dsm-trae-switch dsm-trae-switch-pill",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: enabled,
+										disabled: busy !== void 0 || !writable,
+										"aria-label": t("row.poolEnabled"),
+										onChange: (e) => {
+											setEnabled(e.target.checked);
+										}
+									})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", {
+									className: "dsm-trae-pool-modebar-label",
+									children: t("row.poolEnabled")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsm-trae-pool-modebar-state",
+									children: pool.enabled === true ? t("row.poolModeAuto") : t("row.poolModeManual")
+								}),
+								dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsm-trae-pool-dirty",
+									role: "status",
+									children: t("row.poolDirty")
+								}) : null
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsm-trae-pool-note",
+							children: t("row.poolEnabledHint")
+						})]
 					}),
+					pool.enabled === true && serving !== void 0 && serving.member !== true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsm-trae-pool-note dsm-trae-pool-serving-note",
+						role: "status",
+						children: t("row.poolServingOutside", { account: serving.accountName })
+					}) : null,
+					saved.enabled === true && enabled === false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsm-trae-pool-off-notice",
+						role: "status",
+						children: t("row.poolOffNotice")
+					}) : null,
 					showNoCandidate ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NoCandidateNotice, {
 						noCandidate,
 						t
@@ -2036,6 +2084,34 @@ window.__ModuleLoader__.load({
 									]
 								})]
 							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsm-trae-pool-actions",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsm-btn dsm-btn-outline dsm-trae-pool-action-test",
+										disabled: busy !== void 0 || selected.size === 0 || pool.targetModelSource === "none",
+										title: pool.targetModelSource === "none" ? t("row.poolTargetNoneHint") : void 0,
+										onClick: () => {
+											runTest();
+										},
+										children: busy === "test" ? t("row.poolTesting") : t("row.poolTestAll")
+									}),
+									busy === "test" || testing !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsm-trae-pool-busy",
+										role: "status",
+										children: t("row.poolBusyHint")
+									}) : null,
+									topActions === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsm-trae-pool-actions-end",
+										children: topActions
+									})
+								]
+							}),
+							actionNotes.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsm-trae-pool-action-note",
+								children: actionNotes.join(" · ")
+							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: pool.checkinSupported ? "dsm-trae-pool-table" : "dsm-trae-pool-table dsm-trae-pool-table-no-checkin",
 								role: "table",
@@ -2053,6 +2129,7 @@ window.__ModuleLoader__.load({
 										rows,
 										checked: selected.has(account.accountId),
 										poolEnabled: pool.enabled === true,
+										poolModelId: pool.targetModelId ?? "",
 										detail: details?.[account.accountId],
 										claim: claims?.[account.accountId],
 										onClaim,
@@ -2120,66 +2197,49 @@ window.__ModuleLoader__.load({
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "dsm-trae-pool-settings-wrap",
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsm-trae-pool-head",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-									className: "dsm-trae-pool-title",
-									children: t("row.poolSettingsTitle")
-								}), dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "dsm-trae-pool-dirty",
-									role: "status",
-									children: t("row.poolDirty")
-								}) : null]
-							}),
 							tools === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "dsm-trae-pool-tools dsm-trae-pool-tools-dashed",
 								children: tools
 							}),
-							pool.copies === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsm-trae-pool-note dsm-trae-pool-copyfile",
-								role: "note",
-								children: t("row.poolCopyFile", {
-									path: pool.copies.path,
-									count: pool.copies.count
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsm-trae-pool-head",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+									className: "dsm-trae-pool-title",
+									children: t("row.poolSettingsTitle")
 								})
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsm-trae-pool-note",
-								children: t("row.poolSettingsNote")
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsm-trae-pool-note",
-								children: t("row.poolDeleteHint")
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+								className: "dsm-trae-pool-more",
+								open: moreRulesOpen,
+								onToggle: (event) => setMoreRulesOpen(event.currentTarget.open),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", {
+									className: "dsm-trae-pool-more-summary",
+									children: t("row.poolMoreRulesTitle")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsm-trae-pool-more-body",
+									children: [
+										pool.copies === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "dsm-trae-pool-note",
+											role: "note",
+											children: t("row.poolCopyFile", {
+												path: pool.copies.path,
+												count: pool.copies.count
+											})
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "dsm-trae-pool-note",
+											children: t("row.poolSettingsNote")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "dsm-trae-pool-note",
+											children: t("row.poolDeleteHint")
+										})
+									]
+								})]
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "dsm-trae-pool-settings",
 								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsm-trae-pool-set",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-											className: "dsm-trae-pool-set-copy",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: t("row.poolEnabled") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.poolEnabledHint") })]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "dsm-trae-pool-set-ctl",
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-												className: "dsm-trae-switch dsm-trae-switch-pill",
-												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-													type: "checkbox",
-													checked: enabled,
-													disabled: busy !== void 0 || !writable,
-													"aria-label": t("row.poolEnabled"),
-													onChange: (e) => {
-														setEnabled(e.target.checked);
-													}
-												})
-											})
-										})]
-									}),
-									saved.enabled === true && enabled === false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dsm-trae-pool-off-notice",
-										role: "status",
-										children: t("row.poolOffNotice")
-									}) : null,
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: "dsm-trae-pool-set",
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -2351,7 +2411,7 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		function MemberRow({ account, models, rows, checked, onToggle, onTest, t, disabled, deleting, onDelete, canDelete, formatNumber, relativeAt, detail, claim, onClaim, showCheckin, deviceClaimed, poolEnabled }) {
+		function MemberRow({ account, models, rows, checked, onToggle, onTest, t, disabled, deleting, onDelete, canDelete, formatNumber, relativeAt, detail, claim, onClaim, showCheckin, deviceClaimed, poolEnabled, poolModelId }) {
 			/**
 			* Whether this row is the one billing the next request — and, with the pool on,
 			* whether that claim is the pool's own.
@@ -2417,10 +2477,6 @@ window.__ModuleLoader__.load({
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 								className: "dsm-trae-pool-account-tags",
 								children: [
-									isCurrent ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsm-trae-pool-tag dsm-trae-pool-tag-current",
-										children: t("row.poolCurrentBadge")
-									}) : null,
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: checked ? "dsm-trae-pool-member" : "dsm-trae-pool-not-member",
 										children: checked ? t("row.poolMember") : t("row.poolNotMember")
@@ -2467,7 +2523,8 @@ window.__ModuleLoader__.load({
 							t,
 							relativeAt,
 							now: Date.now(),
-							detail: testRow.detail
+							detail: testRow.detail,
+							poolModelId
 						}) : account.probe !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProbeResult, {
 							outcome: account.probe.outcome,
 							modelId: account.probe.modelId,
@@ -2476,7 +2533,8 @@ window.__ModuleLoader__.load({
 							t,
 							relativeAt,
 							now: Date.now(),
-							detail: account.probe.message
+							detail: account.probe.message,
+							poolModelId
 						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "dsm-trae-pool-probe-none",
 							children: t("row.poolNeverTested")
@@ -2592,12 +2650,15 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		function ProbeResult({ outcome, modelId, atMs, source, detail, t, relativeAt, now }) {
+		function ProbeResult({ outcome, modelId, atMs, source, detail, poolModelId, t, relativeAt, now }) {
+			const tone = outcome === "ok" ? "ok" : "warn";
+			const modelDiffers = modelId !== void 0 && modelId !== poolModelId;
+			const sourceLabel = source === void 0 ? "" : probeSourceLabel(source, t);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsm-trae-pool-probe-cell",
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: `dsm-trae-pool-probe-outcome dsm-trae-pool-probe-${outcome === "ok" ? "ok" : "warn"}`,
+						className: `dsm-trae-pool-probe-outcome dsm-trae-pool-probe-${tone}`,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "dsm-trae-pool-dot dsm-trae-pool-dot-ok",
 							"aria-hidden": "true"
@@ -2607,9 +2668,12 @@ window.__ModuleLoader__.load({
 						className: "dsm-trae-pool-probe-meta",
 						children: t("row.poolProbeMeasured", { when: relativeAt(atMs, now, t) })
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					modelDiffers ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "dsm-trae-pool-probe-meta",
+						children: [t("row.poolProbeModel", { model: modelId }), sourceLabel === "" ? "" : ` · ${sourceLabel}`]
+					}) : sourceLabel === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "dsm-trae-pool-probe-meta",
-						children: [modelId !== void 0 ? t("row.poolProbeModel", { model: modelId }) : t("row.poolProbeModelUnknown"), source === void 0 ? "" : ` · ${probeSourceLabel(source, t)}`]
+						children: sourceLabel
 					}),
 					detail !== void 0 && detail !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "dsm-trae-pool-probe-detail",
@@ -3559,13 +3623,13 @@ window.__ModuleLoader__.load({
 		*  - the number shown is upstream's own pay ratio (`discount: 50` ⇒ 五折 /
 		*    "50% off"), never a re-derived price.
 		*/
-		const PROMO_LABELS = {
+		const PROMO_LABELS$1 = {
 			limited: "row.promoLimited",
 			subsidy: "row.promoSubsidy",
 			offPeak: "row.promoOffPeak"
 		};
 		/** Pay ratio as the "折" figure a Chinese price tag uses: 50 → "5", 25 → "2.5". */
-		function promoZhe(discountPercent) {
+		function promoZhe$1(discountPercent) {
 			const zhe = Math.round(discountPercent * 10) / 100;
 			return Number.isInteger(zhe) ? String(zhe) : zhe.toFixed(1);
 		}
@@ -3585,7 +3649,7 @@ window.__ModuleLoader__.load({
 		function promoBadge(model, t, now) {
 			const badge = selectTraePromoBadge(model.activityDiscount, now);
 			if (badge === void 0) return null;
-			const zhe = promoZhe(badge.discountPercent);
+			const zhe = promoZhe$1(badge.discountPercent);
 			const hints = [];
 			if (badge.beforeRate !== void 0 && badge.rate !== void 0) hints.push(t("row.promoHintRate", {
 				before: String(badge.beforeRate),
@@ -3597,16 +3661,16 @@ window.__ModuleLoader__.load({
 				zone: badge.timeZone
 			}));
 			if (badge.memberDiscountPercent !== void 0) hints.push(t("row.promoHintMember", {
-				zhe: promoZhe(badge.memberDiscountPercent),
+				zhe: promoZhe$1(badge.memberDiscountPercent),
 				percent: String(100 - badge.memberDiscountPercent)
 			}));
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: `dsm-trae-model-promo dsm-trae-model-promo-${badge.kind}`,
-				title: hints.length === 0 ? t(PROMO_LABELS[badge.kind], {
+				title: hints.length === 0 ? t(PROMO_LABELS$1[badge.kind], {
 					zhe,
 					percent: String(badge.percentOff)
 				}) : hints.join(" · "),
-				children: t(PROMO_LABELS[badge.kind], {
+				children: t(PROMO_LABELS$1[badge.kind], {
 					zhe,
 					percent: String(badge.percentOff)
 				})
@@ -6229,7 +6293,8 @@ window.__ModuleLoader__.load({
 			"row.poolEnabled": "Enable the account pool",
 			"row.poolEnabledHint": "The pool picks the account to bill for this panel's requests, ranking by credits and availability. Off means the manually bound account serves.",
 			"row.poolCurrentHeader": "Billing now: {account}",
-			"row.poolCurrentBadge": "serving",
+			"row.poolModeAuto": "pool picks",
+			"row.poolModeManual": "you pick",
 			"row.poolMember": "in pool",
 			"row.poolNotMember": "not in pool",
 			"row.poolBusyHint": "Working through accounts one at a time…",
@@ -6241,6 +6306,7 @@ window.__ModuleLoader__.load({
 			"row.poolNoCandidateEmptyHint": "Tick accounts in the membership list to bring them into the pool.",
 			"row.poolNoCandidateUnusable": "Every selected member is unavailable right now.",
 			"row.poolNoCandidateHint": "Traffic keeps landing on the saved selection until one recovers.",
+			"row.poolServingOutside": "{account} is billing right now but is not in the pool — until a member becomes available, requests fall back to the saved selection.",
 			"row.poolMembersTitle": "Accounts in this pool",
 			"row.poolRescan": "Re-detect accounts",
 			"row.poolToolsLabel": "Export / import accounts",
@@ -6256,7 +6322,7 @@ window.__ModuleLoader__.load({
 			"row.poolSelectNone": "None",
 			"row.poolColumnAccount": "Account",
 			"row.poolColumnCredits": "Credits",
-			"row.poolColumnProbe": "Target model",
+			"row.poolColumnProbe": "Status",
 			"row.poolColumnCheckin": "Check-in",
 			"row.poolGeneralLabel": "General",
 			"row.poolWorkHint": "Work credits are not spendable by DSH — only General powers chat.",
@@ -6281,9 +6347,9 @@ window.__ModuleLoader__.load({
 			"row.poolProbeSizeHint": "How much text a test sends. A one-word probe only proves the account can answer a one-word request — if the upstream refuses long turns, this is where you find out. Bigger is closer to a real conversation, and costs more credit on every account in the batch.",
 			"row.poolProbeSizeDefault": "Minimal (default)",
 			"row.poolProbeSizeOption": "{wan}0k tokens",
-			"row.poolSettingsTitle": "Pool settings",
+			"row.poolSettingsTitle": "More settings",
+			"row.poolMoreRulesTitle": "Account copies & saving rules",
 			"row.poolManualAccountLabel": "Manually billed account",
-			"row.poolManualAccountHint": "Used while the pool is off. With it on, the Host picks by credits.",
 			"row.poolManualAccountNone": "No account in effect",
 			"row.poolDirty": "unsaved",
 			"row.poolSaved": "Save",
@@ -6578,7 +6644,8 @@ window.__ModuleLoader__.load({
 			"row.poolEnabled": "启用账号池",
 			"row.poolEnabledHint": "账号池按积分与可用性挑选本面板请求的计费账号；关闭时由手动绑定的账号计费。",
 			"row.poolCurrentHeader": "当前计费：{account}",
-			"row.poolCurrentBadge": "派单中",
+			"row.poolModeAuto": "自动挑号",
+			"row.poolModeManual": "手动选号",
 			"row.poolMember": "已在池中",
 			"row.poolNotMember": "未入池",
 			"row.poolBusyHint": "逐个处理账号中…",
@@ -6590,6 +6657,7 @@ window.__ModuleLoader__.load({
 			"row.poolNoCandidateEmptyHint": "在成员列表中勾选账号即可加入账号池。",
 			"row.poolNoCandidateUnusable": "所有已选成员当前均不可用。",
 			"row.poolNoCandidateHint": "请求会继续落在已保存的账号上，直到有成员恢复可用。",
+			"row.poolServingOutside": "{account} 当前在计费，但它不在池中——在池里有可用成员之前，请求会落回你保存的选择。",
 			"row.poolMembersTitle": "本池包含的账号",
 			"row.poolRescan": "重新检测账号",
 			"row.poolToolsLabel": "导出 / 导入账号",
@@ -6605,7 +6673,7 @@ window.__ModuleLoader__.load({
 			"row.poolSelectNone": "清空",
 			"row.poolColumnAccount": "账号",
 			"row.poolColumnCredits": "积分",
-			"row.poolColumnProbe": "目标模型",
+			"row.poolColumnProbe": "状态",
 			"row.poolColumnCheckin": "签到",
 			"row.poolGeneralLabel": "通用",
 			"row.poolWorkHint": "工作积分不能由 DSH 消费——只有通用积分用于对话。",
@@ -6630,9 +6698,9 @@ window.__ModuleLoader__.load({
 			"row.poolProbeSizeHint": "测试时发送多少文本。只发一个词的探针，只能证明「这个账号能回答一个词」——如果上游拒绝长请求，问题只会在你真实对话时才出现。填得越多越接近真实对话，每个账号每次测试消耗的积分也越多。",
 			"row.poolProbeSizeDefault": "最小请求（默认）",
 			"row.poolProbeSizeOption": "{wan} 万 token",
-			"row.poolSettingsTitle": "账号池设置",
+			"row.poolSettingsTitle": "更多设置",
+			"row.poolMoreRulesTitle": "账号副本与保存规则",
 			"row.poolManualAccountLabel": "手动计费账号",
-			"row.poolManualAccountHint": "账号池关闭时由它计费；开启后由 Host 按积分挑选。",
 			"row.poolManualAccountNone": "当前无生效账号",
 			"row.poolDirty": "未保存",
 			"row.poolSaved": "保存",
@@ -6724,6 +6792,340 @@ window.__ModuleLoader__.load({
 			"row.cheer": "鼓励一下"
 		};
 		//#endregion
+		//#region src/client/TraeModelLabel.tsx
+		/**
+		* The HOST's model picker label: the catalog name, the upstream's activity
+		* badge, and EXACTLY ONE multiplier.
+		*
+		* WHY A SLOT. The picker renders the model name as a plain string, so the only
+		* thing a provider can put there is a character — and a character's colour is
+		* the emoji font's business, not ours. The host therefore offers exactly one
+		* seam for this: the `conversation.input.model.label` slot, whose contract is
+		* "render non-interactive inline content such as a coloured name or badge"
+		* while the picker keeps owning clicks, focus, check marks and the
+		* accessibility text. The shipped example is the official DeepSeek "1017"
+		* release badge — a coloured marker next to a model name — which is the same
+		* job. (Ported from the sibling `dsh-connect-workbuddy` plugin, which solved
+		* the same problem for the same host; the two must stay one presentation.)
+		*
+		* WHY THE BADGE BELONGS HERE AT ALL. The picker is where the choice is made,
+		* and a time-boxed promotion is a choice criterion: "half price at night"
+		* changes which row you click. The card already drew these badges, but the card
+		* is the settings surface — by the time you read them there you have already
+		* picked. This is the same upstream fact, moved to where it can still change a
+		* decision.
+		*
+		* WHY ONE MULTIPLIER AND NOT TWO. `traeModelDisplayName` ALREADY ends the name
+		* in the catalog multiplier (`Kimi-K2 · x0.55` — see `src/catalog.ts`), and the
+		* host renders that string verbatim. Appending another rate here would print
+		* `· x0.55 · x0.55`, which is precisely the defect the sibling plugin shipped
+		* and had to fix (its #120 regression). The suffix is therefore pulled back OUT
+		* of the name and re-drawn in the span that can carry the DISCOUNTED value, so
+		* the row always shows exactly one number and it is the one that holds now.
+		*
+		* WHY A SEPARATE FETCH. The slot is rendered by the host, outside the plugin's
+		* card, so it cannot read the card's React state (nor its injected `t`). It
+		* asks the Host itself, over the SAME route the card polls
+		* (`TRAE_USAGE_PATH`) — but with `detail=fast` (issue #77), the first-paint
+		* document built from LOCAL state: the model roster, its `creditMultiplier` and
+		* its unresolved `activityDiscount` are all known locally, so opening the
+		* picker must not trigger an upstream read. The answer is cached briefly: a
+		* picker that re-fetched on every re-render would be wasteful, and a level a few
+		* seconds old is still true.
+		*
+		* WHY THE CLOCK IS RE-READ ON EVERY RENDER. A promotion's badge is a function
+		* of the clock (an off-peak window opens and closes; a campaign expires).
+		* Resolving it once at fetch time and holding it would leave "闲时 5 折" on the
+		* picker the next morning — the exact overstatement `src/promo.ts` refuses to
+		* make. The snapshot is fetched once and the BADGE is resolved at render time;
+		* a shared one-minute ticker re-renders the mounted labels, so a window edge is
+		* picked up without one timer per model row.
+		*
+		* WHY THE HOST STILL OWNS THE NAME. The contract says to keep `model.name` as
+		* the text and render the addition beside it, so this component returns the name
+		* first — it never replaces it — and it renders nothing extra for a provider
+		* that is not ours.
+		*
+		* @module dsh-connect-trae/client/TraeModelLabel
+		*/
+		/** How long a fetched snapshot is trusted, in milliseconds. */
+		const CACHE_MS = 6e4;
+		/** How often a mounted label re-reads the clock, in milliseconds. */
+		const TICK_MS = 6e4;
+		/** The snapshot per panel, plus when it was read. */
+		const caches = /* @__PURE__ */ new Map();
+		/**
+		* The snapshot, read from the Host once and reused briefly.
+		*
+		* `undefined` means "not known" — the caller renders the plain name rather than
+		* guessing, because a badge that claims a promotion the upstream never stated
+		* is worse than no badge.
+		*/
+		async function statusNow(panel) {
+			const cached = caches.get(panel);
+			if (cached !== void 0 && Date.now() - cached.at < CACHE_MS) return cached.snapshot;
+			try {
+				const response = await fetch(withTraeRegionFastDetail(TRAE_USAGE_PATH, panel), {
+					headers: { accept: "application/json" },
+					credentials: "same-origin"
+				});
+				if (!response.ok) return void 0;
+				const body = await response.json();
+				const models = /* @__PURE__ */ new Map();
+				for (const model of body.models ?? []) models.set(model.id, model);
+				const snapshot = { models };
+				caches.set(panel, {
+					snapshot,
+					at: Date.now()
+				});
+				return snapshot;
+			} catch {
+				return;
+			}
+		}
+		/** One shared minute ticker, so N mounted labels cost one timer, not N. */
+		const minuteTicker = {
+			timer: void 0,
+			listeners: /* @__PURE__ */ new Set()
+		};
+		/**
+		* Re-render the caller once a minute while it is mounted.
+		*
+		* @param listener - The callback to run at each tick.
+		* @returns The unsubscribe function, which stops the shared timer when the last
+		*          listener leaves.
+		*/
+		function subscribeMinute(listener) {
+			minuteTicker.listeners.add(listener);
+			if (minuteTicker.timer === void 0) {
+				minuteTicker.timer = setInterval(() => {
+					for (const each of [...minuteTicker.listeners]) each();
+				}, TICK_MS);
+				minuteTicker.timer.unref?.();
+			}
+			return () => {
+				minuteTicker.listeners.delete(listener);
+				if (minuteTicker.listeners.size === 0 && minuteTicker.timer !== void 0) {
+					clearInterval(minuteTicker.timer);
+					minuteTicker.timer = void 0;
+				}
+			};
+		}
+		/**
+		* The UI's language, as the browser reports it.
+		*
+		* The card formats dates and numbers with the browser's locale, so reading the
+		* same signal here keeps the badge in the language the user reads. Read
+		* defensively: this module is imported by tests that run in a plain Node
+		* environment, where neither global exists.
+		*/
+		function uiLanguage() {
+			if (typeof navigator !== "undefined" && typeof navigator.language === "string" && navigator.language !== "") return navigator.language;
+			if (typeof document !== "undefined" && typeof document.documentElement?.lang === "string") return document.documentElement.lang;
+			return "";
+		}
+		/** Whether the given language is an English one. */
+		function isEnglish(language) {
+			return language.toLowerCase().startsWith("en");
+		}
+		/** The copy table for one language, so the slot needs no injected `t`. */
+		function copyFor(language) {
+			return isEnglish(language) ? en : zh;
+		}
+		/**
+		* Fill `{name}` placeholders in one locale string.
+		*
+		* The card's own `t` does this; the slot cannot use `t` (it is rendered by the
+		* host, outside the card's injection), so the same substitution is done here on
+		* the same table. Both phrasings are always passed: the zh locale spells a pay
+		* ratio as "5 折" and needs `{zhe}`, the en one says "50% off" and needs
+		* `{percent}` — each uses the placeholder it names, the other is ignored.
+		*/
+		function fillPlaceholders(template, vars) {
+			return template.replace(/\{(\w+)\}/g, (whole, key) => vars[key] ?? whole);
+		}
+		/** Pay ratio as the "折" figure a Chinese price tag uses: 50 → "5", 25 → "2.5". */
+		function promoZhe(discountPercent) {
+			const zhe = Math.round(discountPercent * 10) / 100;
+			return Number.isInteger(zhe) ? String(zhe) : zhe.toFixed(1);
+		}
+		/** The locale key that names each promotion kind. */
+		const PROMO_LABELS = {
+			limited: "row.promoLimited",
+			subsidy: "row.promoSubsidy",
+			offPeak: "row.promoOffPeak"
+		};
+		/**
+		* The chip's colour per kind, mirroring `.dsm-trae-model-promo-*` in
+		* `styles.ts`.
+		*
+		* Written inline because a slot component is rendered OUTSIDE the card: the
+		* card's stylesheet is only mounted while the card is, so a picker opened on a
+		* page where the card was never opened would otherwise get an uncoloured chip.
+		* The tokens are the same ones the stylesheet uses, with the same fallbacks.
+		*/
+		const PROMO_TONES = {
+			subsidy: {
+				color: "var(--dsw-alias-state-error-primary,#d92d20)",
+				border: "color-mix(in srgb,var(--dsw-alias-state-error-primary,#d92d20) 40%,transparent)",
+				background: "color-mix(in srgb,var(--dsw-alias-state-error-primary,#d92d20) 10%,transparent)"
+			},
+			limited: {
+				color: "var(--dsw-alias-state-warn-primary,#f59e0b)",
+				border: "color-mix(in srgb,var(--dsw-alias-state-warn-primary,#f59e0b) 45%,transparent)",
+				background: "color-mix(in srgb,var(--dsw-alias-state-warn-primary,#f59e0b) 12%,transparent)"
+			},
+			offPeak: {
+				color: "var(--dsw-alias-brand-primary,#5686fe)",
+				border: "color-mix(in srgb,var(--dsw-alias-brand-primary,#5686fe) 40%,transparent)",
+				background: "color-mix(in srgb,var(--dsw-alias-brand-primary,#5686fe) 10%,transparent)"
+			}
+		};
+		/**
+		* Split the host's display name into "name" and "the multiplier to show".
+		*
+		* `traeModelDisplayName` builds `"<name> · x<multiplier>"` and the host renders
+		* that string verbatim, so appending another rate next to it would print the
+		* figure twice in the picker (`Kimi-K2 · x0.55 · x0.55`). The suffix is
+		* therefore pulled back OUT of the string and re-drawn in the span that can
+		* carry the discounted value — exactly one number, and it is the one that holds
+		* right now.
+		*
+		* The suffix is recognised by SHAPE, not by comparing against the snapshot's
+		* `creditMultiplier`: the two can disagree (a promotion can change the catalog
+		* figure between the snapshot and this render), and leaving the suffix in place
+		* then prints two numbers again — the very defect this function removes.
+		*
+		* @param name - The host's rendered name, possibly ending in ` · x<rate>`.
+		* @param catalogRate - The catalog multiplier, as the snapshot reports it.
+		* @param discounted - The rate to show instead, when a discount is running.
+		* @returns The name without its rate suffix, and the single rate to draw.
+		*          `undefined` means "draw no number" (the name had none and no discount
+		*          is running).
+		*/
+		function splitCatalogRate(name, catalogRate, discounted) {
+			const match = / · x(\d+(?:\.\d+)?)$/.exec(name);
+			const fromName = match === null ? void 0 : Number(match[1]);
+			return {
+				base: match === null ? name : name.slice(0, match.index),
+				rate: discounted ?? fromName ?? catalogRate
+			};
+		}
+		/** The rate a live badge says the user pays, when it names one. */
+		function discountedRateOf(badge) {
+			return badge?.rate;
+		}
+		/**
+		* The upstream's promotion chip, as the picker draws it.
+		*
+		* Same classes as the card's capsule so the two surfaces cannot drift apart,
+		* plus the inline tone described in {@link PROMO_TONES}.
+		*
+		* @param props - The resolved badge and the copy table for the UI's language.
+		* @returns The chip.
+		*/
+		function PromoChip(props) {
+			const { badge, copy } = props;
+			const zhe = promoZhe(badge.discountPercent);
+			const label = fillPlaceholders(copy[PROMO_LABELS[badge.kind]], {
+				zhe,
+				percent: String(badge.percentOff)
+			});
+			const hints = [];
+			if (badge.beforeRate !== void 0 && badge.rate !== void 0) hints.push(fillPlaceholders(copy["row.promoHintRate"], {
+				before: String(badge.beforeRate),
+				rate: String(badge.rate)
+			}));
+			if (badge.fromClock !== void 0 && badge.untilClock !== void 0 && badge.timeZone !== void 0) hints.push(fillPlaceholders(copy["row.promoHintWindow"], {
+				from: badge.fromClock,
+				until: badge.untilClock,
+				zone: badge.timeZone
+			}));
+			if (badge.memberDiscountPercent !== void 0) hints.push(fillPlaceholders(copy["row.promoHintMember"], {
+				zhe: promoZhe(badge.memberDiscountPercent),
+				percent: String(100 - badge.memberDiscountPercent)
+			}));
+			const tone = PROMO_TONES[badge.kind];
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: `dsm-trae-model-promo dsm-trae-model-promo-${badge.kind} dsm-trae-model-label-promo`,
+				title: hints.length === 0 ? label : hints.join(" · "),
+				style: {
+					flex: "none",
+					borderRadius: "999px",
+					padding: "1px 7px",
+					fontSize: "10px",
+					fontWeight: 500,
+					lineHeight: "15px",
+					whiteSpace: "nowrap",
+					border: `1px solid ${tone.border}`,
+					color: tone.color,
+					background: tone.background,
+					maxWidth: "6em",
+					overflow: "hidden",
+					textOverflow: "ellipsis"
+				},
+				children: label
+			});
+		}
+		/**
+		* The label for one model row in the host's picker.
+		*
+		* @param props - The host's model identity and the placement of this label.
+		* @returns The catalog name, followed by the promotion chip when one holds.
+		*/
+		function TraeModelLabel(props) {
+			const { provider, model } = props;
+			const panel = panelOfProvider(provider.id);
+			if (panel === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: model.name });
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TraeModelLabelInner, {
+				modelId: model.id,
+				name: model.name,
+				panel
+			});
+		}
+		/** The stateful half: fetches the snapshot, then renders what holds right now. */
+		function TraeModelLabelInner(props) {
+			const { modelId, name, panel } = props;
+			const [snapshot, setSnapshot] = (0, react.useState)(void 0);
+			const [, setTick] = (0, react.useState)(0);
+			(0, react.useEffect)(() => {
+				let live = true;
+				statusNow(panel).then((next) => {
+					if (!live || next === void 0) return;
+					setSnapshot(next);
+				});
+				return () => {
+					live = false;
+				};
+			}, [modelId, panel]);
+			(0, react.useEffect)(() => subscribeMinute(() => setTick((count) => count + 1)), []);
+			const model = snapshot?.models.get(modelId);
+			const badge = model === void 0 ? void 0 : selectTraePromoBadge(model.activityDiscount, /* @__PURE__ */ new Date());
+			const { base, rate } = splitCatalogRate(name, model?.creditMultiplier, discountedRateOf(badge));
+			const copy = copyFor(uiLanguage());
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "dsm-trae-model-label",
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					gap: "5px",
+					whiteSpace: "nowrap",
+					verticalAlign: "baseline"
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: base }),
+					rate === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "dsm-trae-model-label-rate",
+						children: [" · x", rate.toFixed(2)]
+					}),
+					badge === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PromoChip, {
+						badge,
+						copy
+					})
+				]
+			});
+		}
+		//#endregion
 		//#region src/client/index.tsx
 		/** Stable browser-plugin name. */
 		const name = "dsh-connect-trae-client";
@@ -6892,6 +7294,30 @@ window.__ModuleLoader__.load({
 				};
 				registerPointsSlot("conversation.input.left", "dsh-connect-trae-composer-points", 4, "composer");
 				registerPointsSlot("conversation.composer.dock", "dsh-connect-trae-stats-points", 10, "stats");
+				/**
+				* The upstream's activity badge in the HOST's model picker (ported from the
+				* sibling `dsh-connect-workbuddy` plugin, whose #120 shipped the same fix).
+				*
+				* The picker renders the model name as a plain string, so a provider can
+				* only put a CHARACTER there — and a character's colour is the emoji font's
+				* business, not ours. The host therefore offers exactly one seam for this:
+				* the `conversation.input.model.label` slot, whose contract is "render
+				* non-interactive inline content such as a coloured name or badge" while the
+				* picker keeps owning clicks, focus and check marks.
+				*
+				* Registered unconditionally: the component renders the plain name for a
+				* provider that is not ours, so there is nothing to gate on. Its own
+				* try/catch keeps a host that does not serve this slot from taking the card
+				* down with it.
+				*/
+				const registerModelLabel = () => {
+					try {
+						return ctx.slots.inject("conversation.input.model.label", () => ctx.slots.register({ name: "conversation.input.model.label" }, TraeModelLabel));
+					} catch (error) {
+						console.error("[dsh-connect-trae] model label slot failed to register (host provider unaffected):", error);
+					}
+				};
+				registerModelLabel();
 			} catch (error) {
 				console.error("[dsh-connect-trae] client card failed to load (host provider unaffected):", error);
 			}