@iasiv5/dsh-quota-watch 0.1.25 → 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,9 +249,8 @@ 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",
+      autoActive: "\u81EA\u52A8\u7528\u5361 \xB7 \u5DF2\u542F\u7528",
       expiry: "{date} \u524D\u6709\u6548",
       confirmTitle: "\u786E\u8BA4\u4F7F\u7528\u91CD\u7F6E\u5361\uFF1F",
       confirmWeek: "\u5C06\u6D88\u8017 1 \u5F20\u6BCF\u5468\u91CD\u7F6E\u5361\uFF0C\u7ACB\u5373\u91CD\u7F6E\u6BCF\u5468\u989D\u5EA6\u4E0E 5 \u5C0F\u65F6\u989D\u5EA6\u3002",
@@ -263,8 +262,11 @@ var COPY = {
       succeeded: "\u5DF2\u91CD\u7F6E",
       failed: "\u91CD\u7F6E\u5931\u8D25",
       loadFailed: "\u8BFB\u53D6\u91CD\u7F6E\u5361\u5931\u8D25",
-      autoFiveHour: "\u81EA\u52A8\u7528\u5361\uFF085 \u5C0F\u65F6\uFF09\xB7 \u5DF2\u7528 {threshold}% \u89E6\u53D1",
-      autoWeek: "\u81EA\u52A8\u7528\u5361\uFF08\u6BCF\u5468\uFF09\xB7 \u5DF2\u7528 {threshold}% \u89E6\u53D1",
+      // Auto rows render as three grid cells — window label, a centered ·
+      // separator, and the used note — so the · column lines up across rows.
+      autoFiveHour: "\u81EA\u52A8\u7528\u5361\uFF085 \u5C0F\u65F6\uFF09",
+      autoWeek: "\u81EA\u52A8\u7528\u5361\uFF08\u6BCF\u5468\uFF09",
+      autoUsed: "\u5DF2\u7528 {threshold}% \u89E6\u53D1",
       autoImmediate: "\u5F53\u524D\u5DF2\u7528 {used}\uFF0C\u5DF2\u8D85\u9608\u503C\uFF1A\u5F00\u542F\u540E\u4F1A\u7ACB\u5373\u6D88\u8017\u4E00\u5F20\u5361",
       autoSaveFailed: "\u5F00\u5173\u672A\u80FD\u4FDD\u5B58\uFF0C\u8BF7\u91CD\u8BD5",
       autoPersistFailed: "\u5F00\u5173\u5DF2\u751F\u6548\uFF0C\u4F46\u672A\u80FD\u5199\u5165\u78C1\u76D8\uFF08\u91CD\u542F\u540E\u4F1A\u4E22\u5931\uFF09",
@@ -318,7 +320,6 @@ var COPY = {
       count: "{count}",
       none: "none",
       use: "Reset",
-      reloadLink: "(Refresh)",
       autoToggle: "Auto-use",
       autoActive: "Auto-use \xB7 on",
       expiry: "expires {date}",
@@ -332,8 +333,10 @@ var COPY = {
       succeeded: "Reset done",
       failed: "Reset failed",
       loadFailed: "Could not read reset cards",
-      autoFiveHour: "Auto-use (5h) \xB7 trigger at {threshold}% used",
-      autoWeek: "Auto-use (weekly) \xB7 trigger at {threshold}% used",
+      // Same three-cell grid as zh: label · used note.
+      autoFiveHour: "Auto-use (5h)",
+      autoWeek: "Auto-use (weekly)",
+      autoUsed: "trigger at {threshold}% used",
       autoImmediate: "Currently {used} used \u2014 already past the threshold: turning this on spends a card immediately",
       autoSaveFailed: "Could not save the switch \u2014 retry",
       autoPersistFailed: "Switch applied, but it could not be written to disk (lost on restart)",
@@ -405,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; }
@@ -444,16 +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; }
-.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; text-decoration: underline; }
-.dqw-reset-reload:hover { opacity: 1; }
-.dqw-reset-reload:disabled { cursor: default; opacity: .35; text-decoration: none; }
-.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; }
@@ -482,13 +482,21 @@ var FLOAT_STYLE_TEXT = `
 .dqw-reset-notice.is-error { color: var(--dsw-alias-label-danger, #c93c3c); }
 .dqw-reset-auto { font-size: 10px; line-height: 14px; opacity: .6; }
 /* Auto-use switches: a real checkbox per window, backed by a host-side file so
-   automatic spending keeps working while no browser is open. */
-.dqw-auto { display: flex; flex-direction: column; gap: 1px; }
-.dqw-auto-row { display: flex; align-items: center; gap: 6px; font-size: 10.5px; line-height: 16px; cursor: pointer; }
+   automatic spending keeps working while no browser is open. Both rows share one
+   grid (same recipe as .dqw-reset-lines): the window label stays left-aligned,
+   the \xB7 sits in its own narrow centered column so the two rows line up, and the
+   used note follows after the column gap. display:contents keeps the <label>
+   wrapping its checkbox for click-to-toggle while the cells join the grid. */
+.dqw-auto-grid { display: grid; grid-template-columns: max-content max-content 12px minmax(0, 1fr); column-gap: 6px; row-gap: 2px; align-items: center; font-size: 10.5px; line-height: 16px; }
+.dqw-auto { display: contents; }
+.dqw-auto-row { display: contents; }
+.dqw-auto-grid label > :is(input, span) { cursor: pointer; }
 .dqw-auto-box { width: 12px; height: 12px; margin: 0; flex: none; cursor: pointer; accent-color: var(--dsw-alias-button-primary-fill, #5b8def); }
 .dqw-auto-box:disabled { cursor: default; }
-.dqw-auto-label { opacity: .75; }
-.dqw-auto-hint { font-size: 10px; line-height: 14px; padding-left: 18px; color: var(--dsw-alias-label-warning, #d29922); }
+.dqw-auto-label { opacity: .75; white-space: nowrap; }
+.dqw-auto-dot { justify-self: center; opacity: .75; }
+.dqw-auto-used { opacity: .75; min-width: 0; }
+.dqw-auto-hint { grid-column: 1 / -1; font-size: 10px; line-height: 14px; padding-left: 18px; color: var(--dsw-alias-label-warning, #d29922); }
 .dqw-error { margin: 0; font-size: 10px; line-height: 14px; color: var(--dsw-alias-label-warning, #b46900); }
 `;
 function localeFor(win) {
@@ -856,6 +864,7 @@ function mountQuotaCard({
   let queuedPlace = false;
   let openKey;
   let panelNav = false;
+  let knownResetCards;
   let resetInfo;
   let resetLoading = false;
   let resetPending;
@@ -917,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) {
@@ -931,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";
@@ -992,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 {
@@ -1010,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 };
       }
@@ -1101,12 +1121,13 @@ function mountQuotaCard({
       void saveAutoReset(configKey, box.checked);
     });
     const threshold = typeof entry?.threshold === "number" ? entry.threshold : AUTO_RESET_THRESHOLD_FALLBACK;
-    row.append(box, text(
-      doc,
-      "span",
-      "dqw-auto-label",
-      (windowKey === "5h" ? copy.resetCards.autoFiveHour : copy.resetCards.autoWeek).replace("{threshold}", formatNumber(threshold, locale))
-    ));
+    const cards = copy.resetCards;
+    row.append(
+      box,
+      text(doc, "span", "dqw-auto-label", windowKey === "5h" ? cards.autoFiveHour : cards.autoWeek),
+      text(doc, "span", "dqw-auto-dot", "\xB7"),
+      text(doc, "span", "dqw-auto-used", cards.autoUsed.replace("{threshold}", formatNumber(threshold, locale)))
+    );
     wrap.append(row);
     const provider = (snapshot?.providers ?? []).find((item) => item?.key === "glm");
     const used = (provider?.plan?.windows ?? []).find((window) => window?.key === windowKey)?.percent;
@@ -1120,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;
     }
@@ -1177,8 +1207,13 @@ function mountQuotaCard({
     const auto = snapshot?.autoReset;
     if (auto !== void 0 && typeof auto === "object") {
       if (autoOpen === true) {
-        section.append(renderAutoResetRow("5h", "fiveHour", auto.fiveHour, auto));
-        section.append(renderAutoResetRow("week", "week", auto.week, auto));
+        const grid = doc.createElement("div");
+        grid.className = "dqw-auto-grid";
+        grid.append(
+          renderAutoResetRow("5h", "fiveHour", auto.fiveHour, auto),
+          renderAutoResetRow("week", "week", auto.week, auto)
+        );
+        section.append(grid);
       }
       const last = auto.lastEvent;
       if (last?.kind === "auto") {
@@ -1234,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}` : ""}`));
@@ -1310,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();
         }
       }
