quotacap 0.0.39 → 0.0.40

package/dist/store/db.js

@@ -36,7 +36,7 @@ export function openDb(p) {
     return db;
 }
 export function migrate(db) {
-    db.exec(`CREATE TABLE IF NOT EXISTS quotas(id INTEGER PRIMARY KEY, provider TEXT, plan TEXT, used_pct REAL, resets_at TEXT, period_start TEXT, source TEXT, fetched_at TEXT, credits_usd REAL, resets_at_estimated INTEGER, session_pct REAL);
+    db.exec(`CREATE TABLE IF NOT EXISTS quotas(id INTEGER PRIMARY KEY, provider TEXT, plan TEXT, used_pct REAL, resets_at TEXT, period_start TEXT, source TEXT, fetched_at TEXT, credits_usd REAL, resets_at_estimated INTEGER, session_pct REAL, monthly_pct REAL, monthly_resets_at TEXT, monthly_status TEXT, monthly_kind TEXT);
            CREATE TABLE IF NOT EXISTS snapshots(day TEXT, provider TEXT, used_pct REAL, burn_rate REAL, ideal_rate REAL, PRIMARY KEY(day, provider));
            CREATE TABLE IF NOT EXISTS adapter_attempts(provider TEXT PRIMARY KEY, attempted_at TEXT NOT NULL, completed_at TEXT, succeeded_at TEXT, success INTEGER NOT NULL, failure_category TEXT, diagnostic_code TEXT, summary TEXT, action TEXT, error_detail TEXT);
            CREATE INDEX IF NOT EXISTS idx_quotas_provider ON quotas(provider);
@@ -97,6 +97,17 @@ export function migrate(db) {
         db.exec(`CREATE INDEX IF NOT EXISTS idx_quotas_provider ON quotas(provider)`);
     }
     catch { }
+    // After both migration branches, so a rebuilt legacy table gains these too.
+    const quotaCols = new Set(db.prepare("PRAGMA table_info(quotas)").all().map((c) => c.name));
+    for (const [column, type] of [
+        ["monthly_pct", "REAL"],
+        ["monthly_resets_at", "TEXT"],
+        ["monthly_status", "TEXT"],
+        ["monthly_kind", "TEXT"],
+    ]) {
+        if (!quotaCols.has(column))
+            db.exec(`ALTER TABLE quotas ADD COLUMN ${column} ${type}`);
+    }
     const names = new Set(db.prepare("PRAGMA table_info(adapter_attempts)").all().map((c) => c.name));
     for (const column of ["diagnostic_code", "summary", "action", "error_detail"]) {
         if (!names.has(column))

package/dist/store/quotas.js

@@ -2,15 +2,19 @@ import { MIN_PACE_SPAN_DAYS } from "../advisory/types.js";
 function mapRow(row) {
     if (!row)
         return row;
+    const weeklyPct = row.used_pct ?? row.weeklyPct ?? row.usedPct;
+    const fiveHourPct = row.session_pct ?? row.fiveHourPct ?? row.sessionPct ?? undefined;
     const out = {
         ...row,
-        usedPct: row.used_pct ?? row.usedPct,
+        weeklyPct,
+        usedPct: weeklyPct,
         resetsAt: row.resets_at ?? row.resetsAt,
         periodStart: row.period_start ?? row.periodStart,
         fetchedAt: row.fetched_at ?? row.fetchedAt,
         creditsUsd: row.credits_usd ?? row.creditsUsd,
         resetsAtEstimated: !!(row.resets_at_estimated ?? row.resetsAtEstimated),
-        sessionPct: row.session_pct ?? row.sessionPct ?? undefined,
+        fiveHourPct,
+        sessionPct: fiveHourPct,
     };
     delete out.used_pct;
     delete out.resets_at;
@@ -22,8 +26,26 @@ function mapRow(row) {
     delete out.raw;
     if (!out.resetsAtEstimated)
         delete out.resetsAtEstimated;
-    if (out.sessionPct == null)
+    if (out.fiveHourPct == null) {
+        delete out.fiveHourPct;
         delete out.sessionPct;
+    }
+    // A junk monthly percent means no usable monthly reading. It never
+    // invalidates the provider; only a bad weekly percent does (snapshot.ts).
+    const m = row.monthly_pct;
+    const monthlyValid = typeof m === "number" && Number.isFinite(m) && m >= 0 && m <= 100;
+    out.monthlyPct = monthlyValid ? m : undefined;
+    out.monthlyResetsAt = row.monthly_resets_at ?? undefined;
+    out.monthlyStatus = row.monthly_status ?? undefined;
+    out.monthlyKind = row.monthly_kind ?? undefined;
+    delete out.monthly_pct;
+    delete out.monthly_resets_at;
+    delete out.monthly_status;
+    delete out.monthly_kind;
+    for (const k of ["monthlyPct", "monthlyResetsAt", "monthlyStatus", "monthlyKind"]) {
+        if (!monthlyValid || out[k] == null)
+            delete out[k];
+    }
     return out;
 }
 function cycleBreakReason(prev, cur) {
@@ -49,20 +71,23 @@ export function upsertQuota(db, q) {
     }
     const credits = q.creditsUsd ?? q.credits_usd ?? null;
     const estimated = q.resetsAtEstimated ? 1 : null;
-    const sessionPct = q.sessionPct ?? q.session_pct ?? null;
+    // Either spelling binds; an explicit null stays null (SQLite binds it),
+    // while a missing field stays undefined and fails the bind as before.
+    const weeklyPct = q.weeklyPct !== undefined ? q.weeklyPct : q.usedPct;
+    const fiveHourPct = q.fiveHourPct ?? q.sessionPct ?? q.session_pct ?? null;
     db.exec("BEGIN");
     try {
         const prev = getLatestByProvider(db, q.provider);
         if (prev) {
-            const reason = cycleBreakReason({ usedPct: prev.usedPct, t: Date.parse(prev.fetchedAt), resetsAt: prev.resetsAt ?? null }, { usedPct: q.usedPct, t: Date.parse(q.fetchedAt), resetsAt: q.resetsAt ?? null });
+            const reason = cycleBreakReason({ usedPct: prev.weeklyPct, t: Date.parse(prev.fetchedAt), resetsAt: prev.resetsAt ?? null }, { usedPct: weeklyPct, t: Date.parse(q.fetchedAt), resetsAt: q.resetsAt ?? null });
             if (reason) {
                 db.prepare(`INSERT OR IGNORE INTO window_closes(provider, plan, used_pct, leftover_pct, sampled_at, sampled_quota_id, period_start, resets_at, resets_at_estimated, detected_at, reason) VALUES(?,?,?,?,?,?,?,?,?,?,?)`)
-                    .run(prev.provider, prev.plan ?? null, prev.usedPct, Math.max(0, 100 - prev.usedPct), prev.fetchedAt, prev.id, prev.periodStart ?? null, prev.resetsAt ?? null, prev.resetsAtEstimated ? 1 : null, q.fetchedAt, reason);
+                    .run(prev.provider, prev.plan ?? null, prev.weeklyPct, Math.max(0, 100 - prev.weeklyPct), prev.fetchedAt, prev.id, prev.periodStart ?? null, prev.resetsAt ?? null, prev.resetsAtEstimated ? 1 : null, q.fetchedAt, reason);
             }
         }
-        db.prepare(`INSERT INTO quotas(provider, plan, used_pct, resets_at, period_start, source, fetched_at, credits_usd, resets_at_estimated, session_pct) VALUES(?,?,?,?,?,?,?,?,?,?)`).run(q.provider, q.plan, q.usedPct, q.resetsAt, q.periodStart, q.source, q.fetchedAt, credits, estimated, sessionPct);
+        db.prepare(`INSERT INTO quotas(provider, plan, used_pct, resets_at, period_start, source, fetched_at, credits_usd, resets_at_estimated, session_pct, monthly_pct, monthly_resets_at, monthly_status, monthly_kind) VALUES(?,?,?,?,?,?,?,?,?,?,?,?,?,?)`).run(q.provider, q.plan, weeklyPct, q.resetsAt, q.periodStart, q.source, q.fetchedAt, credits, estimated, fiveHourPct, q.monthlyPct ?? null, q.monthlyResetsAt ?? null, q.monthlyStatus ?? null, q.monthlyKind ?? null);
         const day = new Date().toISOString().slice(0, 10);
-        db.prepare(`INSERT INTO snapshots(day, provider, used_pct) VALUES(?,?,?) ON CONFLICT(day, provider) DO UPDATE SET used_pct=excluded.used_pct`).run(day, q.provider, q.usedPct);
+        db.prepare(`INSERT INTO snapshots(day, provider, used_pct) VALUES(?,?,?) ON CONFLICT(day, provider) DO UPDATE SET used_pct=excluded.used_pct`).run(day, q.provider, weeklyPct);
         db.exec("COMMIT");
     }
     catch (e) {

package/dist/version.js

@@ -1,2 +1,2 @@
 // generated by scripts/build-embed.mjs — do not edit
-export const VERSION = "0.0.39";
+export const VERSION = "0.0.40";

package/dist/web/src/components/AdviceDrawer.js

@@ -50,11 +50,16 @@ export function AdviceDrawer({ open, recommendation, providers, asOf, onClose, }
     const remaining = pick?.advisory?.remaining !== null && pick?.advisory?.remaining !== undefined
         ? Math.round(pick.advisory.remaining)
         : null;
-    const waste = recommendation.wastePct !== null
-        ? Math.round(recommendation.wastePct)
-        : pick?.advisory?.wastePct !== null && pick?.advisory?.wastePct !== undefined
-            ? Math.round(pick.advisory.wastePct)
-            : null;
+    // A monthly-bound pick's leftover is unusable until the month resets, so
+    // the weekly expiry sentence would restate issue 109; show the reason.
+    const monthlyBound = recommendation.bindingWindow === "monthly";
+    const waste = monthlyBound
+        ? null
+        : recommendation.wastePct !== null
+            ? Math.round(recommendation.wastePct)
+            : pick?.advisory?.wastePct !== null && pick?.advisory?.wastePct !== undefined
+                ? Math.round(pick.advisory.wastePct)
+                : null;
     const left = pick?.quota ? timeLeft(pick.quota.resetsAt, asOfMs) : null;
     const basis = pick?.advisory?.paceSource === "window-average" ? "window-average pace" : "current 24h pace";
     const othersMore = useMore.filter((a) => a.provider !== pickId);

package/dist/web/src/components/PaceBar.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
 import type { ExclusionReason, ProviderView } from "../state.js";
-export type PaceBadge = "Not reporting" | "Cap risk" | "Watch" | "Behind pace" | "Ahead of pace" | "On track" | "Measuring";
+export type PaceBadge = "Not reporting" | "Cap risk" | "Watch" | "Behind pace" | "Ahead of pace" | "On track" | "Measuring" | "Monthly exhausted";
 /**
- * Pace-state badge from the mapping table. Exclusion always wins; otherwise
- * status "at risk" wins, then "watch", then "unknown"; on-track rows ahead of
- * cumulative elapsed time read Ahead of pace; otherwise urgency decides. No
- * client thresholds.
+ * Pace-state badge from the mapping table. Exclusion always wins; a blocked
+ * month next; otherwise status "at risk" wins, then "watch", then "unknown";
+ * on-track rows ahead of cumulative elapsed time read Ahead of pace;
+ * otherwise urgency decides. No client thresholds.
  */
 export declare function paceBadge(provider: ProviderView): PaceBadge;
 export interface PaceFigures {
@@ -63,6 +63,10 @@ export declare function exclusionDetail(reason: ExclusionReason): string | null;
 export declare function isEstimated(provider: ProviderView): boolean;
 /** Weekday plus 24h clock, e.g. "Thu 21:00". Null when unparseable. */
 export declare function resetClock(resetsAt: string, locale?: string): string | null;
+/** Short weekday in the locked English copy, e.g. "Tue". Mirrors weekdayOf in
+ *  src/format/rows.ts, including its pinned en-US locale, so the CLI and the
+ *  dashboard word the same sentence identically on any machine. */
+export declare function resetWeekday(iso: string | undefined): string;
 /** "6d 12h" style time left from server timestamps. Null when unparseable. */
 export declare function timeLeft(resetsAt: string, asOfMs: number): string | null;
 /**

package/dist/web/src/components/PaceBar.js

@@ -1,10 +1,10 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { ageDuration } from "../state.js";
 /**
- * Pace-state badge from the mapping table. Exclusion always wins; otherwise
- * status "at risk" wins, then "watch", then "unknown"; on-track rows ahead of
- * cumulative elapsed time read Ahead of pace; otherwise urgency decides. No
- * client thresholds.
+ * Pace-state badge from the mapping table. Exclusion always wins; a blocked
+ * month next; otherwise status "at risk" wins, then "watch", then "unknown";
+ * on-track rows ahead of cumulative elapsed time read Ahead of pace;
+ * otherwise urgency decides. No client thresholds.
  */
 export function paceBadge(provider) {
     if (provider.exclusionReason !== null)
@@ -12,6 +12,8 @@ export function paceBadge(provider) {
     const advisory = provider.advisory;
     if (!advisory)
         return "Not reporting";
+    if (advisory.bindingWindow === "monthly" && advisory.bindingRemaining === 0)
+        return "Monthly exhausted";
     if (advisory.status === "at risk")
         return "Cap risk";
     if (advisory.status === "watch")
@@ -110,6 +112,12 @@ export function resetClock(resetsAt, locale) {
     });
     return `${day} ${time}`;
 }
+/** Short weekday in the locked English copy, e.g. "Tue". Mirrors weekdayOf in
+ *  src/format/rows.ts, including its pinned en-US locale, so the CLI and the
+ *  dashboard word the same sentence identically on any machine. */
+export function resetWeekday(iso) {
+    return new Date(iso ?? "").toLocaleDateString("en-US", { weekday: "short" });
+}
 /** "6d 12h" style time left from server timestamps. Null when unparseable. */
 export function timeLeft(resetsAt, asOfMs) {
     const resetMs = Date.parse(resetsAt);
@@ -180,7 +188,7 @@ export function resetCell(provider, asOfMs) {
 }
 /** Bar geometry from server timestamps and percents. Presentation only. */
 export function barGeometry(provider, asOfMs) {
-    const usedPct = provider.quota ? Math.min(100, Math.max(0, provider.quota.usedPct)) : 0;
+    const usedPct = provider.quota ? Math.min(100, Math.max(0, provider.quota.weeklyPct)) : 0;
     let elapsedPct = null;
     if (provider.quota) {
         const startMs = Date.parse(provider.quota.periodStart);
@@ -201,6 +209,7 @@ export function badgeColor(badge) {
             return "var(--ahead)";
         case "Watch":
             return "var(--watch)";
+        case "Monthly exhausted":
         case "Cap risk":
             return "var(--danger)";
         case "Measuring":
@@ -219,6 +228,7 @@ export function fillToken(badge) {
             return "var(--fill-ahead)";
         case "Watch":
             return "var(--fill-watch)";
+        case "Monthly exhausted":
         case "Cap risk":
             return "var(--fill-cap)";
         case "Measuring":
@@ -237,6 +247,7 @@ export function edgeToken(badge) {
             return "var(--edge-ahead)";
         case "Watch":
             return "var(--edge-watch)";
+        case "Monthly exhausted":
         case "Cap risk":
             return "var(--edge-cap)";
         case "Measuring":
@@ -251,6 +262,7 @@ export function outKind(badge) {
             return "behind";
         case "Watch":
             return "watch";
+        case "Monthly exhausted":
         case "Cap risk":
             return "cap";
         case "On track":
@@ -293,7 +305,7 @@ export function Badge({ provider }) {
                 ? "pace-ahead"
                 : badge === "Watch"
                     ? "pace-watch"
-                    : badge === "Cap risk"
+                    : badge === "Cap risk" || badge === "Monthly exhausted"
                         ? "pace-cap"
                         : "pace-out"; // Not reporting and Measuring share the neutral style
     return (_jsxs("span", { "data-testid": "pace-badge", className: `pace ${badgeClass}`, title: badgeTitle(badge, provider.quota?.resetsAtEstimated === true), children: [badge, detail ? ` · ${detail}` : ""] }));
@@ -306,14 +318,18 @@ export function PaceBar({ provider, asOf, showHeadline = true, }) {
     const badge = paceBadge(provider);
     const asOfMs = Date.parse(asOf);
     const { usedPct, elapsedPct } = barGeometry(provider, asOfMs);
+    const monthlyBinds = provider.advisory?.bindingWindow === "monthly";
     const wastePct = provider.advisory?.wastePct;
-    const showHatch = wastePct !== null && wastePct !== undefined && Number.isFinite(wastePct) && wastePct >= 3;
+    // A weekly-sized hatch under a month-bound card restates issue 109.
+    const showHatch = !monthlyBinds && wastePct !== null && wastePct !== undefined && Number.isFinite(wastePct) && wastePct >= 3;
     const label = provider.quota
-        ? `${provider.id}: ${provider.quota.usedPct}% used, ${badge}`
+        ? `${provider.id}: ${provider.quota.weeklyPct}% used, ${badge}`
         : `${provider.id}: no readings, ${badge}`;
     const forecast = showHatch && badge === "Behind pace" ? `${Math.round(wastePct)}% expires unused` : forecastLine(provider);
-    const kind = outKind(badge);
-    return (_jsxs("div", { "data-testid": "pace-bar", role: "img", "aria-label": label, className: "trackwrap", children: [showHeadline && provider.quota && (_jsxs("div", { className: "tline", children: [_jsxs("span", { className: "used", children: [provider.quota.usedPct, "% used"] }), forecast && kind !== "none" ? (_jsxs("span", { className: `out out-${kind}`, children: ["\u2192 ", forecast] })) : forecast ? (_jsxs("span", { className: "out out-none", children: ["\u2192 ", forecast] })) : null] })), _jsxs("div", { className: "track", children: [_jsx("div", { "aria-hidden": "true", className: "fill", style: {
+    const kind = monthlyBinds
+        ? provider.advisory.bindingRemaining === 0 ? "cap" : "behind"
+        : outKind(badge);
+    return (_jsxs("div", { "data-testid": "pace-bar", role: "img", "aria-label": label, className: "trackwrap", children: [showHeadline && provider.quota && (_jsxs("div", { className: "tline", children: [_jsxs("span", { className: "used", children: [provider.quota.weeklyPct, "% used"] }), forecast && kind !== "none" ? (_jsxs("span", { className: `out out-${kind}`, children: ["\u2192 ", forecast] })) : forecast ? (_jsxs("span", { className: "out out-none", children: ["\u2192 ", forecast] })) : null] })), _jsxs("div", { className: "track", children: [_jsx("div", { "aria-hidden": "true", className: "fill", style: {
                             width: `${usedPct}%`,
                             background: fillToken(badge),
                             ["--fill-edge"]: edgeToken(badge),
@@ -343,6 +359,12 @@ export function forecastLine(provider) {
     const advisory = provider.advisory;
     if (!advisory)
         return null;
+    if (advisory.bindingWindow === "monthly" && advisory.bindingRemaining <= 0) {
+        return `unused until ${resetWeekday(provider.quota.monthlyResetsAt)}`;
+    }
+    if (advisory.bindingWindow === "monthly") {
+        return `${Math.round(advisory.bindingRemaining)}% of month left`;
+    }
     if (advisory.remaining <= 0) {
         return "Exhausted · quota fully used";
     }

package/dist/web/src/components/ProviderCard.js

@@ -3,6 +3,7 @@ import { ageDuration, displayPlan } from "../state.js";
 import { Badge, PACE_TIPS, PaceBar, isEstimated, paceCells, resetClock, resetCountdown, timeLeft, } from "./PaceBar.js";
 import { ProviderIcon, providerTint } from "./ProviderIcon.js";
 import { lastClose } from "./ClosedWeeks.js";
+import { WindowsRow } from "./WindowsRow.js";
 function resetsDate(provider) {
     if (!provider.quota)
         return null;
@@ -22,9 +23,10 @@ export function ProviderCard({ provider, recommended, asOf, onSelect, }) {
     const plan = displayPlan(quota?.plan);
     const last = lastClose(provider);
     return (_jsxs("article", { "data-testid": `provider-card-${provider.id}`, role: "button", tabIndex: 0, "aria-label": `${name} details`, onClick: () => onSelect(provider.id), onKeyDown: (e) => {
-            if (e.key === "Enter" || e.key === " ") {
+            // Space or Enter aimed at the windows chevron must not also open the drawer.
+            if ((e.key === "Enter" || e.key === " ") && e.target === e.currentTarget) {
                 e.preventDefault();
                 onSelect(provider.id);
             }
-        }, className: `pcard ${recommended ? "is-recommended is-top-pick" : ""}`, children: [_jsxs("div", { className: "pcard-head", children: [_jsx("span", { className: "picon", style: providerTint(provider.id), "aria-hidden": "true", children: _jsx(ProviderIcon, { id: provider.id, title: name }) }), _jsxs("div", { className: "who", children: [_jsxs("b", { children: [name, recommended && (_jsx("span", { className: "rec-icon", title: "Recommended for next session", role: "img", "aria-label": "recommended", children: _jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3z" }) }) }))] }), plan && _jsx("span", { className: "pl", children: plan }), updated && _jsxs("span", { className: "src", children: ["Updated ", updated, " ago"] })] }), _jsx(Badge, { provider: provider })] }), _jsxs("div", { className: "pcard-body", children: [_jsx(PaceBar, { provider: provider, asOf: asOf }), _jsxs("div", { className: "pstats", children: [_jsxs("div", { title: PACE_TIPS.avg, children: [_jsx("span", { className: "l", children: "Avg pace" }), _jsx("span", { className: "v", children: pace.avg })] }), _jsxs("div", { title: PACE_TIPS.recent, children: [_jsx("span", { className: "l", children: "24h pace" }), _jsx("span", { className: "v", children: pace.recent })] }), _jsxs("div", { title: PACE_TIPS.ideal, children: [_jsx("span", { className: "l", children: "Ideal pace" }), _jsx("span", { className: "v", children: advisory ? `${advisory.idealRate.toFixed(1)}%/day` : "—" })] }), _jsxs("div", { children: [_jsx("span", { className: "l", children: "Resets in" }), _jsx("span", { className: "v", children: resetsIn ? `${resetsIn}${isEstimated(provider) ? " (est.)" : ""}` : resetCountdown(provider, asOfMs) })] })] })] }), _jsxs("div", { className: "pcard-foot", children: [_jsxs("div", { className: "foot-meta", children: [_jsx("span", { children: resetsDate(provider) ?? resetCountdown(provider, asOfMs) }), last && (_jsxs("span", { className: "last-week", children: ["Last week ", last.leftoverPct, "% leftover", last.resetsAtEstimated ? " (est.)" : ""] }))] }), _jsx("span", { className: "rowbtn", "aria-hidden": "true", children: "Inspect" })] })] }));
+        }, className: `pcard ${recommended ? "is-recommended is-top-pick" : ""}`, children: [_jsxs("div", { className: "pcard-head", children: [_jsx("span", { className: "picon", style: providerTint(provider.id), "aria-hidden": "true", children: _jsx(ProviderIcon, { id: provider.id, title: name }) }), _jsxs("div", { className: "who", children: [_jsxs("b", { children: [name, recommended && (_jsx("span", { className: "rec-icon", title: "Recommended for next session", role: "img", "aria-label": "recommended", children: _jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3z" }) }) }))] }), plan && _jsx("span", { className: "pl", children: plan }), updated && _jsxs("span", { className: "src", children: ["Updated ", updated, " ago"] })] }), _jsx(Badge, { provider: provider })] }), _jsxs("div", { className: "pcard-body", children: [_jsx(PaceBar, { provider: provider, asOf: asOf }), _jsx(WindowsRow, { provider: provider, asOf: asOf, variant: "card" }), _jsxs("div", { className: "pstats", children: [_jsxs("div", { title: PACE_TIPS.avg, children: [_jsx("span", { className: "l", children: "Avg pace" }), _jsx("span", { className: "v", children: pace.avg })] }), _jsxs("div", { title: PACE_TIPS.recent, children: [_jsx("span", { className: "l", children: "24h pace" }), _jsx("span", { className: "v", children: pace.recent })] }), _jsxs("div", { title: PACE_TIPS.ideal, children: [_jsx("span", { className: "l", children: "Ideal pace" }), _jsx("span", { className: "v", children: advisory ? `${advisory.idealRate.toFixed(1)}%/day` : "—" })] }), _jsxs("div", { children: [_jsx("span", { className: "l", children: "Resets in" }), _jsx("span", { className: "v", children: resetsIn ? `${resetsIn}${isEstimated(provider) ? " (est.)" : ""}` : resetCountdown(provider, asOfMs) })] })] })] }), _jsxs("div", { className: "pcard-foot", children: [_jsxs("div", { className: "foot-meta", children: [_jsx("span", { children: resetsDate(provider) ?? resetCountdown(provider, asOfMs) }), last && (_jsxs("span", { className: "last-week", children: ["Last week ", last.leftoverPct, "% leftover", last.resetsAtEstimated ? " (est.)" : ""] }))] }), _jsx("span", { className: "rowbtn", "aria-hidden": "true", children: "Inspect" })] })] }));
 }

package/dist/web/src/components/ProviderDrawer.d.ts

@@ -24,7 +24,11 @@ export interface DrawerModel {
     evidence: string[];
     exclusionReason: ExclusionReason;
     exclusionWords: string | null;
-    sessionPct?: number;
+    fiveHourPct?: number;
+    monthlyPct?: number;
+    monthlyResetsAt?: string;
+    monthlyStatus?: "ok" | "exhausted";
+    monthlyKind?: "included";
     /** Type-level guard: a session reset is never synthesized, so this stays absent. */
     sessionReset?: undefined;
 }
@@ -38,6 +42,8 @@ export declare function credentialLabel(provider: ProviderView): string;
 export declare function pacingStatusToken(provider: ProviderView): string;
 export declare function resetStamp(provider: ProviderView): string | null;
 export declare function resetUnderline(provider: ProviderView, asOfMs: number): string | null;
+/** Monthly section meta line. Null when the provider has no included monthly window. */
+export declare function monthlyMeta(provider: ProviderView): string | null;
 export declare function rankingCopy(provider: ProviderView, recommendation: RecommendationView | null): {
     known: string;
     pace: string;

package/dist/web/src/components/ProviderDrawer.js

@@ -69,8 +69,18 @@ export function drawerModel(provider) {
         exclusionReason: provider.exclusionReason,
         exclusionWords: exclusionWords(provider.exclusionReason),
     };
-    if (provider.quota?.sessionPct !== undefined && provider.quota.sessionPct !== null) {
-        model.sessionPct = provider.quota.sessionPct;
+    if (provider.quota?.fiveHourPct !== undefined && provider.quota.fiveHourPct !== null) {
+        model.fiveHourPct = provider.quota.fiveHourPct;
+    }
+    const q = provider.quota;
+    if (q?.monthlyKind === "included") {
+        model.monthlyKind = q.monthlyKind;
+        if (q.monthlyPct !== undefined)
+            model.monthlyPct = q.monthlyPct;
+        if (q.monthlyResetsAt !== undefined)
+            model.monthlyResetsAt = q.monthlyResetsAt;
+        if (q.monthlyStatus !== undefined)
+            model.monthlyStatus = q.monthlyStatus;
     }
     return model;
 }
@@ -126,6 +136,8 @@ export function pacingStatusToken(provider) {
             return "ahead";
         case "Watch":
             return "watch";
+        case "Monthly exhausted":
+            return "monthly-exhausted";
         case "Cap risk":
             return "cap";
         case "Measuring":
@@ -149,20 +161,36 @@ export function resetUnderline(provider, asOfMs) {
     const left = timeLeft(provider.quota.resetsAt, asOfMs);
     return left ? `Resets ${stamp} · in ${left}` : `Resets ${stamp}`;
 }
+/** Monthly section meta line. Null when the provider has no included monthly window. */
+export function monthlyMeta(provider) {
+    const q = provider.quota;
+    if (q?.monthlyKind !== "included" || !q.monthlyResetsAt)
+        return null;
+    const clock = resetClock(q.monthlyResetsAt);
+    const base = clock ? `Resets ${clock}` : "Reset unknown";
+    const adv = provider.advisory;
+    if (q.monthlyStatus === "exhausted" || (adv?.bindingWindow === "monthly" && adv.bindingRemaining === 0)) {
+        return `${base} · weekly leftover unused until then`;
+    }
+    if (adv?.bindingWindow === "monthly") {
+        return `${base} · ${Math.round(adv.bindingRemaining)}% of month left`;
+    }
+    return base;
+}
 export function rankingCopy(provider, recommendation) {
     const name = provider.displayName;
     const quota = provider.quota;
     const advisory = provider.advisory;
     const stamp = resetStamp(provider);
     const known = quota
-        ? `${name} reports ${quota.usedPct}% of quota used.${stamp ? ` Resets ${stamp}.` : ""}`
+        ? `${name} reports ${quota.weeklyPct}% of quota used.${stamp ? ` Resets ${stamp}.` : ""}`
         : "No reading yet.";
     let pace;
     if (!advisory || advisory.paceSource === "unknown" || advisory.burnRate === null) {
         pace = modelFailure(provider) ?? "No current pace.";
     }
     else if (advisory.remaining <= 0) {
-        pace = `Exhausted at ${quota?.usedPct ?? 100}% used.${stamp ? ` Resets ${stamp}.` : ""}`;
+        pace = `Exhausted at ${quota?.weeklyPct ?? 100}% used.${stamp ? ` Resets ${stamp}.` : ""}`;
     }
     else {
         const { avg, recent } = paceFigures(advisory);
@@ -211,9 +239,13 @@ export function compactSnapshot(provider, asOfMs) {
     return {
         provider: provider.id,
         plan: quota?.plan ? quota.plan.split(" · ")[0] : null,
-        usedPct: quota?.usedPct ?? null,
+        usedPct: quota?.weeklyPct ?? null,
         elapsedPct: elapsedPct !== null ? Math.round(elapsedPct) : null,
         resetsAt: quota?.resetsAt ?? null,
+        monthlyPct: quota?.monthlyPct ?? null,
+        monthlyResetsAt: quota?.monthlyResetsAt ?? null,
+        monthlyStatus: quota?.monthlyStatus ?? null,
+        bindingWindow: provider.advisory?.bindingWindow ?? null,
         source: quota?.source ?? null,
         pacingStatus: pacingStatusToken(provider),
         reporting: provider.reporting,
@@ -309,6 +341,7 @@ export function ProviderDrawer({ provider, asOf, recommendation, onClose, onRena
     const recordJson = JSON.stringify(record, null, 2);
     const planBits = [displayPlan(provider.quota?.plan), sourceLabel(provider.quota?.source)].filter((b) => b && b !== "unknown");
     const sub = planBits.join(" · ");
+    const monthlyLine = monthlyMeta(provider);
     return (_jsxs(_Fragment, { children: [_jsx("div", { "data-testid": "drawer-scrim", className: "scrim is-open", "aria-hidden": "true", onClick: onClose }), _jsxs("aside", { ref: dialogRef, tabIndex: -1, "data-testid": "provider-drawer", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, className: "drawer is-open", onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "drawer-head", children: [_jsx("span", { className: "picon", style: providerTint(provider.id), children: _jsx(ProviderIcon, { id: provider.id, title: model.name }) }), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [_jsxs("h2", { id: titleId, onClick: !isEditing ? () => setIsEditing(true) : undefined, title: !isEditing ? "Click to rename" : undefined, style: isEditing
                                             ? {
                                                 position: "absolute",
@@ -363,15 +396,19 @@ export function ProviderDrawer({ provider, asOf, recommendation, onClose, onRena
                                                             setIsEditing(false);
                                                             setNameDraft(provider.displayName);
                                                             setRenameError(null);
-                                                        }, className: "btn btn-quiet btn-sm", style: { flex: "none" }, children: "Cancel" })] }), renameError && (_jsx("span", { style: { fontSize: "var(--t-2)", color: "var(--danger)" }, children: renameError }))] })), provider.builtinName && provider.displayName !== provider.builtinName && (_jsx("div", { className: "sub", style: { marginTop: "2px" }, "data-testid": "provider-builtin-name", children: `Built-in: ${provider.builtinName}` })), _jsx("span", { className: "sub", children: providerSubtitle(provider) ?? sub })] }), _jsx("button", { className: "drawer-close", type: "button", "aria-label": "Close provider details", onClick: onClose, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "M6 6l12 12M18 6L6 18" }) }) })] }), provider.description && (_jsx("p", { style: {
+                                                        }, className: "btn btn-quiet btn-sm", style: { flex: "none" }, children: "Cancel" })] }), renameError && (_jsx("span", { style: { fontSize: "var(--t-2)", color: "var(--danger)" }, children: renameError }))] })), provider.builtinName && provider.displayName !== provider.builtinName && (_jsx("div", { className: "sub", style: { marginTop: "2px" }, "data-testid": "provider-builtin-name", children: `Built-in: ${provider.builtinName}` })), _jsx("span", { className: "sub", children: providerSubtitle(provider) ?? sub })] }), _jsx(Badge, { provider: provider }), _jsx("button", { className: "drawer-close", type: "button", "aria-label": "Close provider details", onClick: onClose, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "M6 6l12 12M18 6L6 18" }) }) })] }), provider.description && (_jsx("p", { style: {
                             margin: "0 var(--s4) var(--s3)",
                             fontSize: "var(--t-2)",
                             color: "var(--ink-soft)",
-                        }, children: provider.description })), _jsxs("section", { className: "dsec", "aria-label": "Weekly limit", children: [_jsx("h3", { children: "Weekly limit" }), _jsx("div", { className: "pcard-topline", children: _jsx(Badge, { provider: provider }) }), provider.quota ? (_jsxs(_Fragment, { children: [_jsx(PaceBar, { provider: provider, asOf: asOf }), underline && _jsx("div", { className: "pcard-underline", children: underline })] })) : (_jsx("p", { className: "cell-s", children: "No readings yet." }))] }), model.sessionPct !== undefined && model.sessionPct !== null && Number.isFinite(model.sessionPct) && (_jsxs("section", { className: "dsec", "aria-label": shortWindowLabel(provider.id) ?? "5h Limit", children: [_jsx("h3", { children: shortWindowLabel(provider.id) ?? "5h Limit" }), _jsx("div", { className: "pcard-topline", children: _jsxs("span", { className: "used", children: [model.sessionPct, "% used"] }) }), _jsx("div", { className: "track", role: "img", "aria-label": `${model.sessionPct} percent of ${(shortWindowLabel(provider.id) ?? "5h limit").toLowerCase()} used`, children: _jsx("div", { className: "fill", style: {
-                                        width: `${Math.min(100, Math.max(0, model.sessionPct))}%`,
+                        }, children: provider.description })), _jsxs("section", { className: "dsec", "aria-label": "Weekly limit", children: [_jsx("h3", { children: "Weekly limit" }), provider.quota ? (_jsxs(_Fragment, { children: [_jsx(PaceBar, { provider: provider, asOf: asOf }), underline && _jsx("div", { className: "pcard-underline", children: underline })] })) : (_jsx("p", { className: "cell-s", children: "No readings yet." }))] }), model.fiveHourPct !== undefined && model.fiveHourPct !== null && Number.isFinite(model.fiveHourPct) && (_jsxs("section", { className: "dsec", "aria-label": shortWindowLabel(provider.id) ?? "5h Limit", children: [_jsx("h3", { children: shortWindowLabel(provider.id) ?? "5h Limit" }), _jsx("div", { className: "pcard-topline", children: _jsxs("span", { className: "used", children: [model.fiveHourPct, "% used"] }) }), _jsx("div", { className: "track", role: "img", "aria-label": `${model.fiveHourPct} percent of ${(shortWindowLabel(provider.id) ?? "5h limit").toLowerCase()} used`, children: _jsx("div", { className: "fill", style: {
+                                        width: `${Math.min(100, Math.max(0, model.fiveHourPct))}%`,
                                         background: "var(--fill-ontrack)",
                                         ["--fill-edge"]: "var(--edge-ontrack)",
-                                    } }) })] })), _jsx(ClosedWeeks, { closes: provider.lastCloses }), _jsxs("section", { className: "dsec", "aria-label": "Adapter and provenance", children: [_jsx("h3", { children: "Adapter and provenance" }), _jsxs("dl", { className: "dkv", children: [_jsx("dt", { children: "Read by" }), _jsx("dd", { children: sourceLabel(provider.quota?.source) }), _jsx("dt", { children: "Credential" }), _jsx("dd", { children: credentialLabel(provider) }), _jsx("dt", { children: "Window" }), _jsx("dd", { children: [
+                                    } }) })] })), model.monthlyKind === "included" && model.monthlyPct !== undefined && Number.isFinite(model.monthlyPct) && (_jsxs("section", { className: "dsec", "aria-label": "Monthly limit", "data-testid": "drawer-monthly", children: [_jsx("h3", { children: "Monthly limit" }), _jsx("div", { className: "pcard-topline", children: _jsxs("span", { className: "used", children: [model.monthlyPct, "% used"] }) }), _jsx("div", { className: "track", role: "img", "aria-label": `${model.monthlyPct} percent of monthly limit used`, children: _jsx("div", { className: "fill", style: {
+                                        width: `${Math.min(100, Math.max(0, model.monthlyPct))}%`,
+                                        background: model.monthlyPct >= 80 ? "var(--fill-cap)" : "var(--fill-ontrack)",
+                                        ["--fill-edge"]: model.monthlyPct >= 80 ? "var(--edge-cap)" : "var(--edge-ontrack)",
+                                    } }) }), monthlyLine && _jsx("div", { className: "pcard-underline", children: monthlyLine })] })), _jsx(ClosedWeeks, { closes: provider.lastCloses }), _jsxs("section", { className: "dsec", "aria-label": "Adapter and provenance", children: [_jsx("h3", { children: "Adapter and provenance" }), _jsxs("dl", { className: "dkv", children: [_jsx("dt", { children: "Read by" }), _jsx("dd", { children: sourceLabel(provider.quota?.source) }), _jsx("dt", { children: "Credential" }), _jsx("dd", { children: credentialLabel(provider) }), _jsx("dt", { children: "Window" }), _jsx("dd", { children: [
                                             provider.quota?.plan && provider.quota.plan !== "unknown" ? provider.quota.plan : null,
                                             resetStamp(provider) ? `resets ${resetStamp(provider)}` : null,
                                         ]

package/dist/web/src/components/ProviderRow.js

@@ -1,7 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { displayPlan, shortWindowLabel } from "../state.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { displayPlan } from "../state.js";
 import { Badge, PaceBar, forecastLine, paceLines, resetCellLines, } from "./PaceBar.js";
 import { lastClose } from "./ClosedWeeks.js";
+import { WindowsRow } from "./WindowsRow.js";
 export function ProviderRow({ provider, recommended, asOf, onSelect, }) {
     const quota = provider.quota;
     const advisory = provider.advisory;
@@ -9,10 +10,9 @@ export function ProviderRow({ provider, recommended, asOf, onSelect, }) {
     const lines = paceLines(advisory);
     const name = provider.displayName;
     const plan = displayPlan(quota?.plan);
-    const shortWindow = shortWindowLabel(provider.id);
     const reset = resetCellLines(provider, asOfMs);
     const last = lastClose(provider);
-    return (_jsxs("div", { "data-testid": `provider-row-${provider.id}`, className: `lrow ${recommended ? "is-recommended is-top-pick" : ""}`, onClick: () => onSelect(provider.id), children: [_jsxs("div", { className: "prov", "data-label": "Provider", children: [_jsx("span", { className: "dot", style: { background: `var(--p-${provider.id.split(":")[0]}, var(--surface-raised))` }, "aria-hidden": "true" }), _jsxs("span", { children: [_jsxs("span", { className: "nm", children: [name, recommended && (_jsx("span", { className: "rec-icon", title: "Recommended for next session", role: "img", "aria-label": "recommended", children: _jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3z" }) }) }))] }), plan && _jsx("span", { className: "pl", children: plan }), quota?.sessionPct !== undefined && quota.sessionPct !== null && (_jsxs("span", { className: "src", children: [shortWindow ?? "5h Limit", " \u00B7 ", quota.sessionPct, "% used"] }))] })] }), _jsx("div", { "data-label": "Used vs elapsed", children: quota ? _jsx(PaceBar, { provider: provider, asOf: asOf }) : "—" }), _jsxs("div", { "data-label": "Reset", className: "reset-cell", children: [_jsx("span", { className: "cell-b", children: reset.top }), reset.bottom && _jsx("span", { className: "cell-s", children: reset.bottom }), last && (_jsxs("span", { className: "cell-s", children: ["last week ", last.leftoverPct, "% leftover", last.resetsAtEstimated ? " (est.)" : ""] }))] }), _jsxs("div", { "data-label": "Pace", children: [_jsx(Badge, { provider: provider }), lines.length > 0 && (_jsx("div", { style: { marginTop: 2 }, children: lines.map((l) => (_jsxs("div", { className: "cell-s paceline", title: l.tip, children: [_jsx("span", { children: l.label }), _jsx("span", { className: "cell-b", children: l.value })] }, l.label))) }))] }), _jsx("button", { type: "button", className: "rowbtn", onClick: (e) => {
+    return (_jsxs("div", { "data-testid": `provider-row-${provider.id}`, className: `lrow ${recommended ? "is-recommended is-top-pick" : ""}`, onClick: () => onSelect(provider.id), children: [_jsxs("div", { className: "prov", "data-label": "Provider", children: [_jsx("span", { className: "dot", style: { background: `var(--p-${provider.id.split(":")[0]}, var(--surface-raised))` }, "aria-hidden": "true" }), _jsxs("span", { children: [_jsxs("span", { className: "nm", children: [name, recommended && (_jsx("span", { className: "rec-icon", title: "Recommended for next session", role: "img", "aria-label": "recommended", children: _jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3z" }) }) }))] }), plan && _jsx("span", { className: "pl", children: plan })] })] }), _jsx("div", { "data-label": "Used vs elapsed", children: quota ? (_jsxs(_Fragment, { children: [_jsx(PaceBar, { provider: provider, asOf: asOf }), _jsx(WindowsRow, { provider: provider, asOf: asOf, variant: "row" })] })) : "—" }), _jsxs("div", { "data-label": "Reset", className: "reset-cell", children: [_jsx("span", { className: "cell-b", children: reset.top }), reset.bottom && _jsx("span", { className: "cell-s", children: reset.bottom }), last && (_jsxs("span", { className: "cell-s", children: ["last week ", last.leftoverPct, "% leftover", last.resetsAtEstimated ? " (est.)" : ""] }))] }), _jsxs("div", { "data-label": "Pace", children: [_jsx(Badge, { provider: provider }), lines.length > 0 && (_jsx("div", { style: { marginTop: 2 }, children: lines.map((l) => (_jsxs("div", { className: "cell-s paceline", title: l.tip, children: [_jsx("span", { children: l.label }), _jsx("span", { className: "cell-b", children: l.value })] }, l.label))) }))] }), _jsx("button", { type: "button", className: "rowbtn", onClick: (e) => {
                     e.stopPropagation();
                     onSelect(provider.id);
                 }, children: "Inspect" }), _jsx("span", { className: "sr-only", children: forecastLine(provider) })] }));

package/dist/web/src/components/Recommendation.d.ts

@@ -2,11 +2,14 @@ import React from "react";
 import type { AdvisoryView, ExclusionReason, ProviderView, RecommendationView, Urgency } from "../state.js";
 export type Lane = "use-more" | "ease-off";
 /**
- * Lane membership from server urgency only. Any exclusionReason keeps the
- * provider out of both lanes; "on track" belongs to neither lane.
+ * Lane membership from server urgency only. Any exclusionReason, or an
+ * exhausted binding month, keeps the provider out of both lanes; "on track"
+ * belongs to neither lane.
  */
 export declare function laneOf(advisory: {
     urgency: Urgency;
+    bindingWindow?: "weekly" | "monthly";
+    bindingRemaining?: number;
 }, exclusionReason: ExclusionReason): Lane | null;
 export interface LaneMembership {
     useMore: AdvisoryView[];

package/dist/web/src/components/Recommendation.js

@@ -3,12 +3,16 @@ import { ageLabel } from "../state.js";
 import { timeLeft } from "./PaceBar.js";
 import { ProviderIcon, providerTint } from "./ProviderIcon.js";
 /**
- * Lane membership from server urgency only. Any exclusionReason keeps the
- * provider out of both lanes; "on track" belongs to neither lane.
+ * Lane membership from server urgency only. Any exclusionReason, or an
+ * exhausted binding month, keeps the provider out of both lanes; "on track"
+ * belongs to neither lane.
  */
 export function laneOf(advisory, exclusionReason) {
     if (exclusionReason !== null)
         return null;
+    // A blocked month vetoes weekly leftover: no lane, exactly like an exclusion.
+    if (advisory.bindingWindow === "monthly" && advisory.bindingRemaining === 0)
+        return null;
     switch (advisory.urgency) {
         case "burn now":
         case "use soon":
@@ -45,7 +49,7 @@ function LaneSection({ testId, label, tintClass, laneClass, icon, members, provi
                     const quota = byId.get(m.provider)?.quota;
                     const left = quota ? timeLeft(quota.resetsAt, asOfMs) : null;
                     const name = byId.get(m.provider)?.displayName ?? m.provider;
-                    return (_jsxs("div", { className: "rsub", children: [_jsx("span", { className: "sq", style: providerTint(m.provider), "aria-hidden": "true", children: _jsx(ProviderIcon, { id: m.provider, title: name, size: 13 }) }), _jsx("div", { className: "rnm-group", children: _jsx("button", { type: "button", className: "rnm", onClick: () => onSelectProvider?.(m.provider), "aria-label": `View ${name} details`, children: name }) }), _jsx("span", { className: "rnum", children: quota ? (_jsxs(_Fragment, { children: [_jsxs("b", { children: [quota.usedPct, "%"] }), " used", left ? (_jsxs(_Fragment, { children: [" · ", _jsx("b", { children: left }), " left"] })) : null] })) : null })] }, m.provider));
+                    return (_jsxs("div", { className: "rsub", children: [_jsx("span", { className: "sq", style: providerTint(m.provider), "aria-hidden": "true", children: _jsx(ProviderIcon, { id: m.provider, title: name, size: 13 }) }), _jsx("div", { className: "rnm-group", children: _jsx("button", { type: "button", className: "rnm", onClick: () => onSelectProvider?.(m.provider), "aria-label": `View ${name} details`, children: name }) }), _jsx("span", { className: "rnum", children: quota ? (_jsxs(_Fragment, { children: [_jsxs("b", { children: [quota.weeklyPct, "%"] }), " used", left ? (_jsxs(_Fragment, { children: [" · ", _jsx("b", { children: left }), " left"] })) : null] })) : null })] }, m.provider));
                 }) })] }));
 }
 /**
@@ -77,7 +81,7 @@ export function Recommendation({ recommendation, providers, asOf, onSelectProvid
     if (isClear) {
         return (_jsxs("section", { "aria-label": "Quota advice and pacing", children: [head, _jsxs("section", { "data-testid": "recommendation", "aria-label": "Recommendation", className: "recwrap is-clear", role: "status", children: [_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z" }), _jsx("path", { d: "M8 12.5l2.8 2.8L16 10" })] }), _jsxs("div", { children: [_jsx("b", { children: "No subscription needs priority" }), _jsx("span", { "data-testid": "rec-prose", children: recommendation.reason })] })] })] }));
     }
-    return (_jsxs("section", { "aria-label": "Quota advice and pacing", children: [head, _jsxs("section", { "data-testid": "recommendation", "aria-label": "Recommendation", className: "recwrap", role: "status", children: [_jsxs("div", { className: "rec-top", children: [_jsxs("div", { className: "rec-lead", children: [_jsxs("span", { className: "rec-badge", children: [_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3z" }) }), "Recommendation"] }), recommendation.use === "none" ? (_jsx("p", { className: "rec-advice-prose", "data-testid": "rec-prose", children: recommendation.reason })) : (_jsxs("p", { className: "rec-advice-prose", "data-testid": "rec-prose", children: ["Switch to ", _jsx("strong", { children: pick?.displayName ?? recommendation.use }), " next", recommendation.wastePct !== null ? (_jsxs(_Fragment, { children: [" — ", _jsxs("strong", { children: [Math.round(recommendation.wastePct), "%"] }), " unused quota forecast", pickLeft ? _jsxs(_Fragment, { children: [" to expire in ", _jsx("strong", { children: pickLeft })] }) : null, "."] })) : (_jsxs(_Fragment, { children: [" \u2014 ", recommendation.reason] }))] })), measuring && (_jsx("span", { className: "rec-badge", "data-testid": "rec-measuring", style: {
+    return (_jsxs("section", { "aria-label": "Quota advice and pacing", children: [head, _jsxs("section", { "data-testid": "recommendation", "aria-label": "Recommendation", className: "recwrap", role: "status", children: [_jsxs("div", { className: "rec-top", children: [_jsxs("div", { className: "rec-lead", children: [_jsxs("span", { className: "rec-badge", children: [_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3z" }) }), "Recommendation"] }), recommendation.use === "none" ? (_jsx("p", { className: "rec-advice-prose", "data-testid": "rec-prose", children: recommendation.reason })) : (_jsxs("p", { className: "rec-advice-prose", "data-testid": "rec-prose", children: ["Switch to ", _jsx("strong", { children: pick?.displayName ?? recommendation.use }), " next", recommendation.wastePct !== null && recommendation.bindingWindow !== "monthly" ? (_jsxs(_Fragment, { children: [" — ", _jsxs("strong", { children: [Math.round(recommendation.wastePct), "%"] }), " unused quota forecast", pickLeft ? _jsxs(_Fragment, { children: [" to expire in ", _jsx("strong", { children: pickLeft })] }) : null, "."] })) : (_jsxs(_Fragment, { children: [" \u2014 ", recommendation.reason] }))] })), measuring && (_jsx("span", { className: "rec-badge", "data-testid": "rec-measuring", style: {
                                             background: "var(--ahead-soft)",
                                             color: "var(--ahead)",
                                             borderColor: "var(--ahead)",

package/dist/web/src/components/ResetRail.js

@@ -112,7 +112,7 @@ function ClusterPopover({ cluster, providers, asOfMs, onSelect, onClose, }) {
                     return (_jsx("li", { children: _jsxs("button", { type: "button", onClick: () => {
                                 onSelect(id);
                                 onClose();
-                            }, children: [_jsx("b", { children: name }), _jsxs("span", { children: [provider?.quota ? `${provider.quota.usedPct}% · ` : "", provider ? resetCountdown(provider, asOfMs) : ""] })] }) }, id));
+                            }, children: [_jsx("b", { children: name }), _jsxs("span", { children: [provider?.quota ? `${provider.quota.weeklyPct}% · ` : "", provider ? resetCountdown(provider, asOfMs) : ""] })] }) }, id));
                 }) }), _jsx("button", { type: "button", className: "btn btn-sm btn-quiet", style: { marginTop: "var(--s2)", width: "100%" }, onClick: onClose, children: "Close" })] }));
 }
 function tzAbbrev() {
@@ -136,6 +136,7 @@ function pinPace(provider) {
             return { cls: "pace-ahead", color: "var(--ahead)" };
         case "Watch":
             return { cls: "pace-watch", color: "var(--watch)" };
+        case "Monthly exhausted":
         case "Cap risk":
             return { cls: "pace-cap", color: "var(--danger)" };
         default:
@@ -177,7 +178,7 @@ export function ResetRail({ providers, asOf, onSelectProvider, }) {
                             return (_jsxs("button", { "data-testid": "pin", type: "button", className: `pin ${pin.band} ${tierClass} ${alignClass}`, style: {
                                     left: `${pin.positionPct}%`,
                                     "--dot-color": paceColor,
-                                }, "aria-label": `${name}: ${pace}, resets ${when}`, onClick: () => onSelectProvider(pin.id), children: [pin.band === "above" ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "pin-when", children: pin.estimated ? `${when} (est.)` : when }), _jsx("span", { className: `pin-label ${paceCls}`, style: pinBorder, children: name }), _jsx("span", { className: "pin-stem" }), _jsx("span", { className: "pin-dot" })] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "pin-dot" }), _jsx("span", { className: "pin-stem" }), _jsx("span", { className: `pin-label ${paceCls}`, style: pinBorder, children: name }), _jsx("span", { className: "pin-when", children: pin.estimated ? `${when} (est.)` : when })] })), _jsxs("span", { className: "pin-tooltip", role: "tooltip", children: [_jsx("b", { children: name }), _jsx("span", { className: "pt-sep", children: "\u00B7" }), provider?.quota ? `${provider.quota.usedPct}% used` : "no readings", _jsx("span", { className: "pt-sep", children: "\u00B7" }), left ? `${left} left` : when, pin.estimated ? " (est.)" : ""] })] }, pin.id));
+                                }, "aria-label": `${name}: ${pace}, resets ${when}`, onClick: () => onSelectProvider(pin.id), children: [pin.band === "above" ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "pin-when", children: pin.estimated ? `${when} (est.)` : when }), _jsx("span", { className: `pin-label ${paceCls}`, style: pinBorder, children: name }), _jsx("span", { className: "pin-stem" }), _jsx("span", { className: "pin-dot" })] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "pin-dot" }), _jsx("span", { className: "pin-stem" }), _jsx("span", { className: `pin-label ${paceCls}`, style: pinBorder, children: name }), _jsx("span", { className: "pin-when", children: pin.estimated ? `${when} (est.)` : when })] })), _jsxs("span", { className: "pin-tooltip", role: "tooltip", children: [_jsx("b", { children: name }), _jsx("span", { className: "pt-sep", children: "\u00B7" }), provider?.quota ? `${provider.quota.weeklyPct}% used` : "no readings", _jsx("span", { className: "pt-sep", children: "\u00B7" }), left ? `${left} left` : when, pin.estimated ? " (est.)" : ""] })] }, pin.id));
                         }), placement.clusters.map((cluster, index) => {
                             const alignClass = cluster.positionPct < 12 ? "pin-start" : cluster.positionPct > 88 ? "pin-end" : "";
                             const tierClass = cluster.tier > 0 ? `tier${cluster.tier + 1}` : "tier1";