dsh-subscriptions 0.1.2 → 0.1.4

package/README.md

@@ -68,13 +68,15 @@ and tool settings.
 
 ### Quota while you work
 
-The composer's stats row gains a **subscription usage** pill showing the
+The composer's stats row gains a **provider usage** pill showing the
 used percentage and reset window for the provider of the session's current
 model. It shows at most one provider; switching to a non-subscription model
 keeps the most recent subscription selected in the mounted conversation
-view, or stays hidden if there is none.
+view, or stays hidden if there is none. **Always show** instead rotates
+through the providers that report usage every 10 seconds while the current
+model has no quota source, so the pill never disappears.
 
-![Subscription usage pill in the stats row](docs/images/usage-pill.png)
+![Provider usage pill in the stats row](docs/images/usage-pill.png)
 
 Click the pill to expand every provider and account that reports usage —
 the default account is starred, and the current provider is listed first.
@@ -83,7 +85,54 @@ neither do accounts without a usage window. Antigravity previews only the
 current model's windows; the other model windows stay in a closed
 disclosure.
 
-![Subscription usage pill expanded](docs/images/usage-badge.png)
+Quota bars include a dark elapsed-time cursor whenever the provider's
+timing places the window in time, including at 0% used and for stale or old
+readings. Compare the colored fill (quota used) with the cursor (time
+elapsed); hover for the percentages and reset countdown. Standard coloring
+turns the fill orange when a fresh reading leads elapsed time by 10 points,
+and Relaxed uses 15; 90% used turns it red and takes priority. Windows
+without known timing omit the cursor, and a stale or old reading keeps its
+cursor without a pace warning. Choose Standard, Relaxed, or Remaining colors
+in **Settings → Subscriptions**.
+
+![Usage dialog with elapsed-time cursors](docs/images/usage-badge.png)
+
+#### Codex usage limit resets
+
+The Codex account card shows banked full-reset credits and their expirations
+in a closed disclosure. A failed optional lookup reports an error without
+hiding ordinary quota windows. **Use…** selects the earliest-expiring available
+credit and requires a fresh unscoped weekly reading of at least 80%, then an
+explicit confirmation and acknowledgment. Confirmation expires after 60
+seconds; the server rechecks usage and credit availability before submission.
+
+One reset consumes one credit and resets weekly and 5-hour limits. This
+interface cannot undo it. An unconfirmed outcome blocks further redemption
+for that account in the current host process. Restarting clears that block,
+but must not be used to bypass it: check credits and limits in Codex before
+retrying, because the first submission may already have spent a credit.
+The private endpoint is covered by offline fakes, not live-account checks.
+See the [manual reset decision](.agents/notes/implemented/provider/2026-10-04-codex-manual-reset.md)
+for the retry boundary and verification limits.
+
+#### Claude usage limit resets
+
+The Claude account card shows banked limit resets from Anthropic's
+`cedar_ember` program, in the same closed disclosure Codex uses. It lists one
+row per grant, not one per credit, and the summary counts remaining resets by
+summing `resetsLeft` over grants that are neither expired nor paused. Each row
+states whether that grant is available, not yet usable, paused, exhausted, or
+expired, with its remaining count and when it lapses. That time is the grant's
+expiry: it is not a window reset and does not move the elapsed-time cursor.
+
+This is **display only**. `claimable` is shown as data on a text row, and the
+page has no control that spends a Claude reset, because the response shape is
+not an Anthropic contract. An ineligible account, a grant-less block, or a
+rejected optional query leaves ordinary session and weekly windows untouched
+and shows no list; a failed lookup shows a fixed sentence rather than the
+provider's text. No live account was used to verify what Anthropic returns. See
+[the evidence and limits](docs/claude-banked-resets.md) and the
+[display decision](.agents/notes/implemented/provider/2026-10-08-claude-banked-reset-display.md).
 
 ## Install
 
@@ -171,6 +220,33 @@ usage.
 The plugin follows DSH network settings. Its former proxy configuration and
 UI have been retired; an old plugin proxy config file is ignored.
 
