mirror of
https://github.com/stack-auth/stack.git
synced 2026-07-06 21:02:52 +08:00
59daf1321c
## Summary
Adds richer analytics overview metrics and filterable dashboard
breakdowns.
- adds hourly overview series for the 1-day range
- adds country, referrer, browser, OS, and device filters to internal
metrics
- adds bounce rate, session duration, top countries, top browsers, top
operating systems, and device breakdowns
- updates the overview dashboard with filter chips, top-list cards,
animated metric states, and 1-day hourly chart support
- captures user agent on page-view analytics events, with a server-side
fallback for older clients
## Validation
Attempted targeted tests:
`pnpm test run
apps/backend/src/app/api/latest/internal/metrics/route.test.ts
'apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/(overview)/analytics-chart-mode.test.ts'`
This did not reach Vitest in the temporary split worktree because
`node_modules` is not installed there and the repo pre-step failed at
`pnpm exec tsx ./scripts/generate-sdks.ts`.
<!-- This is an auto-generated description by cubic. -->
---
## Summary by cubic
Adds analytics overview filters with optional date‑range bounds and
1‑day hourly charts, plus smoother, accessible animations across charts
and top lists. Improves correctness and stability with deterministic
caching, normalized inputs, client‑only user‑agent capture, and
globe/layout fixes.
- **New Features**
- Filterable analytics overview (country, referrer, browser, OS, device)
with normalized inputs and optional `since`/`until`; API/admin/dashboard
accept `AnalyticsOverviewFilters` with deterministic cache keys.
- 1‑day hourly charts (page views, visitors) and a metric mode toggle
(DAU, Visitors, Revenue); animated top‑lists and sparklines powered by
`motion` with reduced‑motion support.
- UI: filter chips/menu, clearer tooltips (incl. user metric cards),
optional interactive globe with dynamic camera distance; exported
`TooltipPortal` from `@hexclave/ui`.
- **Refactors & Bug Fixes**
- Event ingest: client sends `user_agent`; removed server‑side fallback;
added user‑agent filter‑fragment builder and tests.
- Metrics correctness: aligned hourly bounds to start of UTC hour;
derived 1‑day revenue total from daily series; resilient chart x‑axis
formatting; country filter options use analytics `top_regions`;
fixed‑'en' locale for top‑lists; added date‑range parsing/validation for
filters.
- UI/runtime: smoother pill/tab slider animations with guards for
missing Web APIs; added `containedHeight` to `PageLayout` and wired into
sidebar/session replays; globe disables zoom when non‑interactive.
- Misc: instrumentation runs only in Node (`process.env.NEXT_RUNTIME ===
"nodejs"`); analytics/overview page redirects with URL‑encoded
`projectId`; Docker: include `@hexclave/template` in `turbo prune` to
fix CI builds.
<sup>Written for commit
|
||
|---|---|---|
| .. | ||
| assistant-ui | ||
| commands | ||
| dashboard-account-settings | ||
| data-table | ||
| design-components | ||
| form-fields | ||
| hexclave-companion | ||
| pacifica | ||
| payments | ||
| rule-builder | ||
| ui | ||
| vibe-coding | ||
| walkthrough | ||
| app-square.tsx | ||
| app-store-entry.tsx | ||
| app-warning-modal.tsx | ||
| cmdk-commands.tsx | ||
| cmdk-search.tsx | ||
| code-block.tsx | ||
| confetti.tsx | ||
| copyable-text.tsx | ||
| country-code-select.tsx | ||
| dashboard-user-button.tsx | ||
| dev-error-notifier.tsx | ||
| dialog-opener.tsx | ||
| editable-grid.tsx | ||
| editable-input.tsx | ||
| email-preview.tsx | ||
| email-theme-selector.tsx | ||
| email-verification-setting.tsx | ||
| entity-kpi-cards.tsx | ||
| env-keys.tsx | ||
| error-page.tsx | ||
| export-users-dialog.tsx | ||
| feedback-form.tsx | ||
| form-dialog.tsx | ||
| form-fields.tsx | ||
| hexclave-companion.tsx | ||
| hexclave-rebrand-modal.tsx | ||
| illustrated-info.tsx | ||
| inline-code.tsx | ||
| inline-save-discard.tsx | ||
| link.tsx | ||
| logo-upload.tsx | ||
| logo.tsx | ||
| metadata-editor.tsx | ||
| navbar.tsx | ||
| permission-field.tsx | ||
| project-card.tsx | ||
| project-switcher.tsx | ||
| project-transfer-confirm-view.tsx | ||
| project-users-metric.tsx | ||
| repeating-input.tsx | ||
| resizable-container.tsx | ||
| router.tsx | ||
| search-bar.tsx | ||
| settings.tsx | ||
| site-loading-indicator.tsx | ||
| smart-form.tsx | ||
| smart-image.tsx | ||
| stepper.tsx | ||
| streaming-code-viewer.tsx | ||
| stripe-wordmark.tsx | ||
| style-link.tsx | ||
| theme-toggle.tsx | ||
| user-dialog.tsx | ||
| user-dialogs.tsx | ||
| version-alerter.tsx | ||
