quotacap 0.0.28 → 0.0.30

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

@@ -12,6 +12,8 @@ export function paceBadge(provider) {
         return "Not reporting";
     if (advisory.status === "at risk")
         return "Cap risk";
+    if (advisory.status === "unknown")
+        return "Measuring";
     switch (advisory.urgency) {
         case "burn now":
         case "use soon":
@@ -23,6 +25,46 @@ export function paceBadge(provider) {
             return "On track";
     }
 }
+/** Split the advisory into its two displayed paces. `burnRate` doubles as the
+ * forecast input, so the recent figure only exists when it was measured. */
+export function paceFigures(advisory) {
+    if (!advisory)
+        return { avg: null, recent: null };
+    const avg = advisory.avgPace ?? null;
+    const recent = advisory.paceSource === "recent" ? advisory.burnRate : null;
+    return { avg, recent };
+}
+/** Card pace cells: average and 24h rate side by side, each "—" when unknown.
+ * Unlike the collapsed summaries, both cells always render so the pair
+ * reads as two peer figures. */
+export function paceCells(advisory) {
+    const { avg, recent } = paceFigures(advisory);
+    return {
+        avg: avg !== null ? `${avg.toFixed(1)}%/day` : "—",
+        recent: recent !== null ? `${recent.toFixed(1)}%/day` : "—",
+    };
+}
+/** Hover explanations shared by cards and rows. Plain words, no jargon. */
+export const PACE_TIPS = {
+    avg: "Window average — quota used ÷ days elapsed. Your overall pace this window.",
+    recent: "Burn over the last 24 hours. Forecasts use this rate when recent readings exist.",
+    ideal: "The even pace that lands exactly on 100% at reset: remaining ÷ days left.",
+};
+/** Table-row pace stack: one labeled line per known pace plus the needed
+ * rate. Both paces always show when known (no collapsing) so rows read
+ * uniformly. Empty when no advisory is present. */
+export function paceLines(advisory) {
+    if (!advisory)
+        return [];
+    const { avg, recent } = paceFigures(advisory);
+    const lines = [];
+    if (avg !== null)
+        lines.push({ label: "Avg", value: `${avg.toFixed(1)}%/day`, tip: PACE_TIPS.avg });
+    if (recent !== null)
+        lines.push({ label: "24h", value: `${recent.toFixed(1)}%/day`, tip: PACE_TIPS.recent });
+    lines.push({ label: "Ideal", value: `${advisory.idealRate.toFixed(1)}%/day`, tip: PACE_TIPS.ideal });
+    return lines;
+}
 /** Plain-words reason shown beside "Not reporting". Null when the badge says it all. */
 export function exclusionDetail(reason) {
     switch (reason) {
@@ -39,16 +81,6 @@ export function exclusionDetail(reason) {
             return null;
     }
 }
-const EVIDENCE_LABELS = {
-    measured: "Measured",
-    "window-average": "Window avg",
-};
-/** Coordinator-locked evidence labels. Unknown tokens pass through verbatim. */
-export function evidenceLabels(evidence) {
-    return evidence
-        .filter((e) => e !== "estimated-reset")
-        .map((e) => EVIDENCE_LABELS[e] ?? e);
-}
 export function isEstimated(provider) {
     return provider.evidence.includes("estimated-reset");
 }
@@ -103,6 +135,30 @@ export function resetCountdown(provider, asOfMs) {
     const estimated = isEstimated(provider) ? " (est.)" : "";
     return `in ${left}${estimated}`;
 }
+/**
+ * Reset cell for the table view: clock time plus countdown, e.g.
+ * "Tue 10:25 · in 20h 30m". Estimated resets mark the timestamp, per the
+ * 0.0.25 convention. Falls back to the countdown-only wording for
+ * reset-passed, missing, and unparseable rows.
+ */
+export function resetCell(provider, asOfMs) {
+    if (provider.exclusionReason === "reset-passed")
+        return "awaiting fresh window";
+    if (!provider.quota)
+        return "no readings";
+    const clock = resetClock(provider.quota.resetsAt);
+    const left = timeLeft(provider.quota.resetsAt, asOfMs);
+    const estimated = isEstimated(provider) ? " (est.)" : "";
+    if (clock && left)
+        return `${clock}${estimated} · in ${left}`;
+    if (left === null) {
+        const resetMs = Date.parse(provider.quota.resetsAt);
+        if (Number.isFinite(resetMs) && resetMs <= asOfMs)
+            return "awaiting fresh window";
+        return "reset unknown";
+    }
+    return "reset unknown";
+}
 /** 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;
@@ -126,6 +182,8 @@ export function badgeColor(badge) {
             return "var(--ahead)";
         case "Cap risk":
             return "var(--danger)";
+        case "Measuring":
+            return "var(--ink-soft)";
         case "Not reporting":
             return "var(--line-strong)";
     }
@@ -140,6 +198,8 @@ export function fillToken(badge) {
             return "var(--fill-ahead)";
         case "Cap risk":
             return "var(--fill-cap)";
+        case "Measuring":
+            return "var(--fill-out)";
         case "Not reporting":
             return "var(--fill-out)";
     }
@@ -154,6 +214,8 @@ export function edgeToken(badge) {
             return "var(--edge-ahead)";
         case "Cap risk":
             return "var(--edge-cap)";
+        case "Measuring":
+            return "var(--edge-out)";
         case "Not reporting":
             return "var(--edge-out)";
     }
@@ -188,7 +250,7 @@ export function Badge({ provider }) {
                 ? "pace-ahead"
                 : badge === "Cap risk"
                     ? "pace-cap"
-                    : "pace-out";
+                    : "pace-out"; // Not reporting and Measuring share the neutral style
     return (_jsxs("span", { "data-testid": "pace-badge", className: `pace ${badgeClass}`, children: [badge, detail ? ` · ${detail}` : ""] }));
 }
 /**
@@ -236,6 +298,9 @@ export function forecastLine(provider) {
     const advisory = provider.advisory;
     if (!advisory)
         return null;
+    if (advisory.remaining <= 0) {
+        return "Exhausted · quota fully used";
+    }
     if (advisory.paceSource === "unknown") {
         return `Measuring pace · ${Math.round(advisory.remaining)}% remaining`;
     }

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

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 const STATES = [
-    { label: "On track", cls: "pace-ontrack", meaning: "Usage aligns with time (±20%)" },
+    { label: "On track", cls: "pace-ontrack", meaning: "Burning at a rate the window sustains" },
     { label: "Behind pace", cls: "pace-behind", meaning: "Burning slow; risk of unused quota waste" },
     { label: "Ahead of pace", cls: "pace-ahead", meaning: "Burning faster than time; monitor usage" },
     { label: "Cap risk", cls: "pace-cap", meaning: "Will hit cap before reset window closes" },
+    { label: "Measuring", cls: "pace-out", meaning: "Not enough data yet; pace appears after 6h" },
     { label: "Not reporting", cls: "pace-out", meaning: "No usable reading; excluded from ranking" },
 ];
 export function PacingLegend() {
@@ -28,7 +29,7 @@ export function PacingLegend() {
             document.removeEventListener("keydown", onKey);
         };
     }, [open]);
-    return (_jsxs("div", { className: "legend-wrap", ref: rootRef, children: [_jsx("button", { type: "button", className: "legend-btn", "aria-expanded": open, "aria-controls": "pacing-legend", onClick: () => setOpen((v) => !v), children: "Pacing Legend \u25BE" }), open && (_jsxs("div", { id: "pacing-legend", className: "legend-popover", role: "dialog", "aria-label": "Pacing legend", children: [_jsxs("div", { className: "legend-head", children: [_jsx("b", { children: "Pacing Scale Legend" }), _jsx("button", { type: "button", className: "legend-close", "aria-label": "Close pacing legend", onClick: () => setOpen(false), children: "\u00D7" })] }), _jsx("p", { className: "legend-intro", children: "Pacing measures quota burn against elapsed window time:" }), _jsx("div", { className: "legend-rows", children: STATES.map((s) => (_jsxs("div", { className: "legend-row", children: [_jsx("span", { className: `pace ${s.cls}`, children: s.label }), _jsx("span", { children: s.meaning })] }, s.label))) }), _jsxs("div", { className: "legend-foot", children: [_jsx("code", { children: "\u2588" }), " allowance used \u00B7 ", _jsx("code", { children: "\u2502" }), " time elapsed \u00B7 ", _jsx("code", { children: "\u2591" }), " projected waste"] })] }))] }));
+    return (_jsxs("div", { className: "legend-wrap", ref: rootRef, children: [_jsx("button", { type: "button", className: "legend-btn", "aria-expanded": open, "aria-controls": "pacing-legend", onClick: () => setOpen((v) => !v), children: "Pacing Legend \u25BE" }), open && (_jsxs("div", { id: "pacing-legend", className: "legend-popover", role: "dialog", "aria-label": "Pacing legend", children: [_jsxs("div", { className: "legend-head", children: [_jsx("b", { children: "Pacing Scale Legend" }), _jsx("button", { type: "button", className: "legend-close", "aria-label": "Close pacing legend", onClick: () => setOpen(false), children: "\u00D7" })] }), _jsx("p", { className: "legend-intro", children: "Pacing measures quota burn against elapsed window time:" }), _jsx("div", { className: "legend-rows", children: STATES.map((s) => (_jsxs("div", { className: "legend-row", children: [_jsx("span", { className: `pace ${s.cls}`, children: s.label }), _jsx("span", { children: s.meaning })] }, s.label))) }), _jsxs("div", { className: "legend-foot", children: [_jsx("code", { children: "\u2588" }), " allowance used \u00B7 ", _jsx("code", { children: "\u2502" }), " time elapsed \u00B7 ", _jsx("code", { children: "\u2591" }), " projected waste"] }), _jsx("div", { className: "legend-foot", children: "Avg = used \u00F7 days elapsed \u00B7 24h = burn over the last day \u00B7 Ideal = remaining \u00F7 days left" })] }))] }));
 }
 function servingHost() {
     try {

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ageDuration } from "../state.js";
-import { Badge, PaceBar, isEstimated, resetClock, resetCountdown, timeLeft, } from "./PaceBar.js";
+import { Badge, PACE_TIPS, PaceBar, isEstimated, paceCells, resetClock, resetCountdown, timeLeft, } from "./PaceBar.js";
 import { ProviderIcon, providerTint } from "./ProviderIcon.js";
 function resetsDate(provider) {
     if (!provider.quota)
@@ -13,6 +13,7 @@ function resetsDate(provider) {
 export function ProviderCard({ provider, recommended, asOf, onSelect, }) {
     const quota = provider.quota;
     const advisory = provider.advisory;
+    const pace = paceCells(advisory);
     const asOfMs = Date.parse(asOf);
     const updated = ageDuration(provider.ageMs);
     const resetsIn = quota ? timeLeft(quota.resetsAt, asOfMs) : null;
@@ -22,5 +23,5 @@ export function ProviderCard({ provider, recommended, asOf, onSelect, }) {
                 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" }) }) }))] }), quota && quota.plan && _jsx("span", { className: "pl", children: quota.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", { children: [_jsx("span", { className: "l", children: "Pace" }), _jsx("span", { className: "v", children: advisory && advisory.burnRate !== null ? `${advisory.burnRate.toFixed(1)}%/d` : "—" })] }), _jsxs("div", { children: [_jsx("span", { className: "l", children: "Needed" }), _jsx("span", { className: "v", children: advisory ? `${advisory.idealRate.toFixed(1)}%/d` : "—" })] }), _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: [_jsx("span", { children: resetsDate(provider) ?? resetCountdown(provider, asOfMs) }), _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" }) }) }))] }), quota && quota.plan && _jsx("span", { className: "pl", children: quota.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: [_jsx("span", { children: resetsDate(provider) ?? resetCountdown(provider, asOfMs) }), _jsx("span", { className: "rowbtn", "aria-hidden": "true", children: "Inspect" })] })] }));
 }

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { ageDuration, providerSubtitle } from "../state.js";
-import { Badge, PaceBar, barGeometry, isEstimated, paceBadge, resetClock, timeLeft, } from "./PaceBar.js";
+import { Badge, PaceBar, barGeometry, isEstimated, paceBadge, paceFigures, resetClock, timeLeft, } from "./PaceBar.js";
 import { ProviderIcon, providerTint } from "./ProviderIcon.js";
 import { renameProvider } from "../api.js";
 export function exclusionWords(reason) {
@@ -122,6 +122,8 @@ export function pacingStatusToken(provider) {
             return "ahead";
         case "Cap risk":
             return "cap";
+        case "Measuring":
+            return "measuring";
         case "Not reporting":
             return "out";
     }
@@ -153,11 +155,21 @@ export function rankingCopy(provider, recommendation) {
     if (!advisory || advisory.paceSource === "unknown" || advisory.burnRate === null) {
         pace = modelFailure(provider) ?? "No current pace.";
     }
-    else if (advisory.status === "at risk") {
-        pace = `${advisory.burnRate.toFixed(1)}%/day so far this window, against a ${advisory.idealRate.toFixed(1)}%/day target.`;
+    else if (advisory.remaining <= 0) {
+        pace = `Exhausted at ${quota?.usedPct ?? 100}% used.${stamp ? ` Resets ${stamp}.` : ""}`;
     }
     else {
-        pace = `${advisory.burnRate.toFixed(1)}%/day so far this window. Finishing it needs ${advisory.idealRate.toFixed(1)}%/day.`;
+        const { avg, recent } = paceFigures(advisory);
+        const figures = avg !== null && recent !== null && avg.toFixed(1) !== recent.toFixed(1)
+            ? `${avg.toFixed(1)}%/day window average and ${recent.toFixed(1)}%/day over the last 24h`
+            : avg !== null
+                ? `${avg.toFixed(1)}%/day window average`
+                : `${recent.toFixed(1)}%/day over the last 24h`;
+        const ideal = `${advisory.idealRate.toFixed(1)}%/day`;
+        pace =
+            advisory.status === "at risk"
+                ? `${figures}, against an ideal pace of ${ideal}.`
+                : `${figures}. The ideal pace to finish is ${ideal}.`;
     }
     let decision;
     if (provider.exclusionReason) {

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

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, PaceBar, evidenceLabels, forecastLine, resetCountdown, } from "./PaceBar.js";
+import { Badge, PaceBar, forecastLine, paceLines, resetCell, } from "./PaceBar.js";
 export function ProviderRow({ provider, recommended, asOf, onSelect, }) {
     const quota = provider.quota;
     const advisory = provider.advisory;
     const asOfMs = Date.parse(asOf);
-    const evidence = evidenceLabels(provider.evidence);
+    const lines = paceLines(advisory);
     const name = provider.displayName;
-    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" }) }) }))] }), quota?.plan && _jsx("span", { className: "pl", children: quota.plan }), quota?.sessionPct !== undefined && quota.sessionPct !== null && (_jsxs("span", { className: "src", children: ["Session use ", quota.sessionPct, "%"] }))] })] }), _jsx("div", { "data-label": "Used vs elapsed", children: quota ? _jsx(PaceBar, { provider: provider, asOf: asOf }) : "—" }), _jsx("div", { "data-label": "Resets in", children: _jsx("span", { className: "cell-b", children: resetCountdown(provider, asOfMs) }) }), _jsxs("div", { "data-label": "Pace", children: [_jsx(Badge, { provider: provider }), advisory && advisory.burnRate !== null && (_jsxs("div", { className: "cell-s", style: { marginTop: 2 }, children: ["Pace ", advisory.burnRate.toFixed(1), "%/d \u00B7 needed ", advisory.idealRate.toFixed(1), "%/d"] })), evidence.length > 0 && _jsx("div", { className: "cell-s", style: { marginTop: 2 }, children: evidence.join(" · ") })] }), _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" }) }) }))] }), quota?.plan && _jsx("span", { className: "pl", children: quota.plan }), quota?.sessionPct !== undefined && quota.sessionPct !== null && (_jsxs("span", { className: "src", children: ["Session use ", quota.sessionPct, "%"] }))] })] }), _jsx("div", { "data-label": "Used vs elapsed", children: quota ? _jsx(PaceBar, { provider: provider, asOf: asOf }) : "—" }), _jsx("div", { "data-label": "Reset", children: _jsx("span", { className: "cell-b", children: resetCell(provider, asOfMs) }) }), _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/ResetRail.js

@@ -6,7 +6,7 @@ const RAIL_MS = RAIL_DAYS * 24 * 60 * 60 * 1000;
 /** Pins within this span of rail group into one collision window. */
 const COLLISION_PCT = 3;
 /** Pins per window before they group into a cluster pin. */
-const WINDOW_CAPACITY = 2;
+const WINDOW_CAPACITY = 3;
 /**
  * Place reset pins proportionally over the next 7 days from `asOf`.
  * Crowded windows past tier capacity group into clusters; resets beyond the

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

@@ -102,5 +102,5 @@ export function SubscriptionList({ providers, recommendation, asOf, lastComplete
     const asOfMs = Date.parse(asOf);
     const ranked = enabled.filter((p) => p.exclusionReason === null);
     const excluded = enabled.filter((p) => p.exclusionReason !== null);
-    return (_jsxs("section", { "aria-label": "Subscriptions", children: [_jsxs("div", { className: "section-head", children: [_jsx("h2", { children: "All subscriptions" }), _jsxs("div", { className: "section-head-controls", children: [_jsx(SortDropdown, { value: sortKey, onChange: setSortKey }), _jsxs("div", { role: "group", "aria-label": "Display density", className: "seg", children: [_jsxs("button", { type: "button", "aria-pressed": effective === "cards", onClick: () => setDensity("cards"), children: [_jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: [_jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "2" }), _jsx("rect", { x: "13", y: "3", width: "8", height: "8", rx: "2" }), _jsx("rect", { x: "3", y: "13", width: "8", height: "8", rx: "2" }), _jsx("rect", { x: "13", y: "13", width: "8", height: "8", rx: "2" })] }), "Cards"] }), _jsxs("button", { type: "button", "aria-pressed": effective === "table", onClick: () => setDensity("table"), children: [_jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: [_jsx("rect", { x: "3", y: "5", width: "18", height: "2.6", rx: "1.3" }), _jsx("rect", { x: "3", y: "11", width: "18", height: "2.6", rx: "1.3" }), _jsx("rect", { x: "3", y: "17", width: "18", height: "2.6", rx: "1.3" })] }), "Table"] })] })] })] }), effective === "cards" ? (_jsx("div", { "data-testid": "cards-grid", className: "cards cards-grid", children: enabled.map((p) => (_jsx(ProviderCard, { provider: p, recommended: p.id === recommendation.use, asOf: asOf, onSelect: onSelectProvider }, p.id))) })) : (_jsx("div", { className: "table-scroll", children: _jsxs("div", { "data-testid": "ledger-table", className: "ledger", role: "table", children: [_jsxs("div", { className: "lrow lhead", role: "row", children: [_jsx("span", { role: "columnheader", children: "Provider" }), _jsx("span", { role: "columnheader", children: "Used vs elapsed" }), _jsx("span", { role: "columnheader", children: "Resets in" }), _jsx("span", { role: "columnheader", children: "Pace" }), _jsx("span", { role: "columnheader" })] }), enabled.map((p) => (_jsx(ProviderRow, { provider: p, recommended: p.id === recommendation.use, asOf: asOf, onSelect: onSelectProvider }, p.id)))] }) })), _jsxs("footer", { className: "health", children: [_jsxs("ul", { children: [_jsxs("li", { className: "legend-rec", children: [_jsx("svg", { className: "legend-star", width: "14", height: "14", 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" }) }), _jsx("span", { children: "Recommended to use next" })] }), _jsxs("li", { children: [_jsx("span", { className: "dot", style: { background: "var(--good)" } }), _jsxs("span", { children: [ranked.length, " used in ranking"] })] }), excluded.length > 0 && (_jsxs("li", { children: [_jsx("span", { className: "dot", style: { background: "var(--fill-out)" } }), _jsxs("span", { children: [excluded.length, " not reporting", excluded.length <= 2 ? ` · ${excluded.map((p) => p.displayName).join(", ")}` : ""] })] }))] }), _jsx("span", { children: nextRefreshLabel(lastCompletedPollAt, polling) })] }), disabled.length > 0 && (_jsxs("section", { "aria-label": "Disabled providers", children: [_jsxs("h3", { children: ["Disabled (", disabled.length, ")"] }), _jsx("ul", { children: disabled.map((p) => (_jsxs("li", { style: { fontSize: "var(--t-2)" }, children: [p.displayName, " \u00B7 disabled \u00B7 ", resetCountdown(p, asOfMs)] }, p.id))) })] }))] }));
+    return (_jsxs("section", { "aria-label": "Subscriptions", children: [_jsxs("div", { className: "section-head", children: [_jsx("h2", { children: "All subscriptions" }), _jsxs("div", { className: "section-head-controls", children: [_jsx(SortDropdown, { value: sortKey, onChange: setSortKey }), _jsxs("div", { role: "group", "aria-label": "Display density", className: "seg", children: [_jsxs("button", { type: "button", "aria-pressed": effective === "cards", onClick: () => setDensity("cards"), children: [_jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: [_jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "2" }), _jsx("rect", { x: "13", y: "3", width: "8", height: "8", rx: "2" }), _jsx("rect", { x: "3", y: "13", width: "8", height: "8", rx: "2" }), _jsx("rect", { x: "13", y: "13", width: "8", height: "8", rx: "2" })] }), "Cards"] }), _jsxs("button", { type: "button", "aria-pressed": effective === "table", onClick: () => setDensity("table"), children: [_jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: [_jsx("rect", { x: "3", y: "5", width: "18", height: "2.6", rx: "1.3" }), _jsx("rect", { x: "3", y: "11", width: "18", height: "2.6", rx: "1.3" }), _jsx("rect", { x: "3", y: "17", width: "18", height: "2.6", rx: "1.3" })] }), "Table"] })] })] })] }), effective === "cards" ? (_jsx("div", { "data-testid": "cards-grid", className: "cards cards-grid", children: enabled.map((p) => (_jsx(ProviderCard, { provider: p, recommended: p.id === recommendation.use, asOf: asOf, onSelect: onSelectProvider }, p.id))) })) : (_jsx("div", { className: "table-scroll", children: _jsxs("div", { "data-testid": "ledger-table", className: "ledger", role: "table", children: [_jsxs("div", { className: "lrow lhead", role: "row", children: [_jsx("span", { role: "columnheader", children: "Provider" }), _jsx("span", { role: "columnheader", children: "Used vs elapsed" }), _jsx("span", { role: "columnheader", children: "Reset" }), _jsx("span", { role: "columnheader", children: "Pace" }), _jsx("span", { role: "columnheader" })] }), enabled.map((p) => (_jsx(ProviderRow, { provider: p, recommended: p.id === recommendation.use, asOf: asOf, onSelect: onSelectProvider }, p.id)))] }) })), _jsxs("footer", { className: "health", children: [_jsxs("ul", { children: [_jsxs("li", { className: "legend-rec", children: [_jsx("svg", { className: "legend-star", width: "14", height: "14", 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" }) }), _jsx("span", { children: "Recommended to use next" })] }), _jsxs("li", { children: [_jsx("span", { className: "dot", style: { background: "var(--good)" } }), _jsxs("span", { children: [ranked.length, " used in ranking"] })] }), excluded.length > 0 && (_jsxs("li", { children: [_jsx("span", { className: "dot", style: { background: "var(--fill-out)" } }), _jsxs("span", { children: [excluded.length, " not reporting", excluded.length <= 2 ? ` · ${excluded.map((p) => p.displayName).join(", ")}` : ""] })] }))] }), _jsx("span", { children: nextRefreshLabel(lastCompletedPollAt, polling) })] }), disabled.length > 0 && (_jsxs("section", { "aria-label": "Disabled providers", children: [_jsxs("h3", { children: ["Disabled (", disabled.length, ")"] }), _jsx("ul", { children: disabled.map((p) => (_jsxs("li", { style: { fontSize: "var(--t-2)" }, children: [p.displayName, " \u00B7 disabled \u00B7 ", resetCountdown(p, asOfMs)] }, p.id))) })] }))] }));
 }

package/dist/web/src/state.d.ts

@@ -9,6 +9,8 @@ export interface AdvisoryView {
     remaining: number;
     idealRate: number;
     burnRate: number | null;
+    /** Window-average pace (used % ÷ days elapsed); null before the window start is known. */
+    avgPace: number | null;
     burnMeasured: boolean;
     paceSource: PaceSource;
     daysToExhaust: number | null;
@@ -45,6 +47,11 @@ export interface AttemptView {
     succeededAt: string | null;
     success: boolean;
     failureCategory: FailureCategory;
+    diagnosticCode?: string | null;
+    summary?: string | null;
+    action?: string | null;
+    errorDetail?: string | null;
+    error?: string | null;
 }
 export interface ProviderView {
     id: string;