mirror of
https://github.com/stack-auth/stack.git
synced 2026-07-20 21:29:36 +08:00
db94ec2d94
<!-- Make sure you've read the CONTRIBUTING.md guidelines: https://github.com/hexclave/hexclave/blob/dev/CONTRIBUTING.md --> ## Summary This PR tightens dashboard consistency across the project list, team invite flow, hosted auth previews, and shared overlay surfaces. It also includes smaller visual fixes for charts/tooltips, globe sizing, sticky data-grid surfaces, and dashboard/hosted component light-mode parity. **Base:** `dev@2c5b2d02c` -> **Head:** `more-consistent-dashboard@b1eae206` **Capture notes:** screenshots were captured locally at `1440x1000` after signing in through GitHub -> `admin@example.com` on the mock OAuth server. Each page/state was allowed to settle for 5 seconds immediately before capture. Dark mode is used by default; light mode is included only for the light-specific overlay/dialog surfaces changed in this PR. ## Visual Comparison ### Hosted Auth Preview - Dark Mode | Before | After | | --- | --- | |  |  | ### Team Invite Dialog - Light-Specific Surface | Before | After | | --- | --- | |  |  | ## What's Changed - Reworks the team invite dialog with clearer loading/retry states, seat information, capacity warnings, pending invites, revoke actions, and refresh behavior. - Adds a dashboard-local hosted auth preview used by Auth Methods and onboarding-style flows, showing sign-in/sign-up methods with project display names and disabled sign-up behavior. - Standardizes overlay and popover surfaces across dashboard, hosted components, and shared UI primitives for better light/dark consistency. - Adjusts chart, tooltip, globe, sidebar drawer, data-grid, and email-log presentation details to reduce clipping, bleed, and stacking issues. ## Notes For Reviewers - The visual comparison focuses on places where this PR has visible UI differences: project cards/actions, the team invite modal, overlay menu styling, and the hosted auth preview. - Lower-level primitive background/ring changes are represented through the menu/dialog screenshots rather than separate screenshots for every consuming component. ## Test Plan - Captured the before screenshots on `dev@2c5b2d02c` and the after screenshots on `more-consistent-dashboard@b1eae206`. - Waited 5 seconds on each page/state before capturing screenshots. - Uploaded exactly 10 screenshots to a fresh gist and embedded them above. - Not run in this pass: code tests, because this pass only updates the PR description/screenshots. <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Added a live hosted authentication preview for project setup and auth methods, including sign-in/sign-up states and multiple login options. * **Bug Fixes** * Improved invite dialog behavior so seat limits, plan upgrades, loading states, retries, and invitation refreshes stay in sync. * Fixed chart tooltip and globe display behavior so overlays, sizing, and labels render more reliably. * **Style** * Refreshed dialogs, menus, tooltips, charts, and sidebars with improved light/dark theme styling and spacing. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: armaan <armaan@stack-auth.com> Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com> |
||
|---|---|---|
| .. | ||
| public | ||
| scripts | ||
| src | ||
| .env | ||
| .env.development | ||
| .eslintrc.cjs | ||
| .gitignore | ||
| .npmrc | ||
| components.json | ||
| DESIGN-GUIDE.md | ||
| instrumentation-client.ts | ||
| LICENSE | ||
| next.config.mjs | ||
| package.json | ||
| postcss.config.js | ||
| tailwind.config.ts | ||
| tsconfig.json | ||
| vitest.config.ts | ||
