mirror of
https://github.com/stack-auth/stack.git
synced 2026-06-19 21:00:40 +08:00
b246e4ab65
# PR #1500 Visual Writeup Visual assets hosted in [this gist](https://gist.github.com/b0c1d3d072a71e30b65380f8b2cf53a1). - Base: `dev` - Head: `Consistency-and-design-changes-light-mode` - Dashboard dev server: `http://localhost:8101` - Viewport: `1920x1200` - Screenshots: `74` referenced (`18` surfaces x `2` themes x `before/after`, plus the attached Conversations create-dialog pair) - Red outlines appear only on **after** screenshots to mark the changed surface. ## Summary This PR refreshes light-mode consistency across dashboard surfaces and adds a dashboard-only Account Settings implementation. The screenshots below compare the base branch against the PR branch for every changed dashboard route/surface included in the scope. ## Screenshot Matrix ### Account Settings - Profile Dashboard-only profile page redesign against the previous Stack handler page. | Theme | Before | After | | --- | --- | --- | | Light |  |  | | Dark |  |  | ### Account Settings - Emails & Auth Email, password, passkey, OTP, and MFA settings shell. | Theme | Before | After | | --- | --- | --- | | Light |  |  | | Dark |  |  | ### Account Settings - Notifications Notification preferences styling. | Theme | Before | After | | --- | --- | --- | | Light |  |  | | Dark |  |  | ### Account Settings - Active Sessions Active session table and action styling. | Theme | Before | After | | --- | --- | --- | | Light |  |  | | Dark |  |  | ### Account Settings - Payments Billing surface and account/team billing selector. | Theme | Before | After | | --- | --- | --- | | Light |  |  | | Dark |  |  | ### Account Settings - Settings Sign out and account deletion settings. | Theme | Before | After | | --- | --- | --- | | Light |  |  | | Dark |  |  | ### Account Settings - Team Team profile, members, and leave-team sections. | Theme | Before | After | | --- | --- | --- | | Light |  |  | | Dark |  |  | ### Account Settings - Create Team Team creation form. | Theme | Before | After | | --- | --- | --- | | Light |  |  | | Dark |  |  | ### Analytics Queries Touched analytics query page surface. | Theme | Before | After | | --- | --- | --- | | Light |  |  | | Dark |  |  | ### Analytics Tables Analytics table/query controls and data-grid surface. | Theme | Before | After | | --- | --- | --- | | Light |  |  | | Dark |  |  | ### Auth Methods Authentication method configuration surface. | Theme | Before | After | | --- | --- | --- | | Light |  |  | | Dark |  |  | ### Conversations Support conversation UI surface. | Theme | Before | After | | --- | --- | --- | | Light |  |  | | Dark |  |  | #### Conversations - Create Dialog Attached screenshots for the create conversation dialog. | Theme | Before | After | | --- | --- | --- | | Light |  |  | ### Domains Trusted domains alert/card styling. | Theme | Before | After | | --- | --- | --- | | Light |  |  | | Dark |  |  | ### Email Sent Sent email and reputation card styling. | Theme | Before | After | | --- | --- | --- | | Light |  |  | | Dark |  |  | ### Launch Checklist Launch checklist page surface. | Theme | Before | After | | --- | --- | --- | | Light |  |  | | Dark |  |  | ### Payment Products Products/items payment page surface. | Theme | Before | After | | --- | --- | --- | | Light |  |  | | Dark |  |  | ### Session Replays Session replay page layout. | Theme | Before | After | | --- | --- | --- | | Light |  |  | | Dark |  |  | ### Sign-up Rules Sign-up rules page surface. | Theme | Before | After | | --- | --- | --- | | Light |  |  | | Dark |  |  | <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit ## Release Notes * **New Features** * Added comprehensive account settings dashboard with profile management, email and authentication settings, active sessions monitoring, API key generation and management, payment methods, notification preferences, and team creation/management. * Introduced user profile image editing with circular cropping and compression. * Added multi-factor authentication (MFA) setup via TOTP QR codes. * Enabled team-based API key management and team member invitations. * **Design Improvements** * Refined UI styling across analytics, forms, and dialogs for better visual hierarchy. * Enhanced dark mode support throughout dashboard components. * Improved responsive layouts and spacing on dashboard pages. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Cursor <cursoragent@cursor.com>
140 lines
5.2 KiB
JSON
140 lines
5.2 KiB
JSON
{
|
|
"name": "@hexclave/dashboard",
|
|
"version": "1.0.6",
|
|
"repository": "https://github.com/hexclave/hexclave",
|
|
"private": true,
|
|
"scripts": {
|
|
"clean": "rimraf .next && rimraf node_modules",
|
|
"typecheck": "tsc --noEmit",
|
|
"with-env": "dotenv -c development --",
|
|
"with-env:prod": "dotenv -c --",
|
|
"dev": "concurrently -n \"dev,bundle-type-defs\" -k \"next dev --turbopack --port ${NEXT_PUBLIC_HEXCLAVE_LOCAL_DASHBOARD_PORT:-${NEXT_PUBLIC_HEXCLAVE_PORT_PREFIX:-81}01}\" \"pnpm run bundle-type-definitions:watch\"",
|
|
"dev:rde-production": "node scripts/dev-rde-production.mjs",
|
|
"bundle-type-definitions": "tsx scripts/bundle-type-definitions.ts",
|
|
"bundle-type-definitions:watch": "tsx watch --clear-screen=false scripts/bundle-type-definitions.ts",
|
|
"build": "pnpm run bundle-type-definitions && next build",
|
|
"build:rde-standalone": "NEXT_CONFIG_OUTPUT=standalone STACK_NEXT_CONFIG_DISABLE_TYPESCRIPT=true pnpm run build",
|
|
"docker-build": "pnpm run bundle-type-definitions && next build --experimental-build-mode compile",
|
|
"analyze-bundle": "next experimental-analyze",
|
|
"start": "next start --port ${NEXT_PUBLIC_HEXCLAVE_PORT_PREFIX:-81}01",
|
|
"psql": "pnpm run with-env bash -c 'psql $STACK_DATABASE_CONNECTION_STRING'",
|
|
"lint": "eslint ."
|
|
},
|
|
"dependencies": {
|
|
"@ai-sdk/react": "^3.0.72",
|
|
"@assistant-ui/react": "^0.10.24",
|
|
"@assistant-ui/react-ai-sdk": "^0.10.14",
|
|
"@assistant-ui/react-markdown": "^0.10.5",
|
|
"@dnd-kit/core": "^6.3.1",
|
|
"@dnd-kit/sortable": "^10.0.0",
|
|
"@dnd-kit/utilities": "^3.2.2",
|
|
"@hookform/resolvers": "^3.3.4",
|
|
"@monaco-editor/react": "4.7.0",
|
|
"@oslojs/otp": "^1.1.0",
|
|
"@phosphor-icons/react": "^2.1.10",
|
|
"@radix-ui/react-accordion": "^1.2.1",
|
|
"@radix-ui/react-alert-dialog": "^1.1.2",
|
|
"@radix-ui/react-aspect-ratio": "^1.1.0",
|
|
"@radix-ui/react-avatar": "^1.1.1",
|
|
"@radix-ui/react-checkbox": "^1.1.2",
|
|
"@radix-ui/react-collapsible": "^1.1.1",
|
|
"@radix-ui/react-context": "^1.1.1",
|
|
"@radix-ui/react-context-menu": "^2.2.2",
|
|
"@radix-ui/react-dialog": "^1.1.2",
|
|
"@radix-ui/react-dropdown-menu": "^2.1.2",
|
|
"@radix-ui/react-hover-card": "^1.1.2",
|
|
"@radix-ui/react-icons": "^1.3.1",
|
|
"@radix-ui/react-label": "^2.1.0",
|
|
"@radix-ui/react-menubar": "^1.1.2",
|
|
"@radix-ui/react-navigation-menu": "^1.2.1",
|
|
"@radix-ui/react-popover": "^1.1.2",
|
|
"@radix-ui/react-progress": "^1.1.0",
|
|
"@radix-ui/react-radio-group": "^1.2.1",
|
|
"@radix-ui/react-scroll-area": "^1.2.0",
|
|
"@radix-ui/react-select": "^2.1.2",
|
|
"@radix-ui/react-separator": "^1.1.0",
|
|
"@radix-ui/react-slider": "^1.2.1",
|
|
"@radix-ui/react-slot": "^1.2.3",
|
|
"@radix-ui/react-switch": "^1.1.1",
|
|
"@radix-ui/react-tabs": "^1.1.1",
|
|
"@radix-ui/react-toast": "^1.2.2",
|
|
"@radix-ui/react-toggle": "^1.1.0",
|
|
"@radix-ui/react-toggle-group": "^1.1.0",
|
|
"@radix-ui/react-tooltip": "^1.1.3",
|
|
"@react-hook/resize-observer": "^2.0.2",
|
|
"@sentry/nextjs": "^10.11.0",
|
|
"@hexclave/dashboard-ui-components": "workspace:*",
|
|
"@hexclave/next": "workspace:*",
|
|
"@hexclave/shared": "workspace:*",
|
|
"@hexclave/ui": "workspace:*",
|
|
"@stripe/connect-js": "^3.3.27",
|
|
"@stripe/react-connect-js": "^3.3.24",
|
|
"@stripe/react-stripe-js": "^3.8.1",
|
|
"@stripe/stripe-js": "^7.7.0",
|
|
"@tanstack/react-table": "^8.21.3",
|
|
"@tanstack/react-virtual": "^3.13.18",
|
|
"@vercel/analytics": "^1.2.2",
|
|
"@vercel/speed-insights": "^1.0.12",
|
|
"ai": "^6.0.0",
|
|
"browser-image-compression": "^2.0.2",
|
|
"canvas-confetti": "^1.9.2",
|
|
"class-variance-authority": "^0.7.0",
|
|
"clsx": "^2.1.1",
|
|
"cmdk": "^1.0.4",
|
|
"date-fns": "^3.6.0",
|
|
"dotenv-cli": "^7.3.0",
|
|
"export-to-csv": "^1.4.0",
|
|
"geist": "^1",
|
|
"input-otp": "^1.4.1",
|
|
"jiti": "^2.4.2",
|
|
"jose": "^6.1.3",
|
|
"libsodium-wrappers": "^0.8.2",
|
|
"lodash": "^4.17.21",
|
|
"next": "16.1.7",
|
|
"next-themes": "^0.2.1",
|
|
"posthog-js": "^1.336.1",
|
|
"qrcode": "^1.5.4",
|
|
"react": "19.2.3",
|
|
"react-day-picker": "^9.6.7",
|
|
"react-dom": "19.2.3",
|
|
"react-easy-crop": "^5.5.6",
|
|
"react-globe.gl": "^2.28.2",
|
|
"react-hook-form": "^7.53.1",
|
|
"react-icons": "^5.0.1",
|
|
"react-markdown": "^9.0.1",
|
|
"react-resizable-panels": "^2.1.6",
|
|
"react-syntax-highlighter": "^15.6.1",
|
|
"recharts": "^2.14.1",
|
|
"remark-gfm": "^4.0.1",
|
|
"rrweb": "^1.1.3",
|
|
"svix": "^1.32.0",
|
|
"svix-react": "^1.13.0",
|
|
"tailwind-merge": "^2.3.0",
|
|
"tailwindcss-animate": "^1.0.7",
|
|
"three": "^0.169.0",
|
|
"use-debounce": "^10.0.5",
|
|
"yup": "^1.7.1",
|
|
"zod": "^4.0.0"
|
|
},
|
|
"devDependencies": {
|
|
"@types/canvas-confetti": "^1.6.4",
|
|
"@types/lodash": "^4.17.5",
|
|
"@types/node": "20.17.6",
|
|
"@types/qrcode": "^1.5.5",
|
|
"@types/react": "19.2.7",
|
|
"@types/react-dom": "19.2.3",
|
|
"@types/react-syntax-highlighter": "^15.5.13",
|
|
"@types/three": "^0.169.0",
|
|
"autoprefixer": "^10.4.17",
|
|
"concurrently": "^8.2.2",
|
|
"glob": "^10.4.1",
|
|
"import-in-the-middle": "1.14.2",
|
|
"postcss": "^8.4.38",
|
|
"require-in-the-middle": "^7.4.0",
|
|
"rimraf": "^5.0.5",
|
|
"tailwindcss": "^3.4.1",
|
|
"tsx": "^4.7.2"
|
|
},
|
|
"packageManager": "pnpm@11.5.0"
|
|
}
|