dsh-claude-subscription 0.2.0

package/lib/client.js

@@ -0,0 +1,769 @@
+window.__ModuleLoader__.load({
+	id: "dsh-claude-subscription",
+	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/composer-quota.js
+		const SHARED_WINDOW_IDS = Object.freeze(["five_hour", "seven_day"]);
+		const MODEL_WINDOW_IDS = Object.freeze({
+			opus: "seven_day_opus",
+			sonnet: "seven_day_sonnet"
+		});
+		const isDisplayableWindow = (window) => Number.isFinite(window?.remainingPercent) && window.remainingPercent >= 0 && window.remainingPercent <= 100;
+		const normalized = (value) => String(value ?? "").toLocaleLowerCase("en-US");
+		function applicableIds(model) {
+			const name = normalized(model);
+			const family = Object.entries(MODEL_WINDOW_IDS).find(([key]) => name.includes(key));
+			return family === void 0 ? SHARED_WINDOW_IDS : [...SHARED_WINDOW_IDS, family[1]];
+		}
+		/** Pick the tightest quota window that constrains the given model. */
+		function selectModelQuota(usage, model) {
+			const ids = applicableIds(model);
+			const windows = Array.isArray(usage?.windows) ? usage.windows.filter((window) => ids.includes(window?.id) && isDisplayableWindow(window)) : [];
+			if (windows.length === 0) return void 0;
+			const selected = windows.reduce((lowest, candidate) => candidate.remainingPercent < lowest.remainingPercent ? candidate : lowest);
+			return {
+				id: selected.id,
+				remainingPercent: selected.remainingPercent,
+				...Number.isSafeInteger(selected.resetsAt) ? { resetsAt: selected.resetsAt } : {}
+			};
+		}
+		//#endregion
+		//#region src/settings-contract.js
+		const SETTINGS_NAMESPACE = "claude-subscription";
+		const QUICK_QUOTA_FIELD = "quickQuotaVisible";
+		Object.freeze({ [QUICK_QUOTA_FIELD]: false });
+		//#endregion
+		//#region src/client.jsx
+		const inject = [
+			"slots",
+			"locale",
+			"connection",
+			"remote",
+			"settingsScope",
+			"modelDirectories"
+		];
+		const NS = "settings.claudeSubscription";
+		const CHANNEL = "/claude-subscription";
+		const PROVIDER = "anthropic";
+		const QUICK_QUOTA_REFRESH_EVENT = "dsh-claude-subscription:refresh-quick-quota";
+		const QUICK_QUOTA_REFRESH_MS = 6e4;
+		const zh = {
+			nav: "Claude 訂閱",
+			title: "Claude 訂閱",
+			connected: "已登入",
+			disconnected: "未登入",
+			accountLoading: "正在讀取帳戶狀態…",
+			browserLogin: "瀏覽器登入",
+			logout: "登出",
+			cancel: "取消",
+			submit: "提交授權碼",
+			openLogin: "開啟登入頁",
+			manualCode: "若瀏覽器回呼沒有自動完成，請貼上授權碼或完整的重新導向網址。",
+			waiting: "正在等待登入完成…",
+			failed: "登入失敗，請重試。",
+			loadFailed: "無法讀取 Claude 狀態。",
+			quickQuotaSetting: "輸入框額度",
+			quickQuotaBeta: "Beta",
+			quickQuotaStatus: "Claude 剩餘額度 {value}%",
+			preferenceFailed: "無法更新設定，請重試。",
+			usage: "訂閱額度",
+			refresh: "重新整理",
+			refreshing: "重新整理中…",
+			noUsage: "登入後可讀取 Anthropic 回報的額度視窗。",
+			usageLoading: "正在讀取額度…",
+			usageEmpty: "此帳戶沒有回傳可顯示的額度視窗。請稍後重新整理；這不代表額度為零。",
+			usageUpdated: "更新於 {value}",
+			remaining: "剩餘 {value}%",
+			windowFiveHour: "5 小時額度",
+			windowSevenDay: "7 天額度",
+			windowSevenDayOpus: "Opus 7 天額度",
+			windowSevenDaySonnet: "Sonnet 7 天額度",
+			resets: "重置於 {value}",
+			resetUnknown: "重置時間未提供",
+			extraUsage: "額外用量",
+			extraUsageOff: "未啟用",
+			extraUsageUsed: "已用 {used} / {limit}",
+			extraUsageUsedOnly: "已用 {used}",
+			extraUsageUnknown: "暫無數據"
+		};
+		const en = {
+			nav: "Claude",
+			title: "Claude subscription",
+			connected: "Signed in",
+			disconnected: "Not signed in",
+			accountLoading: "Reading account status…",
+			browserLogin: "Browser sign-in",
+			logout: "Sign out",
+			cancel: "Cancel",
+			submit: "Submit authorization code",
+			openLogin: "Open sign-in page",
+			manualCode: "If the browser callback did not finish automatically, paste the code or full redirect URL.",
+			waiting: "Waiting for sign-in to finish…",
+			failed: "Sign-in failed. Try again.",
+			loadFailed: "Could not read Claude status.",
+			quickQuotaSetting: "Composer quota",
+			quickQuotaBeta: "Beta",
+			quickQuotaStatus: "Claude quota: {value}% remaining",
+			preferenceFailed: "Could not update the setting. Try again.",
+			usage: "Subscription quota",
+			refresh: "Refresh",
+			refreshing: "Refreshing…",
+			noUsage: "Sign in to read the quota windows reported by Anthropic.",
+			usageLoading: "Reading quota…",
+			usageEmpty: "This account returned no displayable quota windows. Refresh later; this does not mean zero quota.",
+			usageUpdated: "Updated {value}",
+			remaining: "{value}% remaining",
+			windowFiveHour: "5-hour quota",
+			windowSevenDay: "7-day quota",
+			windowSevenDayOpus: "Opus 7-day quota",
+			windowSevenDaySonnet: "Sonnet 7-day quota",
+			resets: "Resets {value}",
+			resetUnknown: "Reset time not provided",
+			extraUsage: "Extra usage",
+			extraUsageOff: "Not enabled",
+			extraUsageUsed: "{used} / {limit} used",
+			extraUsageUsedOnly: "{used} used",
+			extraUsageUnknown: "No data yet"
+		};
+		const STYLE = `
+.claudeSubscription{display:flex;flex-direction:column;gap:10px;max-width:720px;color:var(--dsw-alias-label-primary);container-type:inline-size}
+.claudeSubscription h2,.claudeSubscription h3,.claudeSubscription p{margin:0}
+.claudeSubscription h2{font-size:16px;line-height:24px;font-weight:500}.claudeSubscription h3{font-size:14px;line-height:22px;font-weight:500}
+.claudeSubscriptionTag{border:1px solid var(--dsw-alias-border-l3);border-radius:4px;padding:1px 6px;font-size:11px;line-height:16px;color:var(--dsw-alias-label-secondary)}
+.claudeSubscriptionCard{border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-1);padding:14px 16px;display:flex;flex-direction:column;gap:12px}
+.claudeSubscriptionUsageCard{padding:12px 14px;gap:9px}.claudeSubscriptionPreferencesCard{padding:12px 14px;gap:10px}
+.claudeSubscriptionPreference{min-height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;line-height:20px}
+.claudeSubscriptionPreferenceLabel{display:flex;align-items:center;gap:6px;min-width:0}
+.claudeSubscriptionSwitch{position:relative;flex:0 0 auto;width:32px;height:18px;padding:0;border:1px solid var(--dsw-alias-border-l3);border-radius:999px;background:var(--dsw-alias-bg-module-platform);cursor:pointer}.claudeSubscriptionSwitch:disabled{cursor:not-allowed;opacity:.5}.claudeSubscriptionSwitch[aria-checked=true]{background:var(--dsw-alias-label-secondary);border-color:var(--dsw-alias-label-secondary)}
+.claudeSubscriptionSwitchKnob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--dsw-alias-bg-layer-1);transition:transform 120ms var(--ds-ease-in-out)}.claudeSubscriptionSwitch[aria-checked=true] .claudeSubscriptionSwitchKnob{transform:translateX(14px)}
+.claudeSubscriptionAccountRow,.claudeSubscriptionSectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px}
+.claudeSubscriptionStatus{display:flex;align-items:center;gap:8px;font-size:14px;line-height:22px;font-weight:500}
+.claudeSubscriptionDot{width:8px;height:8px;border-radius:50%;background:var(--dsw-alias-label-dimmed)}.claudeSubscriptionDot[data-state=connected]{background:var(--dsw-alias-state-success-primary)}.claudeSubscriptionDot[data-state=disconnected]{background:var(--dsw-alias-state-error-primary)}
+.claudeSubscriptionActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.claudeSubscriptionFlow{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:10px;background:var(--dsw-alias-bg-module-platform)}
+.claudeSubscriptionFlow p{font-size:13px;line-height:20px;color:var(--dsw-alias-label-secondary)}
+.claudeSubscriptionInput{width:100%;box-sizing:border-box}
+.claudeSubscriptionError{font-size:13px;line-height:20px;color:var(--dsw-alias-state-error-primary)}
+.claudeSubscriptionSectionTitle{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.claudeSubscriptionFreshness{font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
+.claudeSubscriptionRefresh{flex:0 0 auto;min-width:72px;width:max-content;white-space:nowrap!important;word-break:keep-all!important}
+.claudeSubscriptionEmpty{padding:18px;border:1px dashed var(--dsw-alias-border-l3);border-radius:10px;text-align:center;font-size:13px;line-height:20px;color:var(--dsw-alias-label-tertiary)}
+.claudeSubscriptionLimits{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px}
+.claudeSubscriptionLimit{min-width:0;border-radius:10px;padding:9px 12px;background:var(--dsw-alias-bg-module-platform);display:flex;flex-direction:column;gap:6px}
+.claudeSubscriptionLimitTop{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
+.claudeSubscriptionLimitLabel{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary)}
+.claudeSubscriptionLimit strong{font:600 18px/24px ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}
+.claudeSubscriptionLimit progress{width:100%;height:4px;border:0;border-radius:999px;overflow:hidden;background:var(--dsw-alias-border-l3);accent-color:var(--dsw-alias-brand-primary,#3964fe);-webkit-appearance:none;appearance:none}
+.claudeSubscriptionLimit progress::-webkit-progress-bar{background:var(--dsw-alias-border-l3);border-radius:999px}.claudeSubscriptionLimit progress::-webkit-progress-value{background:var(--dsw-alias-brand-primary,#3964fe);border-radius:999px}.claudeSubscriptionLimit progress::-moz-progress-bar{background:var(--dsw-alias-brand-primary,#3964fe);border-radius:999px}
+.claudeSubscriptionLimitMeta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
+.claudeSubscriptionExtra{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-radius:10px;padding:9px 12px;background:var(--dsw-alias-bg-module-platform);font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary)}
+.claudeSubscriptionExtra strong{font:600 14px/20px ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary)}
+.claudeComposerQuota{display:inline-flex;align-items:center;flex:0 0 auto;height:28px;box-sizing:border-box;margin-right:-4px;padding:0;color:var(--dsw-alias-label-secondary);font-family:inherit;font-size:12px;line-height:20px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;user-select:none}
+@container (max-width:480px){.claudeSubscriptionAccountRow,.claudeSubscriptionSectionHead{align-items:flex-start;flex-direction:column}.claudeSubscriptionActions{width:100%}}
+@media(max-width:640px){.claudeSubscriptionCard{padding:14px}}
+`;
+		const unwrap = (response) => {
+			if (!response?.ok) throw new Error(response?.error?.message ?? "Claude RPC failed");
+			return response.value;
+		};
+		const fill = (text, values) => Object.entries(values).reduce((next, [key, value]) => next.replace(`{${key}}`, String(value)), text);
+		const percent = (value) => Number(value).toLocaleString(void 0, { maximumFractionDigits: 1 });
+		const WINDOW_LABELS = {
+			five_hour: "windowFiveHour",
+			seven_day: "windowSevenDay",
+			seven_day_opus: "windowSevenDayOpus",
+			seven_day_sonnet: "windowSevenDaySonnet"
+		};
+		const windowLabel = (id, t) => t(WINDOW_LABELS[id] ?? "windowSevenDay");
+		const validDate = (value) => {
+			const date = new Date(value);
+			return Number.isFinite(date.getTime()) ? date : void 0;
+		};
+		const notifyQuickQuota = () => window.dispatchEvent(new Event(QUICK_QUOTA_REFRESH_EVENT));
+		/**
+		* Read the toggle from the settings scope, and fall back to the loopback RPC
+		* while the settings document is still unavailable.
+		*/
+		function createPreferenceController(scope, rpc) {
+			let updating = false;
+			let error = false;
+			let fallbackStatus = "loading";
+			let fallback;
+			let generation = 0;
+			const nativeSnapshot = () => scope.getSnapshot();
+			const read = () => {
+				const native = nativeSnapshot();
+				const current = native.status === "ready" ? native : fallbackStatus === "ready" ? fallback : native;
+				return Object.freeze({
+					status: updating ? "updating" : current.status,
+					visible: current.value?.[QUICK_QUOTA_FIELD] === true,
+					writable: !updating && current.status === "ready" && current.writable === true,
+					error
+				});
+			};
+			let snapshot = read();
+			const listeners = /* @__PURE__ */ new Set();
+			const publish = () => {
+				snapshot = read();
+				for (const listener of listeners) listener();
+			};
+			const disposeScope = scope.subscribe(() => {
+				error = false;
+				publish();
+			});
+			const acceptFallback = (value) => {
+				fallbackStatus = "ready";
+				fallback = {
+					status: "ready",
+					value: { [QUICK_QUOTA_FIELD]: value?.[QUICK_QUOTA_FIELD] === true },
+					writable: value?.writable === true
+				};
+			};
+			const load = async () => {
+				const current = ++generation;
+				updating = false;
+				fallbackStatus = "loading";
+				fallback = void 0;
+				error = false;
+				publish();
+				if (nativeSnapshot().status === "ready") return;
+				try {
+					const value = unwrap(await rpc.call(CHANNEL, "preferences/status", {}));
+					if (current !== generation || nativeSnapshot().status === "ready") return;
+					acceptFallback(value);
+					publish();
+				} catch {
+					if (current !== generation || nativeSnapshot().status === "ready") return;
+					fallbackStatus = "unavailable";
+					publish();
+				}
+			};
+			const set = async (value) => {
+				if (snapshot.status !== "ready" || snapshot.writable !== true) return;
+				const current = ++generation;
+				updating = true;
+				error = false;
+				publish();
+				try {
+					if (nativeSnapshot().status === "ready") {
+						await scope.set(QUICK_QUOTA_FIELD, value);
+						if (current !== generation) return;
+						error = nativeSnapshot().value?.[QUICK_QUOTA_FIELD] !== value;
+					} else {
+						const accepted = unwrap(await rpc.call(CHANNEL, "preferences/update", { [QUICK_QUOTA_FIELD]: value }));
+						if (current !== generation) return;
+						acceptFallback(accepted);
+					}
+				} catch {
+					if (current === generation) error = true;
+				} finally {
+					if (current === generation) {
+						updating = false;
+						publish();
+					}
+				}
+			};
+			return {
+				getSnapshot: () => snapshot,
+				subscribe: (listener) => {
+					listeners.add(listener);
+					return () => listeners.delete(listener);
+				},
+				load,
+				set,
+				dispose: disposeScope
+			};
+		}
+		const usePreferenceSnapshot = (preference) => (0, react.useSyncExternalStore)(preference.subscribe, preference.getSnapshot);
+		function useQuickQuota(rpc, enabled, model) {
+			const [quota, setQuota] = (0, react.useState)();
+			(0, react.useEffect)(() => {
+				if (!enabled) {
+					setQuota(void 0);
+					return;
+				}
+				let live = true;
+				let loading = false;
+				const load = async () => {
+					if (loading) return;
+					loading = true;
+					try {
+						const account = unwrap(await rpc.call(CHANNEL, "status", {}));
+						if (!live) return;
+						if (account?.authenticated !== true) {
+							setQuota(void 0);
+							return;
+						}
+						const usage = unwrap(await rpc.call(CHANNEL, "usage", { force: false }));
+						if (live) setQuota(selectModelQuota(usage, model));
+					} catch {
+						if (live) setQuota(void 0);
+					} finally {
+						loading = false;
+					}
+				};
+				const refresh = () => {
+					load();
+				};
+				load();
+				const timer = window.setInterval(refresh, QUICK_QUOTA_REFRESH_MS);
+				window.addEventListener(QUICK_QUOTA_REFRESH_EVENT, refresh);
+				return () => {
+					live = false;
+					window.clearInterval(timer);
+					window.removeEventListener(QUICK_QUOTA_REFRESH_EVENT, refresh);
+				};
+			}, [
+				rpc,
+				enabled,
+				model
+			]);
+			return quota;
+		}
+		function ClaudeComposerQuota({ preference, rpc, t, directory }) {
+			const preferenceSnapshot = usePreferenceSnapshot(preference);
+			const current = (0, react.useSyncExternalStore)((listener) => directory.subscribe(listener), () => directory.getSnapshot()).current;
+			const enabled = preferenceSnapshot.status === "ready" && preferenceSnapshot.visible && current?.provider === PROVIDER;
+			const quota = useQuickQuota(rpc, enabled, current?.model);
+			if (!enabled || quota === void 0) return null;
+			const value = percent(quota.remainingPercent);
+			const label = fill(t("quickQuotaStatus"), { value });
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "claudeComposerQuota",
+				role: "status",
+				"aria-label": label,
+				title: label,
+				children: [value, "%"]
+			});
+		}
+		function PreferencesCard({ preference, t }) {
+			const snapshot = usePreferenceSnapshot(preference);
+			const visible = snapshot.visible;
+			const writable = snapshot.status === "ready" && snapshot.writable === true;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "claudeSubscriptionCard claudeSubscriptionPreferencesCard",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "claudeSubscriptionPreference",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "claudeSubscriptionPreferenceLabel",
+						children: [t("quickQuotaSetting"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "claudeSubscriptionTag",
+							children: t("quickQuotaBeta")
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						className: "claudeSubscriptionSwitch",
+						type: "button",
+						role: "switch",
+						"aria-checked": visible,
+						"aria-label": t("quickQuotaSetting"),
+						disabled: !writable,
+						onClick: () => {
+							preference.set(!visible);
+						},
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "claudeSubscriptionSwitchKnob",
+							"aria-hidden": "true"
+						})
+					})]
+				}), snapshot.error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "claudeSubscriptionError",
+					role: "alert",
+					children: t("preferenceFailed")
+				}) : null]
+			});
+		}
+		function AccountCard({ rpc, t, account, setAccount, onSignedOut }) {
+			const [flow, setFlow] = (0, react.useState)();
+			const [manualCode, setManualCode] = (0, react.useState)("");
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)();
+			const call = (endpoint, payload = {}) => rpc.call(CHANNEL, endpoint, payload).then(unwrap);
+			(0, react.useEffect)(() => {
+				if (flow?.id === void 0 || [
+					"authenticated",
+					"failed",
+					"cancelled"
+				].includes(flow.phase)) return void 0;
+				const timer = window.setInterval(() => {
+					call("login/status", { id: flow.id }).then((next) => {
+						setFlow(next);
+						if (next.phase === "authenticated") call("status").then((account) => {
+							setAccount(account);
+							notifyQuickQuota();
+						}).catch(() => setError(t("failed")));
+					}).catch(() => setError(t("failed")));
+				}, 800);
+				return () => window.clearInterval(timer);
+			}, [flow?.id, flow?.phase]);
+			const begin = () => {
+				setBusy(true);
+				setError(void 0);
+				call("login/start", {
+					method: "browser",
+					openExternal: true
+				}).then(setFlow).catch(() => setError(t("failed"))).finally(() => setBusy(false));
+			};
+			const cancel = () => {
+				if (flow?.id === void 0) return;
+				setBusy(true);
+				call("login/cancel", { id: flow.id }).then(setFlow).finally(() => setBusy(false));
+			};
+			const submit = (event) => {
+				event.preventDefault();
+				if (flow?.id === void 0 || manualCode.trim() === "") return;
+				setBusy(true);
+				call("login/submit", {
+					id: flow.id,
+					value: manualCode.trim()
+				}).then((next) => {
+					setManualCode("");
+					setFlow(next);
+				}).catch(() => setError(t("failed"))).finally(() => setBusy(false));
+			};
+			const logout = () => {
+				setBusy(true);
+				setError(void 0);
+				call("logout").then((next) => {
+					setAccount(next);
+					setFlow(void 0);
+					onSignedOut();
+					notifyQuickQuota();
+				}).catch(() => setError(t("failed"))).finally(() => setBusy(false));
+			};
+			const signedIn = account?.authenticated === true;
+			const accountReady = account !== void 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "claudeSubscriptionCard",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "claudeSubscriptionAccountRow",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "claudeSubscriptionStatus",
+							role: "status",
+							"aria-live": "polite",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "claudeSubscriptionDot",
+								"data-state": accountReady ? signedIn ? "connected" : "disconnected" : "loading",
+								"aria-hidden": "true"
+							}), accountReady ? signedIn ? t("connected") : t("disconnected") : t("accountLoading")]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "claudeSubscriptionActions",
+							children: signedIn ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								type: "button",
+								variant: "outline",
+								disabled: busy,
+								onClick: logout,
+								children: t("logout")
+							}) : accountReady && (flow === void 0 || ["failed", "cancelled"].includes(flow.phase)) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								type: "button",
+								variant: "primary",
+								disabled: busy,
+								onClick: begin,
+								children: t("browserLogin")
+							}) : null
+						})]
+					}),
+					!signedIn && flow?.phase === "waiting_input" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+						className: "claudeSubscriptionFlow",
+						onSubmit: submit,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("manualCode") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+								className: "claudeSubscriptionInput",
+								value: manualCode,
+								onChange: (event) => setManualCode(event.currentTarget.value),
+								autoComplete: "off",
+								spellCheck: false
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "claudeSubscriptionActions",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									type: "submit",
+									variant: "primary",
+									disabled: busy || manualCode.trim() === "",
+									children: t("submit")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									type: "button",
+									variant: "outline",
+									disabled: busy,
+									onClick: cancel,
+									children: t("cancel")
+								})]
+							})
+						]
+					}) : null,
+					!signedIn && flow !== void 0 && ["starting", "waiting_browser"].includes(flow.phase) ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "claudeSubscriptionFlow",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("waiting") }),
+							flow.authUrl === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+								href: flow.authUrl,
+								target: "_blank",
+								rel: "noreferrer",
+								children: t("openLogin")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								type: "button",
+								variant: "outline",
+								disabled: busy,
+								onClick: cancel,
+								children: t("cancel")
+							})
+						]
+					}) : null,
+					flow?.phase === "failed" || error !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "claudeSubscriptionError",
+						role: "alert",
+						children: error ?? t("failed")
+					}) : null
+				]
+			});
+		}
+		function ResetTime({ resetsAt, t }) {
+			const date = Number.isSafeInteger(resetsAt) ? validDate(resetsAt * 1e3) : void 0;
+			if (date === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("resetUnknown") });
+			const value = date.toLocaleString(void 0, {
+				month: "numeric",
+				day: "numeric",
+				hour: "2-digit",
+				minute: "2-digit"
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("time", {
+				dateTime: date.toISOString(),
+				title: date.toLocaleString(),
+				children: fill(t("resets"), { value })
+			});
+		}
+		function ExtraUsageRow({ extraUsage, t }) {
+			const detail = !extraUsage.enabled ? t("extraUsageOff") : extraUsage.usedCredits === void 0 ? t("extraUsageUnknown") : extraUsage.monthlyLimit === void 0 ? fill(t("extraUsageUsedOnly"), { used: extraUsage.usedCredits }) : fill(t("extraUsageUsed"), {
+				used: extraUsage.usedCredits,
+				limit: extraUsage.monthlyLimit
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "claudeSubscriptionExtra",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("extraUsage") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: detail })]
+			});
+		}
+		function UsageCard({ rpc, t, signedIn, resetKey }) {
+			const [usage, setUsage] = (0, react.useState)();
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)();
+			const request = (0, react.useRef)(0);
+			const load = (force) => {
+				if (!signedIn) return;
+				const id = ++request.current;
+				setBusy(true);
+				setError(void 0);
+				rpc.call(CHANNEL, "usage", { force }).then(unwrap).then((next) => {
+					if (request.current === id) {
+						setUsage(next);
+						if (force) notifyQuickQuota();
+					}
+				}).catch((error) => {
+					if (request.current === id) setError(error.message);
+				}).finally(() => {
+					if (request.current === id) setBusy(false);
+				});
+			};
+			(0, react.useEffect)(() => {
+				if (signedIn) load(false);
+				else {
+					request.current += 1;
+					setUsage(void 0);
+					setError(void 0);
+					setBusy(false);
+				}
+				return () => {
+					request.current += 1;
+				};
+			}, [signedIn, resetKey]);
+			const visibleUsage = signedIn ? usage : void 0;
+			const windows = visibleUsage?.windows ?? [];
+			const hasDetails = windows.length > 0 || visibleUsage?.extraUsage !== void 0;
+			const fetchedAt = typeof visibleUsage?.fetchedAt === "number" ? validDate(visibleUsage.fetchedAt) : void 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "claudeSubscriptionCard claudeSubscriptionUsageCard",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "claudeSubscriptionSectionHead",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "claudeSubscriptionSectionTitle",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("usage") }), fetchedAt === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("time", {
+								className: "claudeSubscriptionFreshness",
+								dateTime: fetchedAt.toISOString(),
+								children: fill(t("usageUpdated"), { value: fetchedAt.toLocaleString() })
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							className: "claudeSubscriptionRefresh",
+							type: "button",
+							variant: "outline",
+							disabled: !signedIn || busy,
+							"aria-busy": busy,
+							onClick: () => load(true),
+							children: busy ? t("refreshing") : t("refresh")
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						"aria-live": "polite",
+						children: [
+							!signedIn ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "claudeSubscriptionEmpty",
+								children: t("noUsage")
+							}) : null,
+							signedIn && busy && usage === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "claudeSubscriptionEmpty",
+								role: "status",
+								children: t("usageLoading")
+							}) : null,
+							signedIn && !busy && error === void 0 && usage !== void 0 && !hasDetails ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "claudeSubscriptionEmpty",
+								role: "status",
+								children: t("usageEmpty")
+							}) : null
+						]
+					}),
+					error === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "claudeSubscriptionError",
+						role: "alert",
+						children: error
+					}),
+					windows.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "claudeSubscriptionLimits",
+						children: windows.map((window) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "claudeSubscriptionLimit",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "claudeSubscriptionLimitTop",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "claudeSubscriptionLimitLabel",
+										children: windowLabel(window.id, t)
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("strong", { children: [percent(window.remainingPercent), "%"] })]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("progress", {
+									max: "100",
+									value: window.remainingPercent,
+									"aria-label": `${windowLabel(window.id, t)} ${fill(t("remaining"), { value: percent(window.remainingPercent) })}`
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "claudeSubscriptionLimitMeta",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResetTime, {
+										resetsAt: window.resetsAt,
+										t
+									})
+								})
+							]
+						}, window.id))
+					}),
+					visibleUsage?.extraUsage === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExtraUsageRow, {
+						extraUsage: visibleUsage.extraUsage,
+						t
+					})
+				]
+			});
+		}
+		function ClaudeSection({ preference, rpc, t }) {
+			const [account, setAccount] = (0, react.useState)();
+			const [error, setError] = (0, react.useState)();
+			const [resetKey, setResetKey] = (0, react.useState)(0);
+			(0, react.useEffect)(() => {
+				let live = true;
+				rpc.call(CHANNEL, "status", {}).then(unwrap).then((next) => {
+					if (live) setAccount(next);
+				}).catch(() => {
+					if (live) setError(t("loadFailed"));
+				});
+				return () => {
+					live = false;
+				};
+			}, []);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "claudeSubscription",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: t("title") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountCard, {
+						rpc,
+						t,
+						account,
+						setAccount,
+						onSignedOut: () => setResetKey((value) => value + 1)
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PreferencesCard, {
+						preference,
+						t
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageCard, {
+						rpc,
+						t,
+						signedIn: account?.authenticated === true,
+						resetKey
+					}),
+					error === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "claudeSubscriptionError",
+						role: "alert",
+						children: error
+					})
+				]
+			});
+		}
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "claude-subscription: copy");
+			ctx.effect(() => {
+				const tag = document.createElement("style");
+				tag.dataset.plugin = "dsh-claude-subscription";
+				tag.textContent = STYLE;
+				document.head.append(tag);
+				return () => tag.remove();
+			}, "claude-subscription: style");
+			const connection = ctx.get("connection");
+			const preference = createPreferenceController(ctx.settingsScope.bind({ namespace: SETTINGS_NAMESPACE }), connection.rpc);
+			ctx.effect(() => {
+				preference.load();
+				const disposeReset = ctx.on("connection/reset", () => {
+					preference.load();
+				});
+				return () => {
+					disposeReset?.();
+					preference.dispose();
+				};
+			}, "claude-subscription: preferences");
+			const t = ctx.locale.bind(NS);
+			ctx.slots.inject("settings.section", () => ctx.slots.register({
+				name: "settings.section",
+				id: "claude-subscription",
+				order: 16,
+				label: () => t("nav"),
+				locale: NS,
+				inject: () => ({
+					preference,
+					rpc: connection.rpc,
+					t
+				})
+			}, ClaudeSection));
+			ctx.slots.inject("conversation.input.right", () => ctx.slots.register({
+				name: "conversation.input.right",
+				id: "claude-subscription-quota",
+				order: 16,
+				locale: NS,
+				inject: (sessionId) => ({
+					preference,
+					rpc: connection.rpc,
+					t,
+					directory: ctx.modelDirectories.directoryFor(sessionId).store
+				})
+			}, ClaudeComposerQuota));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map