+## Claude prompt-cache TTL
+
+Set `claudePromptCacheTtl: '5m'` (default) or `'1h'` in the plugin config and
+restart DSH. This affects Claude only; other providers keep their own caching.
+Five minutes omits the wire `ttl` field, preserving the existing request. One
+hour adds `ttl: "1h"` to the tools+system prefix and up to three conversation
+breakpoints. All marks share one TTL: Anthropic rejects a one-hour mark after
+a five-minute mark. Requests classified with `purpose` as compaction or
+session-title keep five minutes. Unclassified calls, including subagents and
+calls from hosts that do not supply `purpose`, follow the configured TTL.
+The TTL setting does not require a newer host capability or dependency.
+
+Cache reads have the same API price for either TTL. One-hour writes are priced
+at 2× base input instead of 1.25×. They may pay off with reusable prefixes and
+5–60-minute pauses; benefits depend on the workload and do not establish
+subscription quota savings. Frequent reuse within five minutes may not offset
+the higher write price. Claude Code requests one hour for its main subscription
+conversation; see
+[Claude Code's prompt-caching notes](https://code.claude.com/docs/en/prompt-caching#which-ttl-each-request-gets).
+
+Changing TTL on a cached conversation may rewrite the prefix. Upstream testing
+found that the first one-hour request after five-minute writes rewrote a
+conversation-tail prefix, while a system-only breakpoint could hit. A
+five-minute request can read a one-hour entry; a one-hour-marked read does not
+upgrade an existing five-minute entry's lifetime. These observations are not
+live-account verification of this fork.
+
 ## Usage coloring
 
 **Settings → Subscriptions → Usage coloring** offers one browser-local dropdown:
@@ -183,7 +259,7 @@ Every preset shows reported usage of 90% or more in red, before considering pace
 
 A vertical marker shows elapsed time only for an explicit valid start/end interval or a provider-verified fixed duration. A session/weekly label alone does not establish a fixed window; rolling or unknown intervals have no marker. Claude's recognized five-hour/seven-day buckets and Codex's reported quota durations supply fixed-window metadata. Unknown timing falls back to green below 90%, without a marker or yellow warning.
 
-Expired, failed-refresh or more-than-five-minute-old readings retain the last reported green/red color, without pace warnings or markers. Cached numbers remain visible, with an accessible stale label; refresh to confirm them. Invalid percentages show an unavailable state without a fabricated fill. Tooltips explain remaining quota, time progress and reset countdown where available. See the [decision record](.agents/notes/implemented/architecture/2026-10-01-usage-pace-colors.md) for rationale and verification limits.
+The marker depends on the window's timing alone, not on the reading: it stays at 0% used, for an invalid percentage, and when a refresh failed or the reading is more than five minutes old. Such a reading is not set against the current time, so it gets no yellow pace warning and its tooltip omits the ahead/behind comparison. It retains the last reported green/red color with an accessible stale label; refresh to confirm it. Once the reset time has passed the window has no position and the marker disappears. Invalid percentages show an unavailable state without a fabricated fill. Tooltips explain remaining quota, time progress and reset countdown where available. See the [decision record](.agents/notes/implemented/architecture/2026-10-01-usage-pace-colors.md) and the [cursor note](.agents/notes/implemented/architecture/2026-10-06-usage-cursor-timing-only.md) for rationale and verification limits.
 
 ### MiniMax subscription usage
 
@@ -193,11 +269,17 @@ The plugin reuses those credential references; no separate subscription ref is
 required. Quota reads require subscription keys, not `sk-api-*` pay-as-you-go keys. The plugin reads the
 region's `/v1/token_plan/remains` endpoint and displays finite per-model quotas
 with API-provided start/end times. It does not add model routing or OAuth login.
-Unlimited, boosted-above-100% and unsupported quotas are omitted; if none remain,
-the card reports unavailable rather than inventing a percentage. Explicit
-remaining percentages take priority; older responses follow the official CLI's
-remaining-count compatibility convention. No live-account response was used in
-verification.
+Rows are labelled with the model name, and the plugin shows the windows the API
+returns for each model. MiniMax documents a five-hour and a weekly window for
+non-video models and only a weekly one for video. Standard (non-video) models
+on time-based plans report an explicit remaining percentage beside zero counts,
+and that percentage is enough for a row. Unlimited, boosted-above-100% and
+unsupported quotas are omitted (a status-3 row also covers a model the plan
+does not include); if none remain, the card reports unavailable rather than
+inventing a percentage. Explicit remaining percentages take priority; older
+responses follow the official CLI's remaining-count compatibility convention. No
+live-account response was used in verification, so a missing model may still
+come from the account or the plan rather than from this plugin.
 
 ## Development
 

package/lib/auth/rpc.d.ts

@@ -23,7 +23,7 @@ export declare const SUBSCRIPTIONS_AUTH_PREFIX = "subscriptions-auth.";
  * Every endpoint {@link dispatch} answers; each gets one exact Fetch route.
  * Kept in one place so the route table and the switch cannot drift apart.
  */
-export declare const SUBSCRIPTIONS_AUTH_ENDPOINTS: readonly ["providerSettings", "setProviderSettings", "status", "login", "manual", "cancel", "logout", "setDefault", "usage", "externalStatus", "externalUsage", "cursorStatus", "cursorLogin", "cursorCancel", "cursorLogout", "cursorUsage", "cursorModels", "cursorSettings", "cursorSetSettings", "image", "video", "speed", "setSpeed", "modelDefaults", "setModelDefault"];
+export declare const SUBSCRIPTIONS_AUTH_ENDPOINTS: readonly ["providerSettings", "setProviderSettings", "status", "login", "manual", "cancel", "logout", "setDefault", "usage", "externalStatus", "externalUsage", "cursorStatus", "cursorLogin", "cursorCancel", "cursorLogout", "cursorUsage", "cursorModels", "cursorSettings", "cursorSetSettings", "image", "video", "prepareReset", "consumeReset", "speed", "setSpeed", "modelDefaults", "setModelDefault"];
 /** Decoded image bytes returned by the `image` endpoint. */
 export interface ImageBytesResult {
     mediaType: string;
@@ -121,6 +121,8 @@ export interface ModelDefaultsController {
 }
 /** Provider-agnostic auth operations the RPC handler delegates to. */
 export interface AuthController {
+    prepareReset?(account: string, signal: AbortSignal): Promise<unknown>;
+    consumeReset?(account: string, ticket: string, signal: AbortSignal): Promise<void>;
     /** Current status of one provider. */
     status(provider: ProviderId): Promise<ProviderStatus>;
     /**

package/lib/auth/rpc.js

@@ -25,7 +25,7 @@ export const SUBSCRIPTIONS_AUTH_ENDPOINTS = [
     'externalStatus', 'externalUsage',
     'cursorStatus', 'cursorLogin', 'cursorCancel', 'cursorLogout', 'cursorUsage', 'cursorModels',
     'cursorSettings', 'cursorSetSettings',
-    'image', 'video',
+    'image', 'video', 'prepareReset', 'consumeReset',
     'speed', 'setSpeed',
     'modelDefaults', 'setModelDefault',
 ];
@@ -322,6 +322,15 @@ async function dispatch(controller, speed, modelDefaults, endpoint, payload, sig
                 throw new BadRequest('payload must be an object');
             await cursor.setSettings(payload.settings);
             return ok({ ok: true });
+        case 'prepareReset':
+            if (!controller.prepareReset)
+                throw new BadRequest('Reset redemption unavailable');
+            return ok(await controller.prepareReset(readString(payload, 'account'), signal));
+        case 'consumeReset':
+            if (!controller.consumeReset)
+                throw new BadRequest('Reset redemption unavailable');
+            await controller.consumeReset(readString(payload, 'account'), readString(payload, 'ticket'), signal);
+            return ok({ ok: true });
         case 'image':
             return ok(await controller.readImage(readImageRef(payload), signal));
         case 'video':

package/lib/client/ExternalUsageCards.d.ts

@@ -1,6 +1,16 @@
 import type { ConnectionHandle } from '@deepseek-ai/dsh-api-remotes/client';
-import type { SubscriptionsSectionInjected } from './SubscriptionsSection.js';
+import type { SubscriptionsSectionInjected, UsageWindow } from './SubscriptionsSection.js';
 type Translate = SubscriptionsSectionInjected['t'];
+/**
+ * Row label of one window on an external usage card. A session or weekly
+ * window appends the model it belongs to when the provider names one (MiniMax
+ * reports a window per model), so two models' weekly rows stay distinguishable.
+ * The monthly pool is a scope on an `other` window, not a model.
+ * @param t - section translate.
+ * @param window - the reported window.
+ * @returns the localized label, e.g. "Weekly · general".
+ */
+export declare function externalUsageWindowLabel(t: Translate, window: UsageWindow): string;
 /** Quota cards for API-key providers already available through DSH itself. */
 export declare function ExternalUsageCards({ rpc, t }: {
     rpc: ConnectionHandle['rpc'];

package/lib/client/ExternalUsageCards.js

@@ -14,6 +14,23 @@ const SOURCES = [
 function errorText(error) {
     return error instanceof Error ? error.message : String(error);
 }
+/**
+ * Row label of one window on an external usage card. A session or weekly
+ * window appends the model it belongs to when the provider names one (MiniMax
+ * reports a window per model), so two models' weekly rows stay distinguishable.
+ * The monthly pool is a scope on an `other` window, not a model.
+ * @param t - section translate.
+ * @param window - the reported window.
+ * @returns the localized label, e.g. "Weekly · general".
+ */
+export function externalUsageWindowLabel(t, window) {
+    const named = window.scope !== undefined && window.scope !== '';
+    if (window.kind === 'other') {
+        return window.scope === 'Monthly' ? t('usageMonthly') : named ? window.scope : t('usageWindow');
+    }
+    const base = window.kind === 'session' ? t('usageSession') : t('usageWeekly');
+    return named ? `${base} · ${window.scope}` : base;
+}
 /** Quota cards for API-key providers already available through DSH itself. */
 export function ExternalUsageCards({ rpc, t }) {
     const [status, setStatus] = useState();
@@ -62,9 +79,7 @@ export function ExternalUsageCards({ rpc, t }) {
                                         ? 'var(--dsw-alias-state-success-primary)' : 'var(--dsw-alias-label-dimmed)' } }), _jsx("span", { style: styles.name, children: name })] }), !(status === undefined && statusError !== undefined) && _jsx("p", { style: styles.status, children: status === undefined ? t('checking')
                             : configured ? t('externalUsageConnected') : t('externalUsageNotConfigured') }), statusError !== undefined && _jsx("p", { style: styles.error, children: t('externalUsageUnavailable', { message: statusError }) }), status !== undefined && !configured && _jsx("p", { style: styles.status, children: t('externalUsageConfigure', { ref }) }), configured && _jsxs("div", { style: styles.account, children: [_jsxs("div", { style: styles.accountHeader, children: [_jsx("span", { style: styles.defaultStar, title: t('defaultBadge'), children: "\u2605" }), _jsx("span", { style: styles.accountName, children: t('externalUsageApiKey') })] }), _jsxs("div", { style: styles.usage, children: [_jsxs("div", { style: styles.usageHeader, children: [_jsx("span", { style: styles.usageTitle, children: t('usageTitle') }), snapshot?.plan !== undefined && _jsx("span", { style: styles.usagePlan, children: t('usagePlan', { plan: snapshot.plan }) }), _jsx("button", { type: "button", style: styles.usageRefresh, disabled: loading[id] === true, onClick: () => { void refresh(id); }, children: t('usageRefresh') })] }), loading[id] === true && snapshot === undefined && _jsx("p", { style: styles.status, children: t('usageLoading') }), errors[id] !== undefined && _jsx("p", { style: styles.error, children: t('usageError', { message: errors[id] }) }), snapshot?.windows?.length === 0 && _jsx("p", { style: styles.status, children: t('usageEmpty') }), snapshot?.windows?.map((window, index) => {
                                         const percent = displayUsedPercent(window.usedPercent);
-                                        const label = window.kind === 'session' ? t('usageSession')
-                                            : window.kind === 'weekly' ? t('usageWeekly')
-                                                : window.scope === 'Monthly' ? t('usageMonthly') : window.scope ?? t('usageWindow');
+                                        const label = externalUsageWindowLabel(t, window);
                                         return _jsxs("div", { style: styles.usageRow, children: [_jsxs("div", { style: styles.usageMeta, children: [_jsx("span", { children: label }), _jsxs("span", { children: [percent === undefined ? t('usageMeterInvalid') : `${percent}%`, window.resetsAt === undefined ? ''
                                                                     : ` · ${t('usageResets', { date: new Date(window.resetsAt).toLocaleString() })}`] })] }), _jsx(UsageMeter, { window: window, t: t, observedAt: observedAt[id], stale: errors[id] !== undefined || snapshot?.stale === true })] }, index);
                                     })] })] }), !configured && _jsx("div", { style: styles.actions, children: _jsx("button", { type: "button", style: styles.button, onClick: () => { void refreshStatus(); }, children: t('usageRefresh') }) })] }, id);

