dsh-connect-trae 3.6.1 → 3.8.1

package/lib/client.js

@@ -7,7 +7,24 @@ window.__ModuleLoader__.load({
 		let react = require("react");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let react_dom = require("react-dom");
+		//#region src/region.ts
+		/** Every panel, in card tab order. */
+		const TRAE_PANELS = [
+			"cn",
+			"enterprise",
+			"ai"
+		];
+		/** The region whose credential/account pool a panel draws on. */
+		function regionOfPanel(panel) {
+			return panel === "ai" ? "ai" : "cn";
+		}
+		//#endregion
 		//#region src/status-paths.ts
+		/**
+		* Node-free constants and types shared by the Host and browser halves.
+		* Mirrors the `dsh-workbuddy-connect` status-route pattern so the plugin card
+		* stays consistent with that project's external presentation.
+		*/
 		/** Plugin-owned usage endpoint consumed by its browser half. */
 		const TRAE_USAGE_PATH = "/plugins/dsh-connect-trae/usage";
 		/** Plugin-owned live model refresh endpoint. */
@@ -61,14 +78,12 @@ window.__ModuleLoader__.load({
 		const TRAE_TRANSFER_PATH = "/plugins/dsh-connect-trae/transfer";
 		/** Query parameter naming the region a card request addresses. */
 		const TRAE_REGION_PARAM = "region";
-		/** Every region, in card tab order. */
-		const TRAE_REGIONS = ["cn", "ai"];
 		/**
 		* Address one region's status route. The two regions are separate provider
 		* stacks; every card request carries the region whose tab the user is on.
 		*/
-		function withTraeRegion(path, region) {
-			return `${path}?${TRAE_REGION_PARAM}=${region}`;
+		function withTraeRegion(path, panel) {
+			return `${path}?${TRAE_REGION_PARAM}=${panel}`;
 		}
 		/**
 		* Address one region's transfer route with its step, e.g.
@@ -79,8 +94,8 @@ window.__ModuleLoader__.load({
 		* away from a 400, which is exactly the failure the sibling workbuddy plugin
 		* hit (#42) when five requests dropped that parameter.
 		*/
-		function withTraeTransferAction(path, region, action) {
-			return `${path}?${TRAE_REGION_PARAM}=${region}&action=${action}`;
+		function withTraeTransferAction(path, panel, action) {
+			return `${path}?${TRAE_REGION_PARAM}=${panel}&action=${action}`;
 		}
 		/**
 		* Peel ONE `{get(): T}` live reference, the shape DSH 0.1.7 delivers a
@@ -157,11 +172,11 @@ window.__ModuleLoader__.load({
 		* region's picks. Tolerates any stored shape (absent, non-object) by starting
 		* from an empty document.
 		*/
-		function nextRegionSlots(regions, region, slot) {
+		function nextRegionSlots(regions, panel, slot) {
 			const unwrapped = unwrapVolatileDeep(regions);
 			return {
 				...typeof unwrapped === "object" && unwrapped !== null && !Array.isArray(unwrapped) ? unwrapped : {},
-				[region]: slot
+				[panel]: slot
 			};
 		}
 		/**
@@ -186,8 +201,8 @@ window.__ModuleLoader__.load({
 			return record;
 		}
 		/** One region's stored slot as a plain object; any other shape reads as empty. */
-		function regionSlotOf(value, region) {
-			const slot = unwrapVolatile(regionsMapOf(value)[region]);
+		function regionSlotOf(value, panel) {
+			const slot = unwrapVolatile(regionsMapOf(value)[panel]);
 			return typeof slot === "object" && slot !== null && !Array.isArray(slot) ? slot : {};
 		}
 		/**
@@ -200,8 +215,10 @@ window.__ModuleLoader__.load({
 		* `value` may be the whole settings section or the `regions` map (see
 		* {@link regionsMapOf}).
 		*/
-		function regionEnabledOf(value, region) {
-			return regionSlotOf(value, region)["enabled"] !== false;
+		function regionEnabledOf(value, panel) {
+			const stored = regionSlotOf(value, panel)["enabled"];
+			if (typeof stored === "boolean") return stored;
+			return panel !== "enterprise";
 		}
 		/**
 		* Build the next `regions` settings value for a provider on/off toggle. ONLY
@@ -219,9 +236,9 @@ window.__ModuleLoader__.load({
 		* value is always the `regions` map, i.e. exactly what `settingsScope.set(
 		* 'regions', ...)` needs.
 		*/
-		function nextRegionEnabled(value, region, enabled) {
-			return nextRegionSlots(regionsMapOf(value), region, {
-				...regionSlotOf(value, region),
+		function nextRegionEnabled(value, panel, enabled) {
+			return nextRegionSlots(regionsMapOf(value), panel, {
+				...regionSlotOf(value, panel),
 				enabled
 			});
 		}
@@ -238,8 +255,8 @@ window.__ModuleLoader__.load({
 		* `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";
+		function regionCreditPositionOf(value, panel) {
+			return regionSlotOf(value, panel)["creditPosition"] === "stats" ? "stats" : "composer";
 		}
 		/**
 		* Build the next `regions` settings value for one region's credit seat.
@@ -252,9 +269,9 @@ window.__ModuleLoader__.load({
 		* 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),
+		function nextRegionCreditPosition(value, panel, position) {
+			return nextRegionSlots(regionsMapOf(value), panel, {
+				...regionSlotOf(value, panel),
 				creditPosition: position
 			});
 		}
@@ -331,6 +348,8 @@ window.__ModuleLoader__.load({
 .dsm-trae-tab-switch{flex:none;padding:0 8px 0 2px}
 .dsm-trae-tab-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:baseline}
 .dsm-trae-tab-hint{margin:0;color:var(--dsw-alias-label-tertiary,#999);font-size:12px;line-height:18px}
+.dsm-trae-credits-unavailable{margin:10px 0 0;padding:10px 12px;border:1px solid var(--dsw-alias-border-l2,#3a3d45);border-radius:10px;color:var(--dsw-alias-label-secondary,#c6c9d0);font-size:12px;line-height:18px;background:var(--dsw-alias-bg-layer-3,#2a2c33)}
+.dsm-trae-account-value-muted{color:var(--dsw-alias-label-secondary,#c6c9d0);font-size:12px}
 .dsm-trae-tab-off-notice{margin:0;padding:10px 12px;border:1px solid var(--dsw-alias-border-l2,#3a3d45);border-radius:10px;color:var(--dsw-alias-label-secondary,#c6c9d0);font-size:12px;line-height:18px;background:var(--dsw-alias-bg-layer-3,#2a2c33)}
 .dsm-trae-usage-account{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--dsw-alias-border-l2,#3a3d45);border-radius:14px;background:var(--dsw-alias-bg-layer-2,#24262c)}
 .dsm-trae-usage-account-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
@@ -1438,6 +1457,10 @@ window.__ModuleLoader__.load({
 					status: "signed-out",
 					accounts: []
 				},
+				enterprise: {
+					status: "signed-out",
+					accounts: []
+				},
 				ai: {
 					status: "signed-out",
 					accounts: []
@@ -1452,6 +1475,7 @@ window.__ModuleLoader__.load({
 			*/
 			const [probeByRegion, setProbeByRegion] = (0, react.useState)({
 				cn: {},
+				enterprise: {},
 				ai: {}
 			});
 			const [testing, setTesting] = (0, react.useState)(void 0);
@@ -1501,6 +1525,7 @@ window.__ModuleLoader__.load({
 			*/
 			const [accountStatusByRegion, setAccountStatusByRegion] = (0, react.useState)({
 				cn: {},
+				enterprise: {},
 				ai: {}
 			});
 			/** Which account row is claiming right now, so only its button spins. */
@@ -1512,6 +1537,7 @@ window.__ModuleLoader__.load({
 			*/
 			const [claimErrorByRegion, setClaimErrorByRegion] = (0, react.useState)({
 				cn: {},
+				enterprise: {},
 				ai: {}
 			});
 			/**
@@ -1524,6 +1550,7 @@ window.__ModuleLoader__.load({
 			*/
 			const [deviceSpentByRegion, setDeviceSpentByRegion] = (0, react.useState)({
 				cn: {},
+				enterprise: {},
 				ai: {}
 			});
 			/**
@@ -1675,6 +1702,16 @@ window.__ModuleLoader__.load({
 			*/
 			const regionOn = (item) => regionEnabledOf(settingsScope?.getSnapshot().value, item);
 			const activeRegionOn = regionOn(activeRegion);
+			/**
+			* Credential region of the ACTIVE PANEL.
+			*
+			* The enterprise panel is a second CN pool, so anything that asks "is this the
+			* international side?" — pay status vs. credit packs, check-in column, the
+			* credit-readout switch — must answer by CREDENTIAL REGION, not by tab
+			* identity. `isCnPool` is the common case (cn + enterprise).
+			*/
+			const credentialRegionIsAi = regionOfPanel(activeRegion) === "ai";
+			const isCnPool = !credentialRegionIsAi;
 			const refreshUsage = (0, react.useCallback)(async (region, signal) => {
 				try {
 					const response = await fetch(withTraeRegion(TRAE_USAGE_PATH, region), {
@@ -2298,7 +2335,7 @@ window.__ModuleLoader__.load({
 			* "zero".
 			*/
 			const rowValue = (state) => {
-				if (activeRegion === "ai") {
+				if (credentialRegionIsAi) {
 					const payStatus = state?.payStatus;
 					if (payStatus === void 0) return void 0;
 					const verdict = planVerdict(payStatus);
@@ -2311,6 +2348,10 @@ window.__ModuleLoader__.load({
 						children: verdict.tier === void 0 ? t("row.subscribed") : t("row.planTier", { tier: verdict.tier })
 					});
 				}
+				if (activeRegion === "enterprise") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "dsm-trae-account-value dsm-trae-account-value-muted",
+					children: t("row.balanceConsoleOnly")
+				});
 				const figure = state?.credits?.generalAvailable;
 				if (figure === void 0) return void 0;
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -2400,7 +2441,7 @@ window.__ModuleLoader__.load({
 									className: "dsm-trae-tabs",
 									role: "tablist",
 									"aria-label": title,
-									children: TRAE_REGIONS.map((item) => {
+									children: TRAE_PANELS.map((item) => {
 										const regionStatus = statusByRegion[item];
 										const on = regionOn(item);
 										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2418,7 +2459,7 @@ window.__ModuleLoader__.load({
 													"aria-hidden": "true",
 													className: "dsm-trae-tab-dot",
 													style: dotStyle(regionStatus.status)
-												}), item === "cn" ? t("row.tabCn") : t("row.tabAi")]
+												}), item === "cn" ? t("row.tabCn") : item === "enterprise" ? t("row.tabEnterprise") : t("row.tabAi")]
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
 												className: "dsm-trae-switch dsm-trae-tab-switch",
 												title: t("row.tabSwitchHint"),
@@ -2426,7 +2467,7 @@ window.__ModuleLoader__.load({
 													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") }),
+													"aria-label": t("row.tabSwitchAria", { region: item === "cn" ? t("row.tabCn") : item === "enterprise" ? t("row.tabEnterprise") : t("row.tabAi") }),
 													onChange: (event) => {
 														toggleRegion(item, event.currentTarget.checked);
 													}
@@ -2480,7 +2521,7 @@ window.__ModuleLoader__.load({
 										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 											className: "dsm-trae-pref",
-											title: t(activeRegion === "cn" ? "row.showPointsInMainUiHint" : "row.showPointsInMainUiHintAi"),
+											title: t(isCnPool ? "row.showPointsInMainUiHint" : "row.showPointsInMainUiHintAi"),
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 												type: "checkbox",
 												checked: settingsEdits.showPointsInMainUi,
@@ -2499,7 +2540,7 @@ window.__ModuleLoader__.load({
 													" ",
 													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 														className: "dsm-trae-pref-hint",
-														children: t(activeRegion === "cn" ? "row.showPointsInMainUiHint" : "row.showPointsInMainUiHintAi")
+														children: t(isCnPool ? "row.showPointsInMainUiHint" : "row.showPointsInMainUiHintAi")
 													})
 												]
 											})]
@@ -2511,7 +2552,7 @@ window.__ModuleLoader__.load({
 												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") }),
+												"aria-label": t("row.creditPositionAria", { region: activeRegion === "cn" ? t("row.tabCn") : activeRegion === "enterprise" ? t("row.tabEnterprise") : t("row.tabAi") }),
 												onChange: (event) => {
 													changeCreditPosition(activeRegion, event.currentTarget.value === "stats" ? "stats" : "composer");
 												},
@@ -2572,19 +2613,20 @@ window.__ModuleLoader__.load({
 													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" : ""}`,
+										}) : null,
+										status.status !== "error" && status.accounts.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: `dsm-trae-account-table${isCnPool ? " 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,
+													isCnPool ? /* @__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 current = status.status === "signed-in" ? account.id === status.accountId : account.selected === true;
 												const state = accountStatusByRegion[activeRegion][account.id];
 												const error = claimErrorByRegion[activeRegion][account.id];
 												return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2636,7 +2678,7 @@ window.__ModuleLoader__.load({
 															className: "dsm-trae-account-worth",
 															children: rowValue(state)
 														}),
-														activeRegion === "cn" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														isCnPool ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 															className: "dsm-trae-account-checkin-cell",
 															children: checkinControl(account, state)
 														}) : null,
@@ -2655,7 +2697,12 @@ window.__ModuleLoader__.load({
 													]
 												}, account.id);
 											})]
-										}),
+										}) : null,
+										status.status === "signed-in" && status.creditsUnavailable === "enterprise" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "dsm-trae-credits-unavailable",
+											role: "note",
+											children: t("row.enterpriseCreditsNotice")
+										}) : null,
 										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",
@@ -2709,7 +2756,7 @@ window.__ModuleLoader__.load({
 										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountTransfer, {
 											t,
-											region: activeRegion,
+											region: activeRegion === "ai" ? "ai" : "cn",
 											accounts: status.status === "signed-in" ? status.accounts.map((account) => ({
 												id: account.id,
 												accountName: account.accountName
@@ -2820,7 +2867,7 @@ window.__ModuleLoader__.load({
 																	className: "dsm-trae-model-name",
 																	children: [
 																		model.name,
-																		model.creditMultiplier === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																		activeRegion === "enterprise" || model.creditMultiplier === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 																			className: "dsm-trae-model-name-rate",
 																			children: ["· x", model.creditMultiplier.toFixed(2)]
 																		}),
@@ -3648,8 +3695,10 @@ window.__ModuleLoader__.load({
 			"row.expand": "Expand",
 			"row.collapse": "Collapse",
 			"row.tabCn": "Domestic",
+			"row.tabEnterprise": "Enterprise",
 			"row.tabAi": "Global",
-			"row.tabHint": "Two independent providers, each with its own account, usage, and models. Both are live at once and never affect each other.",
+			"row.tabHint": "Three independent providers, each with its own account, usage, and models. All are live at once and never affect each other.",
+			"row.tabEnterpriseHint": "Enterprise bills the tenant pool of the same Trae CN account instead of the personal one. It never falls back: a refusal is reported as an error rather than quietly spending personal credits.",
 			"row.tabSwitchHint": "Turns this provider off: its models leave the DSH picker. Account and settings are kept.",
 			"row.tabSwitchAria": "Offer the {region} provider to DSH",
 			"row.tabOffNotice": "This provider is off: its models are not offered to DSH. Account and settings are kept.",
@@ -3731,6 +3780,8 @@ window.__ModuleLoader__.load({
 			"row.accountColumnValue": "Balance",
 			"row.accountColumnCheckin": "Check-in",
 			"row.accountBalance": "{credits} credits",
+			"row.balanceConsoleOnly": "In the enterprise console",
+			"row.enterpriseCreditsNotice": "Enterprise spend is not reported here. The Trae client cannot read the tenant balance — every enterprise quota endpoint answers 404 — so the only place to see it is the enterprise console (console.enterprise.trae.cn). The personal credit figure is deliberately NOT shown on this tab: it belongs to the consumer pool and would be misread as the tenant balance.",
 			"row.sourceDsh": "plugin copy",
 			"row.modelsTitle": "Models",
 			"row.modelsSummary": "{count} enabled",
@@ -3816,8 +3867,10 @@ window.__ModuleLoader__.load({
 			"row.expand": "展开",
 			"row.collapse": "收起",
 			"row.tabCn": "国内版",
+			"row.tabEnterprise": "企业版",
 			"row.tabAi": "国际版",
-			"row.tabHint": "国内版与国际版是两个独立供应商，各有账号、用量与模型；两边同时生效，互不影响。",
+			"row.tabHint": "国内版、企业版、国际版是三个独立供应商，各有账号、用量与模型；三者同时生效，互不影响。",
+			"row.tabEnterpriseHint": "企业版用同一个 Trae CN 账号走企业租户池计费，而不是个人积分池。它不会回落：被拒时如实报错，绝不悄悄花掉个人额度。",
 			"row.tabSwitchHint": "关闭该供应商：其模型不再提供给 DSH；账号与设置保留，可随时恢复。",
 			"row.tabSwitchAria": "是否向 DSH 提供{region}供应商",
 			"row.tabOffNotice": "该供应商已关闭，模型不会提供给 DSH。账号与设置均已保留。",
@@ -3899,6 +3952,8 @@ window.__ModuleLoader__.load({
 			"row.accountColumnValue": "额度",
 			"row.accountColumnCheckin": "签到",
 			"row.accountBalance": "积分 {credits}",
+			"row.balanceConsoleOnly": "见企业版控制台",
+			"row.enterpriseCreditsNotice": "企业版额度不在这里显示。Trae 客户端读不到企业租户的余额（所有企业额度接口都返回 404），只能到企业版控制台（console.enterprise.trae.cn）查看。这里也刻意不显示个人积分：那是消费池的数字，放在企业版标签下会被误认为企业额度。",
 			"row.sourceDsh": "插件副本",
 			"row.modelsTitle": "模型",
 			"row.modelsSummary": "已启用 {count} 个",