dsh-connect-trae 3.4.2 → 3.5.0

package/lib/client.js

@@ -203,6 +203,39 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/**
+		* Which seat one region's readout uses, defaulting to the composer row.
+		*
+		* Anything other than an explicit `'stats'` reads as `'composer'`, which covers
+		* the two cases that matter: a profile written BEFORE this setting existed (the
+		* composer row was the only seat, so an upgrade moves nothing on screen), and a
+		* hand-edited value the schema does not know. Falling back rather than
+		* rendering nowhere is deliberate — an unrecognized value must not make the
+		* readout disappear, which is the very defect this setting exists to fix.
+		*
+		* `value` may be the whole settings section or the `regions` map (see
+		* {@link regionsMapOf}).
+		*/
+		function regionCreditPositionOf(value, region) {
+			return regionSlotOf(value, region)["creditPosition"] === "stats" ? "stats" : "composer";
+		}
+		/**
+		* Build the next `regions` settings value for one region's credit seat.
+		*
+		* Same merge rule as every sibling region write: only the target region's
+		* `creditPosition` changes, so a seat change cannot drop that slot's model
+		* directory, selection, budgets or enabled flag, nor touch the other region.
+		*
+		* `value` may be the whole settings section or the `regions` map; the RETURN
+		* value is always the `regions` map, i.e. exactly what `settingsScope.set(
+		* 'regions', ...)` needs.
+		*/
+		function nextRegionCreditPosition(value, region, position) {
+			return nextRegionSlots(regionsMapOf(value), region, {
+				...regionSlotOf(value, region),
+				creditPosition: position
+			});
+		}
+		/**
 		* Whether Trae's plan identity says this account is on a paying plan.
 		*
 		* `has_package` alone is NOT that question — it reports whether a package
@@ -299,6 +332,16 @@ window.__ModuleLoader__.load({
 .dsm-trae-pref b{font-weight:500;color:var(--dsw-alias-label-primary,#e6e6e6)}
 .dsm-trae-pref-hint{color:var(--dsw-alias-label-tertiary,#9aa0a8)}
 .dsm-trae-pref span{min-width:0}
+/* The credit readout's seat picker (learned from workbuddy #62). Its OWN label
+   class, deliberately not the plain .dsm-trae-pref the two checkboxes use: a
+   query for "the composer-credits switch" must not be able to pick this control
+   up, because the two are different widgets and a test selecting by position
+   would otherwise start asserting about a <select>.
+   The select keeps its own class for the same reason, and takes the checkbox
+   column's width so it reads as a sibling of the box rather than a stray row. */
+.dsm-trae-credit-position-pref{align-items:flex-start}
+.dsm-trae-credit-position{flex:none;max-width:150px;margin-top:-1px;padding:2px 6px;font-size:12px}
+.dsm-trae-credit-position:disabled{cursor:default}
 /* The card's checkboxes are the platform's own, styled only with
    accent-color 鈥?the SAME idiom .dsm-trae-mainui-switch-label above already
    uses for the composer-line switch, and the one the sibling
@@ -478,6 +521,51 @@ window.__ModuleLoader__.load({
    an error: it is Trae's one-per-device-per-day rule, and the day is simply
    spent. Rendering it in the error colour would read as a plugin fault. */
 .dsm-trae-checkin-note{margin:8px 0 0;font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary,#c6c9d0)}
+/* The busy veil: one overlay for every account write whose result only lands
+   after the Host re-reads its settings document. Fixed so it covers the card
+   no matter which section started the operation, and translucent so the table
+   stays visible underneath — the user is watching a specific row change, and
+   hiding it would defeat the point.
+
+   The mask and card surface are the HOST's own tokens, not this file's
+   invention. --dsw-alias-bg-mask-1 + --dsw-mask-blur is exactly what the
+   host's own overlays use, so the veil dims the way every other overlay in the
+   shell does instead of laying its own black wash on top. A hardcoded flat
+   black mask (e.g. a mid-transparency black) was tuned against neither theme:
+   too weak next to the host's .24 mask in light mode, and it ignored the
+   host's blur entirely.
+
+   bg-layer-2 (not bg-primary, which does not exist in the host's token set at
+   all and therefore always fell through to this file's near-black #1b1c20) is
+   the same surface the host puts behind its panels — that near-black fallback
+   is what made the veil read as a black slab with unreadable text on it. */
+.dsm-trae-veil{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:var(--dsw-alias-bg-mask-1,rgba(0,0,0,.32));backdrop-filter:var(--dsw-mask-blur);cursor:progress}
+/* --dsw-elevation-prominent is the host's own panel shadow (a hairline stroke
+   plus two soft layers); a hand-rolled drop shadow read as a heavy grey box. */
+.dsm-trae-veil-card{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:min(340px,80vw);padding:16px 20px;border:1px solid var(--dsw-alias-border-l2,#0000001a);border-radius:12px;background:var(--dsw-alias-bg-layer-2,#fff);box-shadow:var(--dsw-elevation-prominent,0 8px 28px rgba(0,0,0,.35))}
+.dsm-trae-veil-text{font-size:13px;line-height:20px;color:var(--dsw-alias-label-primary,#0f1115);text-align:center}
+/* label-secondary, not label-tertiary: this line carries the operation's
+   detail and must stay legible. tertiary is the host's dimmest tier
+   (neutral-bluish-600 on light, neutral-bluish-400 on dark) and is meant for
+   metadata, not for a sentence the user has to read while waiting. */
+.dsm-trae-veil-hint{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary,#61666b);text-align:center}
+/* The spinner proves the UI is alive when the row under it has not changed yet
+   — which is precisely the confusion the veil exists to remove. It follows the
+   host's own state spinner (dsh's _dsh-state-dot-spin): an SVG arc whose dash
+   breathes while it turns, currentColor so it inherits the tier it sits in,
+   and the same 1.5s beat. The previous 18px border-ring at .7s was roughly
+   twice the host's speed and visibly out of step with every other spinner in
+   the shell — that mismatch, more than the shape itself, is what made it look
+   cheap.
+
+   Reduced-motion users get the static arc rather than a frozen ring, matching
+   how the host degrades its own spinner. */
+.dsm-trae-veil-spinner{width:20px;height:20px;color:var(--dsw-alias-label-secondary,#61666b);animation:dsm-trae-veil-spin 1.5s linear infinite}
+.dsm-trae-veil-spinner-track{opacity:.25}
+.dsm-trae-veil-spinner-arc{stroke-dasharray:12 150;animation:dsm-trae-veil-dash 1.5s ease-in-out infinite}
+@keyframes dsm-trae-veil-spin{to{transform:rotate(360deg)}}
+@keyframes dsm-trae-veil-dash{0%{stroke-dasharray:12 150;stroke-dashoffset:0}50%{stroke-dasharray:24 150;stroke-dashoffset:-6}to{stroke-dasharray:12 150;stroke-dashoffset:0}}
+@media (prefers-reduced-motion: reduce){.dsm-trae-veil-spinner{animation:none}.dsm-trae-veil-spinner-arc{animation:none;stroke-dasharray:18 150;stroke-dashoffset:-3}}
 `;
 		/**
 		* Composer-row readout styles, injected by the readout itself.
@@ -626,6 +714,76 @@ window.__ModuleLoader__.load({
 }
 .dsm-trae-expiry-detail{font-size:11px;line-height:16px;opacity:.85}
 `;
+		//#endregion
+		//#region src/client/BusyOverlay.tsx
+		/**
+		* The shared busy veil's spinner: an arc that breathes while it turns.
+		*
+		* Deliberately the host's own state-spinner shape (dsh's `_dsh-state-dot-spin`)
+		* rather than a border-ring: a two-tone CSS ring at .7s read as a loading
+		* indicator from another decade and was out of step with every spinner in the
+		* shell. The motion lives in CSS (`dsm-trae-veil-spin` / `-dash`), so this
+		* element only describes the geometry; `currentColor` lets it inherit whatever
+		* tier it sits in.
+		*
+		* `aria-hidden` because the veil's `role="status"` already announces the
+		* message — a second announcement from a decorative arc is noise.
+		*/
+		function VeilSpinner() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				className: "dsm-trae-veil-spinner",
+				viewBox: "0 0 20 20",
+				"aria-hidden": "true",
+				focusable: "false",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					className: "dsm-trae-veil-spinner-track",
+					cx: "10",
+					cy: "10",
+					r: "8",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					className: "dsm-trae-veil-spinner-arc",
+					cx: "10",
+					cy: "10",
+					r: "8",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round"
+				})]
+			});
+		}
+		/**
+		* The veil. Deliberately NOT a modal dialog: it carries no focusable control
+		* and no dismissal — there is nothing for the user to decide, only a step to
+		* wait through. `aria-busy` plus a polite live region state that to screen
+		* readers, which is the whole accessibility contract a wait screen needs.
+		*/
+		function BusyOverlay({ message, hint, visible }) {
+			if (!visible) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dsm-trae-veil",
+				role: "status",
+				"aria-busy": "true",
+				"aria-live": "polite",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsm-trae-veil-card",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(VeilSpinner, {}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsm-trae-veil-text",
+							children: message
+						}),
+						hint === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsm-trae-veil-hint",
+							children: hint
+						})
+					]
+				})
+			});
+		}
 		//#endregion
 		//#region src/client/plan-text.ts
 		/**
@@ -1008,6 +1166,49 @@ window.__ModuleLoader__.load({
 				setSettingsRevision((value) => value + 1);
 			}), [settingsScope]);
 			/**
+			* WHERE the active tab's credit readout sits (learned from workbuddy #62).
+			*
+			* Read from the committed SETTINGS document, through the same
+			* `regionCreditPositionOf` helper the Host uses — so the control reads
+			* instantly and can never disagree with the readout's own gate, which reads
+			* the same scope. This mirrors how the show/hide box beside it works
+			* (`committedSettings`), rather than how the sibling workbuddy card does it:
+			* that card reads the Host's usage answer because a measured defect on its
+			* 0.1.7 deployments left the browser settings mirror for its namespace STALE.
+			* No such staleness is reproducible here, and reading the mirror eagerly is
+			* what keeps this control correct on first paint — a picker fed only by the
+			* usage document would sit on the default until a fetch landed, which is the
+			* "looks like it did nothing" failure this control must not have.
+			*
+			* `settingsRevision` is read through the setter above, and the whole block
+			* re-renders when the scope notifies, so a write made elsewhere (another
+			* window, the DSH settings form) converges here.
+			*/
+			const creditPositionOn = (item) => regionCreditPositionOf(settingsScope?.getSnapshot().value, item);
+			/**
+			* Move one region's credit readout between its two seats.
+			*
+			* Same shape as every other region write on this card: the whole target slot
+			* goes in (so a seat change cannot drop that region's model picks, budgets or
+			* enabled flag, nor touch the sibling region), the write is read-back
+			* verified, and the Host is re-read afterwards. The re-read is load-bearing
+			* here — the control renders the Host's answer, so without it the picker
+			* keeps showing the seat it had and the change looks like it did nothing.
+			*/
+			const changeCreditPosition = async (item, position) => {
+				if (settingsScope === void 0 || settingsScope.getSnapshot().writable !== true) return;
+				setSavingSettings(true);
+				setWriteError(void 0);
+				try {
+					await writeSettingsField(settingsScope, "regions", nextRegionCreditPosition(settingsScope.getSnapshot().value, item, position), (readBack) => regionCreditPositionOf(readBack, item) === position);
+					await refreshUsage(item);
+				} catch (error) {
+					if (mounted.current) setWriteError(error instanceof Error ? error.message : t("row.requestFailed"));
+				} finally {
+					if (mounted.current) setSavingSettings(false);
+				}
+			};
+			/**
 			* Whether one region's provider is switched on, read off the SAME committed
 			* settings document the Host reads (`regionEnabledOf` mirrors the Host's
 			* `regionStateOf` opt-out rule: only an explicit `false` disables). Reading
@@ -1706,539 +1907,576 @@ window.__ModuleLoader__.load({
 			const label = status.status === "signed-in" ? t("row.signedIn", { accountName: status.accountName }) : status.status === "error" ? t("row.requestFailed") : t("row.signedOut");
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 				className: `dsm-plugin-card${open ? " dsm-plugin-card-open" : ""}`,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					className: "dsm-plugin-card-header",
-					"aria-expanded": open,
-					"aria-label": `${t(open ? "row.collapse" : "row.expand")}: ${title}`,
-					onClick: () => {
-						setOpen(!open);
-					},
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-							className: "dsm-plugin-card-icon",
-							src: TRAE_PLUGIN_ICON,
-							alt: ""
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "dsm-plugin-card-head",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dsm-plugin-card-title",
-								children: title
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dsm-plugin-card-description",
-								children: t("row.desc")
-							})]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							"aria-hidden": "true",
-							className: `dsm-plugin-card-chevron${open ? " dsm-plugin-card-chevron-open" : ""}`
-						})
-					]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "dsm-plugin-card-body",
-					hidden: !open,
-					children: open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "dsm-trae-usage",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: "dsm-plugin-card-header",
+						"aria-expanded": open,
+						"aria-label": `${t(open ? "row.collapse" : "row.expand")}: ${title}`,
+						onClick: () => {
+							setOpen(!open);
+						},
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dsm-trae-tabs",
-								role: "tablist",
-								"aria-label": title,
-								children: TRAE_REGIONS.map((item) => {
-									const regionStatus = statusByRegion[item];
-									const on = regionOn(item);
-									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsm-trae-tab-cell",
-										role: "presentation",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-											type: "button",
-											role: "tab",
-											"aria-selected": item === activeRegion,
-											className: `dsm-trae-tab${item === activeRegion ? " dsm-trae-tab-active" : ""}${on ? "" : " dsm-trae-tab-off"}`,
-											onClick: () => {
-												setActiveRegion(item);
-											},
-											children: [regionStatus === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												"aria-hidden": "true",
-												className: "dsm-trae-tab-dot",
-												style: dotStyle(regionStatus.status)
-											}), item === "cn" ? t("row.tabCn") : t("row.tabAi")]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-											className: "dsm-trae-switch dsm-trae-tab-switch",
-											title: t("row.tabSwitchHint"),
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-												type: "checkbox",
-												checked: on,
-												disabled: settingsScope?.getSnapshot().writable !== true || togglingRegion !== void 0,
-												"aria-label": t("row.tabSwitchAria", { region: item === "cn" ? t("row.tabCn") : t("row.tabAi") }),
-												onChange: (event) => {
-													toggleRegion(item, event.currentTarget.checked);
-												}
-											})
-										})]
-									}, item);
-								})
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsm-trae-tab-hint",
-								children: t("row.tabHint")
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+								className: "dsm-plugin-card-icon",
+								src: TRAE_PLUGIN_ICON,
+								alt: ""
 							}),
-							writeError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsm-trae-usage-error",
-								role: "alert",
-								children: t("row.settingsWriteFailed", { message: writeError })
-							}),
-							regionOn(activeRegion) ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsm-trae-tab-off-notice",
-								role: "status",
-								children: t("row.tabOffNotice")
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dsm-trae-prefs",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									className: "dsm-trae-pref",
-									title: t("row.followAppLoginHint"),
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										type: "checkbox",
-										checked: settingsEdits.followAppLogin,
-										disabled: settingsScope?.getSnapshot().writable !== true || savingSettings,
-										"aria-describedby": followHintId,
-										onChange: (event) => {
-											writePreference("followAppLogin", event.currentTarget.checked);
-										}
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										id: followHintId,
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", {
-												id: followLabelId,
-												children: t("row.followAppLogin")
-											}),
-											" ",
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-trae-pref-hint",
-												children: t("row.followAppLoginHint")
-											})
-										]
-									})]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									className: "dsm-trae-pref",
-									title: t(activeRegion === "cn" ? "row.showPointsInMainUiHint" : "row.showPointsInMainUiHintAi"),
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										type: "checkbox",
-										checked: settingsEdits.showPointsInMainUi,
-										disabled: settingsScope?.getSnapshot().writable !== true || savingSettings,
-										"aria-describedby": creditsHintId,
-										onChange: (event) => {
-											writePreference("showPointsInMainUi", event.currentTarget.checked);
-										}
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										id: creditsHintId,
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", {
-												id: creditsLabelId,
-												children: t("row.showPointsInMainUi")
-											}),
-											" ",
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-trae-pref-hint",
-												children: t(activeRegion === "cn" ? "row.showPointsInMainUiHint" : "row.showPointsInMainUiHintAi")
-											})
-										]
-									})]
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "dsm-plugin-card-head",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsm-plugin-card-title",
+									children: title
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsm-plugin-card-description",
+									children: t("row.desc")
 								})]
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-								className: "dsm-trae-accounts",
-								"aria-label": t("row.accountsTitle"),
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsm-trae-accounts-head",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-											className: "dsm-trae-accounts-title",
-											children: t("row.accountsTitle")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: "dsm-trae-accounts-hint",
-											children: t("row.accountsHint")
-										})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: "dsm-btn dsm-btn-outline",
-											disabled: busy,
-											onClick: () => {
-												rescanAccounts();
-											},
-											children: busy ? t("row.accountsScanning") : t("row.refreshTokens")
-										})]
-									}),
-									status.status !== "signed-in" || status.accounts.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: "dsm-trae-usage-account",
-										role: "status",
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsm-trae-usage-account-copy",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: "dsm-trae-usage-status",
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								"aria-hidden": "true",
+								className: `dsm-plugin-card-chevron${open ? " dsm-plugin-card-chevron-open" : ""}`
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dsm-plugin-card-body",
+						hidden: !open,
+						children: open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsm-trae-usage",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dsm-trae-tabs",
+									role: "tablist",
+									"aria-label": title,
+									children: TRAE_REGIONS.map((item) => {
+										const regionStatus = statusByRegion[item];
+										const on = regionOn(item);
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsm-trae-tab-cell",
+											role: "presentation",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												role: "tab",
+												"aria-selected": item === activeRegion,
+												className: `dsm-trae-tab${item === activeRegion ? " dsm-trae-tab-active" : ""}${on ? "" : " dsm-trae-tab-off"}`,
+												onClick: () => {
+													setActiveRegion(item);
+												},
+												children: [regionStatus === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 													"aria-hidden": "true",
-													className: "dsm-trae-usage-dot",
-													style: dotStyle(status.status)
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
-											}), status.status === "signed-in" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsm-trae-usage-expiry",
-												children: t("row.tokenExpiry", { expiresAt: formatDateTime(status.tokenExpiresAtMs) })
-											}) : null]
-										})
-									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: `dsm-trae-account-table${activeRegion === "cn" ? " dsm-trae-account-table-checkin" : ""}`,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsm-trae-account-row dsm-trae-account-row-head",
-											role: "row",
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.accountColumnAccount") }),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.accountColumnValue") }),
-												activeRegion === "cn" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.accountColumnCheckin") }) : null,
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {})
-											]
-										}), status.accounts.map((account) => {
-											const current = status.status === "signed-in" && account.id === status.accountId;
-											const state = accountStatusByRegion[activeRegion][account.id];
-											const error = claimErrorByRegion[activeRegion][account.id];
-											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: `dsm-trae-account-row${current ? " dsm-trae-account-row-current" : ""}`,
-												role: "row",
+													className: "dsm-trae-tab-dot",
+													style: dotStyle(regionStatus.status)
+												}), item === "cn" ? t("row.tabCn") : t("row.tabAi")]
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+												className: "dsm-trae-switch dsm-trae-tab-switch",
+												title: t("row.tabSwitchHint"),
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													type: "checkbox",
+													checked: on,
+													disabled: settingsScope?.getSnapshot().writable !== true || togglingRegion !== void 0,
+													"aria-label": t("row.tabSwitchAria", { region: item === "cn" ? t("row.tabCn") : t("row.tabAi") }),
+													onChange: (event) => {
+														toggleRegion(item, event.currentTarget.checked);
+													}
+												})
+											})]
+										}, item);
+									})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsm-trae-tab-hint",
+									children: t("row.tabHint")
+								}),
+								writeError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsm-trae-usage-error",
+									role: "alert",
+									children: t("row.settingsWriteFailed", { message: writeError })
+								}),
+								regionOn(activeRegion) ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsm-trae-tab-off-notice",
+									role: "status",
+									children: t("row.tabOffNotice")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsm-trae-prefs",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											className: "dsm-trae-pref",
+											title: t("row.followAppLoginHint"),
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												type: "checkbox",
+												checked: settingsEdits.followAppLogin,
+												disabled: settingsScope?.getSnapshot().writable !== true || savingSettings,
+												"aria-describedby": followHintId,
+												onChange: (event) => {
+													writePreference("followAppLogin", event.currentTarget.checked);
+												}
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												id: followHintId,
 												children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-														className: "dsm-trae-account-who",
-														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															"aria-hidden": "true",
-															className: "dsm-trae-usage-dot",
-															style: dotStyle(account.selected ? "signed-in" : "signed-out")
-														}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-															className: "dsm-trae-account-name",
-															children: [
-																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: account.accountName }),
-																current ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	className: "dsm-trae-account-badge",
-																	children: t("row.accountCurrentBadge")
-																}) : null,
-																/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																	className: "dsm-trae-account-meta",
-																	children: [
-																		editionLabel(account.edition),
-																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
-																			"aria-hidden": "true",
-																			children: "·"
-																		}),
-																		sourceLabel(account.source)
-																	]
-																}),
-																error === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	className: "dsm-trae-account-note",
-																	role: "alert",
-																	children: t("row.checkinError", { message: error })
-																})
-															]
-														})]
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", {
+														id: followLabelId,
+														children: t("row.followAppLogin")
 													}),
+													" ",
 													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "dsm-trae-account-worth",
-														children: rowValue(state)
+														className: "dsm-trae-pref-hint",
+														children: t("row.followAppLoginHint")
+													})
+												]
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											className: "dsm-trae-pref",
+											title: t(activeRegion === "cn" ? "row.showPointsInMainUiHint" : "row.showPointsInMainUiHintAi"),
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												type: "checkbox",
+												checked: settingsEdits.showPointsInMainUi,
+												disabled: settingsScope?.getSnapshot().writable !== true || savingSettings,
+												"aria-describedby": creditsHintId,
+												onChange: (event) => {
+													writePreference("showPointsInMainUi", event.currentTarget.checked);
+												}
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												id: creditsHintId,
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", {
+														id: creditsLabelId,
+														children: t("row.showPointsInMainUi")
 													}),
-													activeRegion === "cn" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "dsm-trae-account-checkin-cell",
-														children: checkinControl(account, state)
-													}) : null,
+													" ",
 													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "dsm-trae-account-actions",
-														children: current ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-															type: "button",
-															className: "dsm-btn dsm-btn-outline dsm-trae-account-switch",
-															disabled: switchingAccount || settingsScope?.getSnapshot()?.writable !== true,
-															onClick: () => {
-																switchAccount(account.id);
-															},
-															children: switchingAccount ? t("row.accountSwitching") : t("row.accountSwitch")
-														})
+														className: "dsm-trae-pref-hint",
+														children: t(activeRegion === "cn" ? "row.showPointsInMainUiHint" : "row.showPointsInMainUiHintAi")
 													})
 												]
-											}, account.id);
-										})]
-									}),
-									status.status === "signed-in" && status.alternatives !== void 0 && status.alternatives.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsm-trae-usage-alternative",
-										role: "status",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-											className: "dsm-trae-usage-alternative-text",
-											children: [
-												t("row.creditsExhausted", { account: status.accountName }),
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											className: "dsm-trae-pref dsm-trae-credit-position-pref",
+											title: t("row.creditPositionHint"),
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+												className: "dsm-trae-credit-position",
+												value: activeRegionOn ? creditPositionOn(activeRegion) : "composer",
+												disabled: !activeRegionOn || settingsScope?.getSnapshot().writable !== true || savingSettings,
+												"aria-label": t("row.creditPositionAria", { region: activeRegion === "cn" ? t("row.tabCn") : t("row.tabAi") }),
+												onChange: (event) => {
+													changeCreditPosition(activeRegion, event.currentTarget.value === "stats" ? "stats" : "composer");
+												},
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "composer",
+													children: t("row.creditPositionComposer")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "stats",
+													children: t("row.creditPositionStats")
+												})]
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: t("row.creditPositionLabel") }),
 												" ",
-												t("row.creditsAlternative", { accounts: status.alternatives.map((alt) => `${alt.accountName}（${t(`row.edition${alt.edition === "cn" ? "Cn" : alt.edition === "sg" ? "Sg" : alt.edition === "solo" ? "Solo" : "SoloSg"}`)}：${formatNumber(alt.workAvailable + alt.generalAvailable)}）`).join("、") })
-											]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: "dsm-trae-usage-switch-button",
-											disabled: switchingAccount || settingsScope?.getSnapshot()?.writable !== true,
-											onClick: () => {
-												const target = status.alternatives?.[0];
-												if (target !== void 0) switchAccount(target.id);
-											},
-											children: t("row.creditsAlternativeSwitch")
-										})]
-									}) : null,
-									status.status === "signed-in" && status.credits?.expiry !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpiryNotice, {
-										expiry: status.credits.expiry,
-										t,
-										formatNumber,
-										formatDateTime
-									}) : null,
-									status.status === "signed-in" && status.appLogin !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dsm-trae-usage-alternative",
-										role: "status",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: "dsm-trae-usage-alternative-text",
-											children: t("row.appLoginMismatch", {
-												account: status.appLogin.accountName,
-												bound: status.accountName
-											})
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: "dsm-trae-usage-switch-button",
-											disabled: switchingAccount || settingsScope?.getSnapshot()?.writable !== true,
-											onClick: () => {
-												followAppLogin();
-											},
-											children: t("row.appLoginFollow", { account: status.appLogin.accountName })
-										})]
-									}) : null,
-									rescanNote === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dsm-trae-usage-note",
-										role: "status",
-										children: rescanNote
-									})
-								]
-							}),
-							status.status === "signed-in" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-								status.checkin !== void 0 && !status.checkin.enabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "dsm-trae-usage-error",
-									children: t("row.checkinDisabled")
-								}) : null,
-								status.checkinError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "dsm-trae-usage-error",
-									children: t("row.checkinError", { message: status.checkinError })
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-trae-pref-hint",
+													children: t("row.creditPositionHint")
+												})
+											] })]
+										})
+									]
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-									className: "dsm-trae-models",
-									"aria-label": t("row.modelsTitle"),
+									className: "dsm-trae-accounts",
+									"aria-label": t("row.accountsTitle"),
 									children: [
 										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsm-trae-models-head",
+											className: "dsm-trae-accounts-head",
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-												className: "dsm-trae-models-title",
-												children: t("row.modelsTitle")
+												className: "dsm-trae-accounts-title",
+												children: t("row.accountsTitle")
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-												className: "dsm-trae-models-summary",
-												children: t("row.modelsSummary", { count: activeEnabledIds.size })
-											})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: "dsm-trae-models-actions",
-												children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														type: "button",
-														className: "dsm-btn dsm-btn-outline",
-														disabled: busy,
-														onClick: () => {
-															refreshModels();
-														},
-														children: busy ? t("row.modelsRefreshing") : t("row.modelsRefresh")
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														type: "button",
-														className: "dsm-btn dsm-btn-outline",
-														disabled: busy || testing !== void 0 || activeEnabledIds.size === 0,
-														title: t("row.modelsTestHint"),
-														onClick: () => {
-															testEnabledModels();
-														},
-														children: testing === void 0 ? t("row.modelsTestEnabled") : t("row.modelsTesting", {
-															done: testing.done,
-															total: testing.total
-														})
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														type: "button",
-														className: "dsm-btn dsm-btn-outline",
-														disabled: busy || testing !== void 0 || visibleModels.length === 0,
-														title: t("row.modelsTestAllHint"),
-														onClick: () => {
-															testAllModels();
-														},
-														children: testing === void 0 ? t("row.modelsTestAll") : t("row.modelsTesting", {
-															done: testing.done,
-															total: testing.total
-														})
-													})
-												]
+												className: "dsm-trae-accounts-hint",
+												children: t("row.accountsHint")
+											})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: "dsm-btn dsm-btn-outline",
+												disabled: busy,
+												onClick: () => {
+													rescanAccounts();
+												},
+												children: busy ? t("row.accountsScanning") : t("row.refreshTokens")
 											})]
 										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: "dsm-trae-models-hint",
-											children: t("row.modelsTestHint")
-										}),
-										testSummary === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: "dsm-trae-models-summary",
-											children: testSummary
-										}),
-										testError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: "dsm-trae-usage-error",
-											role: "alert",
-											children: testError
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: "dsm-trae-model-list",
-											children: visibleModels.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: `dsm-trae-model${activeEnabledIds.has(model.id) ? "" : " dsm-trae-model-disabled"}`,
+										status.status !== "signed-in" || status.accounts.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: "dsm-trae-usage-account",
+											role: "status",
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsm-trae-usage-account-copy",
 												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: "dsm-trae-model-head",
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-														className: "dsm-trae-model-enabled",
-														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-															type: "checkbox",
-															checked: activeEnabledIds.has(model.id),
-															disabled: settingsScope?.getSnapshot().writable !== true || saving,
-															onChange: () => {
-																toggleModel(model.id);
-															}
-														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															className: "dsm-trae-model-copy",
-															children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																className: "dsm-trae-model-name",
+													className: "dsm-trae-usage-status",
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														"aria-hidden": "true",
+														className: "dsm-trae-usage-dot",
+														style: dotStyle(status.status)
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
+												}), status.status === "signed-in" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-trae-usage-expiry",
+													children: t("row.tokenExpiry", { expiresAt: formatDateTime(status.tokenExpiresAtMs) })
+												}) : null]
+											})
+										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: `dsm-trae-account-table${activeRegion === "cn" ? " dsm-trae-account-table-checkin" : ""}`,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsm-trae-account-row dsm-trae-account-row-head",
+												role: "row",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.accountColumnAccount") }),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.accountColumnValue") }),
+													activeRegion === "cn" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.accountColumnCheckin") }) : null,
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {})
+												]
+											}), status.accounts.map((account) => {
+												const current = status.status === "signed-in" && account.id === status.accountId;
+												const state = accountStatusByRegion[activeRegion][account.id];
+												const error = claimErrorByRegion[activeRegion][account.id];
+												return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: `dsm-trae-account-row${current ? " dsm-trae-account-row-current" : ""}`,
+													role: "row",
+													children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+															className: "dsm-trae-account-who",
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																"aria-hidden": "true",
+																className: "dsm-trae-usage-dot",
+																style: dotStyle(account.selected ? "signed-in" : "signed-out")
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																className: "dsm-trae-account-name",
 																children: [
-																	model.name,
-																	model.creditMultiplier === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-																		className: "dsm-trae-model-name-rate",
-																		children: ["· x", model.creditMultiplier.toFixed(2)]
+																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: account.accountName }),
+																	current ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																		className: "dsm-trae-account-badge",
+																		children: t("row.accountCurrentBadge")
+																	}) : null,
+																	/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																		className: "dsm-trae-account-meta",
+																		children: [
+																			editionLabel(account.edition),
+																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
+																				"aria-hidden": "true",
+																				children: "·"
+																			}),
+																			sourceLabel(account.source)
+																		]
 																	}),
-																	probeBadge(probeByRegion[activeRegion][model.id], t)
+																	error === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																		className: "dsm-trae-account-note",
+																		role: "alert",
+																		children: t("row.checkinError", { message: error })
+																	})
 																]
+															})]
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: "dsm-trae-account-worth",
+															children: rowValue(state)
+														}),
+														activeRegion === "cn" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: "dsm-trae-account-checkin-cell",
+															children: checkinControl(account, state)
+														}) : null,
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: "dsm-trae-account-actions",
+															children: current ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																type: "button",
+																className: "dsm-btn dsm-btn-outline dsm-trae-account-switch",
+																disabled: switchingAccount || settingsScope?.getSnapshot()?.writable !== true,
+																onClick: () => {
+																	switchAccount(account.id);
+																},
+																children: switchingAccount ? t("row.accountSwitching") : t("row.accountSwitch")
 															})
-														})]
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-														className: "dsm-trae-model-options",
+														})
+													]
+												}, account.id);
+											})]
+										}),
+										status.status === "signed-in" && status.alternatives !== void 0 && status.alternatives.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsm-trae-usage-alternative",
+											role: "status",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+												className: "dsm-trae-usage-alternative-text",
+												children: [
+													t("row.creditsExhausted", { account: status.accountName }),
+													" ",
+													t("row.creditsAlternative", { accounts: status.alternatives.map((alt) => `${alt.accountName}（${t(`row.edition${alt.edition === "cn" ? "Cn" : alt.edition === "sg" ? "Sg" : alt.edition === "solo" ? "Solo" : "SoloSg"}`)}：${formatNumber(alt.workAvailable + alt.generalAvailable)}）`).join("、") })
+												]
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: "dsm-trae-usage-switch-button",
+												disabled: switchingAccount || settingsScope?.getSnapshot()?.writable !== true,
+												onClick: () => {
+													const target = status.alternatives?.[0];
+													if (target !== void 0) switchAccount(target.id);
+												},
+												children: t("row.creditsAlternativeSwitch")
+											})]
+										}) : null,
+										status.status === "signed-in" && status.credits?.expiry !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpiryNotice, {
+											expiry: status.credits.expiry,
+											t,
+											formatNumber,
+											formatDateTime
+										}) : null,
+										status.status === "signed-in" && status.appLogin !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsm-trae-usage-alternative",
+											role: "status",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+												className: "dsm-trae-usage-alternative-text",
+												children: t("row.appLoginMismatch", {
+													account: status.appLogin.accountName,
+													bound: status.accountName
+												})
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: "dsm-trae-usage-switch-button",
+												disabled: switchingAccount || settingsScope?.getSnapshot()?.writable !== true,
+												onClick: () => {
+													followAppLogin();
+												},
+												children: t("row.appLoginFollow", { account: status.appLogin.accountName })
+											})]
+										}) : null,
+										rescanNote === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "dsm-trae-usage-note",
+											role: "status",
+											children: rescanNote
+										})
+									]
+								}),
+								status.status === "signed-in" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+									status.checkin !== void 0 && !status.checkin.enabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dsm-trae-usage-error",
+										children: t("row.checkinDisabled")
+									}) : null,
+									status.checkinError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "dsm-trae-usage-error",
+										children: t("row.checkinError", { message: status.checkinError })
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+										className: "dsm-trae-models",
+										"aria-label": t("row.modelsTitle"),
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsm-trae-models-head",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+													className: "dsm-trae-models-title",
+													children: t("row.modelsTitle")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+													className: "dsm-trae-models-summary",
+													children: t("row.modelsSummary", { count: activeEnabledIds.size })
+												})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: "dsm-trae-models-actions",
+													children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															className: "dsm-btn dsm-btn-outline",
+															disabled: busy,
+															onClick: () => {
+																refreshModels();
+															},
+															children: busy ? t("row.modelsRefreshing") : t("row.modelsRefresh")
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															className: "dsm-btn dsm-btn-outline",
+															disabled: busy || testing !== void 0 || activeEnabledIds.size === 0,
+															title: t("row.modelsTestHint"),
+															onClick: () => {
+																testEnabledModels();
+															},
+															children: testing === void 0 ? t("row.modelsTestEnabled") : t("row.modelsTesting", {
+																done: testing.done,
+																total: testing.total
+															})
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+															type: "button",
+															className: "dsm-btn dsm-btn-outline",
+															disabled: busy || testing !== void 0 || visibleModels.length === 0,
+															title: t("row.modelsTestAllHint"),
+															onClick: () => {
+																testAllModels();
+															},
+															children: testing === void 0 ? t("row.modelsTestAll") : t("row.modelsTesting", {
+																done: testing.done,
+																total: testing.total
+															})
+														})
+													]
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+												className: "dsm-trae-models-hint",
+												children: t("row.modelsTestHint")
+											}),
+											testSummary === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+												className: "dsm-trae-models-summary",
+												children: testSummary
+											}),
+											testError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+												className: "dsm-trae-usage-error",
+												role: "alert",
+												children: testError
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: "dsm-trae-model-list",
+												children: visibleModels.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: `dsm-trae-model${activeEnabledIds.has(model.id) ? "" : " dsm-trae-model-disabled"}`,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: "dsm-trae-model-head",
 														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-															className: "dsm-trae-model-image",
+															className: "dsm-trae-model-enabled",
 															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 																type: "checkbox",
-																checked: rowAcceptsImage(model),
-																disabled: rowImageIsAutomatic(model) || settingsScope?.getSnapshot().writable !== true || saving,
-																title: rowImageIsAutomatic(model) ? t("row.modelImageAuto") : void 0,
-																onChange: () => {
-																	toggleImage(model.id);
-																}
-															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelImage") })]
-														}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
-															className: "dsm-trae-context-budget",
-															"aria-label": t("row.contextBudget"),
-															children: [model.maxContextWindow !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																type: "radio",
-																name: `context-${model.id}`,
-																checked: activeContextBudgets[model.id] !== model.maxContextWindow,
+																checked: activeEnabledIds.has(model.id),
 																disabled: settingsScope?.getSnapshot().writable !== true || saving,
 																onChange: () => {
-																	setContextBudget(model.id, model.contextWindow);
-																}
-															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatCapacity(model.contextWindow, t("row.modelUnknown")) })] }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-																type: "radio",
-																name: `context-${model.id}`,
-																checked: model.maxContextWindow === void 0 || activeContextBudgets[model.id] === model.maxContextWindow,
-																disabled: model.maxContextWindow === void 0 || settingsScope?.getSnapshot().writable !== true || saving,
-																onChange: () => {
-																	setContextBudget(model.id, model.maxContextWindow);
+																	toggleModel(model.id);
 																}
-															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatCapacity(model.maxContextWindow ?? model.contextWindow, t("row.modelUnknown")) })] })]
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: "dsm-trae-model-copy",
+																children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																	className: "dsm-trae-model-name",
+																	children: [
+																		model.name,
+																		model.creditMultiplier === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																			className: "dsm-trae-model-name-rate",
+																			children: ["· x", model.creditMultiplier.toFixed(2)]
+																		}),
+																		probeBadge(probeByRegion[activeRegion][model.id], t)
+																	]
+																})
+															})]
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: "dsm-trae-model-options",
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																className: "dsm-trae-model-image",
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																	type: "checkbox",
+																	checked: rowAcceptsImage(model),
+																	disabled: rowImageIsAutomatic(model) || settingsScope?.getSnapshot().writable !== true || saving,
+																	title: rowImageIsAutomatic(model) ? t("row.modelImageAuto") : void 0,
+																	onChange: () => {
+																		toggleImage(model.id);
+																	}
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelImage") })]
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+																className: "dsm-trae-context-budget",
+																"aria-label": t("row.contextBudget"),
+																children: [model.maxContextWindow !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																	type: "radio",
+																	name: `context-${model.id}`,
+																	checked: activeContextBudgets[model.id] !== model.maxContextWindow,
+																	disabled: settingsScope?.getSnapshot().writable !== true || saving,
+																	onChange: () => {
+																		setContextBudget(model.id, model.contextWindow);
+																	}
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatCapacity(model.contextWindow, t("row.modelUnknown")) })] }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																	type: "radio",
+																	name: `context-${model.id}`,
+																	checked: model.maxContextWindow === void 0 || activeContextBudgets[model.id] === model.maxContextWindow,
+																	disabled: model.maxContextWindow === void 0 || settingsScope?.getSnapshot().writable !== true || saving,
+																	onChange: () => {
+																		setContextBudget(model.id, model.maxContextWindow);
+																	}
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatCapacity(model.maxContextWindow ?? model.contextWindow, t("row.modelUnknown")) })] })]
+															})]
 														})]
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: "dsm-trae-model-meta",
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelContext", { context: formatCapacity(model.maxContextWindow ?? model.contextWindow, t("row.modelUnknown")) }) }),
+															model.maxTokens === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelOutput", { output: formatCapacity(model.maxTokens, t("row.modelUnknown")) }) }),
+															model.reasoning === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelReasoning", { efforts: model.reasoning.supported.join(" / ") }) })
+														]
+													})]
+												}, model.id))
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+												className: "dsm-trae-model-capability-note",
+												children: t("row.modelCapabilityPending")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsm-trae-model-actions",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+													className: "dsm-trae-usage-cheer",
+													href: TRAE_GITHUB_URL,
+													target: "_blank",
+													rel: "noopener noreferrer",
+													children: [t("row.cheer"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dsm-trae-usage-cheer-star",
+														"aria-hidden": "true",
+														children: "★"
 													})]
 												}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: "dsm-trae-model-meta",
-													children: [
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelContext", { context: formatCapacity(model.maxContextWindow ?? model.contextWindow, t("row.modelUnknown")) }) }),
-														model.maxTokens === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelOutput", { output: formatCapacity(model.maxTokens, t("row.modelUnknown")) }) }),
-														model.reasoning === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelReasoning", { efforts: model.reasoning.supported.join(" / ") }) })
-													]
+													className: "dsm-trae-model-actions-buttons",
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: "dsm-btn dsm-btn-outline",
+														disabled: !dirty || saving,
+														onClick: discardModels,
+														children: t("row.discard")
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: "dsm-btn dsm-btn-primary",
+														disabled: !dirty || saving || activeEnabledIds.size === 0,
+														onClick: () => {
+															saveModels();
+														},
+														children: saving ? t("row.saving") : t("row.save")
+													})]
 												})]
-											}, model.id))
-										}),
+											})
+										]
+									})
+								] }) : null,
+								status.status === "signed-out" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsm-trae-usage-text",
+									children: status.message ?? t("row.signedOutHint")
+								}), status.searched && status.searched.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+									className: "dsm-trae-searched",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", { children: [
+											t("row.searchedTitle"),
+											" (",
+											status.searched.length,
+											")"
+										] }),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: "dsm-trae-model-capability-note",
-											children: t("row.modelCapabilityPending")
+											className: "dsm-trae-searched-hint",
+											children: t("row.searchedHint")
 										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dsm-trae-model-actions",
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-												className: "dsm-trae-usage-cheer",
-												href: TRAE_GITHUB_URL,
-												target: "_blank",
-												rel: "noopener noreferrer",
-												children: [t("row.cheer"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "dsm-trae-usage-cheer-star",
-													"aria-hidden": "true",
-													children: "★"
-												})]
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: "dsm-trae-model-actions-buttons",
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-													type: "button",
-													className: "dsm-btn dsm-btn-outline",
-													disabled: !dirty || saving,
-													onClick: discardModels,
-													children: t("row.discard")
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-													type: "button",
-													className: "dsm-btn dsm-btn-primary",
-													disabled: !dirty || saving || activeEnabledIds.size === 0,
-													onClick: () => {
-														saveModels();
-													},
-													children: saving ? t("row.saving") : t("row.save")
-												})]
-											})]
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+											className: "dsm-trae-searched-list",
+											children: status.searched.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: item.path }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												className: "dsm-trae-searched-reason",
+												children: [
+													t(item.source === "cli" ? "row.sourceCli" : "row.sourceDesktop"),
+													" · ",
+													t(item.reason === "missing" ? "row.reasonMissing" : item.reason === "unreadable" ? "row.reasonUnreadable" : "row.reasonInvalid")
+												]
+											})] }, `${item.source}:${item.path}`))
 										})
 									]
-								})
-							] }) : null,
-							status.status === "signed-out" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsm-trae-usage-text",
-								children: status.message ?? t("row.signedOutHint")
-							}), status.searched && status.searched.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
-								className: "dsm-trae-searched",
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", { children: [
-										t("row.searchedTitle"),
-										" (",
-										status.searched.length,
-										")"
-									] }),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: "dsm-trae-searched-hint",
-										children: t("row.searchedHint")
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-										className: "dsm-trae-searched-list",
-										children: status.searched.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: item.path }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-											className: "dsm-trae-searched-reason",
-											children: [
-												t(item.source === "cli" ? "row.sourceCli" : "row.sourceDesktop"),
-												" · ",
-												t(item.reason === "missing" ? "row.reasonMissing" : item.reason === "unreadable" ? "row.reasonUnreadable" : "row.reasonInvalid")
-											]
-										})] }, `${item.source}:${item.path}`))
-									})
-								]
-							}) : null] }) : null,
-							status.status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "dsm-trae-usage-error",
-								children: status.message
-							}) : null
-						]
-					}) : null
-				})]
+								}) : null] }) : null,
+								status.status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsm-trae-usage-error",
+									children: status.message
+								}) : null
+							]
+						}) : null
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BusyOverlay, {
+						visible: saving || savingSettings,
+						message: t("row.veilSaving")
+					})
+				]
 			});
 		}
 		//#endregion
@@ -2853,6 +3091,23 @@ window.__ModuleLoader__.load({
 		* row is shared with the shell's own permission/agent/model controls, so the
 		* readout must be asked for, not imposed — 2.13.0 rendered it unconditionally
 		* and 2.13.3 restored the opt-in after the user went looking for the switch.
+		*
+		* WHY THERE IS A SECOND SEAT (learned from dsh-connect-workbuddy issue #62).
+		* That row is a LIST seat, so it is shared not only with the shell's own
+		* controls but with any other plugin that registers there — and one report is
+		* exactly that: with a third-party plugin installed the readout stopped
+		* appearing. A list seat cannot promise that every occupant is visible, so the
+		* seat becomes the USER's choice: `composer` (default, unchanged for anyone who
+		* does not choose) or `stats`, the ambient dock below the composer card where
+		* the shell renders its own round/step/token pills. This plugin has already
+		* lost this readout once to a shared seat — it used to live at the sidebar
+		* foot, where it was clipped to "Tr" beside dsh-connect-workbuddy's rows.
+		*
+		* The gate is registered in BOTH seats and renders in the one the setting
+		* names, which keeps the decision in ONE function instead of re-registering
+		* slots when the setting changes — and this repository already documents that
+		* kind of binding as fragile (the rc.6→rc.7 `id`/`order` → `key`/`priority`
+		* rename). Registration is unconditional; only the render is conditional.
 		*/
 		/**
 		* The provider route the session is currently pointed at.
@@ -2865,6 +3120,17 @@ window.__ModuleLoader__.load({
 			return typeof provider === "string" && provider !== "" ? provider : void 0;
 		}
 		/**
+		* The settings tree this plugin writes, unwrapped to a plain object.
+		*
+		* `unwrapVolatileDeep` first: on DSH 0.1.7 the scope's value is a live
+		* cosmokit reference, and reading a field off it without unwrapping yields a
+		* proxy whose `===` comparison against a string is false — which would make the
+		* seat test below reject EVERY seat and silently hide the readout.
+		*/
+		function scopeValueOf(scope) {
+			return scope === void 0 ? void 0 : unwrapVolatileDeep(scope.getSnapshot().value);
+		}
+		/**
 		* Read the composer-readout switch out of a committed settings snapshot.
 		*
 		* Absent means OFF, matching the host default (`false`): a scope that has not
@@ -2872,11 +3138,10 @@ window.__ModuleLoader__.load({
 		* the composer toolbar that the user never asked for.
 		*/
 		function composerPointsEnabledOf(scope) {
-			if (scope === void 0) return false;
-			return unwrapVolatileDeep(scope.getSnapshot().value)?.showPointsInMainUi === true;
+			return scopeValueOf(scope)?.showPointsInMainUi === true;
 		}
 		function ComposerPointsGate(props) {
-			const { t, settingsScope, useProjection } = props;
+			const { t, position, settingsScope, useProjection } = props;
 			const [enabled, setEnabled] = (0, react.useState)(() => composerPointsEnabledOf(settingsScope));
 			(0, react.useEffect)(() => settingsScope?.subscribe(() => {
 				setEnabled(composerPointsEnabledOf(settingsScope));
@@ -2886,6 +3151,8 @@ window.__ModuleLoader__.load({
 			const provider = selectedProviderOf(projection);
 			const region = provider === void 0 ? void 0 : TRAE_COMPOSER_PROVIDERS[provider];
 			if (region === void 0) return null;
+			if (!regionEnabledOf(scopeValueOf(settingsScope), region)) return null;
+			if (regionCreditPositionOf(scopeValueOf(settingsScope), region) !== (position ?? "composer")) return null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComposerPoints, {
 				t,
 				provider,
@@ -2981,6 +3248,11 @@ window.__ModuleLoader__.load({
 			"row.showPointsInMainUi": "Show credits in the composer row",
 			"row.showPointsInMainUiHint": "A clickable readout in the composer tool row while a model from this plugin is selected: Trae CN · <balance> on the CN side, Trae Global · <plan> on the international one.",
 			"row.showPointsInMainUiHintAi": "A clickable readout in the composer tool row while a model from this plugin is selected: Trae Global · <plan>.",
+			"row.creditPositionLabel": "position",
+			"row.creditPositionComposer": "composer toolbar",
+			"row.creditPositionStats": "below the input box",
+			"row.creditPositionAria": "Credit readout position for {region}",
+			"row.creditPositionHint": "Where the credit readout sits. \"composer toolbar\" is the default (the row with the model picker). Choose \"below the input box\" — the row carrying the round / step / token statistics — if another plugin occupies the composer toolbar and the readout does not appear.",
 			"composer.switchTo": "Switch to {account}",
 			"composer.noAccounts": "No account in this region",
 			"composer.panelTitle": "Trae credits",
@@ -3029,6 +3301,7 @@ window.__ModuleLoader__.load({
 			"row.discard": "Discard changes",
 			"row.save": "Save",
 			"row.saving": "Saving…",
+			"row.veilSaving": "Saving changes…",
 			"row.modelContext": "Max context {context}",
 			"row.contextBudget": "DSH context budget",
 			"row.modelOutput": "Output {output}",
@@ -3122,6 +3395,11 @@ window.__ModuleLoader__.load({
 			"row.showPointsInMainUi": "在输入框工具栏显示积分读数",
 			"row.showPointsInMainUiHint": "在输入框工具栏显示可点击读数（选中本插件模型时出现）：国内版为「Trae CN · 余额」，国际版为「Trae 国际版 · 套餐」。",
 			"row.showPointsInMainUiHintAi": "在输入框工具栏显示可点击读数（选中本插件模型时出现）：国际版为「Trae 国际版 · 套餐」。",
+			"row.creditPositionLabel": "显示位置",
+			"row.creditPositionComposer": "输入框工具栏",
+			"row.creditPositionStats": "输入框下方",
+			"row.creditPositionAria": "{region} 的积分显示位置",
+			"row.creditPositionHint": "积分显示在哪里。「输入框工具栏」是默认位置（与模型选择同一行）。如果装了别的插件后读数不显示，改成「输入框下方」—— 那是「轮次 / 步数 / token」统计所在的那一行。",
 			"composer.switchTo": "切换到 {account}",
 			"composer.noAccounts": "该区域暂无账号",
 			"composer.panelTitle": "Trae 积分",
@@ -3170,6 +3448,7 @@ window.__ModuleLoader__.load({
 			"row.discard": "放弃修改",
 			"row.save": "保存",
 			"row.saving": "保存中…",
+			"row.veilSaving": "正在保存更改…",
 			"row.modelContext": "最大上下文 {context}",
 			"row.contextBudget": "DSH 上下文预算",
 			"row.modelOutput": "最大输出 {output}",
@@ -3320,24 +3599,37 @@ window.__ModuleLoader__.load({
 				* Registration is unconditional; the gate reads the Host's modelSelection
 				* projection and returns null for every other provider, so nothing is drawn
 				* and no fetch loop starts while another provider is selected.
+				*
+				* THE SAME READOUT IS REGISTERED IN TWO SEATS (learned from workbuddy issue
+				* #62), and BOTH registrations are unconditional too. Which one actually
+				* draws is decided inside the gate by the per-region `creditPosition`
+				* setting, so changing the setting is a settings write rather than a slot
+				* re-registration — this file's own header records how fragile rebinding a
+				* slot is across DSH lines (the rc.6→rc.7 `id`/`order` → `key`/`priority`
+				* rename). The composer row is a LIST seat shared with every other bundle,
+				* so a third party parking something there can crowd this readout out of
+				* existence; the second seat is what keeps one plugin's presence from
+				* deciding another's.
 				*/
-				const registerComposerPoints = () => {
+				const registerPointsSlot = (slotName, id, order, position) => {
 					try {
-						ctx.slots.inject("conversation.input.left", () => ctx.slots.register({
-							name: "conversation.input.left",
-							id: "dsh-connect-trae-composer-points",
-							order: 4,
+						ctx.slots.inject(slotName, () => ctx.slots.register({
+							name: slotName,
+							id,
+							order,
 							locale: namespace,
 							inject: () => ({
 								t,
-								settingsScope
+								settingsScope,
+								position
 							})
 						}, ComposerPointsGate));
 					} catch (error) {
-						console.error("[dsh-connect-trae] composer points slot failed to register (host provider unaffected):", error);
+						console.error(`[dsh-connect-trae] points slot "${slotName}" failed to register (host provider unaffected):`, error);
 					}
 				};
-				registerComposerPoints();
+				registerPointsSlot("conversation.input.left", "dsh-connect-trae-composer-points", 4, "composer");
+				registerPointsSlot("conversation.composer.dock", "dsh-connect-trae-stats-points", 10, "stats");
 			} catch (error) {
 				console.error("[dsh-connect-trae] client card failed to load (host provider unaffected):", error);
 			}