package/lib/client/ProviderAccountManager.js

@@ -3,13 +3,8 @@ import { useEffect, useId, useRef, useState } from 'react';
 import { callSubscriptionsAuth } from './subscriptions-rpc.js';
 import { accountModelRows, accountPoolSelection, mergeAccountChanges, mergeLatestAccounts } from './account-preferences.js';
 import { ProviderModelEditor } from './ProviderModelEditor.js';
-const border = '1px solid var(--dsw-alias-border-l2)';
-const control = {
-    font: 'inherit', color: 'inherit', background: 'var(--dsw-alias-bg-layer-1)',
-    border, borderRadius: 8, padding: '7px 12px', minWidth: 0,
-};
-const button = { ...control, cursor: 'pointer' };
-const hint = { margin: 0, fontSize: 12, lineHeight: 1.6, color: 'var(--dsw-alias-label-tertiary)' };
+import { providerSettingsCss } from './provider-settings-styles.js';
+const border = '0.5px solid var(--dsw-alias-border-l2)';
 const stack = { display: 'grid', gap: 12, minWidth: 0 };
 const actions = { display: 'flex', flexWrap: 'wrap', gap: 8, alignItems: 'center' };
 /** Native top-layer dialog provides keyboard containment, Escape and focus restoration. */
@@ -110,38 +105,36 @@ export function ProviderAccountManager({ provider, name, rpc, t, onClose }) {
                 setSaving(false);
         }
     }
