dsh-plugin-subscriptions 0.5.1 → 0.5.3

package/lib/client.js

@@ -39,15 +39,19 @@ const en = {
 	unavailable: "Connection unavailable; subscription status cannot be loaded.",
 	checking: "Checking…",
 	loginInProgress: "Login in progress…",
-	loggedIn: "Logged in",
-	loggedInAccount: "Logged in as {account}",
-	loggedInExpires: "Logged in · expires {date}",
-	loggedInAccountExpires: "Logged in as {account} · expires {date}",
 	notLoggedIn: "Not logged in",
+	loggedInCount: "{count} account(s) connected",
+	accountExpires: "expires {date}",
+	defaultBadge: "Default",
+	setDefault: "Set as default",
+	addAccount: "Add account",
+	addAccountOAuth: "Browser authorization",
+	addAccountKeychain: "Import Claude Code",
+	addAccountHint: "Browser authorization signs in whichever account the browser currently uses — switch accounts there first (or use an incognito window with the manual code below) to add a different one.",
 	login: "Log in",
 	cancel: "Cancel",
 	logout: "Log out",
-	logoutConfirm: "Log out of {provider}?",
+	logoutAccountConfirm: "Log out {account} of {provider}?",
 	manualSummary: "Browser flow not working? Paste the callback URL or code",
 	manualPlaceholder: "Paste the callback URL or code",
 	submit: "Submit",
@@ -83,7 +87,39 @@ const en = {
 	speedFast: "Fast",
 	speedFastDescription: "1.5x speed, more usage",
 	commandFast: "Switch the Codex speed tier (Standard/Fast)",
-	commandFastUnavailable: "The current model has no fast tier; /fast only works on Codex models whose catalog advertises one"
+	commandFastUnavailable: "The current model has no fast tier; /fast only works on Codex models whose catalog advertises one",
+	proxyTitle: "Proxy",
+	proxyStatusNone: "Not configured — subscription requests go direct.",
+	proxyStatusEnabled: "Enabled · {url}",
+	proxyStatusError: "Config error: {message}",
+	proxyConfigure: "Configure…",
+	proxyDialogTitle: "Proxy settings",
+	proxyDialogClose: "Close",
+	proxyEnabled: "Route subscription requests through a proxy",
+	proxyUrl: "Proxy URL",
+	proxyUrlPlaceholder: "http://localhost:7890",
+	proxyUrlHint: "HTTP or HTTPS proxy only (Clash/mihomo, v2rayN…); socks is not supported.",
+	proxyUsername: "Username (optional)",
+	proxyUsernamePlaceholder: "Proxy username",
+	proxyPassword: "Password",
+	proxyPasswordPlaceholder: "Leave blank to keep the saved password",
+	proxyClearPassword: "Clear the saved password",
+	proxyBypass: "Bypass hosts",
+	proxyBypassPlaceholder: "127.0.0.1, localhost, *.example.com",
+	proxyBypassHint: "Comma-separated hostnames that keep going direct.",
+	proxyTest: "Test",
+	proxyTesting: "Testing…",
+	proxyTestOk: "OK · HTTP {status} · {ms} ms",
+	proxyTestOkDirect: "OK (direct, bypassed) · HTTP {status} · {ms} ms",
+	proxyTestFail: "Failed: {message}",
+	proxySave: "Save",
+	proxyCancel: "Cancel",
+	proxySaving: "Saving…",
+	proxyLoading: "Loading proxy settings…",
+	proxyLoadFailed: "Failed to load proxy settings: {message}",
+	proxySaved: "Saved — new requests use the proxy.",
+	proxySaveFailed: "Save failed: {message}",
+	proxyNote: "Applies to token exchange, model APIs, usage lookups, image/video generation and x_search. The OAuth authorization page opens in your browser and follows the browser/system proxy, not this setting."
 };
 /** zh strings, one per {@link en} key. */
 const zh = {
@@ -92,15 +128,19 @@ const zh = {
 	unavailable: "连接不可用，无法加载订阅状态。",
 	checking: "查询中…",
 	loginInProgress: "登录中…",
-	loggedIn: "已登录",
-	loggedInAccount: "已登录：{account}",
-	loggedInExpires: "已登录 · 过期时间 {date}",
-	loggedInAccountExpires: "已登录：{account} · 过期时间 {date}",
 	notLoggedIn: "未登录",
+	loggedInCount: "已连接 {count} 个账号",
+	accountExpires: "过期时间 {date}",
+	defaultBadge: "默认",
+	setDefault: "设为默认",
+	addAccount: "添加账号",
+	addAccountOAuth: "浏览器授权",
+	addAccountKeychain: "导入 Claude Code",
+	addAccountHint: "浏览器授权以浏览器当前登录的账号为准；要添加不同账号，请先在浏览器里切换账号，或用无痕窗口走下方手动授权码。",
 	login: "登录",
 	cancel: "取消",
 	logout: "退出登录",
-	logoutConfirm: "确定退出 {provider} 的登录吗？",
+	logoutAccountConfirm: "确定退出 {provider} 的账号 {account} 吗？",
 	manualSummary: "浏览器流程无法完成？粘贴回调 URL 或授权码",
 	manualPlaceholder: "粘贴回调 URL 或授权码",
 	submit: "提交",
@@ -136,7 +176,39 @@ const zh = {
 	speedFast: "快速",
 	speedFastDescription: "约 1.5 倍速度，消耗更多用量",
 	commandFast: "切换 Codex 速度档（标准/快速）",
-	commandFastUnavailable: "当前模型不支持快速档；/fast 仅对目录声明了 fast tier 的 Codex 模型可用"
+	commandFastUnavailable: "当前模型不支持快速档；/fast 仅对目录声明了 fast tier 的 Codex 模型可用",
+	proxyTitle: "代理",
+	proxyStatusNone: "未配置 —— 订阅请求直连。",
+	proxyStatusEnabled: "已启用 · {url}",
+	proxyStatusError: "配置错误：{message}",
+	proxyConfigure: "配置…",
+	proxyDialogTitle: "代理设置",
+	proxyDialogClose: "关闭",
+	proxyEnabled: "让订阅相关请求走代理",
+	proxyUrl: "代理地址",
+	proxyUrlPlaceholder: "http://localhost:7890",
+	proxyUrlHint: "仅支持 HTTP/HTTPS 代理（Clash/mihomo、v2rayN 等）；不支持 socks。",
+	proxyUsername: "用户名（可选）",
+	proxyUsernamePlaceholder: "代理用户名",
+	proxyPassword: "密码",
+	proxyPasswordPlaceholder: "留空则保留已保存的密码",
+	proxyClearPassword: "清除已保存的密码",
+	proxyBypass: "绕过主机",
+	proxyBypassPlaceholder: "127.0.0.1, localhost, *.example.com",
+	proxyBypassHint: "逗号分隔的主机名，这些主机保持直连。",
+	proxyTest: "测试",
+	proxyTesting: "测试中…",
+	proxyTestOk: "成功 · HTTP {status} · {ms} ms",
+	proxyTestOkDirect: "成功（直连，已绕过）· HTTP {status} · {ms} ms",
+	proxyTestFail: "失败：{message}",
+	proxySave: "保存",
+	proxyCancel: "取消",
+	proxySaving: "保存中…",
+	proxyLoading: "代理设置加载中…",
+	proxyLoadFailed: "代理设置加载失败：{message}",
+	proxySaved: "已保存 —— 后续请求将走代理。",
+	proxySaveFailed: "保存失败：{message}",
+	proxyNote: "作用于 token 交换、模型 API、用量查询、图片/视频生成与 x_search。OAuth 授权页在浏览器中打开，走的是浏览器/系统代理，不受此设置影响。"
 };
 
 //#endregion
@@ -188,6 +260,14 @@ async function callSubscriptionsAuth(rpc, endpoint, payload) {
 function messageOf(error) {
 	return error instanceof Error ? error.message : String(error);
 }
+/** Copy a keyed map without the entries whose key is not in `live`. */
+function dropStale(map, live) {
+	const stale = Object.keys(map).filter((key) => !live.has(key));
+	if (stale.length === 0) return map;
+	const next = { ...map };
+	for (const key of stale) delete next[key];
+	return next;
+}
 /**
 * English-dictionary fallback for a missing inject `t` (standalone renders);
 * the slot inject always supplies the locale-bound one.
@@ -222,6 +302,13 @@ const styles$4 = {
 		flexDirection: "column",
 		gap: 6
 	},
+	proxyCard: {
+		padding: "12px 14px",
+		display: "flex",
+		flexDirection: "column",
+		gap: 6
+	},
+	separator: { borderTop: "1px solid var(--dsw-alias-border-l2)" },
 	cardHeader: {
 		display: "flex",
 		alignItems: "center",
@@ -328,6 +415,36 @@ const styles$4 = {
 		lineHeight: "18px",
 		color: "var(--dsw-alias-label-tertiary)"
 	},
+	accountRow: {
+		display: "flex",
+		flexDirection: "column",
+		gap: 6,
+		border: "1px solid var(--dsw-alias-border-l2)",
+		borderRadius: 8,
+		padding: "8px 10px",
+		marginTop: 4
+	},
+	accountHeader: {
+		display: "flex",
+		alignItems: "center",
+		gap: 8
+	},
+	accountName: {
+		fontSize: 13,
+		lineHeight: "20px",
+		color: "var(--dsw-alias-label-primary)",
+		userSelect: "all"
+	},
+	starButton: {
+		border: "none",
+		background: "transparent",
+		padding: 0,
+		font: "inherit",
+		fontSize: 14,
+		lineHeight: "20px",
+		cursor: "pointer",
+		color: "var(--dsw-alias-state-warn-label)"
+	},
 	usageTrack: {
 		height: 6,
 		borderRadius: 3,
@@ -380,12 +497,97 @@ const styles$4 = {
 		letterSpacing: 2,
 		color: "var(--dsw-alias-label-primary)",
 		userSelect: "all"
+	},
+	proxyField: {
+		display: "flex",
+		flexDirection: "column",
+		gap: 4
+	},
+	proxyLabel: {
+		fontSize: 12,
+		lineHeight: "18px",
+		color: "var(--dsw-alias-label-secondary)"
+	},
+	proxyInput: {
+		height: 32,
+		width: "100%",
+		boxSizing: "border-box",
+		border: "1px solid var(--dsw-alias-border-l2)",
+		borderRadius: 8,
+		padding: "0 10px",
+		font: "inherit",
+		fontSize: 14,
+		lineHeight: "22px",
+		background: "var(--dsw-alias-bg-layer-1)",
+		color: "var(--dsw-alias-label-primary)"
+	},
+	proxyHint: {
+		margin: 0,
+		fontSize: 12,
+		lineHeight: "18px",
+		color: "var(--dsw-alias-label-tertiary)"
+	},
+	proxyCheck: {
+		display: "flex",
+		alignItems: "center",
+		gap: 8,
+		fontSize: 13,
+		lineHeight: "20px",
+		color: "var(--dsw-alias-label-primary)",
+		cursor: "pointer"
+	},
+	proxyMessage: {
+		margin: 0,
+		fontSize: 12,
+		lineHeight: "18px"
+	},
+	proxyActions: {
+		display: "flex",
+		gap: 8,
+		alignItems: "center",
+		justifyContent: "flex-end",
+		marginTop: 2
+	},
+	modalOverlay: {
+		position: "fixed",
+		inset: 0,
+		zIndex: 1e3,
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		padding: 16,
+		background: "rgba(0, 0, 0, 0.45)"
+	},
+	modal: {
+		width: 460,
+		maxWidth: "100%",
+		maxHeight: "90vh",
+		overflowY: "auto",
+		boxSizing: "border-box",
+		display: "flex",
+		flexDirection: "column",
+		gap: 12,
+		padding: "16px 18px",
+		borderRadius: 12,
+		background: "var(--dsw-alias-bg-layer-1)",
+		border: "1px solid var(--dsw-alias-border-l2)"
+	},
+	modalHeader: {
+		display: "flex",
+		alignItems: "center",
+		gap: 8
+	},
+	modalTitle: {
+		fontWeight: 600,
+		fontSize: 15,
+		lineHeight: "22px",
+		color: "var(--dsw-alias-label-primary)"
 	}
 };
 /** Status dot color for one provider state. */
 function dotColor(status) {
 	if (status?.busy === true) return "var(--dsw-alias-state-warn-label)";
-	if (status?.loggedIn === true) return "var(--dsw-alias-state-success-primary)";
+	if ((status?.accounts.length ?? 0) > 0) return "var(--dsw-alias-state-success-primary)";
 	return "var(--dsw-alias-label-dimmed)";
 }
 /**
@@ -397,15 +599,7 @@ function dotColor(status) {
 function statusText(t, status) {
 	if (status === void 0) return t("checking");
 	if (status.busy) return t("loginInProgress");
-	if (status.loggedIn) {
-		const params = {};
-		if (status.account !== void 0) params.account = status.account;
-		if (status.expiresAt !== void 0) params.date = new Date(status.expiresAt).toLocaleString();
-		if (params.account !== void 0 && params.date !== void 0) return t("loggedInAccountExpires", params);
-		if (params.account !== void 0) return t("loggedInAccount", params);
-		if (params.date !== void 0) return t("loggedInExpires", params);
-		return t("loggedIn");
-	}
+	if (status.accounts.length > 0) return t("loggedInCount", { count: status.accounts.length });
 	return t("notLoggedIn");
 }
 /**
@@ -424,6 +618,18 @@ function usageBarColor(usedPercent) {
 	if (usedPercent >= 80) return "var(--dsw-alias-state-warn-label)";
 	return "var(--dsw-alias-state-success-primary)";
 }
+/** One-line status text of the proxy config card. */
+function proxyStatusText(t, proxy, loadError) {
+	if (loadError !== void 0) return t("proxyLoadFailed", { message: loadError });
+	if (proxy === void 0) return t("proxyLoading");
+	if (proxy.error !== void 0) return t("proxyStatusError", { message: proxy.error });
+	if (proxy.enabled) return t("proxyStatusEnabled", { url: proxy.url });
+	return t("proxyStatusNone");
+}
+/** Feedback-line color of the proxy dialog. */
+function messageColor(tone) {
+	return tone === "error" ? "var(--dsw-alias-state-error-primary)" : "var(--dsw-alias-state-success-primary)";
+}
 /**
 * The Subscriptions settings page component.
 * @param props - the slot inject face ({@link SubscriptionsSectionInjected}).
@@ -443,13 +649,29 @@ function SubscriptionsSection(props) {
 	/** Pending device-flow codes (copilot), shown while the attempt polls. */
 	const [deviceCodes, setDeviceCodes] = (0, react.useState)({});
 	const [copiedCode, setCopiedCode] = (0, react.useState)(void 0);
+	/** Usage snapshots keyed `${provider}:${accountKey}` — every account tracks its own windows. */
 	const [usages, setUsages] = (0, react.useState)({});
 	const [usageErrors, setUsageErrors] = (0, react.useState)({});
 	const [usageLoading, setUsageLoading] = (0, react.useState)({});
 	const mountedRef = (0, react.useRef)(true);
 	const pollersRef = (0, react.useRef)(/* @__PURE__ */ new Map());
-	/** Providers with a `usage` call in flight; guards the auto-fetch effect against re-entry. */
+	/** Accounts with a `usage` call in flight; guards the auto-fetch effect against re-entry. */
 	const usageInflightRef = (0, react.useRef)(/* @__PURE__ */ new Set());
+	/** Proxy config as last answered by `proxyGet`/`proxySet`. */
+	const [proxy, setProxy] = (0, react.useState)(void 0);
+	const [proxyLoadError, setProxyLoadError] = (0, react.useState)(void 0);
+	/** Proxy dialog state (draft fields; the password never pre-fills). */
+	const [proxyOpen, setProxyOpen] = (0, react.useState)(false);
+	const [proxyEnabled, setProxyEnabled] = (0, react.useState)(false);
+	const [proxyUrl, setProxyUrl] = (0, react.useState)("");
+	const [proxyUsername, setProxyUsername] = (0, react.useState)("");
+	const [proxyPassword, setProxyPassword] = (0, react.useState)("");
+	const [proxyClearPassword, setProxyClearPassword] = (0, react.useState)(false);
+	const [proxyBypass, setProxyBypass] = (0, react.useState)("");
+	const [proxySaving, setProxySaving] = (0, react.useState)(false);
+	const [proxyTesting, setProxyTesting] = (0, react.useState)(false);
+	const [proxyMessage, setProxyMessage] = (0, react.useState)(void 0);
+	const [proxyTestResult, setProxyTestResult] = (0, react.useState)(void 0);
 	const setProviderError = (0, react.useCallback)((provider, message) => {
 		if (!mountedRef.current) return;
 		setErrors((prev) => {
@@ -479,7 +701,7 @@ function SubscriptionsSection(props) {
 		setStatuses(response.providers);
 		for (const { id } of PROVIDERS) {
 			const status = response.providers[id];
-			if (status.loggedIn || !status.busy) {
+			if (status.accounts.length > 0 || !status.busy) {
 				stopPolling(id);
 				setDeviceCodes((prev) => {
 					if (prev[id] === void 0) return prev;
@@ -511,68 +733,65 @@ function SubscriptionsSection(props) {
 			pollersRef.current.clear();
 		};
 	}, [refresh, startPolling]);
-	const loadUsage = (0, react.useCallback)(async (provider) => {
-		if (rpc === void 0 || usageInflightRef.current.has(provider)) return;
-		usageInflightRef.current.add(provider);
+	const loadUsage = (0, react.useCallback)(async (provider, account) => {
+		const key = `${provider}:${account}`;
+		if (rpc === void 0 || usageInflightRef.current.has(key)) return;
+		usageInflightRef.current.add(key);
 		setUsageLoading((prev) => ({
 			...prev,
-			[provider]: true
+			[key]: true
 		}));
 		try {
-			const usage = await callSubscriptionsAuth(rpc, "usage", { provider });
+			const usage = await callSubscriptionsAuth(rpc, "usage", {
+				provider,
+				account
+			});
 			if (!mountedRef.current) return;
 			setUsages((prev) => ({
 				...prev,
-				[provider]: usage
+				[key]: usage
 			}));
 			setUsageErrors((prev) => {
 				const next = { ...prev };
-				delete next[provider];
+				delete next[key];
 				return next;
 			});
 		} catch (error) {
 			if (mountedRef.current) setUsageErrors((prev) => ({
 				...prev,
-				[provider]: messageOf(error)
+				[key]: messageOf(error)
 			}));
 		} finally {
-			usageInflightRef.current.delete(provider);
+			usageInflightRef.current.delete(key);
 			if (mountedRef.current) setUsageLoading((prev) => ({
 				...prev,
-				[provider]: false
+				[key]: false
 			}));
 		}
 	}, [rpc]);
 	(0, react.useEffect)(() => {
-		for (const { id } of PROVIDERS) {
-			const status = statuses[id];
-			if (status === void 0) continue;
-			if (status.loggedIn) {
-				if (usages[id] === void 0 && usageErrors[id] === void 0) loadUsage(id);
-			} else if (usages[id] !== void 0 || usageErrors[id] !== void 0) {
-				setUsages((prev) => {
-					const next = { ...prev };
-					delete next[id];
-					return next;
-				});
-				setUsageErrors((prev) => {
-					const next = { ...prev };
-					delete next[id];
-					return next;
-				});
-			}
+		const live = /* @__PURE__ */ new Set();
+		for (const { id } of PROVIDERS) for (const account of statuses[id]?.accounts ?? []) {
+			const key = `${id}:${account.key}`;
+			live.add(key);
+			if (usages[key] === void 0 && usageErrors[key] === void 0) loadUsage(id, account.key);
 		}
+		setUsages((prev) => dropStale(prev, live));
+		setUsageErrors((prev) => dropStale(prev, live));
 	}, [
 		statuses,
 		usages,
 		usageErrors,
 		loadUsage
 	]);
-	const login = (0, react.useCallback)(async (provider) => {
+	const login = (0, react.useCallback)(async (provider, method) => {
 		if (rpc === void 0) return;
 		setProviderError(provider, void 0);
 		try {
-			const response = await callSubscriptionsAuth(rpc, "login", { provider });
+			const response = await callSubscriptionsAuth(rpc, "login", {
+				provider,
+				...method === void 0 ? {} : { method }
+			});
 			if (typeof response.authorizeUrl === "string" && response.authorizeUrl === "") {
 				await refresh();
 				return;
@@ -582,9 +801,9 @@ function SubscriptionsSection(props) {
 			setStatuses((prev) => ({
 				...prev,
 				[provider]: {
+					accounts: prev[provider]?.accounts ?? [],
 					...prev[provider],
-					busy: true,
-					loggedIn: false
+					busy: true
 				}
 			}));
 			if (typeof response.userCode === "string" && response.userCode.length > 0) setDeviceCodes((prev) => ({
@@ -644,12 +863,18 @@ function SubscriptionsSection(props) {
 		setProviderError,
 		refresh
 	]);
-	const logout = (0, react.useCallback)(async (provider, name) => {
+	const logout = (0, react.useCallback)(async (provider, account, display, name) => {
 		if (rpc === void 0) return;
-		if (!window.confirm(t("logoutConfirm", { provider: name }))) return;
+		if (!window.confirm(t("logoutAccountConfirm", {
+			provider: name,
+			account: display
+		}))) return;
 		setProviderError(provider, void 0);
 		try {
-			await callSubscriptionsAuth(rpc, "logout", { provider });
+			await callSubscriptionsAuth(rpc, "logout", {
+				provider,
+				account
+			});
 		} catch (error) {
 			setProviderError(provider, messageOf(error));
 		}
@@ -660,6 +885,23 @@ function SubscriptionsSection(props) {
 		setProviderError,
 		refresh
 	]);
+	const setDefault = (0, react.useCallback)(async (provider, account) => {
+		if (rpc === void 0) return;
+		setProviderError(provider, void 0);
+		try {
+			await callSubscriptionsAuth(rpc, "setDefault", {
+				provider,
+				account
+			});
+		} catch (error) {
+			setProviderError(provider, messageOf(error));
+		}
+		await refresh();
+	}, [
+		rpc,
+		setProviderError,
+		refresh
+	]);
 	const copyDeviceCode = (0, react.useCallback)((provider, userCode) => {
 		navigator.clipboard?.writeText(userCode).then(() => {
 			if (!mountedRef.current) return;
@@ -669,194 +911,559 @@ function SubscriptionsSection(props) {
 			}, 1500);
 		}).catch(() => void 0);
 	}, []);
+	(0, react.useEffect)(() => {
+		if (rpc === void 0) return;
+		let alive = true;
+		callSubscriptionsAuth(rpc, "proxyGet", {}).then((view) => {
+			if (!alive) return;
+			setProxy(view);
+			setProxyLoadError(void 0);
+		}).catch((error) => {
+			if (alive) setProxyLoadError(messageOf(error));
+		});
+		return () => {
+			alive = false;
+		};
+	}, [rpc]);
+	(0, react.useEffect)(() => {
+		if (!proxyOpen) return;
+		const onKey = (event) => {
+			if (event.key === "Escape") setProxyOpen(false);
+		};
+		window.addEventListener("keydown", onKey);
+		return () => window.removeEventListener("keydown", onKey);
+	}, [proxyOpen]);
+	const openProxyDialog = (0, react.useCallback)(() => {
+		if (proxy === void 0) return;
+		setProxyEnabled(proxy.enabled);
+		setProxyUrl(proxy.url);
+		setProxyUsername(proxy.username ?? "");
+		setProxyPassword("");
+		setProxyClearPassword(false);
+		setProxyBypass(proxy.bypass.join(", "));
+		setProxyMessage(void 0);
+		setProxyTestResult(void 0);
+		setProxyOpen(true);
+	}, [proxy]);
+	const saveProxy = (0, react.useCallback)(async () => {
+		if (rpc === void 0) return;
+		setProxySaving(true);
+		setProxyMessage(void 0);
+		try {
+			setProxy(await callSubscriptionsAuth(rpc, "proxySet", {
+				enabled: proxyEnabled,
+				url: proxyUrl.trim(),
+				username: proxyUsername,
+				...proxyClearPassword ? { password: null } : proxyPassword !== "" ? { password: proxyPassword } : {},
+				bypass: proxyBypass.split(/[,\n]/).map((entry) => entry.trim()).filter((entry) => entry !== "")
+			}));
+			setProxyLoadError(void 0);
+			setProxyMessage({
+				tone: "success",
+				text: t("proxySaved")
+			});
+			setProxyOpen(false);
+		} catch (error) {
+			setProxyMessage({
+				tone: "error",
+				text: t("proxySaveFailed", { message: messageOf(error) })
+			});
+		} finally {
+			setProxySaving(false);
+		}
+	}, [
+		rpc,
+		proxyEnabled,
+		proxyUrl,
+		proxyUsername,
+		proxyPassword,
+		proxyClearPassword,
+		proxyBypass,
+		t
+	]);
+	const testProxy = (0, react.useCallback)(async () => {
+		if (rpc === void 0 || proxyTesting) return;
+		setProxyTesting(true);
+		setProxyTestResult(void 0);
+		try {
+			setProxyTestResult(await callSubscriptionsAuth(rpc, "proxyTest", { proxy: {
+				url: proxyUrl.trim(),
+				...proxyUsername.trim() !== "" ? { username: proxyUsername.trim() } : {},
+				...proxyPassword !== "" ? { password: proxyPassword } : {}
+			} }));
+		} catch (error) {
+			setProxyTestResult({
+				ok: false,
+				viaProxy: false,
+				error: messageOf(error)
+			});
+		} finally {
+			setProxyTesting(false);
+		}
+	}, [
+		rpc,
+		proxyTesting,
+		proxyUrl,
+		proxyUsername,
+		proxyPassword
+	]);
 	if (rpc === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 		style: styles$4.intro,
 		children: t("unavailable")
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		style: styles$4.section,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-			style: styles$4.intro,
-			children: t("intro")
-		}), PROVIDERS.map(({ id, name }) => {
-			const status = statuses[id];
-			const busy = status?.busy === true;
-			const deviceCode = deviceCodes[id];
-			const usage = usages[id];
-			const usageError = usageErrors[id];
-			const showUsage = status?.loggedIn === true && usage?.supported !== false && (usage !== void 0 || usageError !== void 0 || usageLoading[id] === true);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				style: styles$4.card,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: styles$4.cardHeader,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: {
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				style: styles$4.intro,
+				children: t("intro")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: styles$4.proxyCard,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: styles$4.cardHeader,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: {
 							...styles$4.dot,
-							background: dotColor(status)
-						} }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							background: proxy?.enabled === true ? "var(--dsw-alias-state-success-primary)" : "var(--dsw-alias-label-dimmed)"
+						} }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							style: styles$4.name,
-							children: name
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						style: styles$4.statusLine,
-						children: statusText(t, status)
-					}),
-					status?.detail !== void 0 && status.detail !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						style: styles$4.statusLine,
-						children: status.detail
-					}),
-					errors[id] !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						style: styles$4.errorLine,
-						children: errors[id]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: styles$4.actions,
-						children: [
-							!busy && status?.loggedIn !== true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								style: styles$4.button,
-								onClick: () => {
-									login(id);
-								},
-								children: t("login")
-							}),
-							busy && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								style: styles$4.button,
-								onClick: () => {
-									cancel(id);
-								},
-								children: t("cancel")
-							}),
-							status?.loggedIn === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								style: styles$4.button,
-								onClick: () => {
-									logout(id, name);
-								},
-								children: t("logout")
-							})
-						]
-					}),
-					showUsage && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: styles$4.usage,
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: styles$4.usageHeader,
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										style: styles$4.usageTitle,
-										children: t("usageTitle")
-									}),
-									usage?.plan !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										style: styles$4.usagePlan,
-										children: t("usagePlan", { plan: usage.plan })
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							children: t("proxyTitle")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							style: {
+								...styles$4.button,
+								marginLeft: "auto",
+								flexShrink: 0
+							},
+							onClick: openProxyDialog,
+							children: t("proxyConfigure")
+						})
+					]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					style: styles$4.statusLine,
+					children: proxyStatusText(t, proxy, proxyLoadError)
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: styles$4.separator }),
+			PROVIDERS.map(({ id, name }) => {
+				const status = statuses[id];
+				const busy = status?.busy === true;
+				const deviceCode = deviceCodes[id];
+				const accounts = status?.accounts ?? [];
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: styles$4.card,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: styles$4.cardHeader,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: {
+								...styles$4.dot,
+								background: dotColor(status)
+							} }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: styles$4.name,
+								children: name
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							style: styles$4.statusLine,
+							children: statusText(t, status)
+						}),
+						status?.detail !== void 0 && status.detail !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							style: styles$4.statusLine,
+							children: status.detail
+						}),
+						errors[id] !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							style: styles$4.errorLine,
+							children: errors[id]
+						}),
+						accounts.map((account) => {
+							const usageKey = `${id}:${account.key}`;
+							const usage = usages[usageKey];
+							const usageError = usageErrors[usageKey];
+							const display = account.account ?? account.key;
+							const showUsage = usage?.supported !== false && (usage !== void 0 || usageError !== void 0 || usageLoading[usageKey] === true);
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: styles$4.accountRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: styles$4.accountHeader,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											style: styles$4.starButton,
+											title: account.isDefault ? t("defaultBadge") : t("setDefault"),
+											onClick: () => {
+												if (!account.isDefault) setDefault(id, account.key);
+											},
+											children: account.isDefault ? "★" : "☆"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: styles$4.accountName,
+											children: display
+										}),
+										account.plan !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: styles$4.usagePlan,
+											children: account.plan
+										}),
+										account.expiresAt !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: styles$4.statusLine,
+											children: t("accountExpires", { date: new Date(account.expiresAt).toLocaleString() })
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											style: {
+												...styles$4.button,
+												marginLeft: "auto",
+												flexShrink: 0
+											},
+											onClick: () => {
+												logout(id, account.key, display, name);
+											},
+											children: t("logout")
+										})
+									]
+								}), showUsage && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: styles$4.usage,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											style: styles$4.usageHeader,
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													style: styles$4.usageTitle,
+													children: t("usageTitle")
+												}),
+												usage?.plan !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													style: styles$4.usagePlan,
+													children: t("usagePlan", { plan: usage.plan })
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													style: {
+														...styles$4.usageRefresh,
+														...usageLoading[usageKey] === true ? {
+															opacity: .5,
+															cursor: "default"
+														} : {}
+													},
+													disabled: usageLoading[usageKey] === true,
+													onClick: () => {
+														loadUsage(id, account.key);
+													},
+													children: t("usageRefresh")
+												})
+											]
+										}),
+										usage === void 0 && usageError === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											style: styles$4.statusLine,
+											children: t("usageLoading")
+										}),
+										usageError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											style: styles$4.errorLine,
+											children: t("usageError", { message: usageError })
+										}),
+										usage?.windows !== void 0 && usage.windows.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											style: styles$4.statusLine,
+											children: t("usageEmpty")
+										}),
+										(usage?.windows ?? []).map((window$1, index) => {
+											const percent = Math.min(100, Math.max(0, window$1.usedPercent));
+											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												style: styles$4.usageRow,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													style: styles$4.usageMeta,
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: usageWindowLabel(t, window$1) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [`${String(Math.round(percent))}%`, window$1.resetsAt !== void 0 && ` · ${t("usageResets", { date: new Date(window$1.resetsAt).toLocaleString() })}`] })]
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													style: styles$4.usageTrack,
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: {
+														...styles$4.usageFill,
+														width: `${String(percent)}%`,
+														background: usageBarColor(percent)
+													} })
+												})]
+											}, index);
+										})
+									]
+								})]
+							}, account.key);
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: styles$4.actions,
+							children: [
+								!busy && accounts.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: styles$4.button,
+									onClick: () => {
+										login(id);
+									},
+									children: t("login")
+								}),
+								!busy && accounts.length > 0 && id === "claude" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: styles$4.button,
+									onClick: () => {
+										login(id, "oauth");
+									},
+									children: t("addAccountOAuth")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: styles$4.button,
+									onClick: () => {
+										login(id, "keychain");
+									},
+									children: t("addAccountKeychain")
+								})] }),
+								!busy && accounts.length > 0 && id !== "claude" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: styles$4.button,
+									onClick: () => {
+										login(id);
+									},
+									children: t("addAccount")
+								}),
+								busy && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: styles$4.button,
+									onClick: () => {
+										cancel(id);
+									},
+									children: t("cancel")
+								})
+							]
+						}),
+						!busy && accounts.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							style: styles$4.statusLine,
+							children: t("addAccountHint")
+						}),
+						busy && deviceCode !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: styles$4.deviceCode,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: styles$4.statusLine,
+									children: t("deviceCodePrompt")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: styles$4.deviceCodeText,
+									children: deviceCode.userCode
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: styles$4.actions,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
-										style: {
-											...styles$4.usageRefresh,
-											...usageLoading[id] === true ? {
-												opacity: .5,
-												cursor: "default"
-											} : {}
+										style: styles$4.button,
+										onClick: () => {
+											copyDeviceCode(id, deviceCode.userCode);
 										},
-										disabled: usageLoading[id] === true,
+										children: copiedCode === id ? t("deviceCodeCopied") : t("deviceCodeCopy")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										style: styles$4.button,
 										onClick: () => {
-											loadUsage(id);
+											window.open(deviceCode.verificationUrl, "_blank", "noopener");
 										},
-										children: t("usageRefresh")
-									})
-								]
-							}),
-							usage === void 0 && usageError === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								style: styles$4.statusLine,
-								children: t("usageLoading")
-							}),
-							usageError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								style: styles$4.errorLine,
-								children: t("usageError", { message: usageError })
-							}),
-							usage?.windows !== void 0 && usage.windows.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								style: styles$4.statusLine,
-								children: t("usageEmpty")
-							}),
-							(usage?.windows ?? []).map((window$1, index) => {
-								const percent = Math.min(100, Math.max(0, window$1.usedPercent));
-								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									style: styles$4.usageRow,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										style: styles$4.usageMeta,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: usageWindowLabel(t, window$1) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [`${String(Math.round(percent))}%`, window$1.resetsAt !== void 0 && ` · ${t("usageResets", { date: new Date(window$1.resetsAt).toLocaleString() })}`] })]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										style: styles$4.usageTrack,
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: {
-											...styles$4.usageFill,
-											width: `${String(percent)}%`,
-											background: usageBarColor(percent)
-										} })
+										children: t("deviceCodeOpenPage")
 									})]
