dsh-claude-subscription 0.3.1 → 0.4.0

package/lib/client.js

@@ -1,792 +1,838 @@
-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 isDisplayableWindow = (window) => Number.isFinite(window?.remainingPercent) && window.remainingPercent >= 0 && window.remainingPercent <= 100;
-		/** Pick the tightest API-reported quota window that applies to the model. */
-		function selectModelQuota(usage, model) {
-			const windows = Array.isArray(usage?.windows) ? usage.windows.filter((window) => (window.appliesTo === "all" || window.appliesTo === model) && 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}%",
-			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",
-			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 money = (value, currency, decimalPlaces) => new Intl.NumberFormat(void 0, {
-			style: "currency",
-			currency,
-			currencyDisplay: "code",
-			minimumFractionDigits: decimalPlaces,
-			maximumFractionDigits: decimalPlaces
-		}).format(value / 10 ** decimalPlaces);
-		const windowLabel = (window) => window.label ?? window.id;
-		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 amount = (value) => money(value, extraUsage.currency, extraUsage.decimalPlaces);
-			const hasExactAmount = extraUsage.usedCredits !== void 0 && extraUsage.currency !== void 0 && extraUsage.decimalPlaces !== void 0;
-			const detail = !extraUsage.enabled ? t("extraUsageOff") : !hasExactAmount ? t("extraUsageUnknown") : extraUsage.monthlyLimit === void 0 ? fill(t("extraUsageUsedOnly"), { used: amount(extraUsage.usedCredits) }) : fill(t("extraUsageUsed"), {
-				used: amount(extraUsage.usedCredits),
-				limit: amount(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)
-									}), /* @__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)} ${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 ClaudeProviderAuth({ provider, rpc, t }) {
-			const [account, setAccount] = (0, react.useState)();
-			const [error, setError] = (0, react.useState)();
-			const isClaude = provider?.provider === PROVIDER;
-			(0, react.useEffect)(() => {
-				if (!isClaude) return;
-				let live = true;
-				rpc.call(CHANNEL, "status", {}).then(unwrap).then((next) => {
-					if (live) setAccount(next);
-				}).catch(() => {
-					if (live) setError(t("loadFailed"));
-				});
-				return () => {
-					live = false;
-				};
-			}, [isClaude, rpc, t]);
-			if (!isClaude) return null;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, {
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountCard, {
-					rpc,
-					t,
-					account,
-					setAccount,
-					onSignedOut: () => void 0
-				}), error === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "claudeSubscriptionError",
-					role: "alert",
-					children: error
-				})]
-			});
-		}
-		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("settings.models.provider-card", () => ctx.slots.register({
-				name: "settings.models.provider-card",
-				key: "llm-pi-ai",
-				locale: NS,
-				inject: () => ({
-					rpc: connection.rpc,
-					t
-				})
-			}, ClaudeProviderAuth));
-			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
+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.ts
+		function isDisplayableWindow(window) {
+		    return (Number.isFinite(window?.remainingPercent) &&
+		        window.remainingPercent >= 0 &&
+		        window.remainingPercent <= 100);
+		}
+		/** Pick the tightest API-reported quota window that applies to the model. */
+		function selectModelQuota(usage, model) {
+		    const windows = Array.isArray(usage?.windows)
+		        ? usage.windows.filter((window) => (window.appliesTo === "all" || window.appliesTo === model) &&
+		            isDisplayableWindow(window))
+		        : [];
+		    if (windows.length === 0)
+		        return undefined;
+		    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.ts
+		const SETTINGS_NAMESPACE = "claude-subscription";
+		const QUICK_QUOTA_FIELD = "quickQuotaVisible";
+		Object.freeze({ [QUICK_QUOTA_FIELD]: false });
+		//#endregion
+		//#region src/money.ts
+		function money(value, currency, decimalPlaces) {
+		    return new Intl.NumberFormat(undefined, {
+		        style: "currency",
+		        currency,
+		        currencyDisplay: "code",
+		        minimumFractionDigits: decimalPlaces,
+		        maximumFractionDigits: decimalPlaces,
+		    }).format(value / 10 ** decimalPlaces);
+		}
+		//#endregion
+		//#region src/client.ts
+		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}%",
+		    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",
+		    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 windowLabel = (window) => window.label ?? window.id;
+		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 host 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) => react.useSyncExternalStore(preference.subscribe, preference.getSnapshot);
+		function useQuickQuota(rpc, enabled, model) {
+		    const [quota, setQuota] = react.useState(undefined);
+		    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 = 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__ */ 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__ */ react_jsx_runtime.jsxs("div", {
+		        className: "claudeSubscriptionCard claudeSubscriptionPreferencesCard",
+		        children: [/* @__PURE__ */ react_jsx_runtime.jsxs("div", {
+		                className: "claudeSubscriptionPreference",
+		                children: [/* @__PURE__ */ react_jsx_runtime.jsxs("span", {
+		                        className: "claudeSubscriptionPreferenceLabel",
+		                        children: [t("quickQuotaSetting"), /* @__PURE__ */ react_jsx_runtime.jsx("span", {
+		                                className: "claudeSubscriptionTag",
+		                                children: t("quickQuotaBeta")
+		                            })]
+		                    }), /* @__PURE__ */ 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__ */ react_jsx_runtime.jsx("span", {
+		                            className: "claudeSubscriptionSwitchKnob",
+		                            "aria-hidden": "true"
+		                        })
+		                    })]
+		            }), snapshot.error ? /* @__PURE__ */ react_jsx_runtime.jsx("p", {
+		                className: "claudeSubscriptionError",
+		                role: "alert",
+		                children: t("preferenceFailed")
+		            }) : null]
+		    });
+		}
+		function AccountCard({ rpc, t, account, setAccount, onSignedOut }) {
+		    const [flow, setFlow] = react.useState(undefined);
+		    const [manualCode, setManualCode] = react.useState("");
+		    const [busy, setBusy] = react.useState(false);
+		    const [error, setError] = react.useState(undefined);
+		    const call = (endpoint, payload = {}) => rpc.call(CHANNEL, endpoint, payload).then(unwrap);
+		    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__ */ react_jsx_runtime.jsxs("div", {
+		        className: "claudeSubscriptionCard",
+		        children: [
+		            /* @__PURE__ */ react_jsx_runtime.jsxs("div", {
+		                className: "claudeSubscriptionAccountRow",
+		                children: [/* @__PURE__ */ react_jsx_runtime.jsxs("div", {
+		                        className: "claudeSubscriptionStatus",
+		                        role: "status",
+		                        "aria-live": "polite",
+		                        children: [/* @__PURE__ */ 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__ */ react_jsx_runtime.jsx("div", {
+		                        className: "claudeSubscriptionActions",
+		                        children: signedIn ? /* @__PURE__ */ 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__ */ 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__ */ react_jsx_runtime.jsxs("form", {
+		                className: "claudeSubscriptionFlow",
+		                onSubmit: submit,
+		                children: [
+		                    /* @__PURE__ */ react_jsx_runtime.jsx("p", { children: t("manualCode") }),
+		                    /* @__PURE__ */ 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__ */ react_jsx_runtime.jsxs("div", {
+		                        className: "claudeSubscriptionActions",
+		                        children: [/* @__PURE__ */ react_jsx_runtime.jsx(_deepseek_ai_dsh_client_ui_primitives.Button, {
+		                                type: "submit",
+		                                variant: "primary",
+		                                disabled: busy || manualCode.trim() === "",
+		                                children: t("submit")
+		                            }), /* @__PURE__ */ 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__ */ react_jsx_runtime.jsxs("div", {
+		                className: "claudeSubscriptionFlow",
+		                children: [
+		                    /* @__PURE__ */ react_jsx_runtime.jsx("p", { children: t("waiting") }),
+		                    flow.authUrl === void 0 ? null : /* @__PURE__ */ react_jsx_runtime.jsx("a", {
+		                        href: flow.authUrl,
+		                        target: "_blank",
+		                        rel: "noreferrer",
+		                        children: t("openLogin")
+		                    }),
+		                    /* @__PURE__ */ 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__ */ 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__ */ 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__ */ react_jsx_runtime.jsx("time", {
+		        dateTime: date.toISOString(),
+		        title: date.toLocaleString(),
+		        children: fill(t("resets"), { value })
+		    });
+		}
+		function ExtraUsageRow({ extraUsage, t }) {
+		    const amount = (value) => money(value, extraUsage.currency, extraUsage.decimalPlaces);
+		    const hasExactAmount = extraUsage.usedCredits !== void 0 && extraUsage.currency !== void 0 && extraUsage.decimalPlaces !== void 0;
+		    const detail = !extraUsage.enabled ? t("extraUsageOff") : !hasExactAmount ? t("extraUsageUnknown") : extraUsage.monthlyLimit === void 0 ? fill(t("extraUsageUsedOnly"), { used: amount(extraUsage.usedCredits) }) : fill(t("extraUsageUsed"), {
+		        used: amount(extraUsage.usedCredits),
+		        limit: amount(extraUsage.monthlyLimit)
+		    });
+		    return /* @__PURE__ */ react_jsx_runtime.jsxs("div", {
+		        className: "claudeSubscriptionExtra",
+		        children: [/* @__PURE__ */ react_jsx_runtime.jsx("span", { children: t("extraUsage") }), /* @__PURE__ */ react_jsx_runtime.jsx("strong", { children: detail })]
+		    });
+		}
+		function UsageCard({ rpc, t, signedIn, resetKey }) {
+		    const [usage, setUsage] = react.useState(undefined);
+		    const [busy, setBusy] = react.useState(false);
+		    const [error, setError] = react.useState(undefined);
+		    const request = 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);
+		        });
+		    };
+		    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__ */ react_jsx_runtime.jsxs("div", {
+		        className: "claudeSubscriptionCard claudeSubscriptionUsageCard",
+		        children: [
+		            /* @__PURE__ */ react_jsx_runtime.jsxs("div", {
+		                className: "claudeSubscriptionSectionHead",
+		                children: [/* @__PURE__ */ react_jsx_runtime.jsxs("div", {
+		                        className: "claudeSubscriptionSectionTitle",
+		                        children: [/* @__PURE__ */ react_jsx_runtime.jsx("h3", { children: t("usage") }), fetchedAt === void 0 ? null : /* @__PURE__ */ react_jsx_runtime.jsx("time", {
+		                                className: "claudeSubscriptionFreshness",
+		                                dateTime: fetchedAt.toISOString(),
+		                                children: fill(t("usageUpdated"), { value: fetchedAt.toLocaleString() })
+		                            })]
+		                    }), /* @__PURE__ */ 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__ */ react_jsx_runtime.jsxs("div", {
+		                "aria-live": "polite",
+		                children: [
+		                    !signedIn ? /* @__PURE__ */ react_jsx_runtime.jsx("p", {
+		                        className: "claudeSubscriptionEmpty",
+		                        children: t("noUsage")
+		                    }) : null,
+		                    signedIn && busy && usage === void 0 ? /* @__PURE__ */ react_jsx_runtime.jsx("p", {
+		                        className: "claudeSubscriptionEmpty",
+		                        role: "status",
+		                        children: t("usageLoading")
+		                    }) : null,
+		                    signedIn && !busy && error === void 0 && usage !== void 0 && !hasDetails ? /* @__PURE__ */ react_jsx_runtime.jsx("p", {
+		                        className: "claudeSubscriptionEmpty",
+		                        role: "status",
+		                        children: t("usageEmpty")
+		                    }) : null
+		                ]
+		            }),
+		            error === void 0 ? null : /* @__PURE__ */ react_jsx_runtime.jsx("p", {
+		                className: "claudeSubscriptionError",
+		                role: "alert",
+		                children: error
+		            }),
+		            windows.length === 0 ? null : /* @__PURE__ */ react_jsx_runtime.jsx("div", {
+		                className: "claudeSubscriptionLimits",
+		                children: windows.map((window) => /* @__PURE__ */ react_jsx_runtime.jsxs("div", {
+		                    className: "claudeSubscriptionLimit",
+		                    children: [
+		                        /* @__PURE__ */ react_jsx_runtime.jsxs("div", {
+		                            className: "claudeSubscriptionLimitTop",
+		                            children: [/* @__PURE__ */ react_jsx_runtime.jsx("span", {
+		                                    className: "claudeSubscriptionLimitLabel",
+		                                    children: windowLabel(window)
+		                                }), /* @__PURE__ */ react_jsx_runtime.jsxs("strong", { children: [percent(window.remainingPercent), "%"] })]
+		                        }),
+		                        /* @__PURE__ */ react_jsx_runtime.jsx("progress", {
+		                            max: "100",
+		                            value: window.remainingPercent,
+		                            "aria-label": `${windowLabel(window)} ${fill(t("remaining"), { value: percent(window.remainingPercent) })}`
+		                        }),
+		                        /* @__PURE__ */ react_jsx_runtime.jsx("div", {
+		                            className: "claudeSubscriptionLimitMeta",
+		                            children: /* @__PURE__ */ react_jsx_runtime.jsx(ResetTime, {
+		                                resetsAt: window.resetsAt,
+		                                t
+		                            })
+		                        })
+		                    ]
+		                }, window.id))
+		            }),
+		            visibleUsage?.extraUsage === void 0 ? null : /* @__PURE__ */ react_jsx_runtime.jsx(ExtraUsageRow, {
+		                extraUsage: visibleUsage.extraUsage,
+		                t
+		            })
+		        ]
+		    });
+		}
+		function ClaudeProviderAuth({ provider, rpc, t }) {
+		    const [account, setAccount] = react.useState(undefined);
+		    const [error, setError] = react.useState(undefined);
+		    const isClaude = provider?.provider === PROVIDER;
+		    react.useEffect(() => {
+		        if (!isClaude)
+		            return;
+		        let live = true;
+		        rpc.call(CHANNEL, "status", {}).then(unwrap).then((next) => {
+		            if (live)
+		                setAccount(next);
+		        }).catch(() => {
+		            if (live)
+		                setError(t("loadFailed"));
+		        });
+		        return () => {
+		            live = false;
+		        };
+		    }, [isClaude, rpc, t]);
+		    if (!isClaude)
+		        return null;
+		    return /* @__PURE__ */ react_jsx_runtime.jsxs(react_jsx_runtime.Fragment, {
+		        children: [/* @__PURE__ */ react_jsx_runtime.jsx(AccountCard, {
+		                rpc,
+		                t,
+		                account,
+		                setAccount,
+		                onSignedOut: () => void 0
+		            }), error === void 0 ? null : /* @__PURE__ */ react_jsx_runtime.jsx("p", {
+		                className: "claudeSubscriptionError",
+		                role: "alert",
+		                children: error
+		            })]
+		    });
+		}
+		function ClaudeSection({ preference, rpc, t }) {
+		    const [account, setAccount] = react.useState(undefined);
+		    const [error, setError] = react.useState(undefined);
+		    const [resetKey, setResetKey] = react.useState(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__ */ react_jsx_runtime.jsxs("section", {
+		        className: "claudeSubscription",
+		        children: [
+		            /* @__PURE__ */ react_jsx_runtime.jsx("h2", { children: t("title") }),
+		            /* @__PURE__ */ react_jsx_runtime.jsx(AccountCard, {
+		                rpc,
+		                t,
+		                account,
+		                setAccount,
+		                onSignedOut: () => setResetKey((value) => value + 1)
+		            }),
+		            /* @__PURE__ */ react_jsx_runtime.jsx(PreferencesCard, {
+		                preference,
+		                t
+		            }),
+		            /* @__PURE__ */ react_jsx_runtime.jsx(UsageCard, {
+		                rpc,
+		                t,
+		                signedIn: account?.authenticated === true,
+		                resetKey
+		            }),
+		            error === void 0 ? null : /* @__PURE__ */ 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("settings.models.provider-card", () => ctx.slots.register({
+		        name: "settings.models.provider-card",
+		        key: "llm-pi-ai",
+		        locale: NS,
+		        inject: () => ({
+		            rpc: connection.rpc,
+		            t
+		        })
+		    }, ClaudeProviderAuth));
+		    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;
+	}
+});