@iasiv5/dsh-quota-watch 0.1.26 → 0.1.27

package/README.md

@@ -58,7 +58,7 @@ Web 与 Desktop profile 均已实测适配。按 DSH 插件管理器提示完成
 
 > **重置卡是可消耗、不可撤销的订阅权益。** 使用前请确认适用范围、卡种与额度窗口。
 
-仅支持配置为 `zai-coding-cn` 的**国内站个人版**。国际站 `zai` / `zai-coding` 不提供此入口；团队版未验证、不在支持范围内。重置卡列表按卡种显示可用张数与最早到期日；「刷新」只查询卡数，不会消费卡。手动使用前，宿主会重新查询当前卡列表，面板也会先显示二次确认。5 小时卡重置 5 小时窗口；每周卡同时重置每周与 5 小时窗口。
+仅支持配置为 `zai-coding-cn` 的**国内站个人版**。国际站 `zai` / `zai-coding` 不提供此入口；团队版未验证、不在支持范围内。宿主启动时查询重置卡，此后最多每 10 分钟周期查询一次；卡种、可用张数与最早到期日会随结果更新。两种卡都无可用且自动用卡均关闭、无待展示事件时，卡区收成保留分隔线的一行，仍可展开自动用卡设置。概览底部或详情标题栏的「立即刷新」会同时更新额度和重置卡，不会消费卡；手动使用前宿主仍会重新查询当前卡列表，面板也会先显示二次确认。5 小时卡重置 5 小时窗口；每周卡同时重置每周与 5 小时窗口。
 
 ![GLM 详情：额度窗口、重置卡与展开的自动用卡设置；两个窗口的消费授权均关闭（示例数据）](docs/assets/panel-glm-detail.webp)
 

package/lib/client.js

@@ -249,7 +249,6 @@ var COPY = {
       count: "{count} \u5F20",
       none: "\u65E0\u53EF\u7528",
       use: "\u91CD\u7F6E",
-      reloadLink: "\uFF08 \u5237\u65B0 \uFF09",
       autoToggle: "\u81EA\u52A8\u7528\u5361",
       autoActive: "\u81EA\u52A8\u7528\u5361 \xB7 \u5DF2\u542F\u7528",
       expiry: "{date} \u524D\u6709\u6548",
@@ -321,7 +320,6 @@ var COPY = {
       count: "{count}",
       none: "none",
       use: "Reset",
-      reloadLink: "( Refresh )",
       autoToggle: "Auto-use",
       autoActive: "Auto-use \xB7 on",
       expiry: "expires {date}",
@@ -410,6 +408,8 @@ var FLOAT_STYLE_TEXT = `
 .dqw-panel-back { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 28px; height: 28px; margin: 0; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-secondary, inherit); cursor: pointer; }
 .dqw-panel-back svg { display: block; width: 16px; height: 16px; }
 .dqw-panel-back:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,.12)); color: var(--dsw-alias-label-primary, inherit); }
+.dqw-panel-refresh { flex: none; margin: 0; padding: 4px 6px; border: 0; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-secondary, inherit); cursor: pointer; font: inherit; font-size: 10px; line-height: 14px; opacity: .72; }
+.dqw-panel-refresh:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,.12)); color: var(--dsw-alias-label-primary, inherit); opacity: 1; }
 .dqw-panel-close { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 24px; height: 24px; margin: 0; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-secondary, inherit); cursor: pointer; font: inherit; font-size: 12px; line-height: 1; }
 .dqw-panel-close:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,.12)); color: var(--dsw-alias-label-primary, inherit); }
 .dqw-overview-list { display: flex; flex-direction: column; gap: 2px; }
@@ -449,18 +449,11 @@ var FLOAT_STYLE_TEXT = `
 .dqw-win-mid { opacity: .65; white-space: nowrap; }
 .dqw-win-used { opacity: .65; white-space: nowrap; }
 .dqw-win-val { min-width: 0; font-weight: 600; }
-/* Reset cards: a bordered block below the window grid. Every control is a real
-   <button> so keyboard focus and the disabled state come from the platform. */
+/* Reset cards: keep the dashed divider even when an empty wallet collapses to
+   one row. The panel's \u7ACB\u5373\u5237\u65B0 is the only manual re-check control. */
 .dqw-reset { border-top: 1px dashed var(--dsw-alias-border-secondary, rgba(128,128,128,.25)); padding-top: 6px; display: flex; flex-direction: column; gap: 4px; }
-.dqw-reset-head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: 10px; line-height: 14px; }
+.dqw-reset-head, .dqw-reset-collapsed { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: 10px; line-height: 14px; }
 .dqw-reset-title { opacity: .65; }
-/* No underline: the full-width \u300C\uFF08 \u5237\u65B0 \uFF09\u300D brackets carry the affordance, the
-   hover opacity bump is the only hover signal. */
-.dqw-reset-reload { border: 0; background: none; padding: 0; font: inherit; font-size: 10px; color: var(--dsw-alias-label-secondary, inherit); opacity: .65; cursor: pointer; }
-.dqw-reset-reload:hover { opacity: 1; }
-.dqw-reset-reload:disabled { cursor: default; opacity: .35; }
-.dqw-reset-head-left { display: flex; align-items: baseline; min-width: 0; }
-.dqw-reset-head-left.is-en { gap: 4px; }
 .dqw-auto-master { display: flex; align-items: center; gap: 4px; cursor: pointer; font-size: 10px; line-height: 14px; }
 .dqw-auto-master .dqw-auto-box { accent-color: var(--dsw-alias-button-primary-fill, #5b8def); }
 .dqw-reset-lines { display: grid; grid-template-columns: max-content max-content minmax(0, 1fr) max-content max-content; column-gap: 6px; row-gap: 4px; align-items: center; font-size: 10.5px; line-height: 17px; font-variant-numeric: tabular-nums; }
@@ -871,6 +864,7 @@ function mountQuotaCard({
   let queuedPlace = false;
   let openKey;
   let panelNav = false;
+  let knownResetCards;
   let resetInfo;
   let resetLoading = false;
   let resetPending;
@@ -932,7 +926,7 @@ function mountQuotaCard({
     row.append(text(doc, "span", "dqw-chev", openKey === key ? "\u25BE" : "\u25B8"));
     return [row];
   };
-  const panelHeader = ({ title, showBack = false }) => {
+  const panelHeader = ({ title, showBack = false, showRefresh = false }) => {
     const header = doc.createElement("div");
     header.className = "dqw-panel-header";
     if (showBack) {
@@ -946,6 +940,15 @@ function mountQuotaCard({
       header.append(back);
     }
     header.append(text(doc, "p", "dqw-panel-title", title));
+    if (showRefresh) {
+      const refresh = doc.createElement("button");
+      refresh.type = "button";
+      refresh.className = "dqw-panel-refresh";
+      refresh.dataset.action = "panel-refresh";
+      refresh.textContent = copy.actions.refreshNow;
+      refresh.setAttribute("aria-label", copy.actions.refreshNow);
+      header.append(refresh);
+    }
     const close = doc.createElement("button");
     close.type = "button";
     close.className = "dqw-panel-close";
@@ -1007,6 +1010,7 @@ function mountQuotaCard({
     try {
       const payload = await fetchResetEnvelope(fetchImpl, CLIENT_ROUTES.resetCards);
       resetInfo = payload;
+      if (payload.ok === true && payload.cards !== void 0) knownResetCards = payload.cards;
     } catch {
       resetInfo = { ok: false, error: "request-failed" };
     } finally {
@@ -1025,6 +1029,7 @@ function mountQuotaCard({
       if (payload.ok === true) {
         resetNotice = { kind: "ok", message: copy.resetCards.succeeded };
         resetInfo = payload.cards !== void 0 ? { ok: true, cards: payload.cards } : resetInfo;
+        if (payload.cards !== void 0) knownResetCards = payload.cards;
       } else {
         resetNotice = { kind: "error", message: payload.message ?? copy.resetCards.failed };
       }
@@ -1136,51 +1141,60 @@ function mountQuotaCard({
     }
     return wrap;
   }
+  function resetCardsKnownEmpty() {
+    if (knownResetCards === void 0) return false;
+    return Array.isArray(knownResetCards.fiveHour) && Array.isArray(knownResetCards.week) && knownResetCards.fiveHour.length === 0 && knownResetCards.week.length === 0;
+  }
+  function resetCollapsed() {
+    if (!resetCardsKnownEmpty() || autoOpen || resetPending !== void 0 || resetBusy !== void 0 || resetNotice !== void 0 || autoSaveError !== void 0) return false;
+    const auto = snapshot?.autoReset;
+    if (auto?.fiveHour?.enabled === true || auto?.week?.enabled === true || auto?.persistError !== void 0 || auto?.lastEvent !== void 0) return false;
+    return true;
+  }
+  function buildAutoMaster(auto) {
+    if (auto === void 0 || typeof auto !== "object") return void 0;
+    const master = doc.createElement("label");
+    master.className = "dqw-auto-master";
+    const masterBox = doc.createElement("input");
+    masterBox.type = "checkbox";
+    masterBox.className = "dqw-auto-box";
+    masterBox.checked = autoOpen === true;
+    masterBox.disabled = autoSaving === true;
+    masterBox.addEventListener("change", () => {
+      autoOpen = masterBox.checked;
+      saveAutoOpen(win.localStorage, autoOpen);
+      syncPop();
+    });
+    const anyEnabled = auto.fiveHour?.enabled === true || auto.week?.enabled === true;
+    master.append(text(
+      doc,
+      "span",
+      "dqw-reset-title",
+      anyEnabled ? copy.resetCards.autoActive : copy.resetCards.autoToggle
+    ), masterBox);
+    return master;
+  }
   function renderResetSection() {
     const section = doc.createElement("div");
     section.className = "dqw-reset";
-    const head = doc.createElement("div");
-    head.className = "dqw-reset-head";
-    const headLeft = doc.createElement("div");
-    headLeft.className = `dqw-reset-head-left${locale === "en" ? " is-en" : ""}`;
-    headLeft.append(text(doc, "span", "dqw-reset-title", copy.resetCards.section));
-    const reload = doc.createElement("button");
-    reload.type = "button";
-    reload.className = "dqw-reset-reload";
-    reload.textContent = resetLoading ? copy.loading : copy.resetCards.reloadLink;
-    reload.disabled = resetLoading || resetBusy !== void 0;
-    reload.addEventListener("click", () => {
-      loadResetCards();
-    });
-    headLeft.append(reload);
-    head.append(headLeft);
     const autoHeader = snapshot?.autoReset;
-    if (autoHeader !== void 0 && typeof autoHeader === "object") {
-      const master = doc.createElement("label");
-      master.className = "dqw-auto-master";
-      const masterBox = doc.createElement("input");
-      masterBox.type = "checkbox";
-      masterBox.className = "dqw-auto-box";
-      masterBox.checked = autoOpen === true;
-      masterBox.disabled = autoSaving === true;
-      masterBox.addEventListener("change", () => {
-        autoOpen = masterBox.checked;
-        saveAutoOpen(win.localStorage, autoOpen);
-        syncPop();
-      });
-      const anyEnabled = autoHeader.fiveHour?.enabled === true || autoHeader.week?.enabled === true;
-      master.append(text(
-        doc,
-        "span",
-        "dqw-reset-title",
-        anyEnabled ? copy.resetCards.autoActive : copy.resetCards.autoToggle
-      ), masterBox);
-      head.append(master);
+    const master = buildAutoMaster(autoHeader);
+    if (resetCollapsed()) {
+      const row = doc.createElement("div");
+      row.className = "dqw-reset-collapsed";
+      row.append(text(doc, "span", "dqw-reset-title", `${copy.resetCards.section} \xB7 ${copy.resetCards.none}`));
+      if (master !== void 0) row.append(master);
+      section.append(row);
+      return section;
     }
+    const head = doc.createElement("div");
+    head.className = "dqw-reset-head";
+    head.append(text(doc, "span", "dqw-reset-title", copy.resetCards.section));
+    if (master !== void 0) head.append(master);
     section.append(head);
-    const cards = resetInfo?.ok === true && resetInfo.cards !== void 0 ? resetInfo.cards : void 0;
+    const cards = knownResetCards;
     if (cards === void 0) {
-      const message = resetLoading ? copy.loading : resetInfo?.message ?? (resetInfo === void 0 ? copy.loading : copy.resetCards.loadFailed);
+      const message = resetLoading ? copy.loading : resetInfo?.message ?? snapshot?.reset?.error ?? (resetInfo === void 0 ? copy.loading : copy.resetCards.loadFailed);
       section.append(text(doc, "p", "dqw-muted", message));
       return section;
     }
@@ -1255,7 +1269,7 @@ function mountQuotaCard({
   }
   function renderDetail(detail, key, provider, fromPanelNav = false) {
     detail.replaceChildren();
-    detail.append(panelHeader({ title: copy.providerNames[key], showBack: fromPanelNav }));
+    detail.append(panelHeader({ title: copy.providerNames[key], showBack: fromPanelNav, showRefresh: key === "glm" }));
     if (provider?.status === "stale") {
       const bannerPrefix = provider.errorKind === "auth" ? copy.authRejected : copy.stale;
       detail.append(text(doc, "p", "dqw-error", `${bannerPrefix}${provider.error ? `: ${provider.error}` : ""}`));
@@ -1331,7 +1345,7 @@ function mountQuotaCard({
       }
       if (provider?.credential === "configured" && provider?.providerId === PROVIDER_IDS.glmDomestic) {
         detail.append(renderResetSection());
-        if (resetInfo === void 0 && !resetLoading) {
+        if (resetInfo === void 0 && knownResetCards === void 0 && !resetLoading) {
           void loadResetCards();
         }
       }
@@ -1512,6 +1526,8 @@ function mountQuotaCard({
   };
   const render = (next) => {
     snapshot = next;
+    const cards = next?.reset?.status === "ready" ? next.reset.cards : void 0;
+    if (Array.isArray(cards?.fiveHour) && Array.isArray(cards?.week)) knownResetCards = cards;
     renderAll();
   };
   const showTransportError = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iasiv5/dsh-quota-watch",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "description": "DSH Web sidebar monitor for GLM Coding Plan quotas and GitHub Copilot credits",
   "type": "module",
   "main": "./src/host.mjs",

package/src/client.mjs

@@ -66,7 +66,6 @@ const COPY = {
       count: '{count} 张',
       none: '无可用',
       use: '重置',
-      reloadLink: '（ 刷新 ）',
       autoToggle: '自动用卡',
       autoActive: '自动用卡 · 已启用',
       expiry: '{date} 前有效',
@@ -138,7 +137,6 @@ const COPY = {
       count: '{count}',
       none: 'none',
       use: 'Reset',
-      reloadLink: '( Refresh )',
       autoToggle: 'Auto-use',
       autoActive: 'Auto-use · on',
       expiry: 'expires {date}',
@@ -234,6 +232,8 @@ const FLOAT_STYLE_TEXT = `
 .dqw-panel-back { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 28px; height: 28px; margin: 0; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-secondary, inherit); cursor: pointer; }
 .dqw-panel-back svg { display: block; width: 16px; height: 16px; }
 .dqw-panel-back:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,.12)); color: var(--dsw-alias-label-primary, inherit); }
+.dqw-panel-refresh { flex: none; margin: 0; padding: 4px 6px; border: 0; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-secondary, inherit); cursor: pointer; font: inherit; font-size: 10px; line-height: 14px; opacity: .72; }
+.dqw-panel-refresh:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,.12)); color: var(--dsw-alias-label-primary, inherit); opacity: 1; }
 .dqw-panel-close { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 24px; height: 24px; margin: 0; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-secondary, inherit); cursor: pointer; font: inherit; font-size: 12px; line-height: 1; }
 .dqw-panel-close:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,.12)); color: var(--dsw-alias-label-primary, inherit); }
 .dqw-overview-list { display: flex; flex-direction: column; gap: 2px; }
@@ -273,18 +273,11 @@ const FLOAT_STYLE_TEXT = `
 .dqw-win-mid { opacity: .65; white-space: nowrap; }
 .dqw-win-used { opacity: .65; white-space: nowrap; }
 .dqw-win-val { min-width: 0; font-weight: 600; }
-/* Reset cards: a bordered block below the window grid. Every control is a real
-   <button> so keyboard focus and the disabled state come from the platform. */
+/* Reset cards: keep the dashed divider even when an empty wallet collapses to
+   one row. The panel's 立即刷新 is the only manual re-check control. */
 .dqw-reset { border-top: 1px dashed var(--dsw-alias-border-secondary, rgba(128,128,128,.25)); padding-top: 6px; display: flex; flex-direction: column; gap: 4px; }
-.dqw-reset-head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: 10px; line-height: 14px; }
+.dqw-reset-head, .dqw-reset-collapsed { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: 10px; line-height: 14px; }
 .dqw-reset-title { opacity: .65; }
-/* No underline: the full-width 「（ 刷新 ）」 brackets carry the affordance, the
-   hover opacity bump is the only hover signal. */
-.dqw-reset-reload { border: 0; background: none; padding: 0; font: inherit; font-size: 10px; color: var(--dsw-alias-label-secondary, inherit); opacity: .65; cursor: pointer; }
-.dqw-reset-reload:hover { opacity: 1; }
-.dqw-reset-reload:disabled { cursor: default; opacity: .35; }
-.dqw-reset-head-left { display: flex; align-items: baseline; min-width: 0; }
-.dqw-reset-head-left.is-en { gap: 4px; }
 .dqw-auto-master { display: flex; align-items: center; gap: 4px; cursor: pointer; font-size: 10px; line-height: 14px; }
 .dqw-auto-master .dqw-auto-box { accent-color: var(--dsw-alias-button-primary-fill, #5b8def); }
 .dqw-reset-lines { display: grid; grid-template-columns: max-content max-content minmax(0, 1fr) max-content max-content; column-gap: 6px; row-gap: 4px; align-items: center; font-size: 10.5px; line-height: 17px; font-variant-numeric: tabular-nums; }
@@ -817,9 +810,11 @@ export function mountQuotaCard({
   let queuedPlace = false
   let openKey
   let panelNav = false
-  // Reset-card state is client-local: the card list is fetched only while the GLM
-  // detail is open, so a closed panel never costs an extra upstream round trip.
-  let resetInfo           // last listResetCards payload (or a synthesized error)
+  // The host now refreshes the wallet on a slow independent clock; the detail
+  // still fetches on first open. Keep the last authoritative list through a
+  // transient list failure so the section never vanishes or invents zero cards.
+  let knownResetCards
+  let resetInfo           // last on-demand listResetCards payload (or an error)
   let resetLoading = false
   let resetPending        // reset type awaiting confirmation, or undefined
   let resetBusy           // reset type currently being spent, or undefined
@@ -890,8 +885,8 @@ export function mountQuotaCard({
     return [row]
   }
 
-  /** Panel chrome: optional back, title, always a close affordance. */
-  const panelHeader = ({ title, showBack = false }) => {
+  /** Panel chrome: optional back/refresh, title and close affordance. */
+  const panelHeader = ({ title, showBack = false, showRefresh = false }) => {
     const header = doc.createElement('div')
     header.className = 'dqw-panel-header'
     if (showBack) {
@@ -905,6 +900,15 @@ export function mountQuotaCard({
       header.append(back)
     }
     header.append(text(doc, 'p', 'dqw-panel-title', title))
+    if (showRefresh) {
+      const refresh = doc.createElement('button')
+      refresh.type = 'button'
+      refresh.className = 'dqw-panel-refresh'
+      refresh.dataset.action = 'panel-refresh'
+      refresh.textContent = copy.actions.refreshNow
+      refresh.setAttribute('aria-label', copy.actions.refreshNow)
+      header.append(refresh)
+    }
     const close = doc.createElement('button')
     close.type = 'button'
     close.className = 'dqw-panel-close'
@@ -971,11 +975,8 @@ export function mountQuotaCard({
     panel.append(overviewActions())
   }
 
-  /**
-   * Fetch the reset-card list and repaint the open panel.
-   * Called when the GLM detail opens and after a spend; never on the poller, so a
-   * closed panel costs nothing upstream.
-   */
+  /** Fetch a live card list for the detail or after spending, independently of
+   * the host's ten-minute background snapshot and its force-refresh route. */
   async function loadResetCards() {
     if (resetLoading || disposed) return
     resetLoading = true
@@ -983,6 +984,7 @@ export function mountQuotaCard({
     try {
       const payload = await fetchResetEnvelope(fetchImpl, CLIENT_ROUTES.resetCards)
       resetInfo = payload
+      if (payload.ok === true && payload.cards !== undefined) knownResetCards = payload.cards
     } catch {
       resetInfo = { ok: false, error: 'request-failed' }
     } finally {
@@ -1010,6 +1012,7 @@ export function mountQuotaCard({
         // The host returns the post-reset card list; fall back to a re-list when it
         // could not refresh, so the panel never offers a card that is already gone.
         resetInfo = payload.cards !== undefined ? { ok: true, cards: payload.cards } : resetInfo
+        if (payload.cards !== undefined) knownResetCards = payload.cards
       } else {
         resetNotice = { kind: 'error', message: payload.message ?? copy.resetCards.failed }
       }
@@ -1135,57 +1138,74 @@ export function mountQuotaCard({
     return wrap
   }
 
+  /** Only an authoritative successful list can mean "no cards". Errors retain
+   * the last good inventory, preventing a transient upstream failure from hiding
+   * controls or claiming that a still-available card is gone. */
+  function resetCardsKnownEmpty() {
+    if (knownResetCards === undefined) return false
+    return Array.isArray(knownResetCards.fiveHour) && Array.isArray(knownResetCards.week)
+      && knownResetCards.fiveHour.length === 0 && knownResetCards.week.length === 0
+  }
+
+  function resetCollapsed() {
+    if (!resetCardsKnownEmpty() || autoOpen || resetPending !== undefined
+      || resetBusy !== undefined || resetNotice !== undefined || autoSaveError !== undefined) return false
+    const auto = snapshot?.autoReset
+    if (auto?.fiveHour?.enabled === true || auto?.week?.enabled === true
+      || auto?.persistError !== undefined || auto?.lastEvent !== undefined) return false
+    return true
+  }
+
+  /** This checkbox only reveals the real per-window switches; keep it reachable
+   * on the single-line empty state so an account without cards can still pre-arm. */
+  function buildAutoMaster(auto) {
+    if (auto === undefined || typeof auto !== 'object') return undefined
+    const master = doc.createElement('label')
+    master.className = 'dqw-auto-master'
+    const masterBox = doc.createElement('input')
+    masterBox.type = 'checkbox'
+    masterBox.className = 'dqw-auto-box'
+    masterBox.checked = autoOpen === true
+    masterBox.disabled = autoSaving === true
+    masterBox.addEventListener('change', () => {
+      autoOpen = masterBox.checked
+      saveAutoOpen(win.localStorage, autoOpen)
+      syncPop()
+    })
+    // An unchecked disclosure must never imply the host's auto-use switch is off.
+    const anyEnabled = auto.fiveHour?.enabled === true || auto.week?.enabled === true
+    master.append(text(doc, 'span', 'dqw-reset-title',
+      anyEnabled ? copy.resetCards.autoActive : copy.resetCards.autoToggle), masterBox)
+    return master
+  }
+
   /** The reset block: counts, per-type reset buttons, inline confirm and last result. */
   function renderResetSection() {
     const section = doc.createElement('div')
     section.className = 'dqw-reset'
-    const head = doc.createElement('div')
-    head.className = 'dqw-reset-head'
-    // Left: the title carries the manual reload affordance —「额度重置卡（ 刷新 ）」.
-    const headLeft = doc.createElement('div')
-    headLeft.className = `dqw-reset-head-left${locale === 'en' ? ' is-en' : ''}`
-    headLeft.append(text(doc, 'span', 'dqw-reset-title', copy.resetCards.section))
-    const reload = doc.createElement('button')
-    reload.type = 'button'
-    reload.className = 'dqw-reset-reload'
-    reload.textContent = resetLoading ? copy.loading : copy.resetCards.reloadLink
-    reload.disabled = resetLoading || resetBusy !== undefined
-    reload.addEventListener('click', () => { loadResetCards() })
-    headLeft.append(reload)
-    head.append(headLeft)
-    // Right: a pure visibility toggle. Checking it only reveals the two auto-use
-    // rows below; actually enabling a window stays with its own per-window switch,
-    // so the default panel is three lines and no single click can arm auto-spend.
     const autoHeader = snapshot?.autoReset
-    if (autoHeader !== undefined && typeof autoHeader === 'object') {
-      const master = doc.createElement('label')
-      master.className = 'dqw-auto-master'
-      const masterBox = doc.createElement('input')
-      masterBox.type = 'checkbox'
-      masterBox.className = 'dqw-auto-box'
-      masterBox.checked = autoOpen === true
-      masterBox.disabled = autoSaving === true
-      masterBox.addEventListener('change', () => {
-        autoOpen = masterBox.checked
-        saveAutoOpen(win.localStorage, autoOpen)
-        syncPop()
-      })
-      // Expansion is not authorization: disclose the persisted host switch state
-      // even when these rows are collapsed, so an unchecked box cannot imply off.
-      const anyEnabled = autoHeader.fiveHour?.enabled === true || autoHeader.week?.enabled === true
-      master.append(text(doc, 'span', 'dqw-reset-title',
-        anyEnabled ? copy.resetCards.autoActive : copy.resetCards.autoToggle), masterBox)
-      head.append(master)
+    const master = buildAutoMaster(autoHeader)
+    if (resetCollapsed()) {
+      const row = doc.createElement('div')
+      row.className = 'dqw-reset-collapsed'
+      row.append(text(doc, 'span', 'dqw-reset-title', `${copy.resetCards.section} · ${copy.resetCards.none}`))
+      if (master !== undefined) row.append(master)
+      section.append(row)
+      return section
     }
+    const head = doc.createElement('div')
+    head.className = 'dqw-reset-head'
+    head.append(text(doc, 'span', 'dqw-reset-title', copy.resetCards.section))
+    if (master !== undefined) head.append(master)
     section.append(head)
 
-    const cards = resetInfo?.ok === true && resetInfo.cards !== undefined ? resetInfo.cards : undefined
+    const cards = knownResetCards
     if (cards === undefined) {
       // Nothing fetched yet, a failed fetch, or no GLM credential on the host: say so
       // instead of drawing two rows of zeroes that look like "no cards left".
       const message = resetLoading
         ? copy.loading
-        : resetInfo?.message ?? (resetInfo === undefined ? copy.loading : copy.resetCards.loadFailed)
+        : resetInfo?.message ?? snapshot?.reset?.error ?? (resetInfo === undefined ? copy.loading : copy.resetCards.loadFailed)
       section.append(text(doc, 'p', 'dqw-muted', message))
       return section
     }
@@ -1260,7 +1280,7 @@ export function mountQuotaCard({
 
   function renderDetail(detail, key, provider, fromPanelNav = false) {
     detail.replaceChildren()
-    detail.append(panelHeader({ title: copy.providerNames[key], showBack: fromPanelNav }))
+    detail.append(panelHeader({ title: copy.providerNames[key], showBack: fromPanelNav, showRefresh: key === 'glm' }))
     if (provider?.status === 'stale') {
       const bannerPrefix = provider.errorKind === 'auth' ? copy.authRejected : copy.stale
       detail.append(text(doc, 'p', 'dqw-error', `${bannerPrefix}${provider.error ? `: ${provider.error}` : ''}`))
@@ -1343,10 +1363,9 @@ export function mountQuotaCard({
       // international (z.ai) provider would only ever render a permanent failure.
       if (provider?.credential === 'configured' && provider?.providerId === PROVIDER_IDS.glmDomestic) {
         detail.append(renderResetSection())
-        // Cards are fetched lazily: opening the GLM detail is the first moment the
-        // list is worth an upstream call, and the fetch repaints this panel when it
-        // lands.
-        if (resetInfo === undefined && !resetLoading) {
+        // The host snapshot carries the full recent wallet. Fetch lazily only
+        // when neither it nor a prior on-demand read has a usable card list.
+        if (resetInfo === undefined && knownResetCards === undefined && !resetLoading) {
           void loadResetCards()
         }
       }
@@ -1563,6 +1582,8 @@ export function mountQuotaCard({
 
   const render = (next) => {
     snapshot = next
+    const cards = next?.reset?.status === 'ready' ? next.reset.cards : undefined
+    if (Array.isArray(cards?.fiveHour) && Array.isArray(cards?.week)) knownResetCards = cards
     renderAll()
   }
 
@@ -1680,6 +1701,7 @@ export function mountQuotaCard({
     // sit inside this shadow tree, so a panel-level listener sees the real
     // target with no retargeting ambiguity.
     if (event.target?.closest?.('[data-action="panel-refresh"]')) {
+      // The host force-refresh re-lists cards too; do not issue a duplicate GET.
       void poll(true)
       return
     }

package/src/host.mjs

@@ -516,13 +516,24 @@ export function createQuotaService(ctx, options = {}) {
   //               same window is retried, so a persistent error cannot hammer
   //               the upstream every poll.
 
-  function refresh() {
-    if (pollPromise !== undefined) return pollPromise
+  function refresh(forceCards = false) {
+    if (pollPromise !== undefined) {
+      // A manual refresh must still re-list cards when it overlaps a scheduled
+      // round whose ten-minute gate skipped the list.
+      if (forceCards !== true) return pollPromise
+      return pollPromise.then(async () => {
+        if (!disposed) await probeResetCards(true)
+        return view()
+      })
+    }
     if (disposed) return Promise.resolve(view())
     pollPromise = Promise.all([probeGlm(), probeCopilot()])
       .then(async () => {
         updatedAt = now()
+        // Spending gets priority over the read-only background list: otherwise
+        // two wallet reads could race and a manual spend could slip between them.
         await maybeAutoReset()
+        await probeResetCards(forceCards === true)
         return view()
       })
       .finally(() => { pollPromise = undefined })
@@ -530,11 +541,31 @@ export function createQuotaService(ctx, options = {}) {
   }
 
   // --- Reset cards -----------------------------------------------------------
-  // Card state is kept apart from the quota snapshot: a card list is only fetched
-  // on demand (opening the panel, or right before spending one), and a failed fetch
-  // must never blank the provider rows the poller maintains.
+  // Card state is independent of the quota probes: poll it on its own slow
+  // clock, as well as on demand and before spending. A failed list never blanks
+  // the provider rows or turns a known card count into an authoritative zero.
   let resetState
   let resetSpendInFlight = false
+  let resetProbePromise
+  const RESET_CARDS_POLL_INTERVAL_MS = 10 * 60_000
+
+  async function probeResetCards(force = false) {
+    if (configuredGlmProvider(ctx) !== PROVIDER_IDS.glmDomestic || resetSpendInFlight) return
+    if (resetProbePromise !== undefined) return resetProbePromise
+    if (!force && resetState?.checkedAt !== undefined
+      && now() - resetState.checkedAt < RESET_CARDS_POLL_INTERVAL_MS) return
+    const probe = (async () => {
+      try {
+        await listResetCards()
+      } catch (error) {
+        // Even unexpected credential failures cannot break the quota poll round.
+        const { message, kind } = classifyProbeError(error)
+        resetState = { status: 'error', error: message, errorKind: kind, checkedAt: now() }
+      }
+    })()
+    resetProbePromise = probe
+    try { await probe } finally { resetProbePromise = undefined }
+  }
 
   /** Resolve the GLM provider + key, or report why no reset can be attempted. */
   async function resetCredential() {
@@ -548,11 +579,8 @@ export function createQuotaService(ctx, options = {}) {
     return { provider, apiKey }
   }
 
-  /**
-   * Fetch the available reset cards.
-   * `force` is advisory only — the endpoint is cheap and the panel opens rarely, so
-   * every call re-reads upstream rather than serving a stale count before a spend.
-   */
+  /** Fetch the live available cards. The poll clock gates only the background
+   * probe; an explicit list or spend always re-reads upstream. */
   async function listResetCards() {
     const credential = await resetCredential()
     if (credential.error !== undefined) {
@@ -584,6 +612,9 @@ export function createQuotaService(ctx, options = {}) {
     if (resetSpendInFlight) return { ok: false, error: 'busy', message: '重置操作进行中，请稍后重试' }
     resetSpendInFlight = true
     try {
+      // A spend re-lists against live state; wait for any cosmetic background
+      // read first so its older result cannot overwrite the post-spend wallet.
+      if (resetProbePromise !== undefined) await resetProbePromise
       return await performResetCard(args, autoWindowKey)
     } finally {
       resetSpendInFlight = false
@@ -842,7 +873,7 @@ export function makeRefreshRoute(ctx, service) {
     handler: async (req, res) => {
       if (!requestAllowed(ctx, req, res) || !methodAllowed(req, res, 'POST')) return
       try {
-        await service.refresh()
+        await service.refresh(true)
         responseJson(res, 200, service.overview())
       } catch {
         responseJson(res, 500, { ok: false, error: 'refresh failed' })