dsh-plugin-subscriptions 0.5.2 → 0.5.3

package/lib/client/SubscriptionsSection.d.ts

@@ -2,12 +2,18 @@ import type { ConnectionHandle } from '@deepseek-ai/dsh-api-remotes/client';
 import type { SubscriptionsKey } from './locales.js';
 /** Subscription provider ids, fixed by the node half's OAuth adapters. */
 export type SubscriptionProvider = 'codex' | 'claude' | 'grok' | 'copilot';
+/** One logged-in account as answered by the `status` endpoint. */
+export interface AccountStatus {
+    key: string;
+    account?: string;
+    expiresAt?: number;
+    plan?: string;
+    isDefault: boolean;
+}
 /** One provider's login state as answered by the `status` endpoint. */
 export interface ProviderStatus {
-    loggedIn: boolean;
     busy: boolean;
-    expiresAt?: number;
-    account?: string;
+    accounts: AccountStatus[];
     detail?: string;
 }
 /** One rate-limit window as answered by the `usage` endpoint. */

package/lib/client/SubscriptionsSection.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * Subscriptions settings section: one card per subscription provider with an
  * OAuth login/logout flow driven by the node half's `/subscriptions-auth` RPC
@@ -54,6 +54,16 @@ export 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.
@@ -114,6 +124,18 @@ const styles = {
         display: 'flex', justifyContent: 'space-between', gap: 8,
         fontSize: 12, 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, overflow: 'hidden',
         background: 'var(--dsw-alias-bg-layer-1)', border: '1px solid var(--dsw-alias-border-l2)',
@@ -171,7 +193,7 @@ const styles = {
 function dotColor(status) {
     if (status?.busy === true)
         return 'var(--dsw-alias-state-warn-label)';
-    if (status?.loggedIn === true)
+    if ((status?.accounts.length ?? 0) > 0)
         return 'var(--dsw-alias-state-success-primary)';
     return 'var(--dsw-alias-label-dimmed)';
 }
@@ -186,20 +208,8 @@ function statusText(t, status) {
         return t('checking');
     if (status.busy)
         return t('loginInProgress');
-    if (status.loggedIn) {
-        const params = {};
-        if (status.account !== undefined)
-            params.account = status.account;
-        if (status.expiresAt !== undefined)
-            params.date = new Date(status.expiresAt).toLocaleString();
-        if (params.account !== undefined && params.date !== undefined)
-            return t('loggedInAccountExpires', params);
-        if (params.account !== undefined)
-            return t('loggedInAccount', params);
-        if (params.date !== undefined)
-            return t('loggedInExpires', params);
-        return t('loggedIn');
-    }
+    if (status.accounts.length > 0)
+        return t('loggedInCount', { count: status.accounts.length });
     return t('notLoggedIn');
 }
 /**
@@ -256,12 +266,13 @@ export function SubscriptionsSection(props) {
     /** Pending device-flow codes (copilot), shown while the attempt polls. */
     const [deviceCodes, setDeviceCodes] = useState({});
     const [copiedCode, setCopiedCode] = useState(undefined);
+    /** Usage snapshots keyed `${provider}:${accountKey}` — every account tracks its own windows. */
     const [usages, setUsages] = useState({});
     const [usageErrors, setUsageErrors] = useState({});
     const [usageLoading, setUsageLoading] = useState({});
     const mountedRef = useRef(true);
     const pollersRef = useRef(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 = useRef(new Set());
     /** Proxy config as last answered by `proxyGet`/`proxySet`. */
     const [proxy, setProxy] = useState(undefined);
@@ -315,7 +326,7 @@ export 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);
                 // The attempt settled (success, timeout, or cancel): drop the code card.
                 setDeviceCodes((prev) => {
@@ -355,64 +366,58 @@ export function SubscriptionsSection(props) {
             pollersRef.current.clear();
         };
     }, [refresh, startPolling]);
-    const loadUsage = useCallback(async (provider) => {
-        if (rpc === undefined || usageInflightRef.current.has(provider))
+    const loadUsage = useCallback(async (provider, account) => {
+        const key = `${provider}:${account}`;
+        if (rpc === undefined || usageInflightRef.current.has(key))
             return;
-        usageInflightRef.current.add(provider);
-        setUsageLoading(prev => ({ ...prev, [provider]: true }));
+        usageInflightRef.current.add(key);
+        setUsageLoading(prev => ({ ...prev, [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 }));
+            setUsages(prev => ({ ...prev, [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) }));
+                setUsageErrors(prev => ({ ...prev, [key]: messageOf(error) }));
         }
         finally {
-            usageInflightRef.current.delete(provider);
+            usageInflightRef.current.delete(key);
             if (mountedRef.current)
-                setUsageLoading(prev => ({ ...prev, [provider]: false }));
+                setUsageLoading(prev => ({ ...prev, [key]: false }));
         }
     }, [rpc]);
-    // Fetch usage once a provider is logged in; drop the cached snapshot on
-    // logout so a re-login refetches. A failed lookup does not auto-retry — the
-    // per-card Refresh button is the retry path.
+    // Fetch usage once an account is logged in; drop the snapshots of accounts
+    // that vanished so a re-login refetches. A failed lookup does not auto-retry
+    // — the per-account Refresh button is the retry path.
     useEffect(() => {
+        const live = new Set();
         for (const { id } of PROVIDERS) {
-            const status = statuses[id];
-            if (status === undefined)
-                continue;
-            if (status.loggedIn) {
-                if (usages[id] === undefined && usageErrors[id] === undefined)
-                    void loadUsage(id);
-            }
-            else if (usages[id] !== undefined || usageErrors[id] !== undefined) {
-                setUsages((prev) => {
-                    const next = { ...prev };
-                    delete next[id];
-                    return next;
-                });
-                setUsageErrors((prev) => {
-                    const next = { ...prev };
-                    delete next[id];
-                    return next;
-                });
+            for (const account of statuses[id]?.accounts ?? []) {
+                const key = `${id}:${account.key}`;
+                live.add(key);
+                if (usages[key] === undefined && usageErrors[key] === undefined)
+                    void loadUsage(id, account.key);
             }
         }
+        setUsages(prev => dropStale(prev, live));
+        setUsageErrors(prev => dropStale(prev, live));
     }, [statuses, usages, usageErrors, loadUsage]);
-    const login = useCallback(async (provider) => {
+    const login = useCallback(async (provider, method) => {
         if (rpc === undefined)
             return;
         setProviderError(provider, undefined);
         try {
-            const response = await callSubscriptionsAuth(rpc, 'login', { provider });
+            const response = await callSubscriptionsAuth(rpc, 'login', {
+                provider,
+                ...method === undefined ? {} : { method },
+            });
             if (typeof response.authorizeUrl === 'string' && response.authorizeUrl === '') {
                 // Instant login (e.g. imported from Claude Code credentials)
                 await refresh();
@@ -424,7 +429,10 @@ export function SubscriptionsSection(props) {
             if (!mountedRef.current)
                 return;
             // Optimistic busy so Cancel and the manual fallback appear before the first poll tick.
-            setStatuses(prev => ({ ...prev, [provider]: { ...prev[provider], busy: true, loggedIn: false } }));
+            setStatuses(prev => ({
+                ...prev,
+                [provider]: { accounts: prev[provider]?.accounts ?? [], ...prev[provider], busy: true },
+            }));
             if (typeof response.userCode === 'string' && response.userCode.length > 0) {
                 // Device flow: show the code card instead of opening the page blind —
                 // the user copies the code first, then opens the verification page.
@@ -468,20 +476,32 @@ export function SubscriptionsSection(props) {
         }
         await refresh();
     }, [rpc, manualDrafts, setProviderError, refresh]);
-    const logout = useCallback(async (provider, name) => {
+    const logout = useCallback(async (provider, account, display, name) => {
         if (rpc === undefined)
             return;
-        if (!window.confirm(t('logoutConfirm', { provider: name })))
+        if (!window.confirm(t('logoutAccountConfirm', { provider: name, account: display })))
             return;
         setProviderError(provider, undefined);
         try {
-            await callSubscriptionsAuth(rpc, 'logout', { provider });
+            await callSubscriptionsAuth(rpc, 'logout', { provider, account });
         }
         catch (error) {
             setProviderError(provider, messageOf(error));
         }
         await refresh();
     }, [rpc, t, setProviderError, refresh]);
+    const setDefault = useCallback(async (provider, account) => {
+        if (rpc === undefined)
+            return;
+        setProviderError(provider, undefined);
+        try {
+            await callSubscriptionsAuth(rpc, 'setDefault', { provider, account });
+        }
+        catch (error) {
+            setProviderError(provider, messageOf(error));
+        }
+        await refresh();
+    }, [rpc, setProviderError, refresh]);
     const copyDeviceCode = useCallback((provider, userCode) => {
         void navigator.clipboard?.writeText(userCode).then(() => {
             if (!mountedRef.current)
@@ -593,16 +613,24 @@ export function SubscriptionsSection(props) {
                 const status = statuses[id];
                 const busy = status?.busy === true;
                 const deviceCode = deviceCodes[id];
-                const usage = usages[id];
-                const usageError = usageErrors[id];
-                // Providers without a usage endpoint answer supported:false — no block.
-                const showUsage = status?.loggedIn === true && usage?.supported !== false
-                    && (usage !== undefined || usageError !== undefined || usageLoading[id] === true);
-                return (_jsxs("div", { style: styles.card, children: [_jsxs("div", { style: styles.cardHeader, children: [_jsx("span", { style: { ...styles.dot, background: dotColor(status) } }), _jsx("span", { style: styles.name, children: name })] }), _jsx("p", { style: styles.statusLine, children: statusText(t, status) }), status?.detail !== undefined && status.detail !== '' && (_jsx("p", { style: styles.statusLine, children: status.detail })), errors[id] !== undefined && _jsx("p", { style: styles.errorLine, children: errors[id] }), _jsxs("div", { style: styles.actions, children: [!busy && status?.loggedIn !== true && (_jsx("button", { type: "button", style: styles.button, onClick: () => { void login(id); }, children: t('login') })), busy && (_jsx("button", { type: "button", style: styles.button, onClick: () => { void cancel(id); }, children: t('cancel') })), status?.loggedIn === true && (_jsx("button", { type: "button", style: styles.button, onClick: () => { void logout(id, name); }, children: t('logout') }))] }), showUsage && (_jsxs("div", { style: styles.usage, children: [_jsxs("div", { style: styles.usageHeader, children: [_jsx("span", { style: styles.usageTitle, children: t('usageTitle') }), usage?.plan !== undefined && (_jsx("span", { style: styles.usagePlan, children: t('usagePlan', { plan: usage.plan }) })), _jsx("button", { type: "button", style: { ...styles.usageRefresh, ...usageLoading[id] === true ? { opacity: 0.5, cursor: 'default' } : {} }, disabled: usageLoading[id] === true, onClick: () => { void loadUsage(id); }, children: t('usageRefresh') })] }), usage === undefined && usageError === undefined && (_jsx("p", { style: styles.statusLine, children: t('usageLoading') })), usageError !== undefined && (_jsx("p", { style: styles.errorLine, children: t('usageError', { message: usageError }) })), usage?.windows !== undefined && usage.windows.length === 0 && (_jsx("p", { style: styles.statusLine, children: t('usageEmpty') })), (usage?.windows ?? []).map((window, index) => {
-                                    const percent = Math.min(100, Math.max(0, window.usedPercent));
-                                    return (_jsxs("div", { style: styles.usageRow, children: [_jsxs("div", { style: styles.usageMeta, children: [_jsx("span", { children: usageWindowLabel(t, window) }), _jsxs("span", { children: [`${String(Math.round(percent))}%`, window.resetsAt !== undefined
-                                                                && ` · ${t('usageResets', { date: new Date(window.resetsAt).toLocaleString() })}`] })] }), _jsx("div", { style: styles.usageTrack, children: _jsx("div", { style: { ...styles.usageFill, width: `${String(percent)}%`, background: usageBarColor(percent) } }) })] }, index));
-                                })] })), busy && deviceCode !== undefined && (_jsxs("div", { style: styles.deviceCode, children: [_jsx("span", { style: styles.statusLine, children: t('deviceCodePrompt') }), _jsx("span", { style: styles.deviceCodeText, children: deviceCode.userCode }), _jsxs("div", { style: styles.actions, children: [_jsx("button", { type: "button", style: styles.button, onClick: () => { copyDeviceCode(id, deviceCode.userCode); }, children: copiedCode === id ? t('deviceCodeCopied') : t('deviceCodeCopy') }), _jsx("button", { type: "button", style: styles.button, onClick: () => { window.open(deviceCode.verificationUrl, '_blank', 'noopener'); }, children: t('deviceCodeOpenPage') })] })] })), busy && deviceCode === undefined && (_jsxs("details", { style: styles.manual, children: [_jsx("summary", { children: t('manualSummary') }), _jsxs("div", { style: styles.manualRow, children: [_jsx("input", { style: styles.manualInput, value: manualDrafts[id], placeholder: t('manualPlaceholder'), onChange: event => setManualDrafts(prev => ({ ...prev, [id]: event.target.value })) }), _jsx("button", { type: "button", style: styles.button, onClick: () => { void submitManual(id); }, children: t('submit') })] })] }))] }, id));
+                const accounts = status?.accounts ?? [];
+                return (_jsxs("div", { style: styles.card, children: [_jsxs("div", { style: styles.cardHeader, children: [_jsx("span", { style: { ...styles.dot, background: dotColor(status) } }), _jsx("span", { style: styles.name, children: name })] }), _jsx("p", { style: styles.statusLine, children: statusText(t, status) }), status?.detail !== undefined && status.detail !== '' && (_jsx("p", { style: styles.statusLine, children: status.detail })), errors[id] !== undefined && _jsx("p", { style: styles.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;
+                            // Providers without a usage endpoint answer supported:false — no block.
+                            const showUsage = usage?.supported !== false
+                                && (usage !== undefined || usageError !== undefined || usageLoading[usageKey] === true);
+                            return (_jsxs("div", { style: styles.accountRow, children: [_jsxs("div", { style: styles.accountHeader, children: [_jsx("button", { type: "button", style: styles.starButton, title: account.isDefault ? t('defaultBadge') : t('setDefault'), onClick: () => {
+                                                    if (!account.isDefault)
+                                                        void setDefault(id, account.key);
+                                                }, children: account.isDefault ? '★' : '☆' }), _jsx("span", { style: styles.accountName, children: display }), account.plan !== undefined && (_jsx("span", { style: styles.usagePlan, children: account.plan })), account.expiresAt !== undefined && (_jsx("span", { style: styles.statusLine, children: t('accountExpires', { date: new Date(account.expiresAt).toLocaleString() }) })), _jsx("button", { type: "button", style: { ...styles.button, marginLeft: 'auto', flexShrink: 0 }, onClick: () => { void logout(id, account.key, display, name); }, children: t('logout') })] }), showUsage && (_jsxs("div", { style: styles.usage, children: [_jsxs("div", { style: styles.usageHeader, children: [_jsx("span", { style: styles.usageTitle, children: t('usageTitle') }), usage?.plan !== undefined && (_jsx("span", { style: styles.usagePlan, children: t('usagePlan', { plan: usage.plan }) })), _jsx("button", { type: "button", style: { ...styles.usageRefresh, ...usageLoading[usageKey] === true ? { opacity: 0.5, cursor: 'default' } : {} }, disabled: usageLoading[usageKey] === true, onClick: () => { void loadUsage(id, account.key); }, children: t('usageRefresh') })] }), usage === undefined && usageError === undefined && (_jsx("p", { style: styles.statusLine, children: t('usageLoading') })), usageError !== undefined && (_jsx("p", { style: styles.errorLine, children: t('usageError', { message: usageError }) })), usage?.windows !== undefined && usage.windows.length === 0 && (_jsx("p", { style: styles.statusLine, children: t('usageEmpty') })), (usage?.windows ?? []).map((window, index) => {
+                                                const percent = Math.min(100, Math.max(0, window.usedPercent));
+                                                return (_jsxs("div", { style: styles.usageRow, children: [_jsxs("div", { style: styles.usageMeta, children: [_jsx("span", { children: usageWindowLabel(t, window) }), _jsxs("span", { children: [`${String(Math.round(percent))}%`, window.resetsAt !== undefined
+                                                                            && ` · ${t('usageResets', { date: new Date(window.resetsAt).toLocaleString() })}`] })] }), _jsx("div", { style: styles.usageTrack, children: _jsx("div", { style: { ...styles.usageFill, width: `${String(percent)}%`, background: usageBarColor(percent) } }) })] }, index));
+                                            })] }))] }, account.key));
+                        }), _jsxs("div", { style: styles.actions, children: [!busy && accounts.length === 0 && (_jsx("button", { type: "button", style: styles.button, onClick: () => { void login(id); }, children: t('login') })), !busy && accounts.length > 0 && id === 'claude' && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", style: styles.button, onClick: () => { void login(id, 'oauth'); }, children: t('addAccountOAuth') }), _jsx("button", { type: "button", style: styles.button, onClick: () => { void login(id, 'keychain'); }, children: t('addAccountKeychain') })] })), !busy && accounts.length > 0 && id !== 'claude' && (_jsx("button", { type: "button", style: styles.button, onClick: () => { void login(id); }, children: t('addAccount') })), busy && (_jsx("button", { type: "button", style: styles.button, onClick: () => { void cancel(id); }, children: t('cancel') }))] }), !busy && accounts.length > 0 && (_jsx("p", { style: styles.statusLine, children: t('addAccountHint') })), busy && deviceCode !== undefined && (_jsxs("div", { style: styles.deviceCode, children: [_jsx("span", { style: styles.statusLine, children: t('deviceCodePrompt') }), _jsx("span", { style: styles.deviceCodeText, children: deviceCode.userCode }), _jsxs("div", { style: styles.actions, children: [_jsx("button", { type: "button", style: styles.button, onClick: () => { copyDeviceCode(id, deviceCode.userCode); }, children: copiedCode === id ? t('deviceCodeCopied') : t('deviceCodeCopy') }), _jsx("button", { type: "button", style: styles.button, onClick: () => { window.open(deviceCode.verificationUrl, '_blank', 'noopener'); }, children: t('deviceCodeOpenPage') })] })] })), busy && deviceCode === undefined && (_jsxs("details", { style: styles.manual, children: [_jsx("summary", { children: t('manualSummary') }), _jsxs("div", { style: styles.manualRow, children: [_jsx("input", { style: styles.manualInput, value: manualDrafts[id], placeholder: t('manualPlaceholder'), onChange: event => setManualDrafts(prev => ({ ...prev, [id]: event.target.value })) }), _jsx("button", { type: "button", style: styles.button, onClick: () => { void submitManual(id); }, children: t('submit') })] })] }))] }, id));
             }), proxyOpen && (_jsx("div", { style: styles.modalOverlay, onClick: () => setProxyOpen(false), children: _jsxs("div", { style: styles.modal, onClick: event => event.stopPropagation(), children: [_jsxs("div", { style: styles.modalHeader, children: [_jsx("span", { style: styles.modalTitle, children: t('proxyDialogTitle') }), _jsx("button", { type: "button", style: { ...styles.button, marginLeft: 'auto' }, onClick: () => setProxyOpen(false), children: t('proxyDialogClose') })] }), _jsxs("label", { style: styles.proxyCheck, children: [_jsx("input", { type: "checkbox", checked: proxyEnabled, onChange: event => setProxyEnabled(event.target.checked) }), _jsx("span", { children: t('proxyEnabled') })] }), _jsxs("label", { style: styles.proxyField, children: [_jsx("span", { style: styles.proxyLabel, children: t('proxyUrl') }), _jsx("input", { style: styles.proxyInput, value: proxyUrl, placeholder: t('proxyUrlPlaceholder'), onChange: event => setProxyUrl(event.target.value) }), _jsx("p", { style: styles.proxyHint, children: t('proxyUrlHint') })] }), _jsxs("label", { style: styles.proxyField, children: [_jsx("span", { style: styles.proxyLabel, children: t('proxyUsername') }), _jsx("input", { style: styles.proxyInput, value: proxyUsername, placeholder: t('proxyUsernamePlaceholder'), onChange: event => setProxyUsername(event.target.value) })] }), _jsxs("div", { style: styles.proxyField, children: [_jsx("span", { style: styles.proxyLabel, children: t('proxyPassword') }), _jsx("input", { type: "password", style: styles.proxyInput, value: proxyPassword, placeholder: t('proxyPasswordPlaceholder'), onChange: event => setProxyPassword(event.target.value) }), _jsxs("label", { style: styles.proxyCheck, children: [_jsx("input", { type: "checkbox", checked: proxyClearPassword, onChange: event => setProxyClearPassword(event.target.checked) }), _jsx("span", { children: t('proxyClearPassword') })] })] }), _jsxs("label", { style: styles.proxyField, children: [_jsx("span", { style: styles.proxyLabel, children: t('proxyBypass') }), _jsx("input", { style: styles.proxyInput, value: proxyBypass, placeholder: t('proxyBypassPlaceholder'), onChange: event => setProxyBypass(event.target.value) }), _jsx("p", { style: styles.proxyHint, children: t('proxyBypassHint') })] }), _jsx("p", { style: styles.proxyHint, children: t('proxyNote') }), proxyMessage !== undefined && (_jsx("p", { style: { ...styles.proxyMessage, color: messageColor(proxyMessage.tone) }, children: proxyMessage.text })), proxyTestResult !== undefined && (_jsx("p", { style: {
                                 ...styles.proxyMessage,
                                 color: proxyTestResult.ok

package/lib/client/locales.d.ts

@@ -6,15 +6,19 @@ export declare const en: {
     unavailable: string;
     checking: string;
     loginInProgress: string;
-    loggedIn: string;
-    loggedInAccount: string;
-    loggedInExpires: string;
-    loggedInAccountExpires: string;
     notLoggedIn: string;
+    loggedInCount: string;
+    accountExpires: string;
+    defaultBadge: string;
+    setDefault: string;
+    addAccount: string;
+    addAccountOAuth: string;
+    addAccountKeychain: string;
+    addAccountHint: string;
     login: string;
     cancel: string;
     logout: string;
-    logoutConfirm: string;
+    logoutAccountConfirm: string;
     manualSummary: string;
     manualPlaceholder: string;
     submit: string;
@@ -91,15 +95,19 @@ export declare const zh: {
     unavailable: string;
     checking: string;
     loginInProgress: string;
-    loggedIn: string;
-    loggedInAccount: string;
-    loggedInExpires: string;
-    loggedInAccountExpires: string;
     notLoggedIn: string;
+    loggedInCount: string;
+    accountExpires: string;
+    defaultBadge: string;
+    setDefault: string;
+    addAccount: string;
+    addAccountOAuth: string;
+    addAccountKeychain: string;
+    addAccountHint: string;
     login: string;
     cancel: string;
     logout: string;
-    logoutConfirm: string;
+    logoutAccountConfirm: string;
     manualSummary: string;
     manualPlaceholder: string;
     submit: string;

package/lib/client/locales.js

@@ -6,15 +6,19 @@ export 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',
@@ -91,15 +95,19 @@ export 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: '提交',