dsh-connect-trae 1.0.0

package/lib/client.js

@@ -0,0 +1,752 @@
+window.__ModuleLoader__.load({
+	id: "dsh-connect-trae",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		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";
+		//#endregion
+		//#region src/client/icon.ts
+		/**
+		* Plugin icon (LD brand logo, 64px) shared across the LaoDing plugin family.
+		* Same data URI used by `dsh-subagent-default-model` so the external image
+		* stays consistent.
+		*/
+		const TRAE_PLUGIN_ICON = "data:image/png;base64,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";
+		//#endregion
+		//#region src/client/styles.ts
+		/**
+		* Client styles for the Trae plugin card.
+		* Copied verbatim from `dsh-subagent-default-model`'s SETTINGS_CSS so the two
+		* plugins share one external-presentation language (same card shell, same
+		* button primitives, same `--dsw-alias-*` token palette).
+		*/
+		const TRAE_CARD_CSS = `
+.dsm-plugin-card{border:1px solid var(--dsw-alias-border-l2,#36373b);background:var(--dsw-alias-bg-layer-3,#202126);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}
+.dsm-plugin-card:hover{border-color:var(--dsw-alias-label-dimmed,#777)}
+.dsm-plugin-card-open{background:var(--dsw-alias-bg-layer-2,#25262b);border-color:var(--dsw-alias-label-dimmed,#777)}
+.dsm-plugin-card-header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:transparent;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}
+.dsm-plugin-card-header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#5686fe);outline-offset:-2px}
+.dsm-plugin-card-head{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}
+.dsm-plugin-card-title{color:var(--dsw-alias-label-primary,#e6e6e6);font-size:15px;font-weight:600;line-height:1.4}
+.dsm-plugin-card-description{color:var(--dsw-alias-label-tertiary,#999);font-size:13px;line-height:1.5}
+.dsm-plugin-card-chevron{color:var(--dsw-alias-label-tertiary,#999);flex:none;display:inline-flex;transition:transform .16s}
+.dsm-plugin-card-chevron-open{transform:rotate(180deg)}
+.dsm-plugin-card-body{border-top:1px solid var(--dsw-alias-border-l2,#36373b);margin:0 16px;padding:0 0 8px}
+.dsm-plugin-card-icon{width:32px;height:32px;flex:none;border-radius:7px}
+.dsm-plugin-card-body .dsm-model-settings{margin:0;padding:12px 0 0;background:transparent;border:0;border-radius:0}
+.dsm-btn{appearance:none;font:inherit;cursor:pointer;border:1px solid transparent;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}
+.dsm-btn:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#5686fe);outline-offset:1px}
+.dsm-btn:disabled{opacity:.4;cursor:default}
+.dsm-btn-outline{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:transparent;font-weight:500}
+.dsm-btn-outline:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed);background:rgba(255,255,255,.04)}
+.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-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}
+.dsm-trae-account-picker{display:block}
+.dsm-trae-usage-select-wrap{position:relative}
+.dsm-trae-usage-select{appearance:none;width:100%;font:inherit;padding:10px 34px 10px 12px;border:1px solid var(--dsw-alias-border-l2,#3a3d45);border-radius:10px;color:var(--dsw-alias-label-primary,#e6e6e6);background:var(--dsw-alias-bg-layer-3,#2a2c33);cursor:pointer;transition:border-color .15s,box-shadow .15s}
+.dsm-trae-usage-select:focus-visible{outline:none;border-color:var(--dsw-alias-brand-primary,#5686fe);box-shadow:0 0 0 3px rgba(86,134,254,.22)}
+.dsm-trae-usage-select:disabled{opacity:.6;cursor:default}
+.dsm-trae-usage-select-wrap::after{content:"";position:absolute;top:50%;right:12px;width:7px;height:7px;transform:translateY(-65%) rotate(45deg);border-right:1.6px solid var(--dsw-alias-label-secondary,#c6c9d0);border-bottom:1.6px solid var(--dsw-alias-label-secondary,#c6c9d0);pointer-events:none}
+.dsm-trae-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;font-size:11px;font-weight:700;color:#111;background:linear-gradient(135deg,#ffd36e,#ffb84d);margin-right:6px}
+.dsm-trae-usage-list{display:flex;flex-direction:column;gap:10px}
+.dsm-trae-usage-text{margin:0;font-size:14px;line-height:22px;color:var(--dsw-alias-label-secondary,#b8b8b8)}
+.dsm-trae-usage-error{margin:0;font-size:14px;line-height:22px;color:var(--dsw-alias-state-error-primary,#ef4444)}
+.dsm-trae-usage-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
+.dsm-trae-usage-status{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--dsw-alias-label-primary,#e6e6e6)}
+.dsm-trae-usage-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:2px}
+.dsm-trae-usage-stats-two{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
+.dsm-trae-usage-stat{position:relative;display:flex;flex-direction:column;gap:9px;padding:16px 16px 14px;border:1px solid var(--dsw-alias-border-l2,#3a3d45);border-radius:14px;background:var(--dsw-alias-bg-layer-2,#24262c);overflow:hidden;min-width:0}
+.dsm-trae-usage-stat::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.9}
+.dsm-trae-usage-stat-work::before{background:#9ca2aa}
+.dsm-trae-usage-stat-general::before{background:#4d9b6d}
+.dsm-trae-usage-stat-head{display:flex;align-items:center;gap:7px;min-width:0}
+.dsm-trae-usage-stat-label{font-size:13px;line-height:18px;font-weight:600;color:var(--dsw-alias-label-secondary,#c6c9d0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dsm-trae-usage-stat-badge{margin-left:auto;flex:0 0 auto;padding:2px 8px;border-radius:999px;font-size:11px;line-height:15px;font-weight:600;letter-spacing:.2px}
+.dsm-trae-usage-stat-badge-off{color:#aeb3bb;background:rgba(174,179,187,.11)}
+.dsm-trae-usage-stat-badge-on{color:#3f8d60;background:rgba(63,141,96,.13)}
+.dsm-trae-usage-stat-value{font-size:32px;line-height:36px;font-weight:700;letter-spacing:-.5px;white-space:nowrap;font-variant-numeric:tabular-nums}
+.dsm-trae-usage-stat-value-general{color:#3f8d60}
+.dsm-trae-usage-stat-value-work{color:#9298a0}
+.dsm-trae-usage-stat-hint{margin:2px 0 0;font-size:12px;line-height:17px;color:var(--dsw-alias-label-tertiary,#9aa0a8)}
+.dsm-trae-models{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--dsw-alias-border-l2,#36373b);padding-top:14px}
+.dsm-trae-models-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
+.dsm-trae-models-title{margin:0;color:var(--dsw-alias-label-primary,#e6e6e6);font-size:14px;font-weight:600;line-height:20px}
+.dsm-trae-models-summary{margin:2px 0 0;color:var(--dsw-alias-label-tertiary,#999);font-size:12px;line-height:18px}
+.dsm-trae-model-list{display:flex;flex-direction:column;border:1px solid var(--dsw-alias-border-l2,#36373b);border-radius:10px;overflow:hidden}
+.dsm-trae-model{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;padding:10px 12px;background:var(--dsw-alias-bg-layer-2,#232529);transition:opacity .16s}
+.dsm-trae-model-disabled{opacity:.55}
+.dsm-trae-model+.dsm-trae-model{border-top:1px solid var(--dsw-alias-border-l2,#36373b)}
+.dsm-trae-model-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
+.dsm-trae-model-enabled{display:flex;align-items:center;gap:8px;min-width:0;cursor:pointer}
+.dsm-trae-model-enabled input{margin:0;accent-color:var(--dsw-alias-brand-primary,#5686fe);flex:none}
+.dsm-trae-model-copy{display:flex;align-items:baseline;gap:8px;min-width:0}
+.dsm-trae-model-name{display:inline-flex;align-items:baseline;gap:7px;color:var(--dsw-alias-label-primary,#e6e6e6);font-size:13px;font-weight:500;line-height:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dsm-trae-model-name-rate{color:var(--dsw-alias-label-tertiary,#999);font-size:11px;font-weight:400;line-height:16px;flex:none}
+.dsm-trae-model-id{color:var(--dsw-alias-label-tertiary,#999);font-size:11px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dsm-trae-model-meta{display:flex;align-items:center;gap:7px 12px;flex-wrap:wrap;color:var(--dsw-alias-label-tertiary,#999);font-size:11px;line-height:16px}
+.dsm-trae-model-toggle{display:inline-flex;align-items:center;gap:5px;color:var(--dsw-alias-label-secondary,#b8b8b8);cursor:pointer;font-size:13px;line-height:19px;font-weight:500}
+.dsm-trae-model-toggle input{margin:0;accent-color:var(--dsw-alias-brand-primary,#5686fe)}
+.dsm-trae-model-capability-note{margin:0;color:var(--dsw-alias-label-tertiary,#999);font-size:12px;line-height:18px}
+.dsm-trae-model-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--dsw-alias-border-l2,#36373b);padding-top:12px}
+.dsm-trae-model-actions-buttons{display:flex;align-items:center;justify-content:flex-end;gap:8px}
+.dsm-trae-usage-cheer{display:inline-flex;align-items:center;gap:4px;flex:none;text-decoration:underline;text-underline-offset:2px;color:var(--dsw-alias-label-tertiary,#999);font-size:13px;line-height:1.5;transition:color .16s}
+.dsm-trae-usage-cheer-star{font-size:12px;line-height:1;display:inline-flex}
+.dsm-trae-usage-cheer:hover{color:var(--dsw-alias-label-primary,#e6e6e6)}
+.dsm-trae-usage-cheer:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#5686fe);outline-offset:2px}
+`;
+		//#endregion
+		//#region src/client/TraeUsageCard.tsx
+		/**
+		* Trae usage card contributed to Harness Plugin configuration.
+		*
+		* Structure, CSS classes, and button primitives mirror `dsh-subagent-default-model`'s
+		* `SubagentModelCard` so the two plugins share one external-presentation language.
+		*/
+		const POLL_INTERVAL_MS = 6e4;
+		const TRAE_GITHUB_URL = "https://github.com/dingminhua/dsh-connect-trae";
+		/** Inject the shared card CSS once. */
+		if (typeof document !== "undefined") {
+			const cssId = "dsh-connect-trae/client.css";
+			if (!document.querySelector(`style[data-plugin-css="${cssId}"]`)) {
+				const styleTag = document.createElement("style");
+				styleTag.dataset.plugin = "dsh-connect-trae";
+				styleTag.dataset.pluginCss = cssId;
+				styleTag.textContent = TRAE_CARD_CSS;
+				document.head.appendChild(styleTag);
+			}
+		}
+		function formatNumber(value) {
+			return new Intl.NumberFormat(void 0, {
+				minimumFractionDigits: 0,
+				maximumFractionDigits: 2
+			}).format(value);
+		}
+		function formatDateTime(value) {
+			return new Intl.DateTimeFormat(void 0, {
+				year: "numeric",
+				month: "2-digit",
+				day: "2-digit",
+				hour: "2-digit",
+				minute: "2-digit"
+			}).format(new Date(value));
+		}
+		function formatCapacity(value, unknown) {
+			if (value === void 0) return unknown;
+			if (value >= 1e6 && value % 1e6 === 0) return `${value / 1e6}M`;
+			if (value >= 1e3 && value % 1e3 === 0) return `${value / 1e3}K`;
+			return formatNumber(value);
+		}
+		const EFFORT_LABELS = {
+			low: "轻",
+			high: "高",
+			xhigh: "极高"
+		};
+		function dotStyle(status) {
+			return { background: status === "signed-in" ? "var(--dsw-alias-state-success-primary, #22a06b)" : status === "error" ? "var(--dsw-alias-state-error-primary, #d92d20)" : "var(--dsw-alias-label-dimmed, #9aa0a6)" };
+		}
+		/** Render Trae sign-in state and the total usage summary as one expandable card. */
+		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: []
+			});
+			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 [draft1mIds, setDraft1mIds] = (0, react.useState)(void 0);
+			const [saving, setSaving] = (0, react.useState)(false);
+			const [switchingAccount, setSwitchingAccount] = (0, react.useState)(false);
+			const mounted = (0, react.useRef)(true);
+			(0, react.useEffect)(() => {
+				mounted.current = true;
+				return () => {
+					mounted.current = false;
+				};
+			}, []);
+			(0, react.useEffect)(() => settingsScope?.subscribe(() => {
+				setSettingsRevision((value) => value + 1);
+			}), [settingsScope]);
+			const refreshUsage = (0, react.useCallback)(async (signal) => {
+				try {
+					const response = await fetch(TRAE_USAGE_PATH, {
+						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;
+				} catch (error) {
+					if (mounted.current && signal?.aborted !== true) setStatus({
+						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);
+				return () => {
+					controller.abort();
+				};
+			}, [open, refreshUsage]);
+			(0, react.useEffect)(() => {
+				if (!open || status.status !== "signed-in") return;
+				const controller = new AbortController();
+				const timer = window.setInterval(() => {
+					refreshUsage(controller.signal);
+				}, POLL_INTERVAL_MS);
+				return () => {
+					window.clearInterval(timer);
+					controller.abort();
+				};
+			}, [
+				open,
+				refreshUsage,
+				status.status
+			]);
+			const rescanAccounts = async () => {
+				setBusy(true);
+				try {
+					const response = await fetch(TRAE_ACCOUNTS_REFRESH_PATH, {
+						method: "POST",
+						headers: { accept: "application/json" },
+						credentials: "same-origin"
+					});
+					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();
+				} finally {
+					if (mounted.current) setBusy(false);
+				}
+			};
+			const switchAccount = async (accountId) => {
+				if (settingsScope === void 0) return;
+				setSwitchingAccount(true);
+				try {
+					await settingsScope.set("accountId", accountId);
+					await refreshUsage();
+				} finally {
+					if (mounted.current) setSwitchingAccount(false);
+				}
+			};
+			const refreshModels = async () => {
+				setBusy(true);
+				try {
+					const response = await fetch(TRAE_MODELS_REFRESH_PATH, {
+						method: "POST",
+						headers: { accept: "application/json" },
+						credentials: "same-origin"
+					});
+					const body = await response.json();
+					if (!response.ok || !Array.isArray(body.models)) throw new Error(`HTTP ${response.status}`);
+					const fresh = body.models.filter((model) => model.maxContext !== true);
+					const oldEnabled = status.status === "signed-in" ? new Set(status.enabledModelIds) : /* @__PURE__ */ new Set();
+					const old1m = status.status === "signed-in" ? new Set(status.enabled1mModelIds) : /* @__PURE__ */ new Set();
+					const freshIds = new Set(fresh.map((model) => model.id));
+					const stillEnabled = [...oldEnabled].filter((id) => freshIds.has(id));
+					const still1m = [...old1m].filter((id) => freshIds.has(id));
+					setDraftModels(fresh);
+					setDraftEnabledIds(new Set(stillEnabled));
+					setDraft1mIds(new Set(still1m));
+				} catch (error) {
+					if (mounted.current) setStatus({
+						status: "error",
+						message: error instanceof Error ? error.message : t("row.requestFailed")
+					});
+				} finally {
+					if (mounted.current) setBusy(false);
+				}
+			};
+			const settingsValue = settingsScope?.getSnapshot().value;
+			new Set(typeof settingsValue === "object" && settingsValue !== null && Array.isArray(settingsValue.enabled1mModels) ? settingsValue.enabled1mModels.filter((value) => typeof value === "string") : []);
+			const visibleModels = draftModels ?? (status.status === "signed-in" ? status.models : []);
+			const savedEnabledIds = status.status === "signed-in" ? new Set(status.enabledModelIds) : /* @__PURE__ */ new Set();
+			const saved1mIds = status.status === "signed-in" ? new Set(status.enabled1mModelIds) : /* @__PURE__ */ new Set();
+			const activeEnabledIds = draftEnabledIds ?? savedEnabledIds;
+			const active1mIds = draft1mIds ?? saved1mIds;
+			const dirty = draftModels !== void 0 || draftEnabledIds !== void 0 || draft1mIds !== void 0;
+			const toggleModel = (modelId) => {
+				const next = new Set(activeEnabledIds);
+				if (!next.delete(modelId)) next.add(modelId);
+				setDraftEnabledIds(next);
+				setDraftModels([...visibleModels]);
+			};
+			const toggle1m = (modelId) => {
+				const next = new Set(active1mIds);
+				if (!next.delete(modelId)) next.add(modelId);
+				setDraft1mIds(next);
+				setDraftModels([...visibleModels]);
+			};
+			const discardModels = () => {
+				setDraftModels(void 0);
+				setDraftEnabledIds(void 0);
+				setDraft1mIds(void 0);
+			};
+			const saveModels = async () => {
+				if (settingsScope === void 0) return;
+				setSaving(true);
+				try {
+					await settingsScope.set("lastCatalog", visibleModels.filter((model) => model.maxContext !== true));
+					await settingsScope.set("enabledModelIds", [...activeEnabledIds]);
+					await settingsScope.set("enabled1mModels", [...active1mIds].filter((id) => activeEnabledIds.has(id)));
+					discardModels();
+					await refreshUsage();
+				} finally {
+					if (mounted.current) setSaving(false);
+				}
+			};
+			const title = t("row.title");
+			const label = status.status === "signed-in" ? t("row.signedIn", { accountName: status.accountName }) : status.status === "error" ? t("row.requestFailed") : t("row.signedOut");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: `dsm-plugin-card${open ? " dsm-plugin-card-open" : ""}`,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: "dsm-plugin-card-header",
+					"aria-expanded": open,
+					"aria-label": `${t(open ? "row.collapse" : "row.expand")}: ${title}`,
+					onClick: () => {
+						setOpen(!open);
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+							className: "dsm-plugin-card-icon",
+							src: TRAE_PLUGIN_ICON,
+							alt: ""
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "dsm-plugin-card-head",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsm-plugin-card-title",
+								children: title
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsm-plugin-card-description",
+								children: t("row.desc")
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							"aria-hidden": "true",
+							className: `dsm-plugin-card-chevron${open ? " dsm-plugin-card-chevron-open" : ""}`,
+							children: (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 14 })
+						})
+					]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dsm-plugin-card-body",
+					hidden: !open,
+					children: open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsm-trae-usage",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsm-trae-usage-account",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsm-trae-usage-account-copy",
+									role: "status",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dsm-trae-usage-status",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											"aria-hidden": "true",
+											className: "dsm-trae-usage-dot",
+											style: dotStyle(status.status)
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
+									}), status.status === "signed-in" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsm-trae-usage-expiry",
+										children: t("row.tokenExpiry", { expiresAt: formatDateTime(status.tokenExpiresAtMs) })
+									}) : null]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dsm-btn dsm-btn-outline",
+									disabled: busy,
+									onClick: () => {
+										rescanAccounts();
+									},
+									children: busy ? t("row.accountsScanning") : t("row.refreshTokens")
+								})]
+							}),
+							status.status !== "error" && status.accounts.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+								className: "dsm-trae-account-picker",
+								"aria-label": t("row.accountsTitle"),
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dsm-trae-usage-select-wrap",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+										className: "dsm-trae-usage-select",
+										value: status.status === "signed-in" ? status.accountId : "",
+										disabled: switchingAccount || settingsScope?.getSnapshot().writable !== true,
+										onChange: (event) => {
+											switchAccount(event.currentTarget.value);
+										},
+										children: status.accounts.map((account) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+											value: account.id,
+											children: [
+												account.accountName,
+												" · ",
+												account.edition
+											]
+										}, account.id))
+									})
+								})
+							}) : null,
+							status.status === "signed-in" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								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", {
+										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-work",
+											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.workCreditsLabel")
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dsm-trae-usage-stat-badge dsm-trae-usage-stat-badge-off",
+														children: t("row.workNotUsable")
+													})]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-trae-usage-stat-value dsm-trae-usage-stat-value-work",
+													children: formatNumber(status.credits.workAvailable)
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-trae-usage-stat-hint",
+													children: t("row.workUsableHint")
+												})
+											]
+										}), /* @__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.generalCreditsLabel")
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "dsm-trae-usage-stat-badge dsm-trae-usage-stat-badge-on",
+														children: t("row.generalUsable")
+													})]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-trae-usage-stat-value dsm-trae-usage-stat-value-general",
+													children: formatNumber(status.credits.generalAvailable)
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-trae-usage-stat-hint",
+													children: t("row.generalUsableHint")
+												})
+											]
+										})]
+									})
+								}),
+								status.creditsError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsm-trae-usage-error",
+									children: t("row.creditsError", { message: status.creditsError })
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+									className: "dsm-trae-models",
+									"aria-label": t("row.modelsTitle"),
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsm-trae-models-head",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+												className: "dsm-trae-models-title",
+												children: t("row.modelsTitle")
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+												className: "dsm-trae-models-summary",
+												children: t("row.modelsSummary", { count: activeEnabledIds.size })
+											})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: "dsm-btn dsm-btn-outline",
+												disabled: busy,
+												onClick: () => {
+													refreshModels();
+												},
+												children: busy ? t("row.modelsRefreshing") : t("row.modelsRefresh")
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: "dsm-trae-model-list",
+											children: visibleModels.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: `dsm-trae-model${activeEnabledIds.has(model.id) ? "" : " dsm-trae-model-disabled"}`,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: "dsm-trae-model-head",
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+														className: "dsm-trae-model-enabled",
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+															type: "checkbox",
+															checked: activeEnabledIds.has(model.id),
+															disabled: settingsScope?.getSnapshot().writable !== true || saving,
+															onChange: () => {
+																toggleModel(model.id);
+															}
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+															className: "dsm-trae-model-copy",
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																className: "dsm-trae-model-name",
+																children: [model.name, model.creditMultiplier === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																	className: "dsm-trae-model-name-rate",
+																	children: [
+																		"(",
+																		model.creditMultiplier.toFixed(2),
+																		"x)"
+																	]
+																})]
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: "dsm-trae-model-id",
+																children: model.id
+															})]
+														})]
+													}), model.maxContextWindow === void 0 || model.maxContext === true ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+														className: "dsm-trae-model-toggle",
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+															type: "checkbox",
+															checked: active1mIds.has(model.id),
+															disabled: !activeEnabledIds.has(model.id) || settingsScope?.getSnapshot().writable !== true || busy || saving,
+															onChange: () => {
+																toggle1m(model.id);
+															}
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelEnable1m") })]
+													})]
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: "dsm-trae-model-meta",
+													children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelContext", { context: formatCapacity(model.contextWindow, t("row.modelUnknown")) }) }),
+														model.maxTokens === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelOutput", { output: formatCapacity(model.maxTokens, t("row.modelUnknown")) }) }),
+														model.maxContext === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelMaxContext") }) : null,
+														model.reasoning === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("row.modelReasoning", { efforts: model.reasoning.supported.map((effort) => EFFORT_LABELS[effort] ?? effort).join(" / ") }) })
+													]
+												})]
+											}, model.id))
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "dsm-trae-model-capability-note",
+											children: t("row.modelCapabilityPending")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "dsm-trae-model-actions",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+												className: "dsm-trae-usage-cheer",
+												href: TRAE_GITHUB_URL,
+												target: "_blank",
+												rel: "noopener noreferrer",
+												children: [t("row.cheer"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dsm-trae-usage-cheer-star",
+													"aria-hidden": "true",
+													children: "★"
+												})]
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dsm-trae-model-actions-buttons",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: "dsm-btn dsm-btn-outline",
+													disabled: !dirty || saving,
+													onClick: discardModels,
+													children: t("row.discard")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: "dsm-btn dsm-btn-primary",
+													disabled: !dirty || saving || activeEnabledIds.size === 0,
+													onClick: () => {
+														saveModels();
+													},
+													children: saving ? t("row.saving") : t("row.save")
+												})]
+											})]
+										})
+									]
+								})
+							] }) : null,
+							status.status === "signed-out" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsm-trae-usage-text",
+								children: status.message ?? t("row.signedOutHint")
+							}) : null,
+							status.status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dsm-trae-usage-error",
+								children: status.message
+							}) : null
+						]
+					}) : null
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/locales.ts
+		/**
+		* Plugin-card copy registered under the settings.trae locale namespace.
+		* Key shape follows `dsh-subagent-default-model`'s `row.*` convention so the
+		* two plugins share one external-presentation language.
+		*/
+		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.expand": "Expand",
+			"row.collapse": "Collapse",
+			"row.signedOut": "Not signed in",
+			"row.signedOutHint": "Sign in once in the Trae desktop app; this plugin follows that sign-in automatically.",
+			"row.signedIn": "Signed in: {accountName}",
+			"row.tokenExpiry": "Access token expires {expiresAt} (auto-renewal)",
+			"row.requestFailed": "Request failed",
+			"row.creditsAvailableLabel": "Available",
+			"row.workCreditsLabel": "Work credits",
+			"row.generalCreditsLabel": "General credits",
+			"row.workNotUsable": "Not usable in DSH",
+			"row.generalUsable": "Usable",
+			"row.workUsableHint": "Only inside the Trae app",
+			"row.generalUsableHint": "Powers DSH chat & tools",
+			"row.creditsConsumedLabel": "Consumed",
+			"row.creditsTotalLabel": "Total",
+			"row.creditsError": "Usage unavailable: {message}",
+			"row.refresh": "Refresh",
+			"row.refreshTokens": "Refresh accounts & tokens",
+			"row.refreshCredits": "Refresh usage",
+			"row.refreshing": "Refreshing…",
+			"row.accountsTitle": "Trae account",
+			"row.accountsHint": "Choose from locally detected sign-ins. Tokens are never shown or saved in DSH settings.",
+			"row.accountsRescan": "Detect accounts again",
+			"row.accountsScanning": "Detecting…",
+			"row.modelsTitle": "Models",
+			"row.modelsSummary": "{count} enabled",
+			"row.modelsRefresh": "Refresh from Trae",
+			"row.modelsRefreshing": "Refreshing models…",
+			"row.modelEnabled": "Enabled",
+			"row.discard": "Discard changes",
+			"row.save": "Save",
+			"row.saving": "Saving…",
+			"row.modelContext": "Context {context}",
+			"row.modelOutput": "Output {output}",
+			"row.modelRate": "{rate}x credits",
+			"row.modelReasoning": "Reasoning: {efforts}",
+			"row.modelReasoningSupported": "Reasoning: supported",
+			"row.modelUnknown": "Unknown",
+			"row.modelMaxContext": "1M variant",
+			"row.modelEnable1m": "Enable 1M model",
+			"row.modelCapabilityPending": "Only capabilities advertised by Trae are shown.",
+			"row.cheer": "Star on GitHub"
+		};
+		const zh = {
+			"row.title": "接入使用Trae积分与模型（dsh-connect-trae）",
+			"row.desc": "在 DSH 中直接使用 Trae 桌面 App 包含的模型，并随时查看剩余积分。",
+			"row.expand": "展开",
+			"row.collapse": "收起",
+			"row.signedOut": "未登录",
+			"row.signedOutHint": "在 Trae 桌面 App 里登录一次即可，插件会自动跟随当前登录的账号。",
+			"row.signedIn": "已登录：{accountName}",
+			"row.tokenExpiry": "访问令牌 {expiresAt} 过期（自动续期）",
+			"row.requestFailed": "请求失败",
+			"row.creditsAvailableLabel": "可用",
+			"row.workCreditsLabel": "Work 积分",
+			"row.generalCreditsLabel": "通用积分",
+			"row.workNotUsable": "DSH 不可用",
+			"row.generalUsable": "可用",
+			"row.workUsableHint": "仅限 Trae 客户端内使用",
+			"row.generalUsableHint": "供 DSH 聊天与工具使用",
+			"row.creditsConsumedLabel": "消耗",
+			"row.creditsTotalLabel": "合计",
+			"row.creditsError": "用量查询失败：{message}",
+			"row.refresh": "刷新",
+			"row.refreshTokens": "刷新账号与 Token",
+			"row.refreshCredits": "刷新用量",
+			"row.refreshing": "正在刷新…",
+			"row.accountsTitle": "Trae 账号",
+			"row.accountsHint": "选择本机检测到的登录账号；Token 不会显示，也不会保存到 DSH 设置。",
+			"row.accountsRescan": "重新检测账号",
+			"row.accountsScanning": "正在检测…",
+			"row.modelsTitle": "模型",
+			"row.modelsSummary": "已启用 {count} 个",
+			"row.modelsRefresh": "从 Trae 刷新",
+			"row.modelsRefreshing": "正在刷新模型…",
+			"row.modelEnabled": "启用模型",
+			"row.discard": "放弃修改",
+			"row.save": "保存",
+			"row.saving": "保存中…",
+			"row.modelContext": "上下文 {context}",
+			"row.modelOutput": "最大输出 {output}",
+			"row.modelRate": "积分 {rate}x",
+			"row.modelReasoning": "推理强度：{efforts}",
+			"row.modelReasoningSupported": "推理：支持",
+			"row.modelUnknown": "未知",
+			"row.modelMaxContext": "1M 变体",
+			"row.modelEnable1m": "启用 1M 模型",
+			"row.modelCapabilityPending": "仅展示 Trae 接口明确公布的模型能力。",
+			"row.cheer": "鼓励一下"
+		};
+		//#endregion
+		//#region src/client/index.tsx
+		/** Stable browser-plugin name. */
+		const name = "dsh-connect-trae-client";
+		/** Client services required by the Plugin configuration contribution. */
+		const inject = [
+			"slots",
+			"locale",
+			"settingsScope"
+		];
+		/**
+		* Register card copy and the Trae card under Plugin configuration.
+		*
+		* The entire body is wrapped so that a DSH slot-API breaking change (for
+		* example the rc.6→rc.7 `id`→`key` / `order`→`priority` rename) degrades
+		* to a `console.error` instead of throwing into the DSH loader and raising
+		* the red "Failed to load plugins" banner. The host provider keeps working:
+		* the `trae` model channel is unaffected.
+		*
+		* NOTE: the try/catch boundary of this function is mirrored (duplicated) in
+		* `tests/client-fallback.spec.ts`, because the real client entry imports
+		* browser-only DSH packages that cannot load in the Node test environment.
+		*/
+		function apply(ctx) {
+			try {
+				const namespace = "settings.trae";
+				ctx.effect(() => ctx.locale.register(namespace, {
+					zh,
+					en
+				}), "dsh-connect-trae: settings copy");
+				const t = ctx.locale.bind(namespace);
+				const settingsScope = ctx.settingsScope.bind({ namespace: "trae" });
+				ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
+					name: "settings.plugin.item",
+					key: "trae",
+					priority: 30,
+					inject: () => ({
+						t,
+						settingsScope
+					})
+				}, TraeUsageCard));
+			} catch (error) {
+				console.error("[dsh-connect-trae] client card failed to load (host provider unaffected):", error);
+			}
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		exports.name = name;
+		return module.exports;
+	}
+});