-    return _jsx("dialog", { ref: dialog, "aria-labelledby": title, "aria-describedby": description, onCancel: event => { if (saveLock.current)
-            event.preventDefault(); }, onClose: onClose, style: { width: 620, maxWidth: 'calc(100vw - 32px)', maxHeight: 'calc(100dvh - 32px)', boxSizing: 'border-box',
-            padding: 0, border, borderRadius: 16, color: 'var(--dsw-alias-label-primary)',
-            background: 'var(--dsw-alias-bg-layer-1)', boxShadow: '0 20px 70px #0004', overflow: 'auto' }, children: _jsxs("div", { style: { ...stack, padding: 20 }, children: [_jsxs("header", { style: { ...actions, justifyContent: 'space-between' }, children: [_jsx("h2", { id: title, style: { margin: 0, fontSize: 18 }, children: t('accountsTitle', { provider: name }) }), _jsx("button", { type: "button", autoFocus: true, style: button, disabled: saving, onClick: onClose, children: t('imageClose') })] }), _jsx("p", { id: description, style: hint, children: t(provider === 'cursor-subscription' ? 'cursorAccountsHint' : 'accountsHint') }), error && _jsx("p", { role: "alert", style: { ...hint, color: 'var(--dsw-alias-state-error-primary)' }, children: error }), loading && _jsx("p", { role: "status", style: hint, children: t('accountsLoading') }), !loading && !catalog && _jsx("button", { type: "button", style: button, onClick: () => setAttempt(value => value + 1), children: t('modelDefaultsRetry') }), catalog && _jsxs("fieldset", { disabled: saving || loading, style: { ...stack, border: 0, margin: 0, padding: 0 }, children: [catalog.accounts.length === 0 && _jsx("p", { style: hint, children: t(provider === 'cursor-subscription' ? 'cursorManageSignIn' : 'accountsEmpty') }), provider === 'cursor-subscription' && catalog.accounts.length > 0 &&
-                            _jsxs("fieldset", { style: { border, borderRadius: 12, padding: 14 }, children: [_jsx("legend", { style: { padding: '0 6px', fontWeight: 600, fontSize: 14 }, children: name }), _jsx("p", { style: hint, children: t('cursorConnected') })] }), provider !== 'cursor-subscription' && catalog.accounts.map(account => {
-                            const preferences = changes[account.key] ?? catalog.settings.accounts?.[account.key] ?? {};
-                            const selected = accountPoolSelection(preferences, account.models);
-                            const models = accountModelRows(account, preferences);
-                            return _jsxs("fieldset", { style: { ...stack, border, borderRadius: 12, padding: 14, margin: 0 }, children: [_jsx("legend", { style: { padding: '0 6px', fontWeight: 600, fontSize: 14, overflowWrap: 'anywhere', maxWidth: '100%' }, children: account.label }), account.unavailable && _jsx("p", { style: hint, children: t('accountsCatalogUnavailable') }), _jsxs("label", { style: { ...stack, gap: 6 }, children: [_jsx("span", { style: { fontSize: 12 }, children: t('accountsAlias') }), _jsx("input", { style: control, value: preferences.alias ?? '', placeholder: account.label, onChange: event => {
-                                                    const next = { ...preferences };
-                                                    if (event.target.value.trim())
-                                                        next.alias = event.target.value;
-                                                    else
-                                                        delete next.alias;
-                                                    edit(account.key, next);
-                                                } })] }), _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: preferences.poolEnabled !== false, onChange: event => edit(account.key, { ...preferences, poolEnabled: event.target.checked }) }), " ", t('accountsPoolEnabled')] }), _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: preferences.independentEntry === true, onChange: event => edit(account.key, { ...preferences, independentEntry: event.target.checked }) }), " ", t('accountsIndependent')] }), _jsx("p", { style: hint, children: t('accountsIndependentHint') }), _jsxs("details", { children: [_jsxs("summary", { style: { cursor: 'pointer', fontSize: 13 }, children: [t('accountsModels'), " \u00B7 ", preferences.poolModels === undefined
-                                                        ? t('accountsModelsAll') : t('accountsModelsCount', { count: preferences.poolModels.length })] }), _jsxs("div", { style: { ...stack, marginTop: 12 }, children: [_jsx("p", { style: hint, children: t('accountsModelsHint') }), _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: preferences.poolModels === undefined, onChange: event => {
-                                                                    const next = { ...preferences };
-                                                                    if (event.target.checked)
-                                                                        delete next.poolModels;
-                                                                    else
-                                                                        next.poolModels = account.models.map(model => model.id);
-                                                                    edit(account.key, next);
-                                                                } }), " ", t('accountsModelsAutomatic')] }), _jsxs("div", { style: actions, children: [_jsx("button", { type: "button", style: button, onClick: () => edit(account.key, { ...preferences, poolModels: models.map(model => model.id) }), children: t('modelsSelectAll') }), _jsx("button", { type: "button", style: button, onClick: () => edit(account.key, { ...preferences, poolModels: [] }), children: t('modelsSelectNone') })] }), _jsxs("div", { style: { ...stack, gap: 8, maxHeight: 240, overflowY: 'auto' }, children: [models.map(model => _jsxs("label", { style: { fontSize: 13, overflowWrap: 'anywhere' }, children: [_jsx("input", { type: "checkbox", checked: selected.has(model.id), onChange: event => {
-                                                                            const next = new Set(selected);
-                                                                            if (event.target.checked)
-                                                                                next.add(model.id);
-                                                                            else
-                                                                                next.delete(model.id);
-                                                                            edit(account.key, { ...preferences, poolModels: [...next] });
-                                                                        } }), " ", model.name, model.unavailable && ` (${t('modelsUnavailable')})`] }, model.id)), models.length === 0 && _jsx("p", { style: hint, children: t('accountsNoModels') })] })] })] })] }, account.key);
-                        })] }), (provider !== 'cursor-subscription' || (catalog?.accounts.length ?? 0) > 0) &&
-                    _jsx(ProviderModelEditor, { ref: editor, provider: provider, rpc: rpc, t: t, disabled: saving, onDirtyChange: setModelsDirty }), _jsxs("footer", { style: { ...stack, gap: 8, borderTop: border, padding: '14px 0 0',
-                        position: 'sticky', bottom: 0, background: 'var(--dsw-alias-bg-layer-1)' }, children: [saveError && _jsx("p", { role: "alert", style: { ...hint, color: 'var(--dsw-alias-state-error-primary)' }, children: saveError }), _jsxs("div", { style: { ...actions, justifyContent: 'flex-end' }, children: [_jsx("button", { type: "button", style: button, disabled: saving, onClick: onClose, children: t('cancel') }), _jsx("button", { type: "button", style: { ...button, fontWeight: 600 }, disabled: loading || saving || (!Object.keys(changes).length && !modelsDirty), onClick: () => { void save(); }, children: saving ? t('modelDefaultsSaving') : t('modelsSave') })] })] })] }) });
+    return _jsxs("dialog", { className: "dsh-subscription-manager", ref: dialog, "aria-labelledby": title, "aria-describedby": description, onCancel: event => { if (saveLock.current)
+            event.preventDefault(); }, onClose: onClose, style: { width: 620, maxWidth: 'calc(100vw - 32px)', maxHeight: 'calc(100dvh - 32px)', overflow: 'auto' }, children: [_jsx("style", { children: providerSettingsCss }), _jsxs("div", { style: { ...stack, padding: 20 }, children: [_jsxs("header", { style: { ...actions, justifyContent: 'space-between' }, children: [_jsx("h2", { id: title, style: { margin: 0 }, children: t('accountsTitle', { provider: name }) }), _jsx("button", { type: "button", autoFocus: true, disabled: saving, onClick: onClose, children: t('imageClose') })] }), _jsx("p", { id: description, className: "dsh-subscription-hint", children: t(provider === 'cursor-subscription' ? 'cursorAccountsHint' : 'accountsHint') }), error && _jsx("p", { role: "alert", children: error }), loading && _jsx("p", { role: "status", className: "dsh-subscription-hint", children: t('accountsLoading') }), !loading && !catalog && _jsx("button", { type: "button", onClick: () => setAttempt(value => value + 1), children: t('modelDefaultsRetry') }), catalog && _jsxs("fieldset", { disabled: saving || loading, style: { ...stack, border: 0, margin: 0, padding: 0 }, children: [catalog.accounts.length === 0 && _jsx("p", { className: "dsh-subscription-hint", children: t(provider === 'cursor-subscription' ? 'cursorManageSignIn' : 'accountsEmpty') }), provider === 'cursor-subscription' && catalog.accounts.length > 0 &&
+                                _jsxs("fieldset", { style: { border, borderRadius: 'var(--dsw-radius-lg, 12px)', padding: 14 }, children: [_jsx("legend", { style: { padding: '0 6px' }, children: name }), _jsx("p", { className: "dsh-subscription-hint", children: t('cursorConnected') })] }), provider !== 'cursor-subscription' && catalog.accounts.map(account => {
+                                const preferences = changes[account.key] ?? catalog.settings.accounts?.[account.key] ?? {};
+                                const selected = accountPoolSelection(preferences, account.models);
+                                const models = accountModelRows(account, preferences);
+                                return _jsxs("fieldset", { style: { ...stack, border, borderRadius: 'var(--dsw-radius-lg, 12px)', padding: 14, margin: 0 }, children: [_jsx("legend", { style: { padding: '0 6px', overflowWrap: 'anywhere', maxWidth: '100%' }, children: account.label }), account.unavailable && _jsx("p", { className: "dsh-subscription-hint", children: t('accountsCatalogUnavailable') }), _jsxs("label", { style: { ...stack, gap: 6 }, children: [_jsx("span", { className: "dsh-subscription-label", children: t('accountsAlias') }), _jsx("input", { value: preferences.alias ?? '', placeholder: account.label, onChange: event => {
+                                                        const next = { ...preferences };
+                                                        if (event.target.value.trim())
+                                                            next.alias = event.target.value;
+                                                        else
+                                                            delete next.alias;
+                                                        edit(account.key, next);
+                                                    } })] }), _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: preferences.poolEnabled !== false, onChange: event => edit(account.key, { ...preferences, poolEnabled: event.target.checked }) }), " ", t('accountsPoolEnabled')] }), _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: preferences.independentEntry === true, onChange: event => edit(account.key, { ...preferences, independentEntry: event.target.checked }) }), " ", t('accountsIndependent')] }), _jsx("p", { className: "dsh-subscription-hint", children: t('accountsIndependentHint') }), _jsxs("details", { children: [_jsxs("summary", { style: { cursor: 'pointer', fontSize: 13 }, children: [t('accountsModels'), " \u00B7 ", preferences.poolModels === undefined
+                                                            ? t('accountsModelsAll') : t('accountsModelsCount', { count: preferences.poolModels.length })] }), _jsxs("div", { style: { ...stack, marginTop: 12 }, children: [_jsx("p", { className: "dsh-subscription-hint", children: t('accountsModelsHint') }), _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: preferences.poolModels === undefined, onChange: event => {
+                                                                        const next = { ...preferences };
+                                                                        if (event.target.checked)
+                                                                            delete next.poolModels;
+                                                                        else
+                                                                            next.poolModels = account.models.map(model => model.id);
+                                                                        edit(account.key, next);
+                                                                    } }), " ", t('accountsModelsAutomatic')] }), _jsxs("div", { style: actions, children: [_jsx("button", { type: "button", onClick: () => edit(account.key, { ...preferences, poolModels: models.map(model => model.id) }), children: t('modelsSelectAll') }), _jsx("button", { type: "button", onClick: () => edit(account.key, { ...preferences, poolModels: [] }), children: t('modelsSelectNone') })] }), _jsxs("div", { style: { ...stack, gap: 8, maxHeight: 240, overflowY: 'auto' }, children: [models.map(model => _jsxs("label", { style: { overflowWrap: 'anywhere' }, children: [_jsx("input", { type: "checkbox", checked: selected.has(model.id), onChange: event => {
+                                                                                const next = new Set(selected);
+                                                                                if (event.target.checked)
+                                                                                    next.add(model.id);
+                                                                                else
+                                                                                    next.delete(model.id);
+                                                                                edit(account.key, { ...preferences, poolModels: [...next] });
+                                                                            } }), " ", model.name, model.unavailable && ` (${t('modelsUnavailable')})`] }, model.id)), models.length === 0 && _jsx("p", { className: "dsh-subscription-hint", children: t('accountsNoModels') })] })] })] })] }, account.key);
+                            })] }), (provider !== 'cursor-subscription' || (catalog?.accounts.length ?? 0) > 0) &&
+                        _jsx(ProviderModelEditor, { ref: editor, provider: provider, rpc: rpc, t: t, disabled: saving, onDirtyChange: setModelsDirty }), _jsxs("footer", { style: { ...stack, gap: 8, borderTop: border, padding: '14px 0 8px',
+                            position: 'sticky', bottom: 0, background: 'var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-layer-1))' }, children: [saveError && _jsx("p", { role: "alert", children: saveError }), _jsxs("div", { style: { ...actions, justifyContent: 'flex-end' }, children: [_jsx("button", { type: "button", disabled: saving, onClick: onClose, children: t('cancel') }), _jsx("button", { type: "button", className: "dsh-subscription-primary", disabled: loading || saving || (!Object.keys(changes).length && !modelsDirty), onClick: () => { void save(); }, children: saving ? t('modelDefaultsSaving') : t('modelsSave') })] })] })] })] });
 }

