fix(web): show all usage breakdown periods

[tris203]

What changed

On the Usage page, the "Breakdown → day" table was hard-capped at the 8 most recent periods. Switching to the 30- or 90-day window still showed only the last 8 days, even though the chart and totals above correctly cover the whole window. This removes the .slice(0, 8) truncation so the table lists every day/hour in the selected window, newest first.

Why

The table is the only per-period readout on the page, and it silently disagreed with the window selector. Small, focused bug fix: one file, ~10 changed lines.

Testing

• tsgo --noEmit clean on @t3tools/web
• vp lint clean on the changed file

Harness: opencode / big-pickle

---

Note

Low Risk
Single-file UI fix with no API, auth, or data-handling changes; only affects how many rows render in an existing table.

Overview
The Usage page Breakdown → day/hour table no longer stops at the eight newest periods. It now lists every day or hour in the selected window (up to 90), still newest first, so the table matches the window selector and the chart/totals above.

The data hook was renamed from recentPeriods to breakdownPeriods and the .slice(0, 8) cap was removed.

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

Note

Show all periods in the usage breakdown table instead of limiting to 8

The breakdown table in UsagePage.tsx previously capped the displayed periods at the 8 most recent. It now renders the full hourly or daily array in newest-first order without truncation.

^{Macroscope summarized b8fa6bc.}

[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: ebf60306-5fbb-4124-9456-6a1ec645da3c

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 b8fa6bc

This change simply removes a display limit to show all usage breakdown periods in the table instead of just 8. It's a minor, self-contained UI adjustment with no runtime behavior or security implications.

^{You can customize Macroscope's approvability policy. Learn more.}