dsh-workbuddy-connect 0.2.1

package/lib/client.js

@@ -0,0 +1,439 @@
+window.__ModuleLoader__.load({
+	id: "dsh-workbuddy-connect",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		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. */
+		/** Plugin-owned status endpoint consumed by its browser half. */
+		const WORKBUDDY_STATUS_PATH = "/plugins/dsh-workbuddy-connect/status";
+		//#endregion
+		//#region src/client/WorkBuddyPluginCard.tsx
+		/** WorkBuddy status card contributed to Harness Plugin configuration. */
+		const POLL_INTERVAL_MS = 6e4;
+		const cardStyle = {
+			overflow: "hidden",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 10,
+			background: "var(--dsw-alias-bg-module-platform)"
+		};
+		const headerStyle = {
+			boxSizing: "border-box",
+			width: "100%",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			gap: 16,
+			border: 0,
+			padding: "13px 14px",
+			background: "transparent",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			textAlign: "left",
+			cursor: "pointer"
+		};
+		const headTextStyle = {
+			display: "flex",
+			minWidth: 0,
+			flexDirection: "column",
+			gap: 3
+		};
+		const nameStyle = {
+			fontSize: 14,
+			lineHeight: "20px",
+			fontWeight: 600
+		};
+		const descriptionStyle = {
+			fontSize: 13,
+			lineHeight: "18px",
+			color: "var(--dsw-alias-label-tertiary)"
+		};
+		const chevronStyle = {
+			flex: "0 0 auto",
+			fontSize: 18,
+			lineHeight: 1,
+			transition: "transform 120ms ease"
+		};
+		const cardBodyStyle = {
+			borderTop: "1px solid var(--dsw-alias-border-l2)",
+			padding: "16px 14px 18px"
+		};
+		const bodyStyle = {
+			margin: 0,
+			fontSize: 14,
+			lineHeight: "22px",
+			color: "var(--dsw-alias-label-secondary)"
+		};
+		const rowStyle = {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			flexWrap: "wrap",
+			gap: 12
+		};
+		const statusStyle = {
+			display: "flex",
+			alignItems: "center",
+			gap: 9,
+			fontSize: 15,
+			fontWeight: 500,
+			color: "var(--dsw-alias-label-primary)"
+		};
+		const buttonStyle = {
+			boxSizing: "border-box",
+			minHeight: 34,
+			padding: "6px 14px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 18,
+			background: "var(--dsw-alias-bg-layer-1)",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			fontSize: 14,
+			cursor: "pointer"
+		};
+		const errorStyle = {
+			...bodyStyle,
+			color: "var(--dsw-alias-state-error-primary)"
+		};
+		const quotaListStyle = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 18,
+			paddingTop: 2
+		};
+		const quotaGroupStyle = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 10
+		};
+		const quotaTitleStyle = {
+			margin: 0,
+			fontSize: 14,
+			lineHeight: "20px",
+			fontWeight: 600,
+			color: "var(--dsw-alias-label-primary)"
+		};
+		const quotaLabelStyle = {
+			display: "flex",
+			justifyContent: "space-between",
+			gap: 12,
+			fontSize: 13,
+			lineHeight: "20px",
+			color: "var(--dsw-alias-label-secondary)"
+		};
+		const progressTrackStyle = {
+			height: 8,
+			overflow: "hidden",
+			borderRadius: 999,
+			background: "var(--dsw-alias-bg-layer-2, rgba(0, 0, 0, 0.08))"
+		};
+		function progressFillStyle(percent) {
+			return {
+				width: `${Math.max(0, Math.min(100, percent))}%`,
+				height: "100%",
+				borderRadius: "inherit",
+				background: "var(--dsw-alias-brand-primary, #1677ff)"
+			};
+		}
+		function dotStyle(status) {
+			return {
+				width: 9,
+				height: 9,
+				borderRadius: "50%",
+				flex: "0 0 auto",
+				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)"
+			};
+		}
+		function formatNumber(value) {
+			return new Intl.NumberFormat(void 0).format(value);
+		}
+		function formatTime(ms) {
+			return new Intl.DateTimeFormat(void 0, {
+				dateStyle: "medium",
+				timeStyle: "short"
+			}).format(new Date(ms));
+		}
+		/** One billing package as a labeled progress bar. */
+		function CreditBar({ label, remain, size, t }) {
+			const detail = size > 0 ? t("exactRemaining", {
+				remain: formatNumber(remain),
+				size: formatNumber(size)
+			}) : t("creditPackageUnknownSize", { remain: formatNumber(remain) });
+			const percent = size > 0 ? remain / size * 100 : 100;
+			const display = new Intl.NumberFormat(void 0, { maximumFractionDigits: 1 }).format(percent);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: quotaGroupStyle,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: quotaLabelStyle,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("percentRemaining", { percent: display }) })]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: progressTrackStyle,
+						role: "progressbar",
+						"aria-label": label,
+						"aria-valuemin": 0,
+						"aria-valuemax": 100,
+						"aria-valuenow": percent,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: progressFillStyle(percent) })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: bodyStyle,
+						children: detail
+					})
+				]
+			});
+		}
+		/** Render WorkBuddy sign-in state and credit as one expandable card. */
+		function WorkBuddyPluginCard({ t }) {
+			if (t === void 0) throw new Error("WorkBuddy plugin card requires its translation function");
+			const [open, setOpen] = (0, react.useState)(false);
+			const [status, setStatus] = (0, react.useState)({ status: "signed-out" });
+			const [busy, setBusy] = (0, react.useState)(false);
+			const mounted = (0, react.useRef)(true);
+			(0, react.useEffect)(() => {
+				mounted.current = true;
+				return () => {
+					mounted.current = false;
+				};
+			}, []);
+			const refresh = (0, react.useCallback)(async (signal) => {
+				try {
+					const response = await fetch(WORKBUDDY_STATUS_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);
+				} catch (error) {
+					if (mounted.current && signal?.aborted !== true) setStatus({
+						status: "error",
+						message: error instanceof Error ? error.message : t("requestFailed")
+					});
+				}
+			}, [t]);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const controller = new AbortController();
+				refresh(controller.signal);
+				return () => {
+					controller.abort();
+				};
+			}, [open, refresh]);
+			(0, react.useEffect)(() => {
+				if (!open || status.status !== "signed-in") return;
+				const controller = new AbortController();
+				const timer = window.setInterval(() => {
+					refresh(controller.signal);
+				}, POLL_INTERVAL_MS);
+				return () => {
+					window.clearInterval(timer);
+					controller.abort();
+				};
+			}, [
+				open,
+				refresh,
+				status.status
+			]);
+			const manualRefresh = async () => {
+				setBusy(true);
+				try {
+					await refresh();
+				} finally {
+					if (mounted.current) setBusy(false);
+				}
+			};
+			const title = t("title");
+			const label = status.status === "signed-in" ? status.nickname === void 0 ? t("signedInAs", { nickname: "" }).replace(/[:：]\s*$/, "") : t("signedInAs", { nickname: status.nickname }) : status.status === "error" ? t("requestFailed") : t("signedOut");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				style: cardStyle,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					style: headerStyle,
+					"aria-expanded": open,
+					"aria-label": `${t(open ? "collapse" : "expand")}: ${title}`,
+					onClick: () => {
+						setOpen(!open);
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						style: headTextStyle,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: nameStyle,
+							children: title
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: descriptionStyle,
+							children: t("intro")
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						"aria-hidden": "true",
+						style: {
+							...chevronStyle,
+							transform: open ? "rotate(180deg)" : "none"
+						},
+						children: "⌄"
+					})]
+				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: cardBodyStyle,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							style: quotaTitleStyle,
+							children: t("accountHeading")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: rowStyle,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: statusStyle,
+								role: "status",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									"aria-hidden": "true",
+									style: dotStyle(status.status)
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								style: buttonStyle,
+								disabled: busy,
+								onClick: () => {
+									manualRefresh();
+								},
+								children: busy ? t("refreshing") : t("refresh")
+							})]
+						}),
+						status.status === "signed-in" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							status.expiresAt === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								style: bodyStyle,
+								children: t("accessTokenExpires", { time: formatTime(status.expiresAt) })
+							}),
+							status.credits === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: quotaListStyle,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: rowStyle,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+										style: quotaTitleStyle,
+										children: t("creditsHeading")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: bodyStyle,
+										children: t("creditsTotal", { total: formatNumber(status.credits.total) })
+									})]
+								}), status.credits.accounts.filter((account) => account.remain > 0).map((account, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CreditBar, {
+									label: account.packageName,
+									remain: account.remain,
+									size: account.size,
+									t
+								}, `${account.packageName}-${String(index)}`))]
+							}),
+							status.creditsError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								style: errorStyle,
+								children: t("creditsError", { message: status.creditsError })
+							})
+						] }) : null,
+						status.status === "signed-out" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							style: bodyStyle,
+							children: t("signedOutHint")
+						}) : null,
+						status.status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							style: errorStyle,
+							children: status.message
+						}) : null
+					]
+				}) : null]
+			});
+		}
+		//#endregion
+		//#region src/client/locales.ts
+		/** Plugin-card copy registered under the settings.workbuddy locale namespace. */
+		const en = {
+			title: "DSH WorkBuddy Connect",
+			intro: "Use the models in the WorkBuddy desktop app directly in DSH — zero configuration, ready out of the box.",
+			expand: "Expand",
+			collapse: "Collapse",
+			loading: "Loading account…",
+			signedOut: "Not signed in",
+			signedOutHint: "Sign in once in the WorkBuddy desktop app; this plugin follows that sign-in automatically.",
+			signedInAs: "Signed in as {nickname}",
+			accessTokenExpires: "Access token expires {time} (refresh is automatic)",
+			creditsHeading: "Remaining credit",
+			creditsTotal: "Total: {total}",
+			percentRemaining: "{percent}% remaining",
+			exactRemaining: "{remain} / {size} remaining",
+			creditPackageUnknownSize: "{remain} remaining",
+			creditsError: "Credit unavailable: {message}",
+			refresh: "Refresh",
+			refreshing: "Refreshing…",
+			requestFailed: "Request failed",
+			accountHeading: "Account"
+		};
+		const zh = {
+			title: "DSH WorkBuddy Connect",
+			intro: "在 DSH 中直接使用 WorkBuddy 桌面 App 包含的模型，开箱即用，无需额外配置。",
+			expand: "展开",
+			collapse: "收起",
+			loading: "正在读取账号…",
+			signedOut: "未登录",
+			signedOutHint: "在 WorkBuddy 桌面 App 里登录一次即可，插件会自动跟随当前登录的账号。",
+			signedInAs: "已登录：{nickname}",
+			accessTokenExpires: "访问令牌 {time} 过期（自动续期）",
+			creditsHeading: "剩余积分",
+			creditsTotal: "合计：{total}",
+			percentRemaining: "剩余 {percent}%",
+			exactRemaining: "剩余 {remain} / {size}",
+			creditPackageUnknownSize: "剩余 {remain}",
+			creditsError: "积分查询失败：{message}",
+			refresh: "刷新",
+			refreshing: "正在刷新…",
+			requestFailed: "请求失败",
+			accountHeading: "账号"
+		};
+		//#endregion
+		//#region src/client/index.tsx
+		/** Stable browser-plugin name. */
+		const name = "dsh-workbuddy-connect-client";
+		/** Client services required by the Plugin configuration contribution. */
+		const inject = ["slots", "locale"];
+		/**
+		* Register card copy and the WorkBuddy 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 `workbuddy` model channel is unaffected, and `dsh-workbuddy-connect
+		* status` reports host health via the heartbeat file.
+		*
+		* 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.
+		* That test therefore does not import this function — it replicates its
+		* shape. If you change the guarded body or the `console.error` message here,
+		* update the mirrored `apply()` in that spec too, or the fallback test will
+		* silently diverge from this real implementation.
+		*/
+		function apply(ctx) {
+			try {
+				const namespace = "settings.workbuddy";
+				ctx.effect(() => ctx.locale.register(namespace, {
+					zh,
+					en
+				}), "dsh-workbuddy-connect: settings copy");
+				const t = ctx.locale.bind(namespace);
+				ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
+					name: "settings.plugin.item",
+					key: "workbuddy",
+					priority: 30,
+					inject: () => ({ t })
+				}, WorkBuddyPluginCard));
+			} catch (error) {
+				console.error("[dsh-workbuddy-connect] client card failed to load (host provider unaffected):", error);
+			}
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		exports.name = name;
+		return module.exports;
+	}
+});