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> |
||
|---|---|---|
| .. | ||
| assistant-ui | ||
| commands | ||
| config-update | ||
| 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 | ||
| feedback-form.tsx | ||
| form-dialog.tsx | ||
| form-fields.tsx | ||
| hexclave-companion.tsx | ||
| hexclave-rebrand-modal.tsx | ||
| hosted-auth-preview.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 | ||
