dsh-connect-workbuddy 3.6.0 → 4.0.0

package/lib/client.js

@@ -6,6 +6,7 @@ window.__ModuleLoader__.load({
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		let react = require("react");
 		let react_jsx_runtime = require("react/jsx-runtime");
+		let react_dom = require("react-dom");
 		//#region src/status-paths.ts
 		/**
 		* Node-free constants and types shared by the Host and browser halves.
@@ -23,6 +24,18 @@ window.__ModuleLoader__.load({
 		/** Plugin-owned usage endpoint consumed by its browser half. */
 		const WORKBUDDY_USAGE_PATH = "/plugins/dsh-connect-workbuddy/usage";
 		/**
+		* Per-account credit balances for one region, read ONLY while the composer
+		* panel is open.
+		*
+		* Separate from {@link WORKBUDDY_USAGE_PATH} because its cost is different in
+		* kind: the usage document is one upstream read for the selected account, while
+		* this is one read PER account in the region. Folding it into the usage route
+		* would make every 5-minute refresh pay for a table nobody is looking at, so it
+		* is fetched on demand instead — the same principle the pool applies to its
+		* per-account figures.
+		*/
+		const WORKBUDDY_ACCOUNT_CREDITS_PATH = "/plugins/dsh-connect-workbuddy/account-credits";
+		/**
 		* The project's public repository.
 		*
 		* Lives here rather than beside one component because TWO sections link to it
@@ -173,6 +186,32 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/**
+		* Whether one region's sidebar credit line is shown. Opt-out: only an explicit
+		* `false` hides it, so a config written before this switch existed keeps the
+		* line visible exactly as a fresh install does.
+		*
+		* Per-REGION by construction (it reads one region's slot), which is the point:
+		* WB CN and WB AI are separate accounts on separate gateways, so "show credits"
+		* is not one decision. `value` may be the whole settings section or the
+		* `regions` map itself.
+		*/
+		function regionCreditsShownOf(value, region) {
+			return regionSlotOf(value, region)["showCreditsInMainUi"] !== false;
+		}
+		/**
+		* Build the next `regions` settings value for the sidebar-credit on/off toggle.
+		*
+		* Same merge rule as {@link nextRegionEnabled}: ONLY the target region's flag
+		* changes, so every other field of that slot (directory, selection, pool
+		* preferences) and every other region's slot survive the write.
+		*/
+		function nextRegionCreditsShown(value, region, shown) {
+			return nextRegionSlots(regionsMapOf(value), region, {
+				...regionSlotOf(value, region),
+				showCreditsInMainUi: shown
+			});
+		}
+		/**
 		* Project one card row into its persisted `lastCatalog` shape: the native
 		* context window becomes the stored `contextWindow`, and the card-only
 		* presentation fields (`nativeContextWindow`, `multimodal`) are removed BY
@@ -489,6 +528,33 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/**
+		* Show or hide one region's sidebar credit line, with the same landed-check as
+		* every other settings write.
+		*
+		* Routed through {@link writeField} for exactly the reason
+		* {@link writeRegionEnabled} is: on the affected 0.1.7 deployments a direct
+		* `scope.set()` settles without storing anything, so the switch would appear to
+		* work and then silently revert — which for this control means the line
+		* reappears on the next render with no explanation.
+		*
+		* The caller passes the region's COMPLETE next slot (the same whole-slot merge
+		* rule as the other region writes), so hiding a line cannot drop the model
+		* directory, selection, image opt-ins, budgets or pool preferences that live
+		* alongside this flag in the same slot.
+		*
+		* @param scope - the bound settings scope for this plugin's namespace.
+		* @param region - the region whose line is being shown or hidden.
+		* @param shown - the desired state.
+		* @param slot - the region's COMPLETE next slot (caller owns the merge).
+		* @throws {WorkBuddySettingsWriteError} when neither writer persists the value.
+		*/
+		async function writeRegionCreditsShown(scope, region, shown, slot) {
+			await writeField(scope, "regions", region, slot, (readBack) => {
+				const stored = readBack;
+				return stored !== null && stored !== void 0 && stored["showCreditsInMainUi"] === shown;
+			});
+		}
+		/**
 		* Write one region's account-pool PREFERENCES, verifying they landed.
 		*
 		* Routed through {@link writeField} like every other settings write, so it gets
@@ -533,6 +599,21 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client/exclusion-text.ts
+		/** The exclusion label for one account, or undefined when it is usable. */
+		function exclusionText(t, excludedBy) {
+			switch (excludedBy) {
+				case "rate-limited": return t("row.poolExcludedRateLimited");
+				case "out-of-credit": return t("row.poolExcludedOutOfCredit");
+				case "credential-rejected": return t("row.poolExcludedRejected");
+				case "not-found": return t("row.probeNotFound");
+				case "unavailable": return t("row.probeUnavailable");
+				case "failed": return t("row.probeFailed");
+				case "unusable": return t("row.poolExcludedUnusable");
+				default: return;
+			}
+		}
+		//#endregion
 		//#region src/client/ndjson.ts
 		/**
 		* Read a newline-delimited JSON body, one object at a time.
@@ -988,7 +1069,7 @@ window.__ModuleLoader__.load({
 				hourCycle: "h23"
 			}).format(new Date(value));
 		}
-		function formatClock(value) {
+		function formatClock$1(value) {
 			return new Intl.DateTimeFormat(void 0, {
 				hour: "2-digit",
 				minute: "2-digit",
@@ -1002,19 +1083,6 @@ window.__ModuleLoader__.load({
 			if (account.probe === void 0) return "var(--dsw-alias-label-dimmed, #9aa0a6)";
 			return outcomeOk(account.probe.outcome) ? "var(--dsw-alias-state-success-primary, #22a06b)" : "var(--dsw-alias-state-warn-primary, #f59e0b)";
 		}
-		/** The exclusion label for one account, or undefined when it is usable. */
-		function exclusionText(t, account) {
-			switch (account.excludedBy) {
-				case "rate-limited": return t("row.poolExcludedRateLimited");
-				case "out-of-credit": return t("row.poolExcludedOutOfCredit");
-				case "credential-rejected": return t("row.poolExcludedRejected");
-				case "not-found": return t("row.probeNotFound");
-				case "unavailable": return t("row.probeUnavailable");
-				case "failed": return t("row.probeFailed");
-				case "unusable": return t("row.poolExcludedUnusable");
-				default: return;
-			}
-		}
 		/**
 		* The pool section.
 		*
@@ -1430,7 +1498,7 @@ window.__ModuleLoader__.load({
 		function renderAccountRow(input) {
 			const { t, account, checked, canEdit, checkinSupported, onToggle } = input;
 			const name = account.accountName === "" ? t("row.accountUnnamed") : account.accountName;
-			const excluded = exclusionText(t, account);
+			const excluded = exclusionText(t, account.excludedBy);
 			const probe = account.probe;
 			const outcomeLine = probe === void 0 ? t("row.poolNeverTested") : probe.retryAtMs !== void 0 ? `${outcomeText(t, probe.outcome)} · ${t("row.poolRetryAt", { at: formatShort(probe.retryAtMs) })}` : probe.outcome === "rate-limited" || probe.outcome === "out-of-credit" ? `${outcomeText(t, probe.outcome)} · ${t("row.poolRetryUnknown")}` : outcomeText(t, probe.outcome);
 			const remaining = probe?.retryAtMs === void 0 ? "" : remainingText(t, probe.retryAtMs, Date.now());
@@ -1550,7 +1618,7 @@ window.__ModuleLoader__.load({
 			}, t("row.poolLogClear"))), log.length === 0 ? (0, react.createElement)("div", { className: "dsm-workbuddy-pool-log-empty" }, t("row.poolLogEmpty")) : (0, react.createElement)("div", { className: "dsm-workbuddy-pool-log-body" }, ...log.map((entry, index) => (0, react.createElement)("div", {
 				className: "dsm-workbuddy-pool-log-row",
 				key: `${entry.atMs}-${index}`
-			}, (0, react.createElement)("span", { className: "dsm-workbuddy-pool-log-time" }, formatClock(entry.atMs)), (0, react.createElement)("span", { className: `dsm-workbuddy-pool-log-text dsm-workbuddy-pool-log-${entry.tone}` }, entry.text)))));
+			}, (0, react.createElement)("span", { className: "dsm-workbuddy-pool-log-time" }, formatClock$1(entry.atMs)), (0, react.createElement)("span", { className: `dsm-workbuddy-pool-log-text dsm-workbuddy-pool-log-${entry.tone}` }, entry.text)))));
 		}
 		//#endregion
 		//#region src/native-modality.ts
@@ -1666,6 +1734,12 @@ window.__ModuleLoader__.load({
 .dsm-workbuddy-tab-switch{display:inline-flex;align-items:center;flex:none;padding:0 8px 0 2px;cursor:pointer}
 .dsm-workbuddy-tab-switch input{margin:0;cursor:pointer;accent-color:var(--dsw-alias-brand-primary,#5686fe)}
 .dsm-workbuddy-tab-switch input:disabled{opacity:.4;cursor:default}
+/* One sidebar-credit switch, belonging to the ACTIVE tab's region. It sits on
+   its own line so it reads as a property of this tab rather than as a shared
+   pair of settings — the tab bar already says which region is in scope. */
+.dsm-workbuddy-credits-switch{display:flex;align-items:center;gap:6px;margin:8px 0 2px;cursor:pointer;font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary,#c6c9d0)}
+.dsm-workbuddy-credits-switch input{margin:0;cursor:pointer;accent-color:var(--dsw-alias-brand-primary,#5686fe)}
+.dsm-workbuddy-credits-switch input:disabled{opacity:.4;cursor:default}
 .dsm-workbuddy-tab-off{opacity:.55}
 /* Re-detection keeps a copy in the signed-out branch (that branch is where
    "I just signed in over there" applies), so it needs its own placement: the
@@ -1854,6 +1928,139 @@ window.__ModuleLoader__.load({
 .dsm-workbuddy-pool .sw input:checked+.sw-track::after{transform:translateX(16px)}
 .dsm-workbuddy-pool .sw input:disabled+.sw-track{opacity:.4}
 .dsm-workbuddy-pool .sw input:disabled{cursor:default}
+`;
+		/**
+		* Composer credit readout styles, injected by the readout component itself.
+		*
+		* 参考：dingminhua/dsh-connect-trae（MIT，Copyright (c) 2026 LaoDing）
+		*   — 该项目的 `COMPOSER_POINTS_CSS`，类名改为 `dsm-workbuddy-*`，
+		*     其余（尺寸、节奏、主题变量与回退值、表格对齐）逐条沿用。
+		*
+		* Separate from the card bundle because the readout lives in the session's
+		* composer, not inside the plugin card; a card that is closed still shows this,
+		* and on some hosts the card is never mounted at all.
+		*/
+		const WORKBUDDY_COMPOSER_CSS = `
+/* The readout is plain composer text — no border, no fill at rest. The padding
+   is only the click target, invisible until the pointer arrives. */
+.dsm-workbuddy-composer-credits{display:inline-flex;align-items:center;min-width:0}
+.dsm-workbuddy-composer-credits-trigger{
+  appearance:none;display:inline-flex;align-items:center;align-self:stretch;
+  padding:2px 6px;border:0;border-radius:6px;background:transparent;
+  /* EXPLICIT, not inherit. The composer row's own font and body colour are
+     noticeably larger and darker than the neighbouring controls — a credit
+     readout is secondary information and must not shout. 12px matches this
+     plugin's original line; label-tertiary matches the shell's own composer-row
+     control (ContextMeter), which is the sibling this reads alongside. */
+  font-size:12px;line-height:18px;
+  color:var(--dsw-alias-label-tertiary,#999);
+  white-space:nowrap;cursor:pointer;
+  font-variant-numeric:tabular-nums;
+}
+.dsm-workbuddy-composer-credits-trigger:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.14))}
+.dsm-workbuddy-composer-credits-trigger:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#5686fe);outline-offset:1px}
+/* The panel is portaled to document.body and positioned from the trigger, so it
+   MUST be fixed — otherwise the left/top it measures are ignored and it lands in
+   document flow. All material comes from shell tokens so it follows the theme. */
+.dsm-workbuddy-composer-panel{
+  position:fixed;z-index:1100;box-sizing:border-box;
+  width:min(248px,calc(100vw - 24px));padding:12px;
+  border:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.28));
+  border-radius:var(--dsw-radius-lg,14px);
+  background:var(--dsw-specific-menu,Canvas);
+  box-shadow:var(--dsw-elevation-prominent,0 8px 32px rgba(0,0,0,.22));
+  backdrop-filter:var(--dsw-menu-backdrop-filter,none);
+  font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary,#444);
+}
+.dsm-workbuddy-composer-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
+.dsm-workbuddy-composer-panel-title{font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary,CanvasText)}
+/* Self-contained: the dsm-btn primitive lives in TRAE_CARD_CSS, which the
+   composer never loads, so the refresh button must style itself. */
+.dsm-workbuddy-composer-panel-refresh{
+  appearance:none;flex:none;margin-left:auto;padding:3px 10px;
+  border:1px solid var(--dsw-alias-border-l2,rgba(127,127,127,.34));
+  border-radius:7px;background:transparent;
+  color:var(--dsw-alias-label-secondary,#444);
+  font:inherit;font-size:11px;line-height:16px;cursor:pointer;
+}
+.dsm-workbuddy-composer-panel-refresh:hover:not(:disabled){border-color:var(--dsw-alias-label-dimmed,rgba(127,127,127,.6));color:var(--dsw-alias-label-primary,CanvasText)}
+.dsm-workbuddy-composer-panel-refresh:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#5686fe);outline-offset:1px}
+.dsm-workbuddy-composer-panel-refresh:disabled{opacity:.5;cursor:default}
+/* The panel is a TABLE: one row per account in the region, one figure (the
+   general balance) per row, and a row click switches accounts.
+
+   Rhythm is deliberate: the header sits on a hairline, the switch button owns
+   ALL horizontal padding (and pulls back by the same amount so its label lines
+   up with the header), and every row is the same height. A misaligned first
+   column is what makes a two-column popover read as broken. */
+.dsm-workbuddy-composer-panel-table{
+  width:100%;border-collapse:collapse;
+  font-size:12px;line-height:18px;
+}
+.dsm-workbuddy-composer-panel-table thead th{
+  padding:0 0 7px;font-weight:500;text-align:left;font-size:11px;
+  color:var(--dsw-alias-label-tertiary,GrayText);
+  border-bottom:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.24));
+}
+.dsm-workbuddy-composer-panel-num{
+  text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;
+}
+.dsm-workbuddy-composer-panel-table thead th.dsm-workbuddy-composer-panel-num{padding-right:0}
+.dsm-workbuddy-composer-panel-table tbody th{
+  padding:0;font-weight:400;text-align:left;vertical-align:middle;
+}
+.dsm-workbuddy-composer-panel-table tbody td{
+  padding:4px 0;vertical-align:middle;
+  color:var(--dsw-alias-label-primary,CanvasText);
+}
+/* The current account reads as current without shouting: a filled dot and a
+   slightly heavier weight. Disabled — pressing it would write a selection that
+   has not changed. */
+.dsm-workbuddy-composer-panel-table tbody tr.dsm-workbuddy-composer-panel-row-current td{font-weight:600}
+.dsm-workbuddy-composer-panel-switch{
+  appearance:none;display:flex;align-items:center;gap:7px;
+  width:100%;padding:4px 6px;margin-left:-6px;
+  border:0;border-radius:6px;background:transparent;
+  color:inherit;font:inherit;font-size:12px;text-align:left;cursor:pointer;
+  white-space:nowrap;overflow:hidden;
+}
+.dsm-workbuddy-composer-panel-switch>span:last-child{overflow:hidden;text-overflow:ellipsis}
+/* The name + optional reason mark. A COLUMN so the mark drops onto its own line
+   under the name: side by side they would stretch the name column and squeeze
+   the numeric one, and the switch's own overflow rule would ellipsise the mark
+   instead of the name. */
+.dsm-workbuddy-composer-panel-who{display:flex;flex-direction:column;min-width:0;gap:1px}
+.dsm-workbuddy-composer-panel-name{overflow:hidden;text-overflow:ellipsis}
+/* Why the account cannot serve right now ("被限流"), in the warn colour the pool
+   table uses for the same fact — so one measurement reads the same on both. */
+.dsm-workbuddy-composer-panel-mark{
+  font-size:11px;line-height:15px;
+  color:var(--dsw-alias-state-warn-primary,#f59e0b);
+}
+/* Hover belongs to the switch, not the row: the number cell is not clickable,
+   so lighting it up would promise an action it cannot perform. */
+.dsm-workbuddy-composer-panel-switch:hover:not(:disabled){
+  background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.14));
+}
+.dsm-workbuddy-composer-panel-switch:focus-visible{
+  outline:2px solid var(--dsw-alias-brand-primary,#5686fe);outline-offset:-1px;
+}
+.dsm-workbuddy-composer-panel-switch:disabled{cursor:default}
+.dsm-workbuddy-composer-panel-dot{
+  flex:none;width:7px;height:7px;border-radius:50%;
+  background:var(--dsw-alias-label-dimmed,rgba(127,127,127,.5));
+}
+.dsm-workbuddy-composer-panel-table tr.dsm-workbuddy-composer-panel-row-current .dsm-workbuddy-composer-panel-dot{
+  background:var(--dsw-state-success,#22a06b);
+}
+.dsm-workbuddy-composer-panel-foot{
+  display:flex;justify-content:space-between;gap:8px;
+  margin-top:9px;padding-top:7px;
+  border-top:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.24));
+  font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary,GrayText);
+}
+.dsm-workbuddy-composer-panel-empty{margin:0;color:var(--dsw-alias-label-tertiary,GrayText)}
+.dsm-workbuddy-composer-panel-error{margin:8px 0 0;color:var(--dsw-alias-state-error-primary,#d92d20);font-size:11px;line-height:16px}
 `;
 		//#endregion
 		//#region src/client/searched-paths.ts
@@ -2233,6 +2440,14 @@ window.__ModuleLoader__.load({
 			/** Region whose on/off checkbox write is in flight, so its box can't race. */
 			const [togglingRegion, setTogglingRegion] = (0, react.useState)(void 0);
 			/**
+			* Region whose SIDEBAR-credit checkbox write is in flight.
+			*
+			* Tracked separately from {@link togglingRegion} because they are different
+			* fields of the same region slot: one in-flight write must not disable the
+			* other control, and both must stay serialized against the SAVE writers.
+			*/
+			const [togglingCredits, setTogglingCredits] = (0, react.useState)(void 0);
+			/**
 			* Probe results, keyed by region then model id.
 			*
 			* Kept per region for the same reason drafts are: the two tabs are separate
@@ -2425,6 +2640,21 @@ window.__ModuleLoader__.load({
 			};
 			const activeRegionOn = regionOn(activeRegion);
 			/**
+			* Whether one region's sidebar credit line is shown — for the ACTIVE tab.
+			*
+			* Prefers the Host's answer, exactly like {@link regionOn} and for the same
+			* measured reason: on the affected 0.1.7 deployment the browser's settings
+			* mirror never picks up this plugin's writes, so a checkbox reading the mirror
+			* rendered its previous value after a successful save and looked impossible to
+			* turn off ("关闭不了"). The Host is the authority; the mirror is only a
+			* fallback for a Host line that predates the field.
+			*/
+			const creditsShownOn = (item) => {
+				const fromHost = statusByRegion[item]?.showCreditsInMainUi;
+				if (typeof fromHost === "boolean") return fromHost;
+				return regionCreditsShownOf(settingsScope?.getSnapshot().value, item);
+			};
+			/**
 			* Switch one region's provider off or on. The write carries the region's
 			* whole slot through untouched — only `enabled` changes — so the user's
 			* directory, model picks, image opt-ins and budgets survive a round trip.
@@ -2450,6 +2680,32 @@ window.__ModuleLoader__.load({
 					if (mounted.current) setTogglingRegion(void 0);
 				}
 			};
+			/**
+			* Show or hide one region's sidebar credit line.
+			*
+			* This is the SECOND control for that line: the sidebar row also carries an
+			* `×` that writes the same `regions.<region>.showCreditsInMainUi` flag, and
+			* both go through the same landed-checked writer, so they can never disagree.
+			* The checkbox stays because the sidebar is not always rendered (collapsed
+			* rail, or a host that never mounts the footer slot).
+			*
+			* Writes the region's WHOLE slot — unchanged except for this one flag — so a
+			* hide never drops the directory, model picks, budgets or pool preferences
+			* that live alongside it.
+			*/
+			const toggleCredits = async (item, shown) => {
+				if (settingsScope === void 0) return;
+				setTogglingCredits(item);
+				try {
+					const slot = nextRegionCreditsShown(settingsScope.getSnapshot().value, item, shown)[item];
+					await writeRegionCreditsShown(settingsScope, item, shown, typeof slot === "object" && slot !== null ? slot : {});
+					await refreshUsage(item);
+				} catch (error) {
+					if (mounted.current) setAccountError(error instanceof Error ? error.message : t("row.requestFailed"));
+				} finally {
+					if (mounted.current) setTogglingCredits(void 0);
+				}
+			};
 			const refreshModels = async () => {
 				setBusy(true);
 				try {
@@ -2773,6 +3029,18 @@ window.__ModuleLoader__.load({
 								className: "dsm-workbuddy-tab-off-notice",
 								children: t("row.tabOffNotice")
 							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: "dsm-workbuddy-credits-switch",
+								title: activeRegion === "cn" ? t("row.showCreditsCnHint") : t("row.showCreditsGlobalHint"),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: activeRegionOn ? creditsShownOn(activeRegion) : false,
+									disabled: !activeRegionOn || togglingCredits === activeRegion || !canWrite || saving || poolBusy,
+									onChange: (event) => {
+										toggleCredits(activeRegion, event.target.checked);
+									}
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: activeRegion === "cn" ? t("row.showCreditsCn") : t("row.showCreditsGlobal") })]
+							}),
 							status.status === "error" || status.status === "signed-in" && status.creditsError !== void 0 ? status.status === "signed-in" && status.credentialRejected === true ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: "dsm-workbuddy-usage-hint",
 								children: t("row.reloginHint")
@@ -3076,6 +3344,565 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client/popover.ts
+		/**
+		* The two shell behaviours the composer credit panel needs: hanging the panel
+		* off its trigger, and dismissing it on an outside press.
+		*
+		* 参考：dingminhua/dsh-connect-trae（MIT，Copyright (c) 2026 LaoDing）
+		*   — 该项目的 `client/popover.ts`，逐条沿用其判断：同样的上下放置、同样的
+		*     视口收边、同样的 scroll(capture)/resize/自身尺寸变化重测、同样的
+		*     「pointerdown 落在触发器与面板之外即关闭」。这些不是随手写的——那边
+		*     2.12.0/2.13.0 的客户端加载失败与面板位置错乱都留下了记录，这里直接
+		*     采用其最终结论。
+		*
+		* Implemented locally rather than imported from
+		* `@deepseek-ai/dsh-client-ui-primitives`. The shell DOES register that package
+		* for plugin bundles, so importing it is legal — this is a deliberate choice,
+		* not a workaround: the two behaviours are ~40 lines of DOM geometry, and owning
+		* them keeps this component renderable in the Node test suite without mocking a
+		* package that itself reaches `*.module.css` and further DSH dependencies.
+		*
+		* NOTE ON A MISDIAGNOSIS, kept because it is the kind of thing that gets
+		* re-litigated: the client load failure on the referring project was first
+		* attributed to importing the primitives package. It was not that. The real
+		* cause was `import { createPortal } from 'react-dom'` being BUNDLED rather than
+		* externalized — the inlined development build opens with
+		* `process.env.NODE_ENV` and threw `ReferenceError: process is not defined` in
+		* the browser, at module-evaluation time, so the ENTIRE client half failed to
+		* import. See `tsdown.config.ts` (`CLIENT_EXTERNALS`) for the fix and
+		* `tests/client-runtime-imports.spec.ts` for the rule that now pins it.
+		*/
+		/**
+		* Clearance to keep from the top of the viewport.
+		*
+		* The shell reserves a strip at the top of the frame
+		* (`--dsh-frame-top-clearance`) for the window chrome, so a panel clamped to
+		* `margin` alone can still land under it. Absent variable or no `data-fullscreen`
+		* distinction is handled the same way the shell does: fall back to `min`.
+		*/
+		function overlayTopMargin(min) {
+			if (typeof document === "undefined") return min;
+			const root = document.documentElement;
+			const clearance = Number.parseFloat(getComputedStyle(root).getPropertyValue("--dsh-frame-top-clearance"));
+			if (Number.isNaN(clearance)) return min;
+			return Math.max(min, (root.hasAttribute("data-fullscreen") ? 0 : clearance) + 20);
+		}
+		/** Keep a `position: fixed` floating element anchored to a trigger. */
+		function useAnchoredPosition(options) {
+			const { open, anchorRef, panelRef, side = "bottom", align = "start", gap, margin } = options;
+			const [position, setPosition] = (0, react.useState)(null);
+			(0, react.useLayoutEffect)(() => {
+				if (!open) {
+					setPosition(null);
+					return;
+				}
+				const place = () => {
+					const rect = anchorRef.current?.getBoundingClientRect();
+					if (rect === void 0) return;
+					const panel = panelRef.current;
+					const width = panel?.offsetWidth ?? 0;
+					const height = panel?.offsetHeight ?? 0;
+					let left = align === "end" ? rect.right - width : rect.left;
+					let top = side === "top" ? rect.top - gap - height : rect.bottom + gap;
+					if (width > 0) left = Math.min(Math.max(left, margin), window.innerWidth - width - margin);
+					if (height > 0) top = Math.min(Math.max(top, overlayTopMargin(margin)), window.innerHeight - height - margin);
+					setPosition({
+						left,
+						top
+					});
+				};
+				place();
+				window.addEventListener("scroll", place, true);
+				window.addEventListener("resize", place);
+				const panel = panelRef.current;
+				let observer = null;
+				if (typeof ResizeObserver !== "undefined" && panel !== null) {
+					observer = new ResizeObserver(place);
+					observer.observe(panel);
+				}
+				return () => {
+					observer?.disconnect();
+					window.removeEventListener("scroll", place, true);
+					window.removeEventListener("resize", place);
+				};
+			}, [
+				open,
+				anchorRef,
+				panelRef,
+				side,
+				align,
+				gap,
+				margin
+			]);
+			return position;
+		}
+		/**
+		* Close an open popover when a pointerdown lands outside it.
+		*
+		* `portal` counts as inside: the panel is portaled to `document.body`, so it is
+		* not a descendant of `root` and a click on the panel itself would otherwise
+		* read as "outside" and dismiss the popover the user is trying to use.
+		*/
+		function useDismissOnOutsidePointer(root, open, setOpen, portal) {
+			(0, react.useEffect)(() => {
+				if (!open) return void 0;
+				const closeOutside = (event) => {
+					if (event.target instanceof Node && root.current?.contains(event.target) !== true && portal?.current?.contains(event.target) !== true) setOpen(false);
+				};
+				document.addEventListener("pointerdown", closeOutside);
+				return () => {
+					document.removeEventListener("pointerdown", closeOutside);
+				};
+			}, [
+				root,
+				open,
+				setOpen,
+				portal
+			]);
+		}
+		//#endregion
+		//#region src/client/ComposerCredits.tsx
+		/**
+		* Credit readout for the composer tool row (`conversation.input.left`).
+		*
+		* 参考：dingminhua/dsh-connect-trae（MIT，Copyright (c) 2026 LaoDing）
+		*   — 该项目的 `client/ComposerPoints.tsx`：读数形态（`<区域> · <余额>`）、
+		*     点击弹出锚定面板、面板内是**账号表格**（点行即切换账号）、刷新按钮
+		*     放在面板里而不是读数上、每账号读数**只在面板打开时抓**、5 分钟定时器、
+		*     失败保留上次数值。本文件把「只有国内版」扩成「两个区域都支持」：那边
+		*     的国际版是订阅制、没有可比数字，本插件的国际版有真实余额，所以按当前
+		*     选中模型所属的区域显示，并在读数上标明是 WB CN 还是 WB AI。
+		*
+		* Shows the selected region's general credit balance, but ONLY while the
+		* session's selected model belongs to this plugin (the gate decides that).
+		*
+		* The row itself is a bare clickable readout — `WB CN · 1,072` — with NO
+		* refresh control: the manual refresh lives in the panel, because the row is
+		* shared with the shell's own permission/agent/model controls and every extra
+		* control there costs space that is not ours. Clicking it opens an anchored
+		* panel: a TABLE with one row per account in that region and its balance, where
+		* a row click switches to it.
+		*
+		* Two deliberate choices in that panel:
+		*
+		*  - Per-account figures are fetched ONLY while the panel is open. The 5-minute
+		*    readout must not multiply its upstream reads by the account count — a
+		*    healthy balance should not pay for a table nobody is looking at.
+		*  - A row whose balance could not be read shows `—`, never `0`. The endpoint
+		*    omits the field in that case precisely so this component cannot render a
+		*    wrong claim about the account.
+		*/
+		/**
+		* Inject the readout's styles into the document head, once, on module load.
+		*
+		* Same idempotent pattern as the card's injection, and for the same reason: the
+		* classes are attached to DOM this component owns, and `WORKBUDDY_CARD_CSS` only
+		* loads when the settings card does — which is not guaranteed on a host where
+		* the card is never rendered. The referring project shipped exactly that bug
+		* (the trigger rendered as a default button box and the panel, without
+		* `position: fixed`, had its measured left/top ignored and appeared nowhere).
+		*/
+		if (typeof document !== "undefined") {
+			const cssId = "dsh-connect-workbuddy/composer-credits.css";
+			if (!document.querySelector(`style[data-plugin-css="${cssId}"]`)) {
+				const styleTag = document.createElement("style");
+				styleTag.dataset.plugin = "dsh-connect-workbuddy";
+				styleTag.dataset.pluginCss = cssId;
+				styleTag.textContent = WORKBUDDY_COMPOSER_CSS;
+				document.head.appendChild(styleTag);
+			}
+		}
+		/**
+		* Automatic refresh period. Five minutes, matching a credit balance's actual
+		* rate of change: it moves on the scale of model calls, not seconds, and each
+		* read is a read-only upstream call.
+		*/
+		const COMPOSER_CREDITS_REFRESH_INTERVAL_MS = 3e5;
+		/**
+		* Provider routes whose credit balance this readout can show, mapped to the
+		* region to read it from.
+		*
+		* BOTH regions, unlike the referring project: its international side is
+		* subscription-based and has no comparable balance, while WorkBuddy's
+		* international accounts do carry one, so there is a real number to show on
+		* either side. Mirrors `WORKBUDDY_PROVIDERS` on the host side; duplicated here
+		* because the client bundle must not import the host entry.
+		*/
+		const WORKBUDDY_COMPOSER_PROVIDERS = {
+			"workbuddy": "cn",
+			"workbuddy-global": "global"
+		};
+		/** The credit total out of one usage document, or undefined. */
+		function creditsOf(usage) {
+			if (usage.status !== "signed-in") return void 0;
+			return usage.credits?.total;
+		}
+		/** Group the digits so a four-figure balance stays readable in a narrow row. */
+		function formatCredits(value) {
+			return value.toLocaleString("en-US", { maximumFractionDigits: 0 });
+		}
+		function formatClock(value) {
+			return new Date(value).toLocaleTimeString("zh-CN", {
+				hour: "2-digit",
+				minute: "2-digit"
+			});
+		}
+		function ComposerCredits(props) {
+			const { t, provider, region, settingsScope } = props;
+			if (t === void 0) throw new Error("Composer credits readout requires its translation function");
+			const owned = provider === void 0 ? void 0 : WORKBUDDY_COMPOSER_PROVIDERS[provider];
+			const activeRegion = region ?? owned;
+			const [usage, setUsage] = (0, react.useState)(void 0);
+			const [accountCredits, setAccountCredits] = (0, react.useState)(void 0);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [switchingId, setSwitchingId] = (0, react.useState)(void 0);
+			const [failed, setFailed] = (0, react.useState)(false);
+			const [lastRefresh, setLastRefresh] = (0, react.useState)(void 0);
+			const [open, setOpen] = (0, react.useState)(false);
+			const inFlight = (0, react.useRef)(false);
+			const mounted = (0, react.useRef)(true);
+			const rootRef = (0, react.useRef)(null);
+			const panelRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				mounted.current = true;
+				return () => {
+					mounted.current = false;
+				};
+			}, []);
+			const position = useAnchoredPosition({
+				open: open && activeRegion !== void 0,
+				anchorRef: rootRef,
+				panelRef,
+				side: "top",
+				gap: 8,
+				margin: 12
+			});
+			useDismissOnOutsidePointer(rootRef, open, setOpen, panelRef);
+			const fetchUsage = (0, react.useCallback)(async (signal) => {
+				if (inFlight.current || activeRegion === void 0) return;
+				inFlight.current = true;
+				if (mounted.current) setBusy(true);
+				try {
+					const response = await fetch(withWorkBuddyRegion(WORKBUDDY_USAGE_PATH, activeRegion), {
+						headers: { accept: "application/json" },
+						credentials: "same-origin",
+						...signal === void 0 ? {} : { signal }
+					});
+					if (!response.ok) throw new Error(`HTTP ${response.status}`);
+					const value = await response.json();
+					if (!mounted.current || signal?.aborted === true) return;
+					setUsage(value);
+					setLastRefresh(Date.now());
+					setFailed(false);
+				} catch {
+					if (mounted.current && signal?.aborted !== true) setFailed(true);
+				} finally {
+					inFlight.current = false;
+					if (mounted.current) setBusy(false);
+				}
+			}, [activeRegion]);
+			/**
+			* Every account's balance in the region — one upstream read per account.
+			*
+			* Paid only while the panel is open (see the note at the top of this file).
+			* A failure keeps whatever we already have rather than clearing it: the table
+			* falls back to the usage document's account list, so a failed figure must not
+			* remove the switch.
+			*/
+			const fetchAccountCredits = (0, react.useCallback)(async (signal) => {
+				if (activeRegion === void 0) return;
+				try {
+					const response = await fetch(withWorkBuddyRegion(WORKBUDDY_ACCOUNT_CREDITS_PATH, activeRegion), {
+						headers: { accept: "application/json" },
+						credentials: "same-origin",
+						...signal === void 0 ? {} : { signal }
+					});
+					if (!response.ok) throw new Error(`HTTP ${response.status}`);
+					const data = await response.json();
+					if (!mounted.current || signal?.aborted === true) return;
+					if (Array.isArray(data.accounts)) setAccountCredits(data.accounts);
+				} catch {}
+			}, [activeRegion]);
+			(0, react.useEffect)(() => {
+				if (owned === void 0) return void 0;
+				let cancelled = false;
+				let timer;
+				const controller = new AbortController();
+				fetchUsage(controller.signal).finally(() => {
+					if (cancelled) return;
+					timer = window.setInterval(() => {
+						fetchUsage(controller.signal);
+					}, COMPOSER_CREDITS_REFRESH_INTERVAL_MS);
+				});
+				return () => {
+					cancelled = true;
+					if (timer !== void 0) window.clearInterval(timer);
+					controller.abort();
+				};
+			}, [owned, fetchUsage]);
+			(0, react.useEffect)(() => {
+				if (!open || activeRegion === void 0) return void 0;
+				const controller = new AbortController();
+				fetchAccountCredits(controller.signal);
+				return () => {
+					controller.abort();
+				};
+			}, [
+				open,
+				activeRegion,
+				fetchAccountCredits
+			]);
+			(0, react.useEffect)(() => {
+				if (!open) return void 0;
+				const onKeyDown = (event) => {
+					if (event.key === "Escape") setOpen(false);
+				};
+				document.addEventListener("keydown", onKeyDown);
+				return () => {
+					document.removeEventListener("keydown", onKeyDown);
+				};
+			}, [open]);
+			/**
+			* Switch to another account, then re-read both the usage document and the
+			* table so the marker, the readout and the panel all move together.
+			*
+			* Goes through the shared `writeAccountSlot`, which is read-back checked and
+			* carries the host-endpoint-first path: `set()` resolving is not proof the
+			* write landed, and a refused write must report failure instead of showing a
+			* marker on an account that was never selected.
+			*/
+			const switchTo = async (accountId) => {
+				if (settingsScope === void 0 || settingsScope.getSnapshot().writable !== true) return;
+				if (activeRegion === void 0 || switchingId !== void 0) return;
+				if (accountId === (accountCredits?.find((account) => account.selected)?.id ?? (usage?.status === "signed-in" ? usage.accountId : void 0))) return;
+				setSwitchingId(accountId);
+				setFailed(false);
+				try {
+					await writeAccountSlot(settingsScope, activeRegion, accountId);
+					await fetchUsage();
+					await fetchAccountCredits();
+				} catch {
+					if (mounted.current) setFailed(true);
+				} finally {
+					if (mounted.current) setSwitchingId(void 0);
+				}
+			};
+			if (owned === void 0) return null;
+			const signedIn = usage?.status === "signed-in" ? usage : void 0;
+			const total = signedIn === void 0 ? void 0 : creditsOf(signedIn);
+			const signedOut = usage !== void 0 && usage.status === "signed-out";
+			const valueText = total === void 0 ? "—" : formatCredits(total);
+			const label = t(activeRegion === "cn" ? "composer.pointsCn" : "composer.pointsGlobal");
+			/**
+			* The table's rows: every account in this region, with its balance.
+			*
+			* The endpoint's answer is authoritative (it carries the figures). Before it
+			* lands — or if it fails — fall back to the usage document's account list so
+			* the switches are reachable immediately, showing `—` for the figure rather
+			* than a spinner the user has to wait on.
+			*/
+			const selectedId = accountCredits?.find((account) => account.selected)?.id ?? (signedIn === void 0 ? void 0 : signedIn.accountId);
+			const rows = (accountCredits ?? (signedIn === void 0 ? [] : signedIn.accounts.map((account) => ({
+				id: account.id,
+				accountName: account.accountName,
+				selected: account.selected
+			})))).map((row) => {
+				if (row.id !== selectedId || row.credits !== void 0 || total === void 0) return row;
+				return {
+					...row,
+					credits: total
+				};
+			});
+			const canSwitch = settingsScope !== void 0 && settingsScope.getSnapshot().writable === true;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				ref: rootRef,
+				className: "dsm-workbuddy-composer-credits",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: "dsm-workbuddy-composer-credits-trigger",
+					"aria-haspopup": "dialog",
+					"aria-expanded": open,
+					onClick: () => {
+						setOpen(!open);
+					},
+					children: [
+						label,
+						" · ",
+						valueText
+					]
+				}), open && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					ref: panelRef,
+					className: "dsm-workbuddy-composer-panel",
+					style: position ?? {
+						visibility: "hidden",
+						left: 0,
+						top: 0
+					},
+					role: "dialog",
+					"aria-label": t("composer.panelTitle"),
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsm-workbuddy-composer-panel-head",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsm-workbuddy-composer-panel-title",
+								children: t(activeRegion === "cn" ? "composer.panelTitleCn" : "composer.panelTitleGlobal")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsm-workbuddy-composer-panel-refresh",
+								disabled: busy || switchingId !== void 0,
+								onClick: () => {
+									fetchUsage();
+								},
+								children: busy ? t("composer.refreshing") : t("composer.refresh")
+							})]
+						}),
+						signedOut ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsm-workbuddy-composer-panel-empty",
+							children: t("composer.signedOut")
+						}) : rows.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsm-workbuddy-composer-panel-empty",
+							children: t("composer.noAccounts")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+							className: "dsm-workbuddy-composer-panel-table",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+								scope: "col",
+								children: t("composer.account")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+								scope: "col",
+								className: "dsm-workbuddy-composer-panel-num",
+								children: t("composer.credits")
+							})] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: rows.map((row) => {
+								const current = row.id === selectedId;
+								const excluded = exclusionText(t, row.excludedBy);
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", {
+									className: current ? "dsm-workbuddy-composer-panel-row-current" : void 0,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+										scope: "row",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: "dsm-workbuddy-composer-panel-switch",
+											disabled: !canSwitch || switchingId !== void 0 || current,
+											"aria-label": t("composer.switchTo", { account: row.accountName }),
+											onClick: () => {
+												switchTo(row.id);
+											},
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dsm-workbuddy-composer-panel-dot",
+												"aria-hidden": "true"
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												className: "dsm-workbuddy-composer-panel-who",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-workbuddy-composer-panel-name",
+													children: row.accountName
+												}), excluded === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-workbuddy-composer-panel-mark",
+													children: excluded
+												})]
+											})]
+										})
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+										className: "dsm-workbuddy-composer-panel-num",
+										children: row.credits === void 0 ? "—" : formatCredits(row.credits)
+									})]
+								}, row.id);
+							}) })]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dsm-workbuddy-composer-panel-foot",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+								t("composer.lastRefresh"),
+								" ",
+								lastRefresh === void 0 ? "—" : formatClock(lastRefresh)
+							] })
+						}),
+						failed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsm-workbuddy-composer-panel-error",
+							role: "status",
+							children: t("composer.refreshFailed")
+						}) : null
+					]
+				}), document.body)]
+			});
+		}
+		//#endregion
+		//#region src/client/ComposerCreditsGate.tsx
+		/**
+		* Decides whether the composer credit readout belongs in this session, by
+		* reading the Host's own `modelSelection` projection and the plugin's
+		* per-region `showCreditsInMainUi` switch.
+		*
+		* 参考：dingminhua/dsh-connect-trae（MIT，Copyright (c) 2026 LaoDing）
+		*   — 该项目的 `client/ComposerPointsGate.tsx`：从 `modelSelection` 投影读
+		*     「本会话当前用哪个 provider」来决定要不要渲染，以及 `next` 优先于
+		*     `lastUsed` 的判定。这是本项目从侧边栏迁到输入框的核心机制。
+		*
+		* WHY the projection rather than this plugin's own state: the projection is
+		* what the model picker writes and what the next request will use, so the
+		* readout cannot disagree with the model actually in effect. `next` outranks
+		* `lastUsed` because a selection that has been made but not yet sent is still
+		* what the composer shows the user — the same precedence the shell itself uses.
+		*
+		* WHY the composer row rather than the sidebar foot: the sidebar foot is a
+		* SINGLE root-scope row shared by every bundle, so two connector plugins each
+		* parking a line there fight over the same width (measured on the referring
+		* project: its line was squeezed to a clipped "Tr" beside this plugin's two
+		* rows). The composer row is per-session and provider-scoped, so exactly one
+		* plugin's credits are relevant at a time and nothing overlaps.
+		*
+		* Kept separate from {@link ComposerCredits} (and from the browser-plugin
+		* entry) so the decision can be unit-tested without a Host: the entry imports
+		* browser-only DSH packages the test environment cannot load, while this module
+		* depends only on React and a narrow projection shape.
+		*/
+		/**
+		* The provider route the session is currently pointed at.
+		*
+		* `next` wins over `lastUsed`: a switch that has landed but not yet been sent
+		* is still the selection the composer displays.
+		*/
+		function selectedProviderOf(projection) {
+			const provider = (projection?.next ?? projection?.lastUsed)?.provider;
+			return typeof provider === "string" && provider !== "" ? provider : void 0;
+		}
+		/**
+		* Which region's readout this session should show, or undefined for none.
+		*
+		* Returns undefined when the selected provider is not this plugin's — the
+		* ownership test and the region choice are ONE lookup, so there is no second
+		* copy of the rule to drift.
+		*
+		* The region's own switches are applied HERE rather than inside the component,
+		* so a region that is switched off (or whose provider is off) starts no fetch
+		* loop at all.
+		*/
+		function composerCreditsRegionOf(projection, scope) {
+			const provider = selectedProviderOf(projection);
+			const region = provider === void 0 ? void 0 : WORKBUDDY_COMPOSER_PROVIDERS[provider];
+			if (region === void 0) return void 0;
+			const value = scope === void 0 ? void 0 : unwrapVolatileDeep(scope.getSnapshot().value);
+			if (!regionCreditsShownOf(value, region)) return void 0;
+			if (!regionEnabledOf(value, region)) return void 0;
+			return region;
+		}
+		function ComposerCreditsGate(props) {
+			const { t, settingsScope, useProjection } = props;
+			const [, setRevision] = (0, react.useState)(0);
+			(0, react.useEffect)(() => settingsScope?.subscribe(() => {
+				setRevision((value) => value + 1);
+			}), [settingsScope]);
+			const projection = useProjection === void 0 ? void 0 : useProjection("modelSelection");
+			const region = composerCreditsRegionOf(projection, settingsScope);
+			if (region === void 0) return null;
+			const provider = selectedProviderOf(projection);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComposerCredits, {
+				t,
+				provider,
+				region,
+				...settingsScope === void 0 ? {} : { settingsScope }
+			});
+		}
+		//#endregion
 		//#region src/client/locales.ts
 		/**
 		* Plugin-card copy registered under the settings.workbuddy locale namespace.
@@ -3276,7 +4103,32 @@ window.__ModuleLoader__.load({
 			"row.poolCurrentBadge": "In use",
 			"row.poolCurrentHeader": "In use: {account}",
 			"row.poolNotMember": "Not in pool",
-			"row.poolUnsavedMembers": "Selection changed — save to apply"
+			"row.poolUnsavedMembers": "Selection changed — save to apply",
+			"row.showCreditsCn": "Show WB CN credits in the composer",
+			"row.showCreditsGlobal": "Show WB AI credits in the composer",
+			"row.showCreditsCnHint": "Show the domestic (WB CN) credit balance in the composer toolbar, but only while this session uses a WB CN model. Click it for per-account balances and a manual refresh (refreshes by itself every 5 minutes).",
+			"row.showCreditsGlobalHint": "Show the international (WB AI) credit balance in the composer toolbar, but only while this session uses a WB AI model. Click it for per-account balances and a manual refresh (refreshes by itself every 5 minutes).",
+			"composer.pointsCn": "WB CN",
+			"composer.pointsGlobal": "WB AI",
+			"composer.panelTitleCn": "WB CN credits",
+			"composer.panelTitleGlobal": "WB AI credits",
+			"composer.account": "Account",
+			"composer.credits": "Credits",
+			"composer.switchTo": "Switch to {account}",
+			"composer.noAccounts": "No account in this region",
+			"composer.signedOut": "Not signed in",
+			"composer.refresh": "Refresh credits",
+			"composer.refreshing": "Refreshing credits…",
+			"composer.refreshFailed": "Could not refresh credits",
+			"composer.lastRefresh": "Last refreshed",
+			"composer.panelTitle": "WorkBuddy credits",
+			"sidebar.creditsCn": "WB CN credits",
+			"sidebar.creditsGlobal": "WB AI credits",
+			"sidebar.refresh": "Refresh",
+			"sidebar.refreshing": "Refreshing…",
+			"sidebar.lastRefresh": "Last refreshed {time}",
+			"sidebar.refreshFailed": "Refresh failed",
+			"sidebar.signedOut": "Not signed in"
 		};
 		const zh = {
 			"row.title": "接入使用 WorkBuddy 积分与模型（dsh-connect-workbuddy）",
@@ -3466,7 +4318,32 @@ window.__ModuleLoader__.load({
 			"row.poolCurrentBadge": "当前使用",
 			"row.poolCurrentHeader": "当前使用：{account}",
 			"row.poolNotMember": "未入池",
-			"row.poolUnsavedMembers": "勾选已改动 —— 保存后生效"
+			"row.poolUnsavedMembers": "勾选已改动 —— 保存后生效",
+			"row.showCreditsCn": "在对话框显示 WB CN 积分",
+			"row.showCreditsGlobal": "在对话框显示 WB AI 积分",
+			"row.showCreditsCnHint": "在对话输入框工具栏显示国内版（WB CN）剩余积分，仅当本会话使用 WB CN 模型时出现。点击可看各账号余额并手动刷新（每 5 分钟也会自动刷新）。",
+			"row.showCreditsGlobalHint": "在对话输入框工具栏显示国际版（WB AI）剩余积分，仅当本会话使用 WB AI 模型时出现。点击可看各账号余额并手动刷新（每 5 分钟也会自动刷新）。",
+			"composer.pointsCn": "WB CN",
+			"composer.pointsGlobal": "WB AI",
+			"composer.panelTitleCn": "WB CN 积分",
+			"composer.panelTitleGlobal": "WB AI 积分",
+			"composer.account": "账号",
+			"composer.credits": "积分",
+			"composer.switchTo": "切换到 {account}",
+			"composer.noAccounts": "该区域暂无账号",
+			"composer.signedOut": "未登录",
+			"composer.refresh": "刷新积分",
+			"composer.refreshing": "正在刷新积分…",
+			"composer.refreshFailed": "积分刷新失败",
+			"composer.lastRefresh": "最近刷新",
+			"composer.panelTitle": "WorkBuddy 积分",
+			"sidebar.creditsCn": "WB CN 积分",
+			"sidebar.creditsGlobal": "WB AI 积分",
+			"sidebar.refresh": "刷新",
+			"sidebar.refreshing": "刷新中…",
+			"sidebar.lastRefresh": "最近刷新 {time}",
+			"sidebar.refreshFailed": "刷新失败",
+			"sidebar.signedOut": "未登录"
 		};
 		//#endregion
 		//#region src/client/index.tsx
@@ -3543,6 +4420,41 @@ window.__ModuleLoader__.load({
 				};
 				registerCard("plugins.bundle.config", "dsh-connect-workbuddy");
 				registerCard("plugins.row.config", "dsh-connect-workbuddy#dsh-connect-workbuddy");
+				/**
+				* Credit readout in the composer tool row (`conversation.input.left`, a
+				* session-scope list slot).
+				*
+				* 参考：dingminhua/dsh-connect-trae（MIT，Copyright (c) 2026 LaoDing）
+				*   — 该项目的 `registerComposerPoints`：无条件注册插槽、由 gate 读
+				*     `modelSelection` 投影自行决定是否渲染。本项目原先放在侧边栏底部
+				*     （`sidebar.footer.action`），那里是**单个 root 级共享行**，两个连接器
+				*     插件各占一行会互相挤压；输入框这行是 per-session 且按 provider 归属，
+				*     天然只有一个插件的积分相关。
+				*
+				* Provider-scoped on purpose: it renders only while the session's selected
+				* model belongs to this plugin, which is what keeps two connector plugins
+				* from competing for one shared row. 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.
+				*/
+				const registerComposerCredits = () => {
+					try {
+						ctx.slots.inject("conversation.input.left", () => ctx.slots.register({
+							name: "conversation.input.left",
+							id: "dsh-connect-workbuddy-composer-credits",
+							order: 4,
+							locale: namespace,
+							inject: () => settingsScope === void 0 ? { t } : {
+								t,
+								settingsScope
+							}
+						}, ComposerCreditsGate));
+					} catch (error) {
+						console.error("[dsh-connect-workbuddy] composer credits slot failed to register (host provider unaffected):", error);
+					}
+				};
+				registerComposerCredits();
 			} catch (error) {
 				console.error("[dsh-connect-workbuddy] client card failed to load (host provider unaffected):", error);
 			}