@iasiv5/dsh-quota-watch 0.1.22 → 0.1.24

package/lib/client.js

@@ -300,6 +300,7 @@ var FLOAT_STYLE_TEXT = `
 .dqw-capsule-glm.warn, .dqw-capsule-copilot.warn { color: var(--dsw-alias-label-warning, #d29922); }
 .dqw-capsule-glm.danger, .dqw-capsule-copilot.danger { color: var(--dsw-alias-label-danger, #c93c3c); }
 .dqw-capsule[hidden] { display: none; }
+.dqw-capsule [hidden] { display: none; }
 .dqw-capsule--dragging { cursor: grabbing; -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--dsw-alias-bg-elevated, var(--dsw-alias-bg-base, #1f1f1f)); box-shadow: 0 8px 24px rgba(0,0,0,.35); transform: scale(1.04); transition: none; }
 @media (prefers-reduced-motion: no-preference) {
   .dqw-capsule[data-alert] { animation: dqw-pulse 1.6s ease-in-out infinite; }
@@ -999,6 +1000,7 @@ function mountQuotaCard({
     if (floatHost.hidden) return;
     const paint = (span, model) => {
       const visible = model !== null && typeof model.percent === "number" && Number.isFinite(model.percent);
+      span.hidden = !visible;
       span.textContent = visible ? `${model.label} ${formatPercent(model.percent, locale)}` : "";
       span.classList.toggle("warn", visible && model.percent > 80 && model.percent <= 95);
       span.classList.toggle("danger", visible && model.percent > 95);

package/package.json

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

package/src/client.mjs

@@ -142,6 +142,7 @@ const FLOAT_STYLE_TEXT = `
 .dqw-capsule-glm.warn, .dqw-capsule-copilot.warn { color: var(--dsw-alias-label-warning, #d29922); }
 .dqw-capsule-glm.danger, .dqw-capsule-copilot.danger { color: var(--dsw-alias-label-danger, #c93c3c); }
 .dqw-capsule[hidden] { display: none; }
+.dqw-capsule [hidden] { display: none; }
 .dqw-capsule--dragging { cursor: grabbing; -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--dsw-alias-bg-elevated, var(--dsw-alias-bg-base, #1f1f1f)); box-shadow: 0 8px 24px rgba(0,0,0,.35); transform: scale(1.04); transition: none; }
 @media (prefers-reduced-motion: no-preference) {
   .dqw-capsule[data-alert] { animation: dqw-pulse 1.6s ease-in-out infinite; }
@@ -988,6 +989,11 @@ export function mountQuotaCard({
     if (floatHost.hidden) return
     const paint = (span, model) => {
       const visible = model !== null && typeof model.percent === 'number' && Number.isFinite(model.percent)
+      // 0.1.24: an emptied span stayed mounted as a zero-width flex item, so the
+      // 6px capsule gap next to it survived and the asymmetric padding pushed
+      // single-provider text off center (the two-provider layout was fine).
+      // Hide the span outright: display:none flex items make no box, hence no gap.
+      span.hidden = !visible
       span.textContent = visible ? `${model.label} ${formatPercent(model.percent, locale)}` : ''
       span.classList.toggle('warn', visible && model.percent > 80 && model.percent <= 95)
       span.classList.toggle('danger', visible && model.percent > 95)

package/src/host.mjs

@@ -147,12 +147,16 @@ export function createQuotaService(ctx, options = {}) {
     }
   }
 
-  /** Log one real state transition; degradations warn, recoveries and missing-credentials inform. */
+  /** Log one real state transition; degradations warn, recoveries and missing-credentials inform.
+   * Dual-channel: ctx.logger (cordis, ring-buffer only — the host registers no journal
+   * exporter) mirrored to console so service stdout lands in journald. */
   function logTransition(key, from, to, detail) {
     if (from === to) return
     const line = `quota-watch: ${key} ${from}→${to}${detail ? ` (${detail})` : ''}`
-    if (to === 'error' || to === 'stale') ctx.logger?.warn?.(line)
+    const level = to === 'error' || to === 'stale' ? 'warn' : 'info'
+    if (level === 'warn') ctx.logger?.warn?.(line)
     else ctx.logger?.info?.(line)
+    ;(options.logMirror ?? console)[level]?.(line)
   }
 
   function markMissing(key, displayName) {