-								}, index);
-							})
-						]
-					}),
-					busy && deviceCode !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: styles$4.deviceCode,
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: styles$4.statusLine,
-								children: t("deviceCodePrompt")
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: styles$4.deviceCodeText,
-								children: deviceCode.userCode
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: styles$4.actions,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									style: styles$4.button,
-									onClick: () => {
-										copyDeviceCode(id, deviceCode.userCode);
-									},
-									children: copiedCode === id ? t("deviceCodeCopied") : t("deviceCodeCopy")
+								})
+							]
+						}),
+						busy && deviceCode === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+							style: styles$4.manual,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: t("manualSummary") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: styles$4.manualRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									style: styles$4.manualInput,
+									value: manualDrafts[id],
+									placeholder: t("manualPlaceholder"),
+									onChange: (event) => setManualDrafts((prev) => ({
+										...prev,
+										[id]: event.target.value
+									}))
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									style: styles$4.button,
 									onClick: () => {
-										window.open(deviceCode.verificationUrl, "_blank", "noopener");
+										submitManual(id);
 									},
-									children: t("deviceCodeOpenPage")
+									children: t("submit")
 								})]
-							})
-						]
-					}),
-					busy && deviceCode === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
-						style: styles$4.manual,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: t("manualSummary") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							style: styles$4.manualRow,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-								style: styles$4.manualInput,
-								value: manualDrafts[id],
-								placeholder: t("manualPlaceholder"),
-								onChange: (event) => setManualDrafts((prev) => ({
-									...prev,
-									[id]: event.target.value
-								}))
+							})]
+						})
+					]
+				}, id);
+			}),
+			proxyOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: styles$4.modalOverlay,
+				onClick: () => setProxyOpen(false),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: styles$4.modal,
+					onClick: (event) => event.stopPropagation(),
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: styles$4.modalHeader,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: styles$4.modalTitle,
+								children: t("proxyDialogTitle")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
-								style: styles$4.button,
-								onClick: () => {
-									submitManual(id);
+								style: {
+									...styles$4.button,
+									marginLeft: "auto"
 								},
-								children: t("submit")
+								onClick: () => setProxyOpen(false),
+								children: t("proxyDialogClose")
 							})]
