claude-usage-dashboard 1.5.7 → 1.5.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-usage-dashboard",
-  "version": "1.5.7",
+  "version": "1.5.9",
   "description": "Claude Code usage dashboard — token costs, quota cycle tracking, cache efficiency, multi-machine sync across all your devices",
   "main": "server/index.js",
   "bin": {

package/public/js/app.js

@@ -74,9 +74,13 @@ async function loadQuota() {
     if (window && sevenDay.utilization > 0) {
       quotaWindowFrom = window.from;
       quotaWindowTo = window.to;
+      // Use local date-only format (YYYY-MM-DD) to match the date picker's
+      // filtering — filterByDateRange treats date-only strings as local
+      // midnight boundaries, ensuring consistent results across all views.
+      const fmtD = d => `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`;
       const cost7d = await fetchCost({
-        from: window.from.toISOString(),
-        to: window.to.toISOString(),
+        from: fmtD(window.from),
+        to: fmtD(window.to),
         plan: state.plan.plan,
       });
       cost7dValue = cost7d.api_equivalent_cost_usd;

package/server/routes/api.js

@@ -6,7 +6,7 @@ import { filterByDateRange, autoGranularity, aggregateByTime, aggregateBySession
 import { calculateRecordCost, PLAN_DEFAULTS } from '../pricing.js';
 import { createQuotaFetcher } from '../quota.js';
 import { getSubscriptionInfo } from '../credentials.js';
-import { updateQuotaCycleSnapshot, loadQuotaCycles } from '../quota-cycles.js';
+import { updateQuotaCycleSnapshot, loadQuotaCycles, computeCycleData } from '../quota-cycles.js';
 
 export function createApiRouter(logBaseDir, options = {}) {
   const router = Router();
@@ -146,6 +146,28 @@ export function createApiRouter(logBaseDir, options = {}) {
         options.snapshotDir
       );
       if (data.currentCycle) {
+        // Recompute current cycle from parsed records — in sync mode this
+        // includes all machines' data, matching /api/cost and /api/usage.
+        // The snapshot's utilization % (from the quota API) is preserved.
+        // Convert UTC cycle dates to local date-only strings (YYYY-MM-DD) so
+        // filterByDateRange uses local midnight boundaries, matching the date
+        // picker's range that drives the summary cards and /api/cost.
+        const toLocalDate = (iso) => {
+          const d = new Date(iso);
+          return `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`;
+        };
+        const records = refreshRecords();
+        const cycleRecords = filterByDateRange(
+          records, toLocalDate(data.currentCycle.start), toLocalDate(data.currentCycle.resets_at)
+        );
+        const quotaShim = {
+          seven_day: { utilization: data.currentCycle.overall.utilization },
+          seven_day_opus: { utilization: data.currentCycle.models?.opus?.utilization || 0 },
+          seven_day_sonnet: { utilization: data.currentCycle.models?.sonnet?.utilization || 0 },
+        };
+        const fresh = computeCycleData(cycleRecords, quotaShim);
+        Object.assign(data.currentCycle, fresh);
+
         const start = new Date(data.currentCycle.start);
         const now = new Date();
         data.currentCycle.daysElapsed = Math.round(((now - start) / (1000 * 60 * 60 * 24)) * 10) / 10;