package/lib/client/ProviderModelEditor.js

@@ -1,11 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { callSubscriptionsAuth } from './subscriptions-rpc.js';
-const border = '1px solid var(--dsw-alias-border-l2, #ddd)';
-const control = {
-    font: 'inherit', color: 'inherit', background: 'transparent', border,
-    borderRadius: 8, padding: '6px 10px', minWidth: 0,
-};
+const border = '0.5px solid var(--dsw-alias-border-l2, #ddd)';
 const actions = { display: 'flex', flexWrap: 'wrap', gap: 8, alignItems: 'center' };
 /**
  * Embedded section of the account manager dialog. It owns the model draft
@@ -83,25 +79,25 @@ export const ProviderModelEditor = forwardRef(function ProviderModelEditor({ pro
     const missing = (draft.visibleModels ?? []).filter(id => !known.has(id)).map(id => ({ id, name: id }));
     const models = [...allModels, ...missing].filter(model => `${model.name} ${model.id}`.toLowerCase().includes(query.trim().toLowerCase()));
     const selected = new Set(draft.visibleModels ?? allModels.map(model => model.id));
-    return _jsxs("div", { style: { borderTop: border, marginTop: 12, paddingTop: 12 }, children: [_jsx("h3", { style: { margin: 0, fontSize: 15 }, children: t('modelsEdit') }), _jsxs("div", { style: { display: 'grid', gap: 12, marginTop: 12 }, children: [_jsx("p", { style: { margin: 0 }, children: t(provider === 'cursor-subscription' ? 'cursorManageHint' : 'modelsHint') }), error && _jsx("p", { role: "alert", style: { margin: 0, color: 'var(--dsw-alias-state-error-primary, #b42318)' }, children: error }), _jsxs("div", { style: actions, children: [_jsx("button", { type: "button", style: control, disabled: busy || disabled || dirty, onClick: () => { void load(true); }, children: t('usageRefresh') }), busy && _jsx("span", { role: "status", children: t('modelDefaultsLoading') })] }), catalog && _jsxs("fieldset", { disabled: busy || disabled, style: { border: 0, padding: 0, margin: 0, minWidth: 0, display: 'grid', gap: 12 }, children: [_jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: draft.visibleModels === undefined, onChange: event => {
+    return _jsxs("div", { style: { borderTop: border, marginTop: 12, paddingTop: 12 }, children: [_jsx("h3", { style: { margin: 0 }, children: t('modelsEdit') }), _jsxs("div", { style: { display: 'grid', gap: 12, marginTop: 12 }, children: [_jsx("p", { className: "dsh-subscription-hint", children: t(provider === 'cursor-subscription' ? 'cursorManageHint' : 'modelsHint') }), error && _jsx("p", { role: "alert", children: error }), _jsxs("div", { style: actions, children: [_jsx("button", { type: "button", className: "dsh-subscription-quiet", disabled: busy || disabled || dirty, onClick: () => { void load(true); }, children: t('usageRefresh') }), busy && _jsx("span", { role: "status", children: t('modelDefaultsLoading') })] }), catalog && _jsxs("fieldset", { disabled: busy || disabled, style: { border: 0, padding: 0, margin: 0, minWidth: 0, display: 'grid', gap: 12 }, children: [_jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: draft.visibleModels === undefined, onChange: event => {
                                             const next = { ...draft };
                                             if (event.target.checked)
                                                 delete next.visibleModels;
                                             else
                                                 next.visibleModels = allModels.map(model => model.id);
                                             edit(next);
-                                        } }), " ", t('modelsAutomatic')] }), _jsxs("div", { style: actions, children: [_jsx("input", { style: { ...control, flex: '1 1 180px' }, value: query, onChange: event => setQuery(event.target.value), placeholder: t('modelDefaultsFilterPlaceholder'), "aria-label": t('modelDefaultsFilterPlaceholder') }), _jsx("button", { type: "button", style: control, onClick: () => edit({ ...draft, visibleModels: allModels.map(model => model.id) }), children: t('modelsSelectAll') }), _jsx("button", { type: "button", style: control, onClick: () => edit({ ...draft, visibleModels: [] }), children: t('modelsSelectNone') })] }), _jsxs("div", { style: { maxHeight: 360, overflowY: 'auto', display: 'grid', gap: 8 }, children: [models.map(model => _jsxs("div", { style: { borderBottom: border, padding: '8px 2px', display: 'grid', gap: 8 }, children: [_jsxs("label", { style: { overflowWrap: 'anywhere' }, children: [_jsx("input", { type: "checkbox", checked: selected.has(model.id), onChange: event => {
+                                        } }), " ", t('modelsAutomatic')] }), _jsxs("div", { style: actions, children: [_jsx("input", { style: { flex: '1 1 180px' }, value: query, onChange: event => setQuery(event.target.value), placeholder: t('modelDefaultsFilterPlaceholder'), "aria-label": t('modelDefaultsFilterPlaceholder') }), _jsx("button", { type: "button", onClick: () => edit({ ...draft, visibleModels: allModels.map(model => model.id) }), children: t('modelsSelectAll') }), _jsx("button", { type: "button", onClick: () => edit({ ...draft, visibleModels: [] }), children: t('modelsSelectNone') })] }), _jsxs("div", { style: { maxHeight: 360, overflowY: 'auto', display: 'grid', gap: 8 }, children: [models.map(model => _jsxs("div", { style: { borderBottom: border, padding: '8px 2px', display: 'grid', gap: 8 }, children: [_jsxs("label", { style: { overflowWrap: 'anywhere' }, children: [_jsx("input", { type: "checkbox", checked: selected.has(model.id), onChange: event => {
                                                             const next = new Set(selected);
                                                             if (event.target.checked)
                                                                 next.add(model.id);
                                                             else
                                                                 next.delete(model.id);
                                                             edit({ ...draft, visibleModels: [...next] });
-                                                        } }), " ", model.name, !known.has(model.id) && ` (${t('modelsUnavailable')})`] }), _jsxs("div", { style: actions, children: [(model.efforts?.length ?? 0) > 0 && _jsxs("label", { style: actions, children: [t('modelDefaultsTitle'), _jsxs("select", { style: control, "aria-label": `${model.name} ${t('modelDefaultsTitle')}`, value: efforts[model.id] ?? '', onChange: event => {
+                                                        } }), " ", model.name, !known.has(model.id) && ` (${t('modelsUnavailable')})`] }), _jsxs("div", { style: actions, children: [(model.efforts?.length ?? 0) > 0 && _jsxs("label", { style: actions, children: [t('modelDefaultsTitle'), _jsxs("select", { "aria-label": `${model.name} ${t('modelDefaultsTitle')}`, value: efforts[model.id] ?? '', onChange: event => {
                                                                     setEfforts({ ...efforts, [model.id]: event.target.value });
                                                                     setDirty(true);
                                                                 }, children: [_jsx("option", { value: "", children: t('modelDefaultsFollowProvider') }), model.configured && !model.efforts?.some(effort => effort.id === model.configured) &&
-                                                                        _jsxs("option", { value: model.configured, disabled: true, children: [model.configured, " (", t('modelsUnavailable'), ")"] }), model.efforts?.map(effort => _jsx("option", { value: effort.id, children: effort.name }, effort.id))] })] }), provider === 'codex' && model.maxContextWindow !== undefined && _jsxs("div", { style: actions, children: [_jsxs("label", { style: actions, children: [t('modelsContext'), _jsx("input", { style: { ...control, width: 140 }, inputMode: "numeric", value: contexts[model.id] ?? '', "aria-label": `${model.name} ${t('modelsContext')}`, placeholder: String(model.defaultContextWindow), onChange: event => { setContexts({ ...contexts, [model.id]: event.target.value }); setDirty(true); } })] }), _jsx("small", { children: t('modelsContextBounds', { default: model.defaultContextWindow, max: model.maxContextWindow }) })] })] })] }, model.id)), models.length === 0 && _jsx("span", { children: t('modelDefaultsFilterEmpty', { query }) })] }), provider === 'codex' && _jsx("small", { children: t('modelsContextHint') }), catalog.tools.length > 0 && _jsxs("div", { style: { display: 'grid', gap: 8 }, children: [_jsx("strong", { children: t('modelsTools') }), _jsx("small", { children: t('modelsToolsHint') }), catalog.tools.map(tool => _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: draft.tools?.[tool] !== false, onChange: event => edit({
+                                                                        _jsxs("option", { value: model.configured, disabled: true, children: [model.configured, " (", t('modelsUnavailable'), ")"] }), model.efforts?.map(effort => _jsx("option", { value: effort.id, children: effort.name }, effort.id))] })] }), provider === 'codex' && model.maxContextWindow !== undefined && _jsxs("div", { style: actions, children: [_jsxs("label", { style: actions, children: [t('modelsContext'), _jsx("input", { style: { width: 140 }, inputMode: "numeric", value: contexts[model.id] ?? '', "aria-label": `${model.name} ${t('modelsContext')}`, placeholder: String(model.defaultContextWindow), onChange: event => { setContexts({ ...contexts, [model.id]: event.target.value }); setDirty(true); } })] }), _jsx("small", { children: t('modelsContextBounds', { default: model.defaultContextWindow, max: model.maxContextWindow }) })] })] })] }, model.id)), models.length === 0 && _jsx("span", { children: t('modelDefaultsFilterEmpty', { query }) })] }), provider === 'codex' && _jsx("small", { children: t('modelsContextHint') }), catalog.tools.length > 0 && _jsxs("div", { style: { display: 'grid', gap: 8 }, children: [_jsx("strong", { children: t('modelsTools') }), _jsx("small", { children: t('modelsToolsHint') }), catalog.tools.map(tool => _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: draft.tools?.[tool] !== false, onChange: event => edit({
                                                     ...draft, tools: { ...draft.tools, [tool]: event.target.checked },
                                                 }) }), " ", t(tool === 'image_generate' ? 'modelsImage' : tool === 'video_generate' ? 'modelsVideo' : tool === 'web_search' ? 'modelsWebSearch' : 'modelsSearch')] }, tool))] })] })] })] });
 });

package/lib/client/SpeedSelect.js

@@ -14,6 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { useEffect, useRef, useState } from 'react';
 import { callSubscriptionsAuth } from './SubscriptionsSection.js';
+import { subscriptionChromeCss } from './provider-settings-styles.js';
 import { en } from './locales.js';
 /**
  * The `loadSpeed` half of the inject face: the plugin's own speed state plus
@@ -136,12 +137,12 @@ export function SpeedSelect({ loadSpeed, setSpeed, t }) {
     const tierName = (tier) => translate(tier === 'fast' ? 'speedFast' : 'speedStandard');
     const tierDescription = (tier) => translate(tier === 'fast' ? 'speedFastDescription' : 'speedStandardDescription');
     const triggerLabel = `${translate('speed')} · ${tierName(state.tier)}`;
-    return (_jsxs("div", { ref: rootRef, style: styles.root, onKeyDown: (event) => {
+    return (_jsxs("div", { ref: rootRef, className: "dsh-subscription-speed", style: styles.root, onKeyDown: (event) => {
             if (event.key === 'Escape' && open) {
                 event.preventDefault();
                 setOpen(false);
             }
-        }, children: [open && (_jsx("div", { style: styles.menu, role: "menu", "aria-label": translate('speed'), children: TIERS.map(tier => (_jsxs("button", { type: "button", role: "menuitemradio", "aria-checked": tier === state.tier, style: styles.item, disabled: busy, onClick: () => { choose(tier); }, children: [_jsx("span", { style: styles.itemCheck, children: tier === state.tier ? '✓' : '' }), _jsxs("span", { style: styles.itemText, children: [_jsx("span", { style: styles.itemName, children: tierName(tier) }), _jsx("span", { style: styles.itemDescription, children: tierDescription(tier) })] })] }, tier))) })), _jsx("button", { type: "button", style: styles.trigger, "aria-haspopup": "menu", "aria-expanded": open, title: triggerLabel, disabled: busy, onClick: () => {
+        }, children: [_jsx("style", { children: subscriptionChromeCss }), open && (_jsx("div", { style: styles.menu, role: "menu", "aria-label": translate('speed'), children: TIERS.map(tier => (_jsxs("button", { type: "button", role: "menuitemradio", "aria-checked": tier === state.tier, style: styles.item, disabled: busy, onClick: () => { choose(tier); }, children: [_jsx("span", { style: styles.itemCheck, children: tier === state.tier ? '✓' : '' }), _jsxs("span", { style: styles.itemText, children: [_jsx("span", { style: styles.itemName, children: tierName(tier) }), _jsx("span", { style: styles.itemDescription, children: tierDescription(tier) })] })] }, tier))) })), _jsx("button", { type: "button", style: styles.trigger, "aria-haspopup": "menu", "aria-expanded": open, title: triggerLabel, disabled: busy, onClick: () => {
                     if (open)
                         setOpen(false);
                     else
@@ -151,20 +152,20 @@ export function SpeedSelect({ loadSpeed, setSpeed, t }) {
 const styles = {
     root: { position: 'relative', display: 'inline-flex' },
     trigger: {
-        border: '1px solid var(--dsw-alias-border-l2)', borderRadius: 8,
-        background: 'transparent', color: 'var(--dsw-alias-label-secondary)',
+        border: '0.5px solid var(--dsw-alias-border-l3)', borderRadius: 'var(--dsw-radius-sm, 8px)',
+        background: 'var(--dsh-subscription-speed-hover, transparent)', color: 'var(--dsw-alias-label-secondary)',
         font: 'inherit', fontSize: 12, lineHeight: '18px',
         padding: '2px 8px', cursor: 'pointer', whiteSpace: 'nowrap',
     },
     menu: {
         position: 'absolute', bottom: '100%', right: 0, marginBottom: 4,
         minWidth: 180, padding: 4, zIndex: 20,
-        background: 'var(--dsw-alias-bg-layer-1)', border: '1px solid var(--dsw-alias-border-l2)',
-        borderRadius: 8, display: 'flex', flexDirection: 'column', gap: 2,
+        background: 'var(--dsw-specific-menu, var(--dsw-alias-bg-layer-2))', border: 0,
+        boxShadow: 'var(--dsw-elevation-prominent)', borderRadius: 'var(--dsw-radius-lg, 16px)', display: 'flex', flexDirection: 'column', gap: 2,
     },
     item: {
         display: 'flex', alignItems: 'flex-start', gap: 6, width: '100%',
-        border: 'none', borderRadius: 6, background: 'transparent',
+        border: 'none', borderRadius: 'var(--dsw-radius-sm, 8px)', background: 'var(--dsh-subscription-speed-hover, transparent)',
         padding: '6px 8px', cursor: 'pointer', font: 'inherit', textAlign: 'left',
     },
     itemCheck: {

package/lib/client/SubscriptionUsageBadge.d.ts

@@ -20,7 +20,11 @@ export interface SubscriptionUsageBadgeInjected {
     } | undefined>;
 }
 /** Props delivered by the slot outlet + inject + the locale seat. */
-export type SubscriptionUsageBadgeProps = PropsRuntime<'conversation.composer.dock'> & Partial<SubscriptionUsageBadgeInjected> & Partial<PropsLocale<'settings.subscriptions'>>;
+export type SubscriptionUsageBadgeProps = PropsRuntime<'conversation.composer.dock'> & Partial<SubscriptionUsageBadgeInjected> & Partial<PropsLocale<'settings.subscriptions'>>
+/** Override the rotation cadence (tests only; the slot never passes it). */
+ & {
+    rotationMs?: number;
+};
 /** One logged-in account's usage windows, as listed in the expanded dialog. */
 export interface AccountUsageDisplay {
     /** Account key (the `usage` endpoint's `account` argument). */
@@ -98,6 +102,19 @@ type ModelSelection = {
 export declare function retainSubscriptionSelection(previous: ModelSelection | undefined, current: ModelSelection | undefined): ModelSelection | undefined;
 /** At most one provider; no known selection or no usage means no badge. */
 export declare function collapsedDisplays(displays: readonly ProviderUsageDisplay[], current: string | undefined): readonly ProviderUsageDisplay[];
+/**
+ * `always` mode: the current model's provider while it reports usage,
+ * otherwise the rotation steps through the providers that do, in display
+ * order, wrapping around. The index is taken modulo the current provider
+ * count, so providers appearing or dropping out stay inside range; the
+ * sequence itself may shift when the roster changes. Unlike `recent`, the
+ * retained subscription does not pin the pill — that retention is exactly
+ * what this mode exists to escape.
+ * @param displays - providers with usage, in display order.
+ * @param current - the provider of the session's current model.
+ * @param step - rotation tick; consecutive ticks advance one provider.
+ */
+export declare function rotatingDisplay(displays: readonly ProviderUsageDisplay[], current: string | undefined, step: number): readonly ProviderUsageDisplay[];
 /** Order for the expanded dialog: the current provider first, the rest in poll order. */
 export declare function expandedDisplays(displays: readonly ProviderUsageDisplay[], current: string | undefined): readonly ProviderUsageDisplay[];
 type Translate = (key: SubscriptionsKey, params?: Record<string, unknown>) => string;
@@ -107,7 +124,7 @@ type Translate = (key: SubscriptionsKey, params?: Record<string, unknown>) => st
  * every provider's accounts and their windows. Returns null when no data is
  * available.
  */
-export declare function SubscriptionUsageBadge({ rpc, currentModel, t }: SubscriptionUsageBadgeProps): import("react").JSX.Element;
+export declare function SubscriptionUsageBadge({ rpc, currentModel, t, rotationMs }: SubscriptionUsageBadgeProps): import("react").JSX.Element;
 /** Preview each account independently; all remaining quotas stay accessible. */
 export declare function AccountWindows({ windows, model, provider, translate, observedAt, stale }: {
     windows: readonly UsageWindow[];