@@ -1491,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.25",
+  "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,9 +66,8 @@ const COPY = {
       count: '{count} 张',
       none: '无可用',
       use: '重置',
-      reloadLink: '（刷新）',
       autoToggle: '自动用卡',
-      autoActive: '自动用卡·已启用',
+      autoActive: '自动用卡 · 已启用',
       expiry: '{date} 前有效',
       confirmTitle: '确认使用重置卡？',
       confirmWeek: '将消耗 1 张每周重置卡，立即重置每周额度与 5 小时额度。',
@@ -80,8 +79,11 @@ const COPY = {
       succeeded: '已重置',
       failed: '重置失败',
       loadFailed: '读取重置卡失败',
-      autoFiveHour: '自动用卡（5 小时）· 已用 {threshold}% 触发',
-      autoWeek: '自动用卡（每周）· 已用 {threshold}% 触发',
+      // Auto rows render as three grid cells — window label, a centered ·
+      // separator, and the used note — so the · column lines up across rows.
+      autoFiveHour: '自动用卡（5 小时）',
+      autoWeek: '自动用卡（每周）',
+      autoUsed: '已用 {threshold}% 触发',
       autoImmediate: '当前已用 {used}，已超阈值：开启后会立即消耗一张卡',
       autoSaveFailed: '开关未能保存，请重试',
       autoPersistFailed: '开关已生效，但未能写入磁盘（重启后会丢失）',
@@ -135,7 +137,6 @@ const COPY = {
       count: '{count}',
       none: 'none',
       use: 'Reset',
-      reloadLink: '(Refresh)',
       autoToggle: 'Auto-use',
       autoActive: 'Auto-use · on',
       expiry: 'expires {date}',
@@ -149,8 +150,10 @@ const COPY = {
       succeeded: 'Reset done',
       failed: 'Reset failed',
       loadFailed: 'Could not read reset cards',
-      autoFiveHour: 'Auto-use (5h) · trigger at {threshold}% used',
-      autoWeek: 'Auto-use (weekly) · trigger at {threshold}% used',
+      // Same three-cell grid as zh: label · used note.
+      autoFiveHour: 'Auto-use (5h)',
+      autoWeek: 'Auto-use (weekly)',
+      autoUsed: 'trigger at {threshold}% used',
       autoImmediate: 'Currently {used} used — already past the threshold: turning this on spends a card immediately',
       autoSaveFailed: 'Could not save the switch — retry',
       autoPersistFailed: 'Switch applied, but it could not be written to disk (lost on restart)',
@@ -229,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; }
@@ -268,16 +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; }
-.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; text-decoration: underline; }
-.dqw-reset-reload:hover { opacity: 1; }
-.dqw-reset-reload:disabled { cursor: default; opacity: .35; text-decoration: none; }
-.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; }
@@ -306,13 +306,21 @@ const FLOAT_STYLE_TEXT = `
 .dqw-reset-notice.is-error { color: var(--dsw-alias-label-danger, #c93c3c); }
 .dqw-reset-auto { font-size: 10px; line-height: 14px; opacity: .6; }
 /* Auto-use switches: a real checkbox per window, backed by a host-side file so
-   automatic spending keeps working while no browser is open. */
-.dqw-auto { display: flex; flex-direction: column; gap: 1px; }
-.dqw-auto-row { display: flex; align-items: center; gap: 6px; font-size: 10.5px; line-height: 16px; cursor: pointer; }
+   automatic spending keeps working while no browser is open. Both rows share one
+   grid (same recipe as .dqw-reset-lines): the window label stays left-aligned,
+   the · sits in its own narrow centered column so the two rows line up, and the
+   used note follows after the column gap. display:contents keeps the <label>
+   wrapping its checkbox for click-to-toggle while the cells join the grid. */
+.dqw-auto-grid { display: grid; grid-template-columns: max-content max-content 12px minmax(0, 1fr); column-gap: 6px; row-gap: 2px; align-items: center; font-size: 10.5px; line-height: 16px; }
+.dqw-auto { display: contents; }
+.dqw-auto-row { display: contents; }
+.dqw-auto-grid label > :is(input, span) { cursor: pointer; }
 .dqw-auto-box { width: 12px; height: 12px; margin: 0; flex: none; cursor: pointer; accent-color: var(--dsw-alias-button-primary-fill, #5b8def); }
 .dqw-auto-box:disabled { cursor: default; }
-.dqw-auto-label { opacity: .75; }
-.dqw-auto-hint { font-size: 10px; line-height: 14px; padding-left: 18px; color: var(--dsw-alias-label-warning, #d29922); }
+.dqw-auto-label { opacity: .75; white-space: nowrap; }
+.dqw-auto-dot { justify-self: center; opacity: .75; }
+.dqw-auto-used { opacity: .75; min-width: 0; }
+.dqw-auto-hint { grid-column: 1 / -1; font-size: 10px; line-height: 14px; padding-left: 18px; color: var(--dsw-alias-label-warning, #d29922); }
 .dqw-error { margin: 0; font-size: 10px; line-height: 14px; color: var(--dsw-alias-label-warning, #b46900); }
 `
 
@@ -802,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
@@ -875,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) {
@@ -890,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'
@@ -956,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
@@ -968,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 {
@@ -995,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 }
       }
@@ -1100,9 +1118,13 @@ export function mountQuotaCard({
     box.disabled = autoSaving === true
     box.addEventListener('change', () => { void saveAutoReset(configKey, box.checked) })
     const threshold = typeof entry?.threshold === 'number' ? entry.threshold : AUTO_RESET_THRESHOLD_FALLBACK
-    row.append(box, text(doc, 'span', 'dqw-auto-label',
-      (windowKey === '5h' ? copy.resetCards.autoFiveHour : copy.resetCards.autoWeek)
-        .replace('{threshold}', formatNumber(threshold, locale))))
+    // Structured cells — window label (left), · (centered column, aligned across
+    // rows), used note — joined by the shared .dqw-auto-grid column gap.
+    const cards = copy.resetCards
+    row.append(box,
+      text(doc, 'span', 'dqw-auto-label', windowKey === '5h' ? cards.autoFiveHour : cards.autoWeek),
+      text(doc, 'span', 'dqw-auto-dot', '·'),
+      text(doc, 'span', 'dqw-auto-used', cards.autoUsed.replace('{threshold}', formatNumber(threshold, locale))))
     wrap.append(row)
 
     // Usage is already past the threshold: turning this on spends a card at the
@@ -1116,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
     }
@@ -1185,9 +1224,13 @@ export function mountQuotaCard({
     if (auto !== undefined && typeof auto === 'object') {
       // The two auto-use rows stay collapsed behind the header toggle; the event
       // notices below still render while collapsed so auto activity stays visible.
+      // One shared grid is what keeps the · column aligned across both rows.
       if (autoOpen === true) {
-        section.append(renderAutoResetRow('5h', 'fiveHour', auto.fiveHour, auto))
-        section.append(renderAutoResetRow('week', 'week', auto.week, auto))
+        const grid = doc.createElement('div')
+        grid.className = 'dqw-auto-grid'
+        grid.append(renderAutoResetRow('5h', 'fiveHour', auto.fiveHour, auto),
+          renderAutoResetRow('week', 'week', auto.week, auto))
+        section.append(grid)
       }
       const last = auto.lastEvent
       if (last?.kind === 'auto') {
@@ -1237,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}` : ''}`))
@@ -1320,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()
         }
       }
@@ -1540,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()
   }
 
@@ -1657,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' })