Skip to content

Category-aware status badges + time-windowed trend charts#61

Merged
tbjers merged 2 commits into
mainfrom
feat/badge-category-selection
Jul 10, 2026
Merged

Category-aware status badges + time-windowed trend charts#61
tbjers merged 2 commits into
mainfrom
feat/badge-category-selection

Conversation

@tbjers

@tbjers tbjers commented Jul 10, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Add category selection to the "Create status badge" modal, wired through the badge endpoint (?category=) and its generated label.
  • Add a relative time-range selector (15m/1h/12h/1d/7d/30d, default 7d) to project detail trend charts, backed by a server-side "window + anchor" query — categories with little history or a staggered reporting cadence now render as full-width lines instead of a lone dot or a partial-width segment.
  • Switch the project-list homepage's multi-category overlay sparkline to a fixed, aligned 30d window with gradient-filled, distinctly colored lines per category.

Test plan

  • npm test — 116/116 backend tests pass (includes new anchor/windowing/alignment/retention-boundary cases in test/db.test.ts and test/api.test.ts)
  • npm run typecheck (root and dashboard/) clean
  • dashboard: npx playwright test — 14/14 e2e tests pass (includes new tests/time-range.spec.ts covering the range button group)
  • Manual verification via wrangler dev + Playwright screenshots: detail-page range buttons render correctly across all six windows, single/short-history categories flat-line instead of showing a dot, and the homepage overlay chart's lines now span full width and share a right edge

🤖 Generated with Claude Code

tbjers and others added 2 commits July 6, 2026 23:10
… charts

- Wire category filtering through the badge endpoint and modal, per the
  badge-category-selection plan.
- Add a relative time-range selector (15m-30d) to project detail trend
  charts, backed by a server-side window+anchor query so short-history
  or staggered-cadence categories render as full-width lines instead of
  a lone dot or partial-width segment.
- Switch the project list's multi-category overlay to a fixed, aligned
  30d window with gradient-filled lines in distinct colors per category.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
demo-coveragetracker-dev 5293c61 Commit Preview URL

Branch Preview URL
Jul 10 2026, 03:41 AM

@tbjers
tbjers merged commit 5bc52c2 into main Jul 10, 2026
10 checks passed
@tbjers
tbjers deleted the feat/badge-category-selection branch July 10, 2026 03:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant