Skip to content

Overview: Performance Overview card (Web Vitals) (#197)#602

Merged
unjica merged 3 commits into
developfrom
feat/overview-performance-card-197
Jul 19, 2026
Merged

Overview: Performance Overview card (Web Vitals) (#197)#602
unjica merged 3 commits into
developfrom
feat/overview-performance-card-197

Conversation

@unjica

@unjica unjica commented Jul 19, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • Add Overview Performance Overview card showing LCP, INP/FID, CLS, and TTFB p75 with Good / Needs improvement / Poor classification and rating distribution bars
  • Reuse GET /api/performance/summary with Overview project/env/platform/release/range scope (compare out of scope per Dashboard: Compare periods and releases — explicit better/worse UX #495); View report → deep-links to /dashboard/performance with matching filters
  • Empty state when no vitals, load-error state on API failure, Suspense loading skeleton; CHANGELOG Unreleased + unit tests for mapping / empty handling

Closes #197

Test plan

  • Overview with Web Vitals data shows LCP / INP / CLS / TTFB values and rating badges
  • Segmented Good / Needs improvement / Poor bars render for metrics with samples
  • Metrics without samples show / Insufficient data (not misleading zeros)
  • Scope with no vitals shows empty-state copy (not a hidden/broken card)
  • View report → opens /dashboard/performance preserving app/env/platform/release/range
  • Loading skeleton appears while summary is fetching
  • pnpm lint && pnpm test && pnpm build pass locally

Made with Cursor

Surface LCP, INP/FID, CLS, and TTFB health on Overview via the existing performance summary API, with rating bars, scoped View report link, and empty/error handling.

Co-authored-by: Cursor <cursoragent@cursor.com>
@unjica unjica added enhancement New feature or request priority:6 Roadmap priority 6 (1=highest) labels Jul 19, 2026
unjica and others added 2 commits July 19, 2026 13:51
Calendar/custom compare replaces the current metrics window; express that window as range=custom&from&to for the card fetch and View report link (same pattern as Performance→Events drill-downs).

Co-authored-by: Cursor <cursoragent@cursor.com>
Remove the calendar-compare-only gate so rolling presets also use the resolved KPI window as range=custom&from&to for fetch and View report.

Co-authored-by: Cursor <cursoragent@cursor.com>
@unjica
unjica merged commit d664bd8 into develop Jul 19, 2026
7 checks passed
@unjica
unjica deleted the feat/overview-performance-card-197 branch July 19, 2026 11:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request priority:6 Roadmap priority 6 (1=highest)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Overview: Performance Overview card (Web Vitals snapshot)

1 participant