-						})]
-					})
-				]
-			}, id);
-		})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							style: styles$4.proxyCheck,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "checkbox",
+								checked: proxyEnabled,
+								onChange: (event) => setProxyEnabled(event.target.checked)
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("proxyEnabled") })]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							style: styles$4.proxyField,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: styles$4.proxyLabel,
+									children: t("proxyUrl")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									style: styles$4.proxyInput,
+									value: proxyUrl,
+									placeholder: t("proxyUrlPlaceholder"),
+									onChange: (event) => setProxyUrl(event.target.value)
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									style: styles$4.proxyHint,
+									children: t("proxyUrlHint")
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							style: styles$4.proxyField,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: styles$4.proxyLabel,
+								children: t("proxyUsername")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								style: styles$4.proxyInput,
+								value: proxyUsername,
+								placeholder: t("proxyUsernamePlaceholder"),
+								onChange: (event) => setProxyUsername(event.target.value)
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: styles$4.proxyField,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: styles$4.proxyLabel,
+									children: t("proxyPassword")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "password",
+									style: styles$4.proxyInput,
+									value: proxyPassword,
+									placeholder: t("proxyPasswordPlaceholder"),
+									onChange: (event) => setProxyPassword(event.target.value)
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									style: styles$4.proxyCheck,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: proxyClearPassword,
+										onChange: (event) => setProxyClearPassword(event.target.checked)
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("proxyClearPassword") })]
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							style: styles$4.proxyField,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: styles$4.proxyLabel,
+									children: t("proxyBypass")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									style: styles$4.proxyInput,
+									value: proxyBypass,
+									placeholder: t("proxyBypassPlaceholder"),
+									onChange: (event) => setProxyBypass(event.target.value)
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									style: styles$4.proxyHint,
+									children: t("proxyBypassHint")
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							style: styles$4.proxyHint,
+							children: t("proxyNote")
+						}),
+						proxyMessage !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							style: {
+								...styles$4.proxyMessage,
+								color: messageColor(proxyMessage.tone)
+							},
+							children: proxyMessage.text
+						}),
+						proxyTestResult !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							style: {
+								...styles$4.proxyMessage,
+								color: proxyTestResult.ok ? "var(--dsw-alias-state-success-primary)" : "var(--dsw-alias-state-error-primary)"
+							},
+							children: proxyTestResult.ok ? proxyTestResult.viaProxy ? t("proxyTestOk", {
+								status: String(proxyTestResult.status),
+								ms: String(proxyTestResult.latencyMs)
+							}) : t("proxyTestOkDirect", {
+								status: String(proxyTestResult.status),
+								ms: String(proxyTestResult.latencyMs)
+							}) : t("proxyTestFail", { message: proxyTestResult.error ?? "" })
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: styles$4.proxyActions,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: {
+										...styles$4.button,
+										...proxyTesting ? {
+											opacity: .5,
+											cursor: "default"
+										} : {}
+									},
+									disabled: proxyTesting,
+									onClick: () => {
+										testProxy();
+									},
+									children: proxyTesting ? t("proxyTesting") : t("proxyTest")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: {
+										...styles$4.button,
+										...proxySaving ? {
+											opacity: .5,
+											cursor: "default"
+										} : {}
+									},
+									disabled: proxySaving,
+									onClick: () => {
+										saveProxy();
+									},
+									children: proxySaving ? t("proxySaving") : t("proxySave")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: styles$4.button,
+									onClick: () => setProxyOpen(false),
+									children: t("proxyCancel")
+								})
+							]
+						})
+					]
+				})
+			})
+		]
 	});
 }
 
@@ -1738,6 +2345,13 @@ function apply(ctx) {
 		zh,
 		en
 	}), "dsh-plugin-subscriptions: copy dictionaries");
+	ctx.effect(() => {
+		const style = document.createElement("style");
+		style.setAttribute("data-plugin", "dsh-plugin-subscriptions");
+		style.textContent = "div[role=\"dialog\"][aria-modal=\"true\"]:has(> nav) { padding-top: 14px; }";
+		document.head.appendChild(style);
+		return () => style.remove();
+	}, "dsh-plugin-subscriptions: settings panel breathing room");
 	const connection = ctx.get("connection");
 	const t = ctx.locale.bind(NS);
 	const injected = () => ({