fix(web): usage hourly breakdown lists every hour chronologically

[lgwacker]

Problem

On the Usage page, Past 24h + Breakdown Hour only lists hours with activity, newest first. With sparse activity the list jumps between distant hours (e.g. 1 PM → 6 PM) and reads as mis-ordered, even though the ordering itself is correct and the labels are in the system timezone.

Fix

Render every hour in the 24h window in the breakdown table — zero-filled, in chronological order — matching the chart above it, which already renders all 24 periods. Daily windows (up to 90 periods) keep the existing newest-first behavior.

breakdownPeriods now maps the window's hour enumeration to the merged hourly totals, falling back to a zero-filled row for inactive hours. The labels still use window.timeZone unchanged.

Closes #7594

Model: deepseek-v4-flash via opencode (OpenCode CLI)

---

Note

Low Risk
Display-only change on the Usage page breakdown table; no API, auth, or data pipeline changes.

Overview
Past 24h usage breakdown (Breakdown → Hour) no longer shows only hours that had activity, newest-first. It now walks the full window hour list in chronological order, using zero-filled rows for quiet hours so the table matches the hourly chart instead of jumping between sparse timestamps.

7/30/90 day breakdowns are unchanged: still newest-first via merged.daily.toReversed().

Adds a small zeroHour helper to build empty HourlyTotals rows when merging hourly data by hourStart.

^{Reviewed by Cursor Bugbot for commit 2119ffb. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Fix usage hourly breakdown to list all hours chronologically with zero-filled gaps

In UsagePage.tsx, the breakdownPeriods memo is reworked so that hourly windows build a Map keyed by hourStart and align entries to the full hours array, inserting zero-filled rows for hours with no activity. A new zeroHour helper constructs empty HourlyTotals objects for missing hours. Daily mode is unchanged and continues to display newest-first.

^{Macroscope summarized 2119ffb.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: c1eaa701-13f5-41cf-8f71-06cecd65323e

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Approved at 2119ffb

Macroscope's review found this PR approvable — This is a minor UI display change that affects how hourly usage breakdowns are presented - showing all 24 hours chronologically with zero-filled entries instead of only hours with activity. The change is purely presentational with no backend or data logic impact.

^{You can add or adjust custom eligibility rules. Learn more.}