dsh-connect-trae 1.4.2 → 2.0.1

package/lib/client.js

@@ -8,17 +8,36 @@ window.__ModuleLoader__.load({
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		//#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. */
 		const TRAE_MODELS_REFRESH_PATH = "/plugins/dsh-connect-trae/models/refresh";
 		/** Plugin-owned local account rescan endpoint. */
 		const TRAE_ACCOUNTS_REFRESH_PATH = "/plugins/dsh-connect-trae/accounts/refresh";
+		/** 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}`;
+		}
+		/**
+		* Build the next `regions` settings value for the card's save. The write
+		* targets ONLY the signed-in account's region slot; every other region's slot
+		* is carried over untouched, so switching accounts never clobbers the other
+		* region's picks. Tolerates any stored shape (absent, non-object) by starting
+		* from an empty document.
+		*/
+		function nextRegionSlots(regions, region, slot) {
+			return {
+				...typeof regions === "object" && regions !== null && !Array.isArray(regions) ? regions : {},
+				[region]: slot
+			};
+		}
 		//#endregion
 		//#region src/client/icon.ts
 		/**
@@ -57,6 +76,13 @@ window.__ModuleLoader__.load({
 .dsm-btn-primary{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}
 .dsm-btn-primary:hover:not(:disabled){opacity:.9}
 .dsm-trae-usage{display:flex;flex-direction:column;gap:16px;margin:0;padding:16px 0 4px}
+.dsm-trae-tabs{display:flex;gap:6px;padding:4px;border:1px solid var(--dsw-alias-border-l2,#3a3d45);border-radius:10px;background:var(--dsw-alias-bg-layer-3,#2a2c33)}
+.dsm-trae-tab{appearance:none;font:inherit;cursor:pointer;flex:1;border:0;border-radius:7px;padding:7px 10px;color:var(--dsw-alias-label-tertiary,#999);font-size:13px;font-weight:500;line-height:18px;background:transparent;transition:color .15s,background .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.dsm-trae-tab:hover:not(:disabled):not(.dsm-trae-tab-active){color:var(--dsw-alias-label-primary,#e6e6e6)}
+.dsm-trae-tab:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#5686fe);outline-offset:1px}
+.dsm-trae-tab-active{color:var(--dsw-alias-label-primary,#e6e6e6);background:var(--dsw-alias-bg-layer-2,#232529);box-shadow:inset 0 0 0 1px var(--dsw-alias-border-l2,#3a3d45)}
+.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-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}
 .dsm-trae-usage-expiry{padding-left:19px;color:var(--dsw-alias-label-tertiary,#9aa0a8);font-size:12px;line-height:18px}
@@ -133,6 +159,11 @@ window.__ModuleLoader__.load({
 		*/
 		const POLL_INTERVAL_MS = 6e4;
 		const TRAE_GITHUB_URL = "https://github.com/dingminhua/dsh-connect-trae";
+		/** Read the per-region account selections out of the settings snapshot. */
+		function configuredAccountsOf(configured) {
+			const accounts = configured?.accounts;
+			return typeof accounts === "object" && accounts !== null ? accounts : {};
+		}
 		/** Inject the shared card CSS once. */
 		if (typeof document !== "undefined") {
 			const cssId = "dsh-connect-trae/client.css";
@@ -172,16 +203,24 @@ window.__ModuleLoader__.load({
 		function TraeUsageCard({ t, settingsScope }) {
 			if (t === void 0) throw new Error("Trae usage card requires its translation function");
 			const [open, setOpen] = (0, react.useState)(false);
-			const [status, setStatus] = (0, react.useState)({
-				status: "signed-out",
-				accounts: []
+			/** The region whose tab is on screen; each tab is its own provider stack. */
+			const [activeRegion, setActiveRegion] = (0, react.useState)("cn");
+			/** Last-known usage per region, so tab dots survive tab switches. */
+			const [statusByRegion, setStatusByRegion] = (0, react.useState)({
+				cn: {
+					status: "signed-out",
+					accounts: []
+				},
+				ai: {
+					status: "signed-out",
+					accounts: []
+				}
 			});
 			const [busy, setBusy] = (0, react.useState)(false);
 			const [settingsRevision, setSettingsRevision] = (0, react.useState)(0);
-			const [draftModels, setDraftModels] = (0, react.useState)(void 0);
-			const [draftEnabledIds, setDraftEnabledIds] = (0, react.useState)(void 0);
-			const [draftImageIds, setDraftImageIds] = (0, react.useState)(void 0);
-			const [draftContextBudgets, setDraftContextBudgets] = (0, react.useState)(void 0);
+			/** Per-region unsaved model edits; a draft on one tab is never dropped by
+			* switching to the other tab, only by that tab's discard/save. */
+			const [drafts, setDrafts] = (0, react.useState)({});
 			const [saving, setSaving] = (0, react.useState)(false);
 			const [switchingAccount, setSwitchingAccount] = (0, react.useState)(false);
 			const mounted = (0, react.useRef)(true);
@@ -194,38 +233,53 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => settingsScope?.subscribe(() => {
 				setSettingsRevision((value) => value + 1);
 			}), [settingsScope]);
-			const refreshUsage = (0, react.useCallback)(async (signal) => {
+			const refreshUsage = (0, react.useCallback)(async (region, signal) => {
 				try {
-					const response = await fetch(TRAE_USAGE_PATH, {
+					const response = await fetch(withTraeRegion(TRAE_USAGE_PATH, region), {
 						headers: { accept: "application/json" },
 						credentials: "same-origin",
 						...signal === void 0 ? {} : { signal }
 					});
 					const value = await response.json().catch(() => void 0);
 					if (!response.ok) throw new Error(`HTTP ${response.status}`);
-					if (mounted.current && signal?.aborted !== true) setStatus(value);
-					return value;
+					const usage = value;
+					if (mounted.current && signal?.aborted !== true) setStatusByRegion((prev) => ({
+						...prev,
+						[region]: usage
+					}));
+					return usage;
 				} catch (error) {
-					if (mounted.current && signal?.aborted !== true) setStatus({
-						status: "error",
-						message: error instanceof Error ? error.message : t("row.requestFailed")
-					});
+					if (mounted.current && signal?.aborted !== true) setStatusByRegion((prev) => ({
+						...prev,
+						[region]: {
+							status: "error",
+							message: error instanceof Error ? error.message : t("row.requestFailed")
+						}
+					}));
 					return;
 				}
 			}, [t]);
 			(0, react.useEffect)(() => {
 				if (!open) return;
 				const controller = new AbortController();
-				refreshUsage(controller.signal);
+				refreshUsage(activeRegion, controller.signal);
 				return () => {
 					controller.abort();
 				};
-			}, [open, refreshUsage]);
+			}, [
+				open,
+				activeRegion,
+				refreshUsage
+			]);
+			const status = statusByRegion[activeRegion] ?? {
+				status: "signed-out",
+				accounts: []
+			};
 			(0, react.useEffect)(() => {
 				if (!open || status.status !== "signed-in") return;
 				const controller = new AbortController();
 				const timer = window.setInterval(() => {
-					refreshUsage(controller.signal);
+					refreshUsage(activeRegion, controller.signal);
 				}, POLL_INTERVAL_MS);
 				return () => {
 					window.clearInterval(timer);
@@ -233,13 +287,14 @@ window.__ModuleLoader__.load({
 				};
 			}, [
 				open,
+				activeRegion,
 				refreshUsage,
 				status.status
 			]);
 			const rescanAccounts = async () => {
 				setBusy(true);
 				try {
-					const response = await fetch(TRAE_ACCOUNTS_REFRESH_PATH, {
+					const response = await fetch(withTraeRegion(TRAE_ACCOUNTS_REFRESH_PATH, activeRegion), {
 						method: "POST",
 						headers: { accept: "application/json" },
 						credentials: "same-origin"
@@ -247,10 +302,12 @@ window.__ModuleLoader__.load({
 					const body = await response.json();
 					if (!response.ok || !Array.isArray(body.accounts)) throw new Error(`HTTP ${response.status}`);
 					const selected = body.accounts.find((account) => account.selected)?.id;
-					const configured = settingsScope?.getSnapshot().value;
-					const configuredId = typeof configured === "object" && configured !== null && typeof configured.accountId === "string" ? configured.accountId : void 0;
-					if (selected !== void 0 && selected !== configuredId && settingsScope?.getSnapshot().writable === true) await settingsScope.set("accountId", selected);
-					await refreshUsage();
+					const configured = configuredAccountsOf(settingsScope?.getSnapshot().value);
+					if (selected !== void 0 && selected !== configured[activeRegion] && settingsScope?.getSnapshot().writable === true) await settingsScope.set("accounts", {
+						...configured,
+						[activeRegion]: selected
+					});
+					await refreshUsage(activeRegion);
 				} finally {
 					if (mounted.current) setBusy(false);
 				}
@@ -259,8 +316,12 @@ window.__ModuleLoader__.load({
 				if (settingsScope === void 0) return;
 				setSwitchingAccount(true);
 				try {
-					await settingsScope.set("accountId", accountId);
-					await refreshUsage();
+					const configured = configuredAccountsOf(settingsScope.getSnapshot().value);
+					await settingsScope.set("accounts", {
+						...configured,
+						[activeRegion]: accountId
+					});
+					await refreshUsage(activeRegion);
 				} finally {
 					if (mounted.current) setSwitchingAccount(false);
 				}
@@ -268,7 +329,7 @@ window.__ModuleLoader__.load({
 			const refreshModels = async () => {
 				setBusy(true);
 				try {
-					const response = await fetch(TRAE_MODELS_REFRESH_PATH, {
+					const response = await fetch(withTraeRegion(TRAE_MODELS_REFRESH_PATH, activeRegion), {
 						method: "POST",
 						headers: { accept: "application/json" },
 						credentials: "same-origin"
@@ -284,69 +345,114 @@ window.__ModuleLoader__.load({
 						const budget = activeContextBudgets[id];
 						if (typeof budget === "number") stillBudgets[id] = budget;
 					}
-					setDraftModels(fresh.map((model) => ({
-						...model,
-						input: ["text"]
-					})));
-					setDraftEnabledIds(new Set(stillEnabled));
-					setDraftImageIds(new Set(stillImages));
-					setDraftContextBudgets(stillBudgets);
+					setDrafts((prev) => ({
+						...prev,
+						[activeRegion]: {
+							models: fresh.map((model) => ({
+								...model,
+								input: ["text"]
+							})),
+							enabledIds: new Set(stillEnabled),
+							imageIds: new Set(stillImages),
+							contextBudgets: stillBudgets
+						}
+					}));
 				} catch (error) {
-					if (mounted.current) setStatus({
-						status: "error",
-						message: error instanceof Error ? error.message : t("row.requestFailed")
-					});
+					if (mounted.current) setStatusByRegion((prev) => ({
+						...prev,
+						[activeRegion]: {
+							status: "error",
+							message: error instanceof Error ? error.message : t("row.requestFailed")
+						}
+					}));
 				} finally {
 					if (mounted.current) setBusy(false);
 				}
 			};
 			const settingsValue = settingsScope?.getSnapshot().value;
-			const savedContextBudgets = typeof settingsValue === "object" && settingsValue !== null && typeof settingsValue.contextBudgets === "object" && settingsValue.contextBudgets !== null ? settingsValue.contextBudgets : {};
-			const savedImageIds = new Set(typeof settingsValue === "object" && settingsValue !== null && Array.isArray(settingsValue.imageModelIds) ? settingsValue.imageModelIds.filter((id) => typeof id === "string") : []);
-			const visibleModels = draftModels ?? (status.status === "signed-in" ? status.models : []);
+			const region = activeRegion;
+			const configuredRegions = typeof settingsValue === "object" && settingsValue !== null && typeof settingsValue.regions === "object" && settingsValue.regions !== null ? settingsValue.regions : {};
+			const regionSlot = configuredRegions[region];
+			const legacySlot = region === "cn" && regionSlot === void 0;
+			const slotContextBudgets = typeof regionSlot?.contextBudgets === "object" && regionSlot.contextBudgets !== null ? regionSlot.contextBudgets : void 0;
+			const legacyContextBudgets = legacySlot && typeof settingsValue === "object" && settingsValue !== null && typeof settingsValue.contextBudgets === "object" && settingsValue.contextBudgets !== null ? settingsValue.contextBudgets : void 0;
+			const savedContextBudgets = slotContextBudgets ?? legacyContextBudgets ?? {};
+			const slotImageIds = Array.isArray(regionSlot?.imageModelIds) ? regionSlot.imageModelIds.filter((id) => typeof id === "string") : void 0;
+			const legacyImageIds = legacySlot && typeof settingsValue === "object" && settingsValue !== null && Array.isArray(settingsValue.imageModelIds) ? settingsValue.imageModelIds.filter((id) => typeof id === "string") : [];
+			const savedImageIds = new Set(slotImageIds ?? legacyImageIds);
+			const draft = drafts[activeRegion];
+			const visibleModels = draft?.models ?? (status.status === "signed-in" ? status.models : []);
 			const savedEnabledIds = status.status === "signed-in" ? new Set(status.enabledModelIds) : /* @__PURE__ */ new Set();
-			const activeEnabledIds = draftEnabledIds ?? savedEnabledIds;
-			const activeImageIds = draftImageIds ?? savedImageIds;
-			const activeContextBudgets = draftContextBudgets ?? savedContextBudgets;
-			const dirty = draftModels !== void 0 || draftEnabledIds !== void 0 || draftImageIds !== void 0 || draftContextBudgets !== void 0;
+			const activeEnabledIds = draft?.enabledIds ?? savedEnabledIds;
+			const activeImageIds = draft?.imageIds ?? savedImageIds;
+			const activeContextBudgets = draft?.contextBudgets ?? savedContextBudgets;
+			const dirty = draft !== void 0;
+			/** Apply an edit to the ACTIVE tab's draft, seeding it from the current view. */
+			const editDraft = (edit) => {
+				setDrafts((prev) => ({
+					...prev,
+					[activeRegion]: edit(prev[activeRegion] ?? {
+						models: [...visibleModels],
+						enabledIds: new Set(activeEnabledIds),
+						imageIds: new Set(activeImageIds),
+						contextBudgets: { ...activeContextBudgets }
+					})
+				}));
+			};
 			const toggleModel = (modelId) => {
-				const next = new Set(activeEnabledIds);
-				if (!next.delete(modelId)) next.add(modelId);
-				setDraftEnabledIds(next);
-				setDraftModels([...visibleModels]);
+				editDraft((current) => {
+					const next = new Set(current.enabledIds);
+					if (!next.delete(modelId)) next.add(modelId);
+					return {
+						...current,
+						enabledIds: next
+					};
+				});
 			};
 			const toggleImage = (modelId) => {
-				const next = new Set(activeImageIds);
-				if (!next.delete(modelId)) next.add(modelId);
-				setDraftImageIds(next);
-				setDraftModels([...visibleModels]);
+				editDraft((current) => {
+					const next = new Set(current.imageIds);
+					if (!next.delete(modelId)) next.add(modelId);
+					return {
+						...current,
+						imageIds: next
+					};
+				});
 			};
 			const setContextBudget = (modelId, budget) => {
-				const next = { ...activeContextBudgets };
-				if (budget === void 0) delete next[modelId];
-				else next[modelId] = budget;
-				setDraftContextBudgets(next);
-				setDraftModels([...visibleModels]);
+				editDraft((current) => {
+					const next = { ...current.contextBudgets };
+					if (budget === void 0) delete next[modelId];
+					else next[modelId] = budget;
+					return {
+						...current,
+						contextBudgets: next
+					};
+				});
 			};
 			const discardModels = () => {
-				setDraftModels(void 0);
-				setDraftEnabledIds(void 0);
-				setDraftImageIds(void 0);
-				setDraftContextBudgets(void 0);
+				setDrafts((prev) => {
+					const next = { ...prev };
+					delete next[activeRegion];
+					return next;
+				});
 			};
 			const saveModels = async () => {
 				if (settingsScope === void 0) return;
 				setSaving(true);
 				try {
-					await settingsScope.set("lastCatalog", visibleModels.map((model) => ({
-						...model,
-						input: ["text"]
-					})));
-					await settingsScope.set("enabledModelIds", [...activeEnabledIds]);
-					await settingsScope.set("imageModelIds", [...activeImageIds].filter((id) => activeEnabledIds.has(id)));
-					await settingsScope.set("contextBudgets", activeContextBudgets);
+					if (status.status !== "signed-in") return;
+					await settingsScope.set("regions", nextRegionSlots(configuredRegions, activeRegion, {
+						lastCatalog: visibleModels.map((model) => ({
+							...model,
+							input: ["text"]
+						})),
+						enabledModelIds: [...activeEnabledIds],
+						imageModelIds: [...activeImageIds].filter((id) => activeEnabledIds.has(id)),
+						contextBudgets: activeContextBudgets
+					}));
 					discardModels();
-					await refreshUsage();
+					await refreshUsage(activeRegion);
 				} finally {
 					if (mounted.current) setSaving(false);
 				}
@@ -391,6 +497,32 @@ window.__ModuleLoader__.load({
 					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];
+									return /* @__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" : ""}`,
+										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")]
+									}, item);
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsm-trae-tab-hint",
+								children: t("row.tabHint")
+							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "dsm-trae-usage-account",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -434,6 +566,8 @@ window.__ModuleLoader__.load({
 											children: [
 												account.accountName,
 												" · ",
+												account.region === "ai" ? t("row.regionAi") : t("row.regionCn"),
+												" · ",
 												account.edition
 											]
 										}, account.id))
@@ -441,6 +575,44 @@ window.__ModuleLoader__.load({
 								})
 							}) : null,
 							status.status === "signed-in" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								status.payStatus === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dsm-trae-usage-list",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dsm-trae-usage-stats dsm-trae-usage-stats-two",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsm-trae-usage-stat dsm-trae-usage-stat-general",
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: "dsm-trae-usage-stat-head",
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dsm-trae-usage-stat-label",
+														children: t("row.subscriptionLabel")
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: `dsm-trae-usage-stat-badge ${status.payStatus.hasPackage ? "dsm-trae-usage-stat-badge-on" : "dsm-trae-usage-stat-badge-off"}`,
+														children: t(status.payStatus.hasPackage ? "row.subscribed" : "row.noPackage")
+													})]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-trae-usage-stat-value dsm-trae-usage-stat-value-general",
+													children: status.payStatus.inTrial && status.payStatus.trialEndTimeMs > 0 ? t("row.trialUntil", { date: formatDateTime(status.payStatus.trialEndTimeMs) }) : t(status.payStatus.hasPackage ? "row.subscribed" : "row.noPackage")
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-trae-usage-stat-hint",
+													children: status.payStatus.enableSoloLite || status.payStatus.enableSoloCoder || status.payStatus.enableSoloBuilder || status.payStatus.enableSoloWeb ? [
+														status.payStatus.enableSoloLite ? "SOLO Lite" : "",
+														status.payStatus.enableSoloCoder ? "SOLO Coder" : "",
+														status.payStatus.enableSoloBuilder ? "SOLO Builder" : "",
+														status.payStatus.enableSoloWeb ? "SOLO Web" : ""
+													].filter(Boolean).join(" · ") : status.payStatus.isDollarUsageBilling ? "dollar usage billing" : ""
+												})
+											]
+										})
+									})
+								}),
+								status.payStatusError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsm-trae-usage-error",
+									children: t("row.payStatusError", { message: status.payStatusError })
+								}),
 								status.credits === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "dsm-trae-usage-list",
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -672,9 +844,12 @@ window.__ModuleLoader__.load({
 		*/
 		const en = {
 			"row.title": "Trae credits & models (dsh-connect-trae)",
-			"row.desc": "Use the models in the Trae desktop app directly in DSH, and see your remaining credits at a glance.",
+			"row.desc": "Use Trae models in DSH and see your remaining credits; the domestic and international sides are two independent providers, each with its own account — use both at the same time.",
 			"row.expand": "Expand",
 			"row.collapse": "Collapse",
+			"row.tabCn": "Domestic",
+			"row.tabAi": "Global",
+			"row.tabHint": "Each tab is a separate provider (trae / trae-global) with its own account, usage, and models. Both sides are live at once: different sessions can pick from either side, and changes on one tab never touch the other.",
 			"row.signedOut": "Not signed in",
 			"row.signedOutHint": "Sign in once in the Trae desktop app; this plugin follows that sign-in automatically.",
 			"row.searchedTitle": "Paths checked",
@@ -698,6 +873,13 @@ window.__ModuleLoader__.load({
 			"row.creditsConsumedLabel": "Consumed",
 			"row.creditsTotalLabel": "Total",
 			"row.creditsError": "Usage unavailable: {message}",
+			"row.regionCn": "CN",
+			"row.regionAi": "International",
+			"row.subscriptionLabel": "Subscription",
+			"row.subscribed": "Active package",
+			"row.noPackage": "No active package",
+			"row.trialUntil": "Trial until {date}",
+			"row.payStatusError": "Subscription status unavailable: {message}",
 			"row.refresh": "Refresh",
 			"row.refreshTokens": "Refresh accounts & tokens",
 			"row.refreshCredits": "Refresh usage",
@@ -727,9 +909,12 @@ window.__ModuleLoader__.load({
 		};
 		const zh = {
 			"row.title": "接入使用Trae积分与模型（dsh-connect-trae）",
-			"row.desc": "在 DSH 中直接使用 Trae 桌面 App 包含的模型，并随时查看剩余积分。",
+			"row.desc": "在 DSH 中使用 Trae 模型并随时查看剩余积分；国内版与国际版是两个独立供应商，各有自己的账号，可同时使用。",
 			"row.expand": "展开",
 			"row.collapse": "收起",
+			"row.tabCn": "国内版",
+			"row.tabAi": "国际版",
+			"row.tabHint": "每个 tab 是一个独立供应商（trae / trae-global），各有自己的账号、用量与模型。两边同时生效：不同会话可各选一边，一侧的改动不影响另一侧。",
 			"row.signedOut": "未登录",
 			"row.signedOutHint": "在 Trae 桌面 App 里登录一次即可，插件会自动跟随当前登录的账号。",
 			"row.searchedTitle": "已检查的路径",
@@ -753,6 +938,13 @@ window.__ModuleLoader__.load({
 			"row.creditsConsumedLabel": "消耗",
 			"row.creditsTotalLabel": "合计",
 			"row.creditsError": "用量查询失败：{message}",
+			"row.regionCn": "国内版",
+			"row.regionAi": "国际版",
+			"row.subscriptionLabel": "订阅状态",
+			"row.subscribed": "已有有效套餐",
+			"row.noPackage": "暂无有效套餐",
+			"row.trialUntil": "试用至 {date}",
+			"row.payStatusError": "订阅状态查询失败：{message}",
 			"row.refresh": "刷新",
 			"row.refreshTokens": "刷新账号与 Token",
 			"row.refreshCredits": "刷新用量",