🔖 chore(release): v1.0.0-beta.22 [skip ci]

# [1.0.0-beta.22](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.21...v1.0.0-beta.22) (2025-02-23)

### 🐛 Bug Fixes

* **locales**: Removed language file import to clean up unnecessary language support ([68f6ab2](https://github.com/perfect-panel/ppanel-web/commit/68f6ab2))

CHANGELOG.md

@@ -1,32 +1,268 @@
 <a name="readme-top"></a>
 # Changelog
 
-# [1.0.0-beta.5](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.4...v1.0.0-beta.5) (2025-01-09)
+# [1.0.0-beta.22](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.21...v1.0.0-beta.22) (2025-02-23)
-
-
-### ✨ Features
-
-* **locales**: Replace 'nodeGroupId' with 'groupId' in multiple language files for consistency ([a4e9d5d](https://github.com/perfect-panel/ppanel-web/commit/a4e9d5d))
-* **locales**: Update 'deductBalance' to 'giftAmount' across multiple languages and fix newline in announcement.json ([70497af](https://github.com/perfect-panel/ppanel-web/commit/70497af))
-* **stats**: Replace dynamic stat fetching with environment constants for user, server, and location counts ([46ae166](https://github.com/perfect-panel/ppanel-web/commit/46ae166))
-* **subscribe**: Update suffix from 'MB' to 'Mbps' and enhance speed limit display logic ([3547bb1](https://github.com/perfect-panel/ppanel-web/commit/3547bb1))
-* **user**: Add 'gift_amount' field and update related references in user services and components ([b13c77e](https://github.com/perfect-panel/ppanel-web/commit/b13c77e))
-
-
-### 🎫 Chores
-
-* **deps**: Update package dependencies across multiple projects for improved stability and performance ([b01a5bc](https://github.com/perfect-panel/ppanel-web/commit/b01a5bc))
-* **ui**: Update package dependencies for improved stability and performance ([25da429](https://github.com/perfect-panel/ppanel-web/commit/25da429))
 
 
 ### 🐛 Bug Fixes
 
-* **api**: Replace 'deduction' with 'gift_amount' and add 'commission' field in type definitions ([77edf1d](https://github.com/perfect-panel/ppanel-web/commit/77edf1d))
+* **locales**: Removed language file import to clean up unnecessary language support ([68f6ab2](https://github.com/perfect-panel/ppanel-web/commit/68f6ab2))
-* **api**: Update API type definitions to replace 'deduction' with 'gift_amount' and make 'commission' field optional ([c2af060](https://github.com/perfect-panel/ppanel-web/commit/c2af060))
+
-* **auth**: Refactor user authentication forms to remove global store dependency and improve type handling ([12026b0](https://github.com/perfect-panel/ppanel-web/commit/12026b0))
+# [1.0.0-beta.21](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.20...v1.0.0-beta.21) (2025-02-23)
-* **coupon**: Rename 'server' field to 'subscribe' in coupon form and update coupon update request type ([f8b6d82](https://github.com/perfect-panel/ppanel-web/commit/f8b6d82))
+
-* **types**: Add 'gift_amount' field to API type definitions ([8f8a12a](https://github.com/perfect-panel/ppanel-web/commit/8f8a12a))
+
-* **user**: Add the 'gift_amount' field to the user service's type definition ([6301409](https://github.com/perfect-panel/ppanel-web/commit/6301409))
+### ✨ Features
+
+* **privacy-policy**: Add privacy policy related text and links ([baa68f0](https://github.com/perfect-panel/ppanel-web/commit/baa68f0))
+
+
+### 🐛 Bug Fixes
+
+* **locales**: Removed multilingual files to clean up unnecessary language support ([5b151cd](https://github.com/perfect-panel/ppanel-web/commit/5b151cd))
+* **locales**: Update custom HTML description in language file, ([87381da](https://github.com/perfect-panel/ppanel-web/commit/87381da))
+* **table**: Update privacy policy tab translation key and remove unnecessary requestType from OAuth callback ([14b3af5](https://github.com/perfect-panel/ppanel-web/commit/14b3af5))
+
+<a name="readme-top"></a>
+
+# Changelog
+
+# [1.0.0-beta.20](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.19...v1.0.0-beta.20) (2025-02-23)
+
+### 🐛 Bug Fixes
+
+- **auth**: Add error handling to form submission and reset Turnstile on failure ([715d011](https://github.com/perfect-panel/ppanel-web/commit/715d011))
+- **subscribe**: Update subscription domain placeholder to include examples; improve site name retrieval in global store ([c65a44c](https://github.com/perfect-panel/ppanel-web/commit/c65a44c))
+
+# [1.0.0-beta.19](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.18...v1.0.0-beta.19) (2025-02-23)
+
+### ✨ Features
+
+- **form**: Make version field optional and set default value; update site domain placeholder for clarity ([42ba9e8](https://github.com/perfect-panel/ppanel-web/commit/42ba9e8))
+
+### 🐛 Bug Fixes
+
+- **auth**: Refactor forms to use Turnstile ref for reset functionality ([320a7dc](https://github.com/perfect-panel/ppanel-web/commit/320a7dc))
+
+# [1.0.0-beta.18](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.17...v1.0.0-beta.18) (2025-02-22)
+
+### ✨ Features
+
+- **platform**: Update platform naming and add keywords and custom HTML fields ([6384237](https://github.com/perfect-panel/ppanel-web/commit/6384237))
+- **site**: Added localization support for custom HTML and keyword fields ([f9d7736](https://github.com/perfect-panel/ppanel-web/commit/f9d7736))
+
+### 🐛 Bug Fixes
+
+- **locales**: Update custom HTML description for clarity across multiple languages ([557c5cd](https://github.com/perfect-panel/ppanel-web/commit/557c5cd))
+
+<a name="readme-top"></a>
+
+# Changelog
+
+# [1.0.0-beta.17](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.16...v1.0.0-beta.17) (2025-02-21)
+
+### 🐛 Bug Fixes
+
+- **auth**: Refactor reset password form to simplify code input and update placeholder text ([23833b4](https://github.com/perfect-panel/ppanel-web/commit/23833b4))
+
+# [1.0.0-beta.16](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.15...v1.0.0-beta.16) (2025-02-21)
+
+### 🐛 Bug Fixes
+
+- **auth**: Simplify email verification code input rendering ([6f7bc37](https://github.com/perfect-panel/ppanel-web/commit/6f7bc37))
+
+# [1.0.0-beta.15](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.14...v1.0.0-beta.15) (2025-02-21)
+
+### 🐛 Bug Fixes
+
+- **profile**: Restore filter to ensure only valid OAuth accounts are shown ([315c8f9](https://github.com/perfect-panel/ppanel-web/commit/315c8f9))
+
+# [1.0.0-beta.14](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.13...v1.0.0-beta.14) (2025-02-21)
+
+### 🐛 Bug Fixes
+
+- **locales**: Fixed description in multilingual files, updated text related to email registration functionality ([c356bc2](https://github.com/perfect-panel/ppanel-web/commit/c356bc2))
+
+# [1.0.0-beta.13](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.12...v1.0.0-beta.13) (2025-02-21)
+
+### 🐛 Bug Fixes
+
+- **api**: Fix type error in API request and add return URL parameter ([ee286dd](https://github.com/perfect-panel/ppanel-web/commit/ee286dd))
+
+<a name="readme-top"></a>
+
+# Changelog
+
+# [1.0.0-beta.12](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.11...v1.0.0-beta.12) (2025-02-18)
+
+### 🐛 Bug Fixes
+
+- More bugs ([2d88a3a](https://github.com/perfect-panel/ppanel-web/commit/2d88a3a))
+
+# [1.0.0-beta.11](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.10...v1.0.0-beta.11) (2025-02-16)
+
+### 🐛 Bug Fixes
+
+- **email**: Update platform configuration handling to use current ref for consistency ([c90175b](https://github.com/perfect-panel/ppanel-web/commit/c90175b))
+
+# [1.0.0-beta.10](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.9...v1.0.0-beta.10) (2025-02-16)
+
+### 🐛 Bug Fixes
+
+- **subscribe**: Update forms to include refetch functionality and improve toast messages ([fc55e95](https://github.com/perfect-panel/ppanel-web/commit/fc55e95))
+
+# [1.0.0-beta.9](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.8...v1.0.0-beta.9) (2025-02-15)
+
+### 🐛 Bug Fixes
+
+- **register**: Adjust user email verification logic to handle domain suffix checks correctly ([686aa2d](https://github.com/perfect-panel/ppanel-web/commit/686aa2d))
+
+# [1.0.0-beta.8](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.7...v1.0.0-beta.8) (2025-02-15)
+
+### ✨ Features
+
+- **accounts**: Update third-party account binding and unbinding ([1841552](https://github.com/perfect-panel/ppanel-web/commit/1841552))
+- **auth-control**: Adding phone number labels to mobile verification configurations in multiple languages ([046740f](https://github.com/perfect-panel/ppanel-web/commit/046740f))
+- **auth-control**: Update general ([3883646](https://github.com/perfect-panel/ppanel-web/commit/3883646))
+- **auth**: Add type parameter to SendCode and update related API typings ([4198871](https://github.com/perfect-panel/ppanel-web/commit/4198871))
+- **auth**: Refactor mobile authentication config to support whitelist functionality ([c761ec7](https://github.com/perfect-panel/ppanel-web/commit/c761ec7))
+- **device**: Modify IMEI to device identifier support ([e3f9ef6](https://github.com/perfect-panel/ppanel-web/commit/e3f9ef6))
+- **imei**: Add IMEI related internationalization support and menu items ([13c3337](https://github.com/perfect-panel/ppanel-web/commit/13c3337))
+- **locales**: Add kick offline confirmation and success messages in multiple languages ([5db5343](https://github.com/perfect-panel/ppanel-web/commit/5db5343))
+- **locales**: Update 'sms' to 'mobile' in authentication methods across multiple languages ([fea2171](https://github.com/perfect-panel/ppanel-web/commit/fea2171))
+- **log**: Add message log retrieval functionality and update related typings ([1c0ecae](https://github.com/perfect-panel/ppanel-web/commit/1c0ecae))
+- **profile**: Update localization strings and enhance third-party account binding ([2d1effb](https://github.com/perfect-panel/ppanel-web/commit/2d1effb))
+- **release**: Extend supported platforms for Docker images, closes [#9](https://github.com/perfect-panel/ppanel-web/issues/9) ([e3a31eb](https://github.com/perfect-panel/ppanel-web/commit/e3a31eb))
+- **subscription**: Add delete user subscription functionality ([1fc3a10](https://github.com/perfect-panel/ppanel-web/commit/1fc3a10))
+- **ui**: Update input components and enhance card minimum width for better layout ([8a02310](https://github.com/perfect-panel/ppanel-web/commit/8a02310))
+- **user**: Add user Detail ([3a3d223](https://github.com/perfect-panel/ppanel-web/commit/3a3d223))
+- **user**: Add User Detail ([fdaf11b](https://github.com/perfect-panel/ppanel-web/commit/fdaf11b))
+
+### 🐛 Bug Fixes
+
+- **auth-control**: Fix citation error for platform values ([c940f3c](https://github.com/perfect-panel/ppanel-web/commit/c940f3c))
+- **auth-control**: Fix citation error for platform values ([28813d2](https://github.com/perfect-panel/ppanel-web/commit/28813d2))
+- **auth-control**: Rename phone_variable to phone_number in mobile verification configuration ([e5455aa](https://github.com/perfect-panel/ppanel-web/commit/e5455aa))
+- **auth**: Update authentication configuration and localization strings ([47f2c58](https://github.com/perfect-panel/ppanel-web/commit/47f2c58))
+- **locales**: Update expiration time description from minutes to seconds in multiple languages ([5bac933](https://github.com/perfect-panel/ppanel-web/commit/5bac933))
+- **notify**: Ensure user info is updated after notification settings submission ([9bc3a94](https://github.com/perfect-panel/ppanel-web/commit/9bc3a94))
+- **notify**: Set default values for notification settings to false ([3652819](https://github.com/perfect-panel/ppanel-web/commit/3652819))
+- **third-party-accounts**: Remove mobile display logic from third-party accounts component ([b4946f7](https://github.com/perfect-panel/ppanel-web/commit/b4946f7))
+- **third-party-accounts**: Update redirect property name in binding response handling ([012e83a](https://github.com/perfect-panel/ppanel-web/commit/012e83a))
+- **user**: Refactor user form validation and reset password fields ([6733fc2](https://github.com/perfect-panel/ppanel-web/commit/6733fc2))
+- **user**: Update locales ([4e7d249](https://github.com/perfect-panel/ppanel-web/commit/4e7d249))
+- **user**: Update notification and verify code settings ([574b043](https://github.com/perfect-panel/ppanel-web/commit/574b043))
+
+### 💄 Styles
+
+- **dashboard**: Enhance card components with full height and improved empty state handling ([7e1d551](https://github.com/perfect-panel/ppanel-web/commit/7e1d551))
+
+<a name="readme-top"></a>
+
+# Changelog
+
+# [1.0.0-beta.7](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.6...v1.0.0-beta.7) (2025-01-28)
+
+### ♻ Code Refactoring
+
+- **sbscribe**: Rename and reorganize components for better structure and clarity ([5e5e4ed](https://github.com/perfect-panel/ppanel-web/commit/5e5e4ed))
+
+### ✨ Features
+
+- **auth**: Add email and SMS code sending functionality with localization updates ([57eaa55](https://github.com/perfect-panel/ppanel-web/commit/57eaa55))
+- **auth**: Add Oauth configuration for Telegram, Facebook, Google, Github, and Apple ([18ee600](https://github.com/perfect-panel/ppanel-web/commit/18ee600))
+- **auth**: Add SMS and email configuration options to global store and update localization ([4acf7b1](https://github.com/perfect-panel/ppanel-web/commit/4acf7b1))
+- **auth**: Enhance user registration with invite handling and logo display ([207bc24](https://github.com/perfect-panel/ppanel-web/commit/207bc24))
+- **auth**: Redirect user after OAuth login and add logos icon collection ([aa6dda8](https://github.com/perfect-panel/ppanel-web/commit/aa6dda8))
+- **config**: Add application selection and encryption settings to configuration form ([88b3504](https://github.com/perfect-panel/ppanel-web/commit/88b3504))
+- **config**: Update encryption fields in configuration form and refactor OAuth callback parameters ([652e032](https://github.com/perfect-panel/ppanel-web/commit/652e032))
+- **global**: Add SMS configuration options to global store ([39a9ce6](https://github.com/perfect-panel/ppanel-web/commit/39a9ce6))
+- **locales**: Add area code and telephone fields to user forms in multiple languages ([9b8258c](https://github.com/perfect-panel/ppanel-web/commit/9b8258c))
+- **locales**: Add description information of communication keys and encryption methods to enhance client configuration capabilities ([d1f5a9b](https://github.com/perfect-panel/ppanel-web/commit/d1f5a9b))
+- **node**: Add tags ([f408fdf](https://github.com/perfect-panel/ppanel-web/commit/f408fdf))
+- **node**: Move the node configuration to the server module ([7f0f5ce](https://github.com/perfect-panel/ppanel-web/commit/7f0f5ce))
+- **oauth**: Add certification component for handling OAuth login callbacks and improve user authentication flow ([5ed04c0](https://github.com/perfect-panel/ppanel-web/commit/5ed04c0))
+- **oauth**: Implement OAuth token retrieval and refactor login callback handling ([40a6f7c](https://github.com/perfect-panel/ppanel-web/commit/40a6f7c))
+- **oauth**: Refactor platform parameter handling and improve logout redirection logic ([8346c85](https://github.com/perfect-panel/ppanel-web/commit/8346c85))
+- **oauth**: Update OAuth login handling to use callback parameter and improve URL parameter retrieval ([9227411](https://github.com/perfect-panel/ppanel-web/commit/9227411))
+- **sms**: Update locales ([938363b](https://github.com/perfect-panel/ppanel-web/commit/938363b))
+- **subscribe**: Add 'sold' column to SubscribeTable and update inventory terminology ([19619fd](https://github.com/perfect-panel/ppanel-web/commit/19619fd))
+- **subscribe**: Move subscription configuration and application to subscription module ([f90d4d2](https://github.com/perfect-panel/ppanel-web/commit/f90d4d2))
+- **subscribe**: Update SubscribeTable component to use API.SubscribeItem type and ensure proper type casting ([f26f1c2](https://github.com/perfect-panel/ppanel-web/commit/f26f1c2))
+- **tutorial**: Fetch the latest tutorial version from GitHub API for dynamic URL generation ([28f8c78](https://github.com/perfect-panel/ppanel-web/commit/28f8c78))
+- **user**: Add telephone input with area code selection and update localization ([585b99c](https://github.com/perfect-panel/ppanel-web/commit/585b99c))
+- Update Auth Control ([c59742a](https://github.com/perfect-panel/ppanel-web/commit/c59742a))
+
+### 🐛 Bug Fixes
+
+- **api**: Remove redundant requestType parameter in appleLoginCallback ([0aa5d5b](https://github.com/perfect-panel/ppanel-web/commit/0aa5d5b))
+- **api**: Rename app-related functions and types to application for consistency ([9d8b814](https://github.com/perfect-panel/ppanel-web/commit/9d8b814))
+- **api**: Update subscription_protocol to subscribe_type for consistency across services ([b6da51b](https://github.com/perfect-panel/ppanel-web/commit/b6da51b))
+- **auth**: Change Textarea value to defaultValue for client_secret in Apple auth page ([69fc670](https://github.com/perfect-panel/ppanel-web/commit/69fc670))
+- **auth**: Remove unused telephone code login function and update typings for telephone login requests ([7239685](https://github.com/perfect-panel/ppanel-web/commit/7239685))
+- **auth**: Require minimum length for invite string when forced invite is enabled ([a604f28](https://github.com/perfect-panel/ppanel-web/commit/a604f28))
+- **auth**: Update user authentication flow to include email and phone code verification ([5d078fd](https://github.com/perfect-panel/ppanel-web/commit/5d078fd))
+- **dashboard**: Improve URL encoding for subscription links and enhance success message handling ([4983c33](https://github.com/perfect-panel/ppanel-web/commit/4983c33))
+- **dashboard**: Update icon imports for platform consistency and adjust icon size ([3e8912e](https://github.com/perfect-panel/ppanel-web/commit/3e8912e))
+- **dashboard**: Update platform detection logic and improve layout responsiveness ([b0aa364](https://github.com/perfect-panel/ppanel-web/commit/b0aa364))
+- **deps**: Remove outdated @iconify/react dependency and add iconify-json packages ([d6fbc38](https://github.com/perfect-panel/ppanel-web/commit/d6fbc38))
+- **locales**: Add error message for incorrect user information ([52c1d1f](https://github.com/perfect-panel/ppanel-web/commit/52c1d1f))
+- **locales**: Add error message for incorrect user information ([3d92902](https://github.com/perfect-panel/ppanel-web/commit/3d92902))
+- **locales**: Add logout message to authentication localization files ([1d0d911](https://github.com/perfect-panel/ppanel-web/commit/1d0d911))
+- **nav**: Comment out unused social login options to simplify navigation configuration ([cefcb31](https://github.com/perfect-panel/ppanel-web/commit/cefcb31))
+- **node-config**: Add null checks for time slots and ensure proper handling of undefined values ([1cdb7e7](https://github.com/perfect-panel/ppanel-web/commit/1cdb7e7))
+- **node**: Add country and city fields to the form schema and localization files ([8775fb6](https://github.com/perfect-panel/ppanel-web/commit/8775fb6))
+- **oauth**: Refactor OAuth configuration types and update related API methods ([6227ba9](https://github.com/perfect-panel/ppanel-web/commit/6227ba9))
+- **oauth**: Remove redundant checks when updating configuration to simplify logic ([9140b8a](https://github.com/perfect-panel/ppanel-web/commit/9140b8a))
+- **payment**: Replace window.open with window.location.href for checkout links ([1d8c765](https://github.com/perfect-panel/ppanel-web/commit/1d8c765))
+- **phone**: Update SMS expiration time field to use 'sms_expire_time' with default value of 300 ([18b07c7](https://github.com/perfect-panel/ppanel-web/commit/18b07c7))
+- **redirect**: Simplify redirect URL logic by removing unnecessary condition for sessionStorage ([c53ac61](https://github.com/perfect-panel/ppanel-web/commit/c53ac61))
+- **redirect**: Update redirect URL logic to ensure proper handling of OAuth and auth paths ([7954762](https://github.com/perfect-panel/ppanel-web/commit/7954762))
+- **site**: Add image upload functionality for site logo configuration ([4ea6e4a](https://github.com/perfect-panel/ppanel-web/commit/4ea6e4a))
+- **sort**: Refactor sorting logic in NodeTable and SubscribeTable components for improved clarity and performance ([331bbea](https://github.com/perfect-panel/ppanel-web/commit/331bbea))
+- **subscription**: Add reset functionality for user subscription token ([39e89bf](https://github.com/perfect-panel/ppanel-web/commit/39e89bf))
+- **type**: Fix ts type check error ([3cb0629](https://github.com/perfect-panel/ppanel-web/commit/3cb0629))
+- **user-nav**: Update user avatar and label to display telephone if email is not available ([7b6bb7b](https://github.com/perfect-panel/ppanel-web/commit/7b6bb7b))
+- **user**: Update user identifier field and localizations ([1b6befa](https://github.com/perfect-panel/ppanel-web/commit/1b6befa))
+
+### 💄 Styles
+
+- **dashboard**: Adjust grid layout and update image dimensions in application display ([f3204b7](https://github.com/perfect-panel/ppanel-web/commit/f3204b7))
+- **globals**: Refactor delete confirmation button and update badge styles in node and subscribe tables ([30ae781](https://github.com/perfect-panel/ppanel-web/commit/30ae781))
+- Update node secret UI and add telephone code field to authentication form ([770932e](https://github.com/perfect-panel/ppanel-web/commit/770932e))
+
+<a name="readme-top"></a>
+
+# Changelog
+
+# [1.0.0-beta.6](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.5...v1.0.0-beta.6) (2025-01-10)
+
+### 🐛 Bug Fixes
+
+- **auth**: Update UserCheckForm to use setInitialValues and modify onSubmit type ([c984c0d](https://github.com/perfect-panel/ppanel-web/commit/c984c0d))
+
+# [1.0.0-beta.5](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.4...v1.0.0-beta.5) (2025-01-09)
+
+### ✨ Features
+
+- **locales**: Replace 'nodeGroupId' with 'groupId' in multiple language files for consistency ([a4e9d5d](https://github.com/perfect-panel/ppanel-web/commit/a4e9d5d))
+- **locales**: Update 'deductBalance' to 'giftAmount' across multiple languages and fix newline in announcement.json ([70497af](https://github.com/perfect-panel/ppanel-web/commit/70497af))
+- **stats**: Replace dynamic stat fetching with environment constants for user, server, and location counts ([46ae166](https://github.com/perfect-panel/ppanel-web/commit/46ae166))
+- **subscribe**: Update suffix from 'MB' to 'Mbps' and enhance speed limit display logic ([3547bb1](https://github.com/perfect-panel/ppanel-web/commit/3547bb1))
+- **user**: Add 'gift_amount' field and update related references in user services and components ([b13c77e](https://github.com/perfect-panel/ppanel-web/commit/b13c77e))
+
+### 🎫 Chores
+
+- **deps**: Update package dependencies across multiple projects for improved stability and performance ([b01a5bc](https://github.com/perfect-panel/ppanel-web/commit/b01a5bc))
+- **ui**: Update package dependencies for improved stability and performance ([25da429](https://github.com/perfect-panel/ppanel-web/commit/25da429))
+
+### 🐛 Bug Fixes
+
+- **api**: Replace 'deduction' with 'gift_amount' and add 'commission' field in type definitions ([77edf1d](https://github.com/perfect-panel/ppanel-web/commit/77edf1d))
+- **api**: Update API type definitions to replace 'deduction' with 'gift_amount' and make 'commission' field optional ([c2af060](https://github.com/perfect-panel/ppanel-web/commit/c2af060))
+- **auth**: Refactor user authentication forms to remove global store dependency and improve type handling ([12026b0](https://github.com/perfect-panel/ppanel-web/commit/12026b0))
+- **coupon**: Rename 'server' field to 'subscribe' in coupon form and update coupon update request type ([f8b6d82](https://github.com/perfect-panel/ppanel-web/commit/f8b6d82))
+- **types**: Add 'gift_amount' field to API type definitions ([8f8a12a](https://github.com/perfect-panel/ppanel-web/commit/8f8a12a))
+- **user**: Add the 'gift_amount' field to the user service's type definition ([6301409](https://github.com/perfect-panel/ppanel-web/commit/6301409))
 
 <a name="readme-top"></a>
 

apps/admin/app/(auth)/email/auth-form.tsx

@@ -11,15 +11,14 @@ import {
   NEXT_PUBLIC_DEFAULT_USER_PASSWORD,
 } from '@/config/constants';
 import { getRedirectUrl, setAuthorization } from '@/utils/common';
-import UserCheckForm from './user-check-form';
+import LoginForm from './login-form';
-import UserLoginForm from './user-login-form';
+import RegisterForm from './register-form';
-import UserRegisterForm from './user-register-form';
+import ResetForm from './reset-form';
-import UserResetForm from './user-reset-form';
 
-export default function UserAuthForm() {
+export default function EmailAuthForm() {
   const t = useTranslations('auth');
   const router = useRouter();
-  const [type, setType] = useState<'login' | 'register' | 'reset'>();
+  const [type, setType] = useState<'login' | 'register' | 'reset'>('login');
   const [loading, startTransition] = useTransition();
   const [initialValues, setInitialValues] = useState<{
     email?: string;
@@ -56,25 +55,18 @@ export default function UserAuthForm() {
             toast.success(t('reset.success'));
             setType('login');
             break;
-          default: {
-            if (type === 'reset') break;
-            setInitialValues({
-              ...initialValues,
-              ...params,
-            });
-            break;
-          }
         }
       } catch (error) {
         /* empty */
       }
     });
   };
+
   let UserForm: ReactNode = null;
   switch (type) {
     case 'login':
       UserForm = (
-        <UserLoginForm
+        <LoginForm
           loading={loading}
           onSubmit={handleFormSubmit}
           initialValues={initialValues}
@@ -85,7 +77,7 @@ export default function UserAuthForm() {
       break;
     case 'register':
       UserForm = (
-        <UserRegisterForm
+        <RegisterForm
           loading={loading}
           onSubmit={handleFormSubmit}
           initialValues={initialValues}
@@ -96,7 +88,7 @@ export default function UserAuthForm() {
       break;
     case 'reset':
       UserForm = (
-        <UserResetForm
+        <ResetForm
           loading={loading}
           onSubmit={handleFormSubmit}
           initialValues={initialValues}
@@ -105,17 +97,6 @@ export default function UserAuthForm() {
         />
       );
       break;
-    default:
-      UserForm = (
-        <UserCheckForm
-          loading={loading}
-          onSubmit={handleFormSubmit}
-          initialValues={initialValues}
-          type={type}
-          setType={setType}
-        />
-      );
-      break;
   }
 
   return (
@@ -126,33 +107,6 @@ export default function UserAuthForm() {
           {t(`${type || 'check'}.description`)}
         </div>
       </div>
-      {/* {!((type === 'register' && register.stop_register) || type === 'reset') && (
-        <>
-          <div className='mb-3 grid items-center justify-center gap-3 font-bold lg:grid-cols-3'>
-            <Button type='button' variant='outline'>
-              <Icon icon='uil:telegram' className='mr-2 size-5' />
-              Telegram
-            </Button>
-            <Button type='button' variant='outline'>
-              <Icon icon='uil:google' className='mr-2 size-5' />
-              Google
-            </Button>
-            <Button type='button' variant='outline'>
-              <Icon icon='uil:apple' className='mr-2 size-5' />
-              Apple
-            </Button>
-          </div>
-          <div
-            className={cn(
-              'my-14 flex h-0 items-center text-center',
-              'before:mr-4 before:block before:w-1/2 before:border-b-[1px]',
-              'after:ml-4 after:w-1/2 after:border-b-[1px]',
-            )}
-          >
-            <span className='text-muted-foreground w-[125px] text-sm'>{t('orWithEmail')}</span>
-          </div>
-        </>
-      )} */}
       {UserForm}
     </>
   );

apps/admin/app/(auth)/email/login-form.tsx

@@ -1,16 +1,16 @@
 import useGlobalStore from '@/config/use-global';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Icon } from '@iconify/react/dist/iconify.js';
 import { Button } from '@workspace/ui/components/button';
 import { Form, FormControl, FormField, FormItem, FormMessage } from '@workspace/ui/components/form';
 import { Input } from '@workspace/ui/components/input';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { useTranslations } from 'next-intl';
-import { Dispatch, SetStateAction } from 'react';
+import { Dispatch, SetStateAction, useRef } from 'react';
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
-import CloudFlareTurnstile from './turnstile';
+import CloudFlareTurnstile, { TurnstileRef } from '../turnstile';
 
-export default function UserLoginForm({
+export default function LoginForm({
   loading,
   onSubmit,
   initialValues,
@@ -21,14 +21,14 @@ export default function UserLoginForm({
   onSubmit: (data: any) => void;
   initialValues: any;
   setInitialValues: Dispatch<SetStateAction<any>>;
-  onSwitchForm: (type?: 'register' | 'reset') => void;
+  onSwitchForm: Dispatch<SetStateAction<'register' | 'reset' | 'login'>>;
 }) {
   const t = useTranslations('auth.login');
   const { common } = useGlobalStore();
   const { verify } = common;
 
   const formSchema = z.object({
-    email: z.string(),
+    email: z.string().email(t('email')),
     password: z.string(),
     cf_token:
       verify.enable_login_verify && verify.turnstile_site_key ? z.string() : z.string().optional(),
@@ -38,17 +38,26 @@ export default function UserLoginForm({
     defaultValues: initialValues,
   });
 
+  const turnstile = useRef<TurnstileRef>(null);
+  const handleSubmit = form.handleSubmit((data) => {
+    try {
+      onSubmit(data);
+    } catch (error) {
+      turnstile.current?.reset();
+    }
+  });
+
   return (
     <>
       <Form {...form}>
-        <form onSubmit={form.handleSubmit(onSubmit)} className='grid gap-6'>
+        <form onSubmit={handleSubmit} className='grid gap-6'>
           <FormField
             control={form.control}
             name='email'
             render={({ field }) => (
               <FormItem>
                 <FormControl>
-                  <Input disabled placeholder='Enter your email...' type='email' {...field} />
+                  <Input placeholder='Enter your email...' type='email' {...field} />
                 </FormControl>
                 <FormMessage />
               </FormItem>
@@ -60,12 +69,7 @@ export default function UserLoginForm({
             render={({ field }) => (
               <FormItem>
                 <FormControl>
-                  <Input
+                  <Input placeholder='Enter your password...' type='password' {...field} />
-                    disabled={loading}
-                    placeholder='Enter your password...'
-                    type='password'
-                    {...field}
-                  />
                 </FormControl>
                 <FormMessage />
               </FormItem>
@@ -78,7 +82,7 @@ export default function UserLoginForm({
               render={({ field }) => (
                 <FormItem>
                   <FormControl>
-                    <CloudFlareTurnstile id='login' {...field} />
+                    <CloudFlareTurnstile id='login' {...field} ref={turnstile} />
                   </FormControl>
                   <FormMessage />
                 </FormItem>
@@ -100,10 +104,10 @@ export default function UserLoginForm({
           className='p-0'
           onClick={() => {
             setInitialValues(undefined);
-            onSwitchForm(undefined);
+            onSwitchForm('register');
           }}
         >
-          {t('switchAccount')}
+          {t('registerAccount')}
         </Button>
       </div>
     </>

apps/admin/app/(auth)/email/register-form.tsx

@@ -1,19 +1,18 @@
 import useGlobalStore from '@/config/use-global';
-import { sendEmailCode } from '@/services/common/common';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Icon } from '@iconify/react/dist/iconify.js';
 import { Button } from '@workspace/ui/components/button';
 import { Form, FormControl, FormField, FormItem, FormMessage } from '@workspace/ui/components/form';
 import { Input } from '@workspace/ui/components/input';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { Markdown } from '@workspace/ui/custom-components/markdown';
-import { useCountDown } from 'ahooks';
 import { useTranslations } from 'next-intl';
-import { Dispatch, SetStateAction, useState } from 'react';
+import { Dispatch, SetStateAction, useRef } from 'react';
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
-import CloudFlareTurnstile from './turnstile';
+import SendCode from '../send-code';
+import CloudFlareTurnstile, { TurnstileRef } from '../turnstile';
 
-export default function UserRegisterForm({
+export default function RegisterForm({
   loading,
   onSubmit,
   initialValues,
@@ -24,34 +23,36 @@ export default function UserRegisterForm({
   onSubmit: (data: any) => void;
   initialValues: any;
   setInitialValues: Dispatch<SetStateAction<any>>;
-  onSwitchForm: (type?: 'register' | 'reset') => void;
+  onSwitchForm: Dispatch<SetStateAction<'register' | 'reset' | 'login'>>;
 }) {
   const t = useTranslations('auth.register');
   const { common } = useGlobalStore();
-  const { verify, register, invite } = common;
+  const { verify, auth, invite } = common;
 
-  const [targetDate, setTargetDate] = useState<number>();
+  const handleCheckUser = async (email: string) => {
-  const [, { seconds }] = useCountDown({
+    try {
-    targetDate,
+      if (!auth.email.enable_verify) return true;
-    onEnd: () => {
+      const domain = email.split('@')[1];
-      setTargetDate(undefined);
+      const isValid = auth.email?.domain_suffix_list.split('\n').includes(domain || '');
-    },
+      return isValid;
-  });
+    } catch (error) {
-  const handleSendCode = async () => {
+      console.log('Error checking user:', error);
-    await sendEmailCode({
+      return false;
-      email: initialValues.email,
+    }
-      type: 1,
-    });
-    setTargetDate(Date.now() + 60000);
   };
 
   const formSchema = z
     .object({
-      email: z.string(),
+      email: z
+        .string()
+        .email(t('email'))
+        .refine(handleCheckUser, {
+          message: t('whitelist'),
+        }),
       password: z.string(),
       repeat_password: z.string(),
-      code: register.enable_email_verify ? z.string() : z.string().nullish(),
+      code: auth.email.enable_verify ? z.string() : z.string().nullish(),
-      invite: invite.forced_invite ? z.string() : z.string().nullish(),
+      invite: invite.forced_invite ? z.string().min(1) : z.string().nullish(),
       cf_token:
         verify.enable_register_verify && verify.turnstile_site_key
           ? z.string()
@@ -66,28 +67,38 @@ export default function UserRegisterForm({
         });
       }
     });
+
   const form = useForm<z.infer<typeof formSchema>>({
     resolver: zodResolver(formSchema),
     defaultValues: {
       ...initialValues,
-      invite: sessionStorage.getItem('invite'),
+      invite: localStorage.getItem('invite') || '',
     },
   });
 
+  const turnstile = useRef<TurnstileRef>(null);
+  const handleSubmit = form.handleSubmit((data) => {
+    try {
+      onSubmit(data);
+    } catch (error) {
+      turnstile.current?.reset();
+    }
+  });
+
   return (
     <>
-      {register.stop_register ? (
+      {auth.register.stop_register ? (
         <Markdown>{t('message')}</Markdown>
       ) : (
         <Form {...form}>
-          <form onSubmit={form.handleSubmit(onSubmit)} className='grid gap-6'>
+          <form onSubmit={handleSubmit} className='grid gap-6'>
             <FormField
               control={form.control}
               name='email'
               render={({ field }) => (
                 <FormItem>
                   <FormControl>
-                    <Input disabled placeholder='Enter your email...' type='email' {...field} />
+                    <Input placeholder='Enter your email...' type='email' {...field} />
                   </FormControl>
                   <FormMessage />
                 </FormItem>
@@ -99,12 +110,7 @@ export default function UserRegisterForm({
               render={({ field }) => (
                 <FormItem>
                   <FormControl>
-                    <Input
+                    <Input placeholder='Enter your password...' type='password' {...field} />
-                      disabled={loading}
-                      placeholder='Enter your password...'
-                      type='password'
-                      {...field}
-                    />
                   </FormControl>
                   <FormMessage />
                 </FormItem>
@@ -127,7 +133,7 @@ export default function UserRegisterForm({
                 </FormItem>
               )}
             />
-            {register.enable_email_verify && (
+            {auth.email.enable_verify && (
               <FormField
                 control={form.control}
                 name='code'
@@ -142,9 +148,13 @@ export default function UserRegisterForm({
                           {...field}
                           value={field.value as string}
                         />
-                        <Button type='button' onClick={handleSendCode} disabled={seconds > 0}>
+                        <SendCode
-                          {seconds > 0 ? `${seconds}s` : t('get')}
+                          type='email'
-                        </Button>
+                          params={{
+                            ...form.getValues(),
+                            type: 1,
+                          }}
+                        />
                       </div>
                     </FormControl>
                     <FormMessage />
@@ -159,7 +169,7 @@ export default function UserRegisterForm({
                 <FormItem>
                   <FormControl>
                     <Input
-                      disabled={loading}
+                      disabled={loading || !!localStorage.getItem('invite')}
                       placeholder={t('invite')}
                       {...field}
                       value={field.value || ''}
@@ -176,7 +186,7 @@ export default function UserRegisterForm({
                 render={({ field }) => (
                   <FormItem>
                     <FormControl>
-                      <CloudFlareTurnstile id='register' {...field} />
+                      <CloudFlareTurnstile id='register' {...field} ref={turnstile} />
                     </FormControl>
                     <FormMessage />
                   </FormItem>
@@ -191,13 +201,13 @@ export default function UserRegisterForm({
         </Form>
       )}
       <div className='mt-4 text-right text-sm'>
-        {t('existingAccount')}
+        {t('existingAccount')}&nbsp;
         <Button
           variant='link'
           className='p-0'
           onClick={() => {
             setInitialValues(undefined);
-            onSwitchForm(undefined);
+            onSwitchForm('login');
           }}
         >
           {t('switchToLogin')}

apps/admin/app/(auth)/email/reset-form.tsx

@@ -1,18 +1,17 @@
 import useGlobalStore from '@/config/use-global';
-import { sendEmailCode } from '@/services/common/common';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Icon } from '@iconify/react';
 import { Button } from '@workspace/ui/components/button';
 import { Form, FormControl, FormField, FormItem, FormMessage } from '@workspace/ui/components/form';
 import { Input } from '@workspace/ui/components/input';
-import { useCountDown } from 'ahooks';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { useTranslations } from 'next-intl';
-import { Dispatch, SetStateAction, useState } from 'react';
+import { Dispatch, SetStateAction, useRef } from 'react';
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
-import CloudFlareTurnstile from './turnstile';
+import SendCode from '../send-code';
+import CloudFlareTurnstile, { TurnstileRef } from '../turnstile';
 
-export default function UserResetForm({
+export default function ResetForm({
   loading,
   onSubmit,
   initialValues,
@@ -23,32 +22,17 @@ export default function UserResetForm({
   onSubmit: (data: any) => void;
   initialValues: any;
   setInitialValues: Dispatch<SetStateAction<any>>;
-  onSwitchForm: (type?: 'register' | 'reset') => void;
+  onSwitchForm: Dispatch<SetStateAction<'register' | 'reset' | 'login'>>;
 }) {
   const t = useTranslations('auth.reset');
 
   const { common } = useGlobalStore();
-  const { verify, register } = common;
+  const { verify, auth } = common;
-
-  const [targetDate, setTargetDate] = useState<number>();
-  const [, { seconds }] = useCountDown({
-    targetDate,
-    onEnd: () => {
-      setTargetDate(undefined);
-    },
-  });
-  const handleSendCode = async () => {
-    await sendEmailCode({
-      email: initialValues.email,
-      type: 2,
-    });
-    setTargetDate(Date.now() + 60000); // 60秒倒计时
-  };
 
   const formSchema = z.object({
-    email: z.string(),
+    email: z.string().email(t('email')),
     password: z.string(),
-    code: register.enable_email_verify ? z.string() : z.string().nullish(),
+    code: auth?.email?.enable_verify ? z.string() : z.string().nullish(),
     cf_token:
       verify.enable_register_verify && verify.turnstile_site_key
         ? z.string()
@@ -59,41 +43,31 @@ export default function UserResetForm({
     defaultValues: initialValues,
   });
 
+  const turnstile = useRef<TurnstileRef>(null);
+  const handleSubmit = form.handleSubmit((data) => {
+    try {
+      onSubmit(data);
+    } catch (error) {
+      turnstile.current?.reset();
+    }
+  });
+
   return (
     <>
       <Form {...form}>
-        <form onSubmit={form.handleSubmit(onSubmit)} className='grid gap-6'>
+        <form onSubmit={handleSubmit} className='grid gap-6'>
           <FormField
             control={form.control}
             name='email'
             render={({ field }) => (
               <FormItem>
                 <FormControl>
-                  <Input disabled placeholder='Enter your email...' type='email' {...field} />
+                  <Input placeholder='Enter your email...' type='email' {...field} />
                 </FormControl>
                 <FormMessage />
               </FormItem>
             )}
           />
-          <FormField
-            control={form.control}
-            name='password'
-            render={({ field }) => (
-              <FormItem>
-                <FormControl>
-                  <Input
-                    disabled={loading}
-                    placeholder='Enter your password...'
-                    type='password'
-                    {...field}
-                  />
-                </FormControl>
-                <FormMessage />
-              </FormItem>
-            )}
-          />
-
-          {register.enable_email_verify && (
           <FormField
             control={form.control}
             name='code'
@@ -108,16 +82,31 @@ export default function UserResetForm({
                       {...field}
                       value={field.value as string}
                     />
-                      <Button type='button' onClick={handleSendCode} disabled={seconds > 0}>
+                    <SendCode
-                        {seconds > 0 ? `${seconds}s` : t('get')}
+                      type='email'
-                      </Button>
+                      params={{
+                        ...form.getValues(),
+                        type: 2,
+                      }}
+                    />
                   </div>
                 </FormControl>
                 <FormMessage />
               </FormItem>
             )}
           />
+          <FormField
+            control={form.control}
+            name='password'
+            render={({ field }) => (
+              <FormItem>
+                <FormControl>
+                  <Input placeholder='Enter your new password...' type='password' {...field} />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
             )}
+          />
           {verify.enable_reset_password_verify && (
             <FormField
               control={form.control}
@@ -125,7 +114,7 @@ export default function UserResetForm({
               render={({ field }) => (
                 <FormItem>
                   <FormControl>
-                    <CloudFlareTurnstile id='reset' {...field} />
+                    <CloudFlareTurnstile id='reset' {...field} ref={turnstile} />
                   </FormControl>
                   <FormMessage />
                 </FormItem>
@@ -139,13 +128,13 @@ export default function UserResetForm({
         </form>
       </Form>
       <div className='mt-4 text-right text-sm'>
-        {t('existingAccount')}
+        {t('existingAccount')}&nbsp;
         <Button
           variant='link'
           className='p-0'
           onClick={() => {
             setInitialValues(undefined);
-            onSwitchForm(undefined);
+            onSwitchForm('login');
           }}
         >
           {t('switchToLogin')}

apps/admin/app/(auth)/page.tsx

@@ -8,7 +8,7 @@ import LoginLottie from '@workspace/ui/lotties/login.json';
 import { useTranslations } from 'next-intl';
 import Image from 'next/legacy/image';
 import Link from 'next/link';
-import UserAuthForm from './user-auth-form';
+import EmailAuthForm from './email/auth-form';
 
 export default function Page() {
   const t = useTranslations('auth');
@@ -45,7 +45,7 @@ export default function Page() {
           <div className='lg:bg-background flex flex-col items-center rounded-2xl md:w-[600px] lg:flex-auto lg:p-10 lg:shadow'>
             <div className='flex flex-col items-stretch justify-center md:w-[400px] lg:h-full'>
               <div className='flex flex-col justify-center pb-14 lg:flex-auto lg:pb-20'>
-                <UserAuthForm />
+                <EmailAuthForm />
               </div>
               <div className='flex items-center justify-end'>
                 {/* <div className='text-primary flex gap-5 text-sm font-semibold'>

apps/admin/app/(auth)/send-code.tsx

@@ -0,0 +1,66 @@
+'use client';
+
+import { sendEmailCode, sendSmsCode } from '@/services/common/common';
+import { Button } from '@workspace/ui/components/button';
+import { useCountDown } from 'ahooks';
+import { useTranslations } from 'next-intl';
+import { useState } from 'react';
+
+interface SendCodeProps {
+  type: 'email' | 'phone';
+  params: {
+    email?: string;
+    type?: 1 | 2;
+    telephone_area_code?: string;
+    telephone?: string;
+  };
+}
+export default function SendCode({ type, params }: SendCodeProps) {
+  const t = useTranslations('auth');
+  const [targetDate, setTargetDate] = useState<number>();
+
+  const [, { seconds }] = useCountDown({
+    targetDate,
+    onEnd: () => {
+      setTargetDate(undefined);
+    },
+  });
+
+  const getEmailCode = async () => {
+    if (params.email && params.type) {
+      await sendEmailCode({
+        email: params.email,
+        type: params.type,
+      });
+      setTargetDate(Date.now() + 60000);
+    }
+  };
+
+  const getPhoneCode = async () => {
+    if (params.telephone && params.telephone_area_code && params.type) {
+      await sendSmsCode({
+        telephone: params.telephone,
+        telephone_area_code: params.telephone_area_code,
+        type: params.type,
+      });
+      setTargetDate(Date.now() + 60000);
+    }
+  };
+
+  const handleSendCode = async () => {
+    if (type === 'email') {
+      getEmailCode();
+    } else {
+      getPhoneCode();
+    }
+  };
+  const disabled =
+    seconds > 0 ||
+    (type === 'email' ? !params.email : !params.telephone || !params.telephone_area_code);
+
+  return (
+    <Button type='button' onClick={handleSendCode} disabled={disabled}>
+      {seconds > 0 ? `${seconds}s` : t('get')}
+    </Button>
+  );
+}

apps/admin/app/(auth)/turnstile.tsx

@@ -1,26 +1,38 @@
 'use client';
 
-import useGlobalStore from '@/config/use-global';
 import { useLocale } from 'next-intl';
 import { useTheme } from 'next-themes';
-import { useEffect } from 'react';
+import { forwardRef, useEffect, useImperativeHandle } from 'react';
 import Turnstile, { useTurnstile } from 'react-turnstile';
 
-export default function CloudFlareTurnstile({
+import useGlobalStore from '@/config/use-global';
-  id,
+
-  value,
+export type TurnstileRef = {
-  onChange,
+  reset: () => void;
-}: {
+};
+
+const CloudFlareTurnstile = forwardRef<
+  TurnstileRef,
+  {
     id?: string;
     value?: null | string;
     onChange: (value?: string) => void;
-}) {
+  }
+>(function CloudFlareTurnstile({ id, value, onChange }, ref) {
   const { common } = useGlobalStore();
   const { verify } = common;
   const { resolvedTheme } = useTheme();
   const locale = useLocale();
   const turnstile = useTurnstile();
 
+  useImperativeHandle(
+    ref,
+    () => ({
+      reset: () => turnstile.reset(),
+    }),
+    [turnstile],
+  );
+
   useEffect(() => {
     if (value === '') {
       turnstile.reset();
@@ -51,4 +63,6 @@ export default function CloudFlareTurnstile({
       />
     )
   );
-}
+});
+
+export default CloudFlareTurnstile;

apps/admin/app/(auth)/user-auth-form.tsx

@@ -1,159 +0,0 @@
-'use client';
-
-import {
-  NEXT_PUBLIC_DEFAULT_USER_EMAIL,
-  NEXT_PUBLIC_DEFAULT_USER_PASSWORD,
-} from '@/config/constants';
-import { checkUser, resetPassword, userLogin, userRegister } from '@/services/common/auth';
-import { getRedirectUrl, setAuthorization } from '@/utils/common';
-import { useTranslations } from 'next-intl';
-import { useRouter } from 'next/navigation';
-import { ReactNode, useState, useTransition } from 'react';
-import { toast } from 'sonner';
-import UserCheckForm from './user-check-form';
-import UserLoginForm from './user-login-form';
-import UserRegisterForm from './user-register-form';
-import UserResetForm from './user-reset-form';
-
-export default function UserAuthForm() {
-  const t = useTranslations('auth');
-  const router = useRouter();
-  const [type, setType] = useState<'login' | 'register' | 'reset'>();
-  const [loading, startTransition] = useTransition();
-  const [initialValues, setInitialValues] = useState<{
-    email?: string;
-    password?: string;
-  }>({
-    email: NEXT_PUBLIC_DEFAULT_USER_EMAIL,
-    password: NEXT_PUBLIC_DEFAULT_USER_PASSWORD,
-  });
-
-  const handleFormSubmit = async (params: any) => {
-    const onLogin = async (token?: string) => {
-      if (!token) return;
-      setAuthorization(token);
-      router.replace(getRedirectUrl());
-      router.refresh();
-    };
-    startTransition(async () => {
-      try {
-        switch (type) {
-          case 'login':
-            // eslint-disable-next-line no-case-declarations
-            const login = await userLogin(params);
-            toast.success(t('login.success'));
-            onLogin(login.data.data?.token);
-            break;
-          case 'register':
-            // eslint-disable-next-line no-case-declarations
-            const create = await userRegister(params);
-            toast.success(t('register.success'));
-            onLogin(create.data.data?.token);
-            break;
-          case 'reset':
-            await resetPassword(params);
-            toast.success(t('reset.success'));
-            setType('login');
-            break;
-          default:
-            if (type === 'reset') break;
-            // eslint-disable-next-line no-case-declarations
-            const response = await checkUser(params);
-            setInitialValues({
-              ...initialValues,
-              ...params,
-            });
-            setType(response.data.data?.exist ? 'login' : 'register');
-            break;
-        }
-      } catch (error) {
-        /* empty */
-      }
-    });
-  };
-  let UserForm: ReactNode = null;
-  switch (type) {
-    case 'login':
-      UserForm = (
-        <UserLoginForm
-          loading={loading}
-          onSubmit={handleFormSubmit}
-          initialValues={initialValues}
-          setInitialValues={setInitialValues}
-          onSwitchForm={setType}
-        />
-      );
-      break;
-    case 'register':
-      UserForm = (
-        <UserRegisterForm
-          loading={loading}
-          onSubmit={handleFormSubmit}
-          initialValues={initialValues}
-          setInitialValues={setInitialValues}
-          onSwitchForm={setType}
-        />
-      );
-      break;
-    case 'reset':
-      UserForm = (
-        <UserResetForm
-          loading={loading}
-          onSubmit={handleFormSubmit}
-          initialValues={initialValues}
-          setInitialValues={setInitialValues}
-          onSwitchForm={setType}
-        />
-      );
-      break;
-    default:
-      UserForm = (
-        <UserCheckForm
-          loading={loading}
-          onSubmit={handleFormSubmit}
-          initialValues={initialValues}
-        />
-      );
-      break;
-  }
-
-  return (
-    <>
-      <div className='mb-11 text-center'>
-        <h1 className='mb-3 text-2xl font-bold'>{t(`${type || 'check'}.title`)}</h1>
-        <div className='text-muted-foreground font-medium'>
-          {t(`${type || 'check'}.description`)}
-        </div>
-      </div>
-      {/* {!((type === 'register' && register.stop_register) || type === 'reset') && (
-        <>
-          <div className='mb-3 flex flex-wrap items-center justify-center gap-3 font-bold'>
-            <Button type='button' variant='outline'>
-              <Icon icon='uil:telegram' className='mr-2 size-5' />
-              Telegram
-            </Button>
-            <Button type='button' variant='outline'>
-              <Icon icon='uil:google' className='mr-2 size-5' />
-              Google
-            </Button>
-            <Button type='button' variant='outline'>
-              <Icon icon='uil:apple' className='mr-2 size-5' />
-              Apple
-            </Button>
-          </div>
-          <div
-            className={cn(
-              'my-14 flex h-0 items-center text-center',
-              'before:mr-4 before:block before:w-1/2 before:border-b-[1px]',
-              'after:ml-4 after:w-1/2 after:border-b-[1px]',
-            )}
-          >
-            <span className='text-muted-foreground w-[125px] text-sm'>{t('orWithEmail')}</span>
-          </div>
-        </>
-      )} */}
-
-      {UserForm}
-    </>
-  );
-}

apps/admin/app/(auth)/user-check-form.tsx

@@ -1,100 +0,0 @@
-import { zodResolver } from '@hookform/resolvers/zod';
-import { Icon } from '@iconify/react';
-import { Button } from '@workspace/ui/components/button';
-import { Form, FormControl, FormField, FormItem, FormMessage } from '@workspace/ui/components/form';
-import { Input } from '@workspace/ui/components/input';
-import { useTranslations } from 'next-intl';
-import { useEffect, useRef, useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { z } from 'zod';
-
-interface UserCheckFormProps {
-  loading?: boolean;
-  onSubmit: (data: any) => void;
-  initialValues: any;
-}
-
-export default function UserCheckForm({
-  loading,
-  onSubmit,
-  initialValues,
-}: Readonly<UserCheckFormProps>) {
-  const t = useTranslations('auth.check');
-
-  const formSchema = z.object({
-    email: z.string().email(t('email')),
-  });
-
-  const form = useForm<z.infer<typeof formSchema>>({
-    resolver: zodResolver(formSchema),
-    defaultValues: initialValues,
-  });
-
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const typingTimeoutRef = useRef<NodeJS.Timeout | null>(null);
-
-  const handleEmailChange = (value: string) => {
-    form.setValue('email', value);
-
-    if (typingTimeoutRef.current) {
-      clearTimeout(typingTimeoutRef.current);
-    }
-
-    typingTimeoutRef.current = setTimeout(async () => {
-      const isValid = await form.trigger('email');
-      if (isValid) {
-        setIsSubmitting(true);
-        form.handleSubmit(onSubmit)();
-      } else {
-        setIsSubmitting(false);
-      }
-    }, 500);
-  };
-
-  useEffect(() => {
-    if (initialValues?.email) {
-      handleEmailChange(initialValues.email);
-    }
-    return () => {
-      if (typingTimeoutRef.current) {
-        clearTimeout(typingTimeoutRef.current);
-      }
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return (
-    <Form {...form}>
-      <form onSubmit={form.handleSubmit(onSubmit)} className='grid gap-6'>
-        <FormField
-          control={form.control}
-          name='email'
-          render={({ field }) => (
-            <FormItem>
-              <FormControl>
-                <Input
-                  disabled={loading}
-                  placeholder='Enter your email...'
-                  type='email'
-                  {...field}
-                  onChange={(e) => handleEmailChange(e.target.value)}
-                />
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-        <Button type='submit' disabled={!isSubmitting}>
-          {isSubmitting ? (
-            <>
-              <Icon icon='mdi:loading' className='mr-2 size-5 animate-spin' />
-              {t('checking')}
-            </>
-          ) : (
-            t('continue')
-          )}
-        </Button>
-      </form>
-    </Form>
-  );
-}

apps/admin/app/dashboard/announcement/notice-form.tsx

@@ -1,5 +1,4 @@
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Icon } from '@iconify/react';
 import { Button } from '@workspace/ui/components/button';
 import {
   Form,
@@ -20,6 +19,7 @@ import {
   SheetTrigger,
 } from '@workspace/ui/components/sheet';
 import { MarkdownEditor } from '@workspace/ui/custom-components/editor';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { useTranslations } from 'next-intl';
 import { useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';

apps/admin/app/dashboard/auth-control/apple/page.tsx

@@ -0,0 +1,148 @@
+'use client';
+
+import { getAuthMethodConfig, updateAuthMethodConfig } from '@/services/admin/authMethod';
+import { useQuery } from '@tanstack/react-query';
+import { Label } from '@workspace/ui/components/label';
+import { Switch } from '@workspace/ui/components/switch';
+import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
+import { Textarea } from '@workspace/ui/components/textarea';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { useTranslations } from 'next-intl';
+import { toast } from 'sonner';
+
+export default function Page() {
+  const t = useTranslations('apple');
+
+  const { data, refetch } = useQuery({
+    queryKey: ['getAuthMethodConfig', 'apple'],
+    queryFn: async () => {
+      const { data } = await getAuthMethodConfig({
+        method: 'apple',
+      });
+      return data.data;
+    },
+  });
+
+  async function updateConfig(key: keyof API.UpdateAuthMethodConfigRequest, value: unknown) {
+    try {
+      await updateAuthMethodConfig({
+        ...data,
+        [key]: value,
+      } as API.UpdateAuthMethodConfigRequest);
+      toast.success(t('saveSuccess'));
+      refetch();
+    } catch (error) {
+      toast.error(t('saveFailed'));
+    }
+  }
+
+  return (
+    <Table>
+      <TableBody>
+        <TableRow>
+          <TableCell>
+            <Label>{t('enable')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('enableDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <Switch
+              checked={data?.enabled}
+              onCheckedChange={(checked) => updateConfig('enabled', checked)}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell>
+            <Label>{t('teamId')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('teamIdDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <EnhancedInput
+              placeholder='ABCDE1FGHI'
+              value={data?.config?.team_id}
+              onValueBlur={(value) => {
+                updateConfig('config', {
+                  ...data?.config,
+                  team_id: value,
+                });
+              }}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell>
+            <Label>{t('keyId')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('keyIdDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <EnhancedInput
+              placeholder='ABC1234567'
+              value={data?.config?.key_id}
+              onValueBlur={(value) => {
+                updateConfig('config', {
+                  ...data?.config,
+                  key_id: value,
+                });
+              }}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell>
+            <Label>{t('clientId')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('clientIdDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <EnhancedInput
+              placeholder='com.your.app.service'
+              value={data?.config?.client_id}
+              onValueBlur={(value) => {
+                updateConfig('config', {
+                  ...data?.config,
+                  client_id: value,
+                });
+              }}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell className='align-top'>
+            <Label>{t('clientSecret')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('clientSecretDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <Textarea
+              className='h-20'
+              placeholder={`-----BEGIN PRIVATE KEY-----\nMIGTAgEA...\n-----END PRIVATE KEY-----`}
+              defaultValue={data?.config?.client_secret}
+              onBlur={(e) => {
+                updateConfig('config', {
+                  ...data?.config,
+                  client_secret: e.target.value,
+                });
+              }}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell>
+            <Label>{t('redirectUri')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('redirectUriDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <EnhancedInput
+              placeholder='https://your-domain.com'
+              value={data?.config.redirect_url}
+              onValueBlur={(value) =>
+                updateConfig('config', {
+                  ...data?.config,
+                  redirect_url: value,
+                })
+              }
+            />
+          </TableCell>
+        </TableRow>
+      </TableBody>
+    </Table>
+  );
+}

apps/admin/app/dashboard/auth-control/device/page.tsx

@@ -0,0 +1,55 @@
+'use client';
+
+import { getAuthMethodConfig, updateAuthMethodConfig } from '@/services/admin/authMethod';
+import { useQuery } from '@tanstack/react-query';
+import { Label } from '@workspace/ui/components/label';
+import { Switch } from '@workspace/ui/components/switch';
+import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
+import { useTranslations } from 'next-intl';
+import { toast } from 'sonner';
+
+export default function Page() {
+  const t = useTranslations('device');
+
+  const { data, refetch } = useQuery({
+    queryKey: ['getAuthMethodConfig', 'device'],
+    queryFn: async () => {
+      const { data } = await getAuthMethodConfig({
+        method: 'device',
+      });
+      return data.data;
+    },
+  });
+
+  async function updateConfig(key: keyof API.UpdateAuthMethodConfigRequest, value: unknown) {
+    try {
+      await updateAuthMethodConfig({
+        ...data,
+        [key]: value,
+      } as API.UpdateAuthMethodConfigRequest);
+      toast.success(t('saveSuccess'));
+      refetch();
+    } catch (error) {
+      toast.error(t('saveFailed'));
+    }
+  }
+
+  return (
+    <Table>
+      <TableBody>
+        <TableRow>
+          <TableCell>
+            <Label>{t('enable')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('enableDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <Switch
+              checked={data?.enabled}
+              onCheckedChange={(checked) => updateConfig('enabled', checked)}
+            />
+          </TableCell>
+        </TableRow>
+      </TableBody>
+    </Table>
+  );
+}

apps/admin/app/dashboard/auth-control/email/page.tsx

@@ -0,0 +1,322 @@
+'use client';
+
+import {
+  getAuthMethodConfig,
+  testEmailSend,
+  updateAuthMethodConfig,
+} from '@/services/admin/authMethod';
+import { useQuery } from '@tanstack/react-query';
+import { Button } from '@workspace/ui/components/button';
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@workspace/ui/components/card';
+import { Label } from '@workspace/ui/components/label';
+import { Switch } from '@workspace/ui/components/switch';
+import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
+import { Textarea } from '@workspace/ui/components/textarea';
+import { HTMLEditor } from '@workspace/ui/custom-components/editor';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { useTranslations } from 'next-intl';
+import { useRef, useState } from 'react';
+import { toast } from 'sonner';
+import { LogsTable } from '../log';
+
+export default function Page() {
+  const t = useTranslations('email');
+  const ref = useRef<Partial<API.AuthMethodConfig>>({});
+  const [email, setEmail] = useState<string>();
+
+  const { data, refetch, isFetching } = useQuery({
+    queryKey: ['getAuthMethodConfig', 'email'],
+    queryFn: async () => {
+      const { data } = await getAuthMethodConfig({
+        method: 'email',
+      });
+      ref.current = data.data as API.AuthMethodConfig;
+      return data.data;
+    },
+  });
+
+  async function updateConfig(key: string, value: unknown) {
+    if (data?.[key] === value) return;
+    try {
+      await updateAuthMethodConfig({
+        ...ref.current,
+        [key]: value,
+      } as API.UpdateAuthMethodConfigRequest);
+      toast.success(t('saveSuccess'));
+      refetch();
+    } catch (error) {
+      toast.error(t('saveFailed'));
+    }
+  }
+
+  return (
+    <Tabs defaultValue='settings'>
+      <TabsList className='h-full flex-wrap'>
+        <TabsTrigger value='settings'>{t('settings')}</TabsTrigger>
+        <TabsTrigger value='template'>{t('template')}</TabsTrigger>
+        <TabsTrigger value='logs'>{t('logs')}</TabsTrigger>
+      </TabsList>
+      <TabsContent value='settings'>
+        <Table>
+          <TableBody>
+            <TableRow>
+              <TableCell>
+                <Label>{t('enable')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('enableDescription')}</p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <Switch
+                  checked={data?.enabled}
+                  onCheckedChange={(checked) => updateConfig('enabled', checked)}
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('emailVerification')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('emailVerificationDescription')}</p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <Switch
+                  checked={data?.config?.enable_verify}
+                  onCheckedChange={(checked) =>
+                    updateConfig('config', { ...data?.config, enable_verify: checked })
+                  }
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('emailSuffixWhitelist')}</Label>
+                <p className='text-muted-foreground text-xs'>
+                  {t('emailSuffixWhitelistDescription')}
+                </p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <Switch
+                  checked={data?.config?.enable_domain_suffix}
+                  onCheckedChange={(checked) =>
+                    updateConfig('config', { ...data?.config, enable_domain_suffix: checked })
+                  }
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell className='align-top'>
+                <Label>{t('whitelistSuffixes')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('whitelistSuffixesDescription')}</p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <Textarea
+                  className='h-32'
+                  placeholder={t('whitelistSuffixesPlaceholder')}
+                  defaultValue={data?.config?.domain_suffix_list}
+                  onBlur={(e) =>
+                    updateConfig('config', { ...data?.config, domain_suffix_list: e.target.value })
+                  }
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('smtpServerAddress')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('smtpServerAddressDescription')}</p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <EnhancedInput
+                  placeholder={t('inputPlaceholder')}
+                  value={data?.config?.platform_config?.host}
+                  onValueBlur={(value) =>
+                    updateConfig('config', {
+                      ...data?.config,
+                      platform_config: {
+                        ...data?.platform_config,
+                        host: value,
+                      },
+                    })
+                  }
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('smtpServerPort')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('smtpServerPortDescription')}</p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <EnhancedInput
+                  placeholder={t('inputPlaceholder')}
+                  value={data?.config?.platform_config?.port}
+                  type='number'
+                  onValueBlur={(value) =>
+                    updateConfig('config', {
+                      ...data?.config,
+                      platform_config: {
+                        ...ref.current?.config?.platform_config,
+                        port: value,
+                      },
+                    })
+                  }
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('smtpEncryptionMethod')}</Label>
+                <p className='text-muted-foreground text-xs'>
+                  {t('smtpEncryptionMethodDescription')}
+                </p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <Switch
+                  checked={data?.config?.platform_config?.ssl}
+                  onCheckedChange={(checked) =>
+                    updateConfig('config', {
+                      ...data?.config,
+                      platform_config: {
+                        ...ref.current?.config?.platform_config,
+                        ssl: checked,
+                      },
+                    })
+                  }
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('smtpAccount')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('smtpAccountDescription')}</p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <EnhancedInput
+                  placeholder={t('inputPlaceholder')}
+                  value={data?.config?.platform_config?.user}
+                  onValueBlur={(value) =>
+                    updateConfig('config', {
+                      ...data?.config,
+                      platform_config: {
+                        ...ref.current?.config?.platform_config,
+                        user: value,
+                      },
+                    })
+                  }
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('smtpPassword')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('smtpPasswordDescription')}</p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <EnhancedInput
+                  placeholder={t('inputPlaceholder')}
+                  value={data?.config?.platform_config?.pass}
+                  type='password'
+                  onValueBlur={(value) =>
+                    updateConfig('config', {
+                      ...data?.config,
+                      platform_config: {
+                        ...ref.current?.config?.platform_config,
+                        pass: value,
+                      },
+                    })
+                  }
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('senderAddress')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('senderAddressDescription')}</p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <EnhancedInput
+                  placeholder={t('inputPlaceholder')}
+                  value={data?.config?.platform_config?.from}
+                  onValueBlur={(value) =>
+                    updateConfig('config', {
+                      ...data?.config,
+                      platform_config: {
+                        ...ref.current?.config?.platform_config,
+                        from: value,
+                      },
+                    })
+                  }
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('sendTestEmail')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('sendTestEmailDescription')}</p>
+              </TableCell>
+              <TableCell className='flex items-center gap-2 text-right'>
+                <EnhancedInput
+                  placeholder='test@example.com'
+                  value={email}
+                  type='email'
+                  onValueChange={(value) => setEmail(value as string)}
+                />
+                <Button
+                  disabled={!email || isFetching}
+                  onClick={async () => {
+                    if (!email) return;
+                    try {
+                      await testEmailSend({ email });
+                      toast.success(t('sendSuccess'));
+                    } catch {
+                      toast.error(t('sendFailure'));
+                    }
+                  }}
+                >
+                  {t('sendTestEmail')}
+                </Button>
+              </TableCell>
+            </TableRow>
+          </TableBody>
+        </Table>
+      </TabsContent>
+
+      <TabsContent value='template'>
+        <div className='grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3'>
+          {['verify_email_template', 'expiration_email_template', 'maintenance_email_template'].map(
+            (templateKey) => (
+              <Card key={templateKey}>
+                <CardHeader>
+                  <CardTitle>{t(`${templateKey}`)}</CardTitle>
+                  <CardDescription>
+                    {t(`${templateKey}Description`, { after: '{{', before: '}}' })}
+                  </CardDescription>
+                </CardHeader>
+                <CardContent>
+                  <HTMLEditor
+                    placeholder={t('inputPlaceholder')}
+                    value={data?.config?.[templateKey] as string}
+                    onBlur={(value) =>
+                      updateConfig('config', {
+                        ...data?.config,
+                        [templateKey]: value,
+                      })
+                    }
+                  />
+                </CardContent>
+              </Card>
+            ),
+          )}
+        </div>
+      </TabsContent>
+
+      <TabsContent value='logs'>
+        <LogsTable type='email' />
+      </TabsContent>
+    </Tabs>
+  );
+}

apps/admin/app/dashboard/auth-control/facebook/page.tsx

@@ -0,0 +1,92 @@
+'use client';
+
+import { getAuthMethodConfig, updateAuthMethodConfig } from '@/services/admin/authMethod';
+import { useQuery } from '@tanstack/react-query';
+import { Label } from '@workspace/ui/components/label';
+import { Switch } from '@workspace/ui/components/switch';
+import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { useTranslations } from 'next-intl';
+import { toast } from 'sonner';
+
+export default function Page() {
+  const t = useTranslations('facebook');
+
+  const { data, refetch } = useQuery({
+    queryKey: ['getAuthMethodConfig', 'facebook'],
+    queryFn: async () => {
+      const { data } = await getAuthMethodConfig({
+        method: 'facebook',
+      });
+      return data.data;
+    },
+  });
+
+  async function updateConfig(key: keyof API.UpdateAuthMethodConfigRequest, value: unknown) {
+    try {
+      await updateAuthMethodConfig({
+        ...data,
+        [key]: value,
+      } as API.UpdateAuthMethodConfigRequest);
+      toast.success(t('saveSuccess'));
+      refetch();
+    } catch (error) {
+      toast.error(t('saveFailed'));
+    }
+  }
+
+  return (
+    <Table>
+      <TableBody>
+        <TableRow>
+          <TableCell>
+            <Label>{t('enable')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('enableDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <Switch
+              checked={data?.enabled}
+              onCheckedChange={(checked) => updateConfig('enabled', checked)}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell>
+            <Label>{t('clientId')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('clientIdDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <EnhancedInput
+              placeholder='1234567890123456'
+              value={data?.config?.client_id}
+              onValueBlur={(value) => {
+                updateConfig('config', {
+                  ...data?.config,
+                  client_id: value,
+                });
+              }}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell className='align-top'>
+            <Label>{t('clientSecret')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('clientSecretDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <EnhancedInput
+              placeholder='1234567890abcdef1234567890abcdef'
+              value={data?.config?.client_secret}
+              onValueBlur={(value) => {
+                updateConfig('config', {
+                  ...data?.config,
+                  client_secret: value,
+                });
+              }}
+            />
+          </TableCell>
+        </TableRow>
+      </TableBody>
+    </Table>
+  );
+}

apps/admin/app/dashboard/auth-control/general/invite.tsx

@@ -0,0 +1,103 @@
+'use client';
+
+import { getInviteConfig, updateInviteConfig } from '@/services/admin/system';
+import { useQuery } from '@tanstack/react-query';
+import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/components/card';
+import { Label } from '@workspace/ui/components/label';
+import { Switch } from '@workspace/ui/components/switch';
+import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { useTranslations } from 'next-intl';
+import { toast } from 'sonner';
+
+export function Invite() {
+  const t = useTranslations('auth-control.invite');
+
+  const { data, refetch } = useQuery({
+    queryKey: ['getInviteConfig'],
+    queryFn: async () => {
+      const { data } = await getInviteConfig();
+
+      return data.data;
+    },
+  });
+
+  async function updateConfig(key: string, value: unknown) {
+    if (data?.[key] === value) return;
+    try {
+      await updateInviteConfig({
+        ...data,
+        [key]: value,
+      } as API.InviteConfig);
+      toast.success(t('saveSuccess'));
+      refetch();
+    } catch (error) {
+      /* empty */
+    }
+  }
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>{t('inviteSettings')}</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <Table>
+          <TableBody>
+            <TableRow>
+              <TableCell>
+                <Label>{t('enableForcedInvite')}</Label>
+                <p className='text-muted-foreground text-xs'>
+                  {t('enableForcedInviteDescription')}
+                </p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <Switch
+                  checked={data?.forced_invite}
+                  onCheckedChange={(checked) => {
+                    updateConfig('forced_invite', checked);
+                  }}
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('inviteCommissionPercentage')}</Label>
+                <p className='text-muted-foreground text-xs'>
+                  {t('inviteCommissionPercentageDescription')}
+                </p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <EnhancedInput
+                  placeholder={t('inputPlaceholder')}
+                  value={data?.referral_percentage}
+                  type='number'
+                  min={0}
+                  max={100}
+                  suffix='%'
+                  onValueBlur={(value) => updateConfig('referral_percentage', value)}
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('commissionFirstTimeOnly')}</Label>
+                <p className='text-muted-foreground text-xs'>
+                  {t('commissionFirstTimeOnlyDescription')}
+                </p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <Switch
+                  checked={data?.only_first_purchase}
+                  onCheckedChange={(checked) => {
+                    updateConfig('only_first_purchase', checked);
+                  }}
+                />
+              </TableCell>
+            </TableRow>
+          </TableBody>
+        </Table>
+      </CardContent>
+    </Card>
+  );
+}

apps/admin/app/dashboard/auth-control/general/page.tsx

@@ -0,0 +1,17 @@
+'use client';
+
+import { Invite } from './invite';
+import { Register } from './register';
+import { Verify } from './verify';
+import { VerifyCode } from './verify-code';
+
+export default function Page() {
+  return (
+    <div className='space-y-3'>
+      <Invite />
+      <Register />
+      <VerifyCode />
+      <Verify />
+    </div>
+  );
+}

apps/admin/app/dashboard/auth-control/general/register.tsx

@@ -0,0 +1,201 @@
+'use client';
+
+import { getSubscribeList } from '@/services/admin/subscribe';
+import { getRegisterConfig, updateRegisterConfig } from '@/services/admin/system';
+import { useQuery } from '@tanstack/react-query';
+import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/components/card';
+import { Label } from '@workspace/ui/components/label';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@workspace/ui/components/select';
+import { Switch } from '@workspace/ui/components/switch';
+import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
+import { Combobox } from '@workspace/ui/custom-components/combobox';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { useTranslations } from 'next-intl';
+import { toast } from 'sonner';
+
+export function Register() {
+  const t = useTranslations('auth-control.register');
+
+  const { data, refetch } = useQuery({
+    queryKey: ['getRegisterConfig'],
+    queryFn: async () => {
+      const { data } = await getRegisterConfig();
+
+      return data.data;
+    },
+  });
+
+  async function updateConfig(key: string, value: unknown) {
+    if (data?.[key] === value) return;
+    await updateRegisterConfig({
+      ...data,
+      [key]: value,
+    } as API.RegisterConfig);
+    toast.success(t('saveSuccess'));
+    refetch();
+  }
+
+  const { data: subscribe } = useQuery({
+    queryKey: ['getSubscribeList', 'all'],
+    queryFn: async () => {
+      const { data } = await getSubscribeList({
+        page: 1,
+        size: 9999,
+      });
+      return data.data?.list as API.Subscribe[];
+    },
+  });
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>{t('registerSettings')}</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <Table>
+          <TableBody>
+            <TableRow>
+              <TableCell>
+                <Label>{t('stopNewUserRegistration')}</Label>
+                <p className='text-muted-foreground text-xs'>
+                  {t('stopNewUserRegistrationDescription')}
+                </p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <Switch
+                  checked={data?.stop_register}
+                  onCheckedChange={(checked) => {
+                    updateConfig('stop_register', checked);
+                  }}
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('ipRegistrationLimit')}</Label>
+                <p className='text-muted-foreground text-xs'>
+                  {t('ipRegistrationLimitDescription')}
+                </p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <Switch
+                  checked={data?.enable_ip_register_limit}
+                  onCheckedChange={(checked) => {
+                    updateConfig('enable_ip_register_limit', checked);
+                  }}
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('registrationLimitCount')}</Label>
+                <p className='text-muted-foreground text-xs'>
+                  {t('registrationLimitCountDescription')}
+                </p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <EnhancedInput
+                  type='number'
+                  min={0}
+                  value={data?.ip_register_limit}
+                  onValueBlur={(value) => updateConfig('ip_register_limit', value)}
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('penaltyTime')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('penaltyTimeDescription')}</p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <EnhancedInput
+                  type='number'
+                  min={0}
+                  value={data?.ip_register_limit_duration}
+                  onValueBlur={(value) => updateConfig('ip_register_limit_duration', value)}
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('trialRegistration')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('trialRegistrationDescription')}</p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <Switch
+                  checked={data?.enable_trial}
+                  onCheckedChange={(checked) => {
+                    updateConfig('enable_trial', checked);
+                  }}
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('trialSubscribePlan')}</Label>
+                <p className='text-muted-foreground text-xs'>
+                  {t('trialSubscribePlanDescription')}
+                </p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <EnhancedInput
+                  placeholder={t('trialDuration')}
+                  type='number'
+                  min={0}
+                  value={data?.trial_time}
+                  onValueBlur={(value) => updateConfig('trial_time', value)}
+                  prefix={
+                    <Select
+                      value={String(data?.trial_subscribe)}
+                      onValueChange={(value) => updateConfig('trial_subscribe', Number(value))}
+                    >
+                      <SelectTrigger className='bg-secondary rounded-r-none'>
+                        {data?.trial_subscribe ? (
+                          <SelectValue placeholder='Select Subscribe' />
+                        ) : (
+                          'Select Subscribe'
+                        )}
+                      </SelectTrigger>
+                      <SelectContent>
+                        {subscribe?.map((item) => (
+                          <SelectItem key={item.id} value={String(item.id)}>
+                            {item.name}
+                          </SelectItem>
+                        ))}
+                      </SelectContent>
+                    </Select>
+                  }
+                  suffix={
+                    <Combobox
+                      className='bg-secondary rounded-l-none'
+                      value={data?.trial_time_unit}
+                      onChange={(value) => {
+                        if (value) {
+                          updateConfig('trial_time_unit', value);
+                        }
+                      }}
+                      options={[
+                        { label: t('noLimit'), value: 'NoLimit' },
+                        { label: t('year'), value: 'Year' },
+                        { label: t('month'), value: 'Month' },
+                        { label: t('day'), value: 'Day' },
+                        { label: t('hour'), value: 'Hour' },
+                        { label: t('minute'), value: 'Minute' },
+                      ]}
+                    />
+                  }
+                />
+              </TableCell>
+            </TableRow>
+          </TableBody>
+        </Table>
+      </CardContent>
+    </Card>
+  );
+}

apps/admin/app/dashboard/auth-control/general/verify-code.tsx

@@ -0,0 +1,95 @@
+'use client';
+
+import { getVerifyCodeConfig, updateVerifyCodeConfig } from '@/services/admin/system';
+import { useQuery } from '@tanstack/react-query';
+import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/components/card';
+import { Label } from '@workspace/ui/components/label';
+import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { useTranslations } from 'next-intl';
+import { toast } from 'sonner';
+
+export function VerifyCode() {
+  const t = useTranslations('auth-control.verify-code');
+
+  const { data, refetch } = useQuery({
+    queryKey: ['getVerifyCodeConfig'],
+    queryFn: async () => {
+      const { data } = await getVerifyCodeConfig();
+      return data.data;
+    },
+  });
+
+  async function updateConfig(key: string, value: unknown) {
+    if (data?.[key] === value) return;
+    try {
+      await updateVerifyCodeConfig({
+        ...data,
+        [key]: value,
+      } as API.VerifyCodeConfig);
+      toast.success(t('saveSuccess'));
+      refetch();
+    } catch (error) {
+      /* empty */
+    }
+  }
+
+  return (
+    <Card className='mb-6'>
+      <CardHeader>
+        <CardTitle>{t('verifyCodeSettings')}</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <Table>
+          <TableBody>
+            <TableRow>
+              <TableCell>
+                <Label>{t('expireTime')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('expireTimeDescription')}</p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <EnhancedInput
+                  type='number'
+                  placeholder='300'
+                  value={data?.verify_code_expire_time}
+                  onValueBlur={(value) => updateConfig('verify_code_expire_time', Number(value))}
+                  suffix={t('second')}
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('interval')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('intervalDescription')}</p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <EnhancedInput
+                  type='number'
+                  placeholder='60'
+                  value={data?.verify_code_interval}
+                  onValueBlur={(value) => updateConfig('verify_code_interval', Number(value))}
+                  suffix={t('second')}
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('dailyLimit')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('dailyLimitDescription')}</p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <EnhancedInput
+                  type='number'
+                  placeholder='15'
+                  value={data?.verify_code_limit}
+                  onValueBlur={(value) => updateConfig('verify_code_limit', Number(value))}
+                  suffix={t('times')}
+                />
+              </TableCell>
+            </TableRow>
+          </TableBody>
+        </Table>
+      </CardContent>
+    </Card>
+  );
+}

apps/admin/app/dashboard/auth-control/general/verify.tsx

@@ -0,0 +1,125 @@
+'use client';
+
+import { getVerifyConfig, updateVerifyConfig } from '@/services/admin/system';
+import { useQuery } from '@tanstack/react-query';
+import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/components/card';
+import { Label } from '@workspace/ui/components/label';
+import { Switch } from '@workspace/ui/components/switch';
+import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { useTranslations } from 'next-intl';
+import { toast } from 'sonner';
+
+export function Verify() {
+  const t = useTranslations('auth-control.verify');
+
+  const { data, refetch } = useQuery({
+    queryKey: ['getVerifyConfig'],
+    queryFn: async () => {
+      const { data } = await getVerifyConfig();
+      return data.data;
+    },
+  });
+
+  async function updateConfig(key: string, value: unknown) {
+    if (data?.[key] === value) return;
+    try {
+      await updateVerifyConfig({
+        ...data,
+        [key]: value,
+      } as API.VerifyConfig);
+      toast.success(t('saveSuccess'));
+      refetch();
+    } catch (error) {
+      /* empty */
+    }
+  }
+
+  return (
+    <Card className='mb-6'>
+      <CardHeader>
+        <CardTitle>{t('verifySettings')}</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <Table>
+          <TableBody>
+            <TableRow>
+              <TableCell>
+                <Label>Turnstile Site Key</Label>
+                <p className='text-muted-foreground text-xs'>{t('turnstileSiteKeyDescription')}</p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <EnhancedInput
+                  placeholder={t('inputPlaceholder')}
+                  value={data?.turnstile_site_key}
+                  onValueBlur={(value) => updateConfig('turnstile_site_key', value)}
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>Turnstile Site Secret</Label>
+                <p className='text-muted-foreground text-xs'>{t('turnstileSecretDescription')}</p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <EnhancedInput
+                  placeholder={t('inputPlaceholder')}
+                  value={data?.turnstile_secret}
+                  onValueBlur={(value) => updateConfig('turnstile_secret', value)}
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('registrationVerificationCode')}</Label>
+                <p className='text-muted-foreground text-xs'>
+                  {t('registrationVerificationCodeDescription')}
+                </p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <Switch
+                  checked={data?.enable_register_verify}
+                  onCheckedChange={(checked) => {
+                    updateConfig('enable_register_verify', checked);
+                  }}
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('loginVerificationCode')}</Label>
+                <p className='text-muted-foreground text-xs'>
+                  {t('loginVerificationCodeDescription')}
+                </p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <Switch
+                  checked={data?.enable_login_verify}
+                  onCheckedChange={(checked) => {
+                    updateConfig('enable_login_verify', checked);
+                  }}
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('resetPasswordVerificationCode')}</Label>
+                <p className='text-muted-foreground text-xs'>
+                  {t('resetPasswordVerificationCodeDescription')}
+                </p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <Switch
+                  checked={data?.enable_reset_password_verify}
+                  onCheckedChange={(checked) => {
+                    updateConfig('enable_reset_password_verify', checked);
+                  }}
+                />
+              </TableCell>
+            </TableRow>
+          </TableBody>
+        </Table>
+      </CardContent>
+    </Card>
+  );
+}

apps/admin/app/dashboard/auth-control/github/page.tsx

@@ -0,0 +1,91 @@
+'use client';
+
+import { getAuthMethodConfig, updateAuthMethodConfig } from '@/services/admin/authMethod';
+import { useQuery } from '@tanstack/react-query';
+import { Label } from '@workspace/ui/components/label';
+import { Switch } from '@workspace/ui/components/switch';
+import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { useTranslations } from 'next-intl';
+import { toast } from 'sonner';
+
+export default function Page() {
+  const t = useTranslations('github');
+
+  const { data, refetch } = useQuery({
+    queryKey: ['getAuthMethodConfig', 'github'],
+    queryFn: async () => {
+      const { data } = await getAuthMethodConfig({
+        method: 'github',
+      });
+      return data.data;
+    },
+  });
+
+  async function updateConfig(key: keyof API.UpdateAuthMethodConfigRequest, value: unknown) {
+    try {
+      await updateAuthMethodConfig({
+        ...data,
+        [key]: value,
+      } as API.UpdateAuthMethodConfigRequest);
+      toast.success(t('saveSuccess'));
+      refetch();
+    } catch (error) {
+      toast.error(t('saveFailed'));
+    }
+  }
+  return (
+    <Table>
+      <TableBody>
+        <TableRow>
+          <TableCell>
+            <Label>{t('enable')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('enableDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <Switch
+              checked={data?.enabled}
+              onCheckedChange={(checked) => updateConfig('enabled', checked)}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell>
+            <Label>{t('clientId')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('clientIdDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <EnhancedInput
+              placeholder='e.g., Iv1.1234567890abcdef'
+              value={data?.config?.client_id}
+              onValueBlur={(value) =>
+                updateConfig('config', {
+                  ...data?.config,
+                  client_id: value,
+                })
+              }
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell className='align-top'>
+            <Label>{t('clientSecret')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('clientSecretDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <EnhancedInput
+              placeholder='e.g., 1234567890abcdef1234567890abcdef12345678'
+              value={data?.config?.client_secret}
+              onValueBlur={(value) => {
+                updateConfig('config', {
+                  ...data?.config,
+                  client_secret: value,
+                });
+              }}
+            />
+          </TableCell>
+        </TableRow>
+      </TableBody>
+    </Table>
+  );
+}

apps/admin/app/dashboard/auth-control/google/page.tsx

@@ -0,0 +1,92 @@
+'use client';
+
+import { getAuthMethodConfig, updateAuthMethodConfig } from '@/services/admin/authMethod';
+import { useQuery } from '@tanstack/react-query';
+import { Label } from '@workspace/ui/components/label';
+import { Switch } from '@workspace/ui/components/switch';
+import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { useTranslations } from 'next-intl';
+import { toast } from 'sonner';
+
+export default function Page() {
+  const t = useTranslations('google');
+
+  const { data, refetch } = useQuery({
+    queryKey: ['getAuthMethodConfig', 'google'],
+    queryFn: async () => {
+      const { data } = await getAuthMethodConfig({
+        method: 'google',
+      });
+      return data.data;
+    },
+  });
+
+  async function updateConfig(key: keyof API.UpdateAuthMethodConfigRequest, value: unknown) {
+    try {
+      await updateAuthMethodConfig({
+        ...data,
+        [key]: value,
+      } as API.UpdateAuthMethodConfigRequest);
+      toast.success(t('saveSuccess'));
+      refetch();
+    } catch (error) {
+      toast.error(t('saveFailed'));
+    }
+  }
+
+  return (
+    <Table>
+      <TableBody>
+        <TableRow>
+          <TableCell>
+            <Label>{t('enable')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('enableDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <Switch
+              checked={data?.enabled}
+              onCheckedChange={(checked) => updateConfig('enabled', checked)}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell>
+            <Label>{t('clientId')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('clientIdDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <EnhancedInput
+              placeholder='123456789-abc123def456.apps.googleusercontent.com'
+              value={data?.config?.client_id}
+              onValueBlur={(value) => {
+                updateConfig('config', {
+                  ...data?.config,
+                  client_id: value,
+                });
+              }}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell className='align-top'>
+            <Label>{t('clientSecret')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('clientSecretDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <EnhancedInput
+              placeholder='GOCSPX-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
+              value={data?.config?.client_secret}
+              onValueBlur={(value) => {
+                updateConfig('config', {
+                  ...data?.config,
+                  client_secret: value,
+                });
+              }}
+            />
+          </TableCell>
+        </TableRow>
+      </TableBody>
+    </Table>
+  );
+}

apps/admin/app/dashboard/auth-control/layout.tsx

@@ -0,0 +1,29 @@
+'use client';
+
+import { AuthControl } from '@/config/navs';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
+import { useTranslations } from 'next-intl';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+
+interface AuthControlLayoutProps {
+  children: React.ReactNode;
+}
+
+export default function AuthControlLayout({ children }: Readonly<AuthControlLayoutProps>) {
+  const pathname = usePathname();
+  const t = useTranslations('menu');
+  if (!pathname) return null;
+  return (
+    <Tabs value={pathname}>
+      <TabsList className='h-full flex-wrap'>
+        {AuthControl.map((item) => (
+          <TabsTrigger key={item.url} value={item.url} asChild>
+            <Link href={item.url}>{t(item.title)}</Link>
+          </TabsTrigger>
+        ))}
+      </TabsList>
+      <TabsContent value={pathname}>{children}</TabsContent>
+    </Tabs>
+  );
+}

apps/admin/app/dashboard/auth-control/log/index.tsx

@@ -0,0 +1,108 @@
+import { ProTable, ProTableActions } from '@/components/pro-table';
+import { getMessageLogList } from '@/services/admin/log';
+import { Badge } from '@workspace/ui/components/badge';
+import { formatDate } from '@workspace/ui/utils';
+import { useTranslations } from 'next-intl';
+import { useRef } from 'react';
+
+export function LogsTable({ type }: { type: 'email' | 'mobile' }) {
+  const t = useTranslations('auth-control.log');
+  const ref = useRef<ProTableActions>(null);
+
+  return (
+    <ProTable<
+      API.MessageLog,
+      {
+        platform?: string;
+        to?: string;
+        subject?: string;
+        content?: string;
+        status?: number;
+      }
+    >
+      action={ref}
+      header={{
+        title: t(`${type}Log`),
+      }}
+      columns={[
+        {
+          accessorKey: 'id',
+          header: 'ID',
+        },
+        {
+          accessorKey: 'platform',
+          header: t('platform'),
+        },
+        {
+          accessorKey: 'to',
+          header: t('to'),
+        },
+        {
+          accessorKey: 'subject',
+          header: t('subject'),
+        },
+        {
+          accessorKey: 'content',
+          header: t('content'),
+        },
+        {
+          accessorKey: 'status',
+          header: t('status'),
+          cell: ({ row }) => {
+            const status = row.getValue('status');
+            const text = status === 1 ? t('sendSuccess') : t('sendFailed');
+            return <Badge variant={status === 1 ? 'default' : 'destructive'}>{text}</Badge>;
+          },
+        },
+        {
+          accessorKey: 'created_at',
+          header: t('createdAt'),
+          cell: ({ row }) => formatDate(row.getValue('created_at')),
+        },
+        {
+          accessorKey: 'updated_at',
+          header: t('updatedAt'),
+          cell: ({ row }) => formatDate(row.getValue('updated_at')),
+        },
+      ]}
+      params={[
+        // {
+        //   key: 'platform',
+        //   placeholder: t('platform'),
+        // },
+        {
+          key: 'to',
+          placeholder: t('to'),
+        },
+        {
+          key: 'subject',
+          placeholder: t('subject'),
+        },
+        {
+          key: 'content',
+          placeholder: t('content'),
+        },
+        {
+          key: 'status',
+          placeholder: t('status'),
+          options: [
+            { label: t('sendSuccess'), value: '1' },
+            { label: t('sendFailed'), value: '0' },
+          ],
+        },
+      ]}
+      request={async (pagination, filter) => {
+        const { data } = await getMessageLogList({
+          ...pagination,
+          ...filter,
+          status: filter.status === undefined ? undefined : Number(filter.status),
+          type: type,
+        });
+        return {
+          list: data.data?.list || [],
+          total: data.data?.total || 0,
+        };
+      }}
+    />
+  );
+}

apps/admin/app/dashboard/auth-control/page.tsx

@@ -0,0 +1,5 @@
+import { redirect } from 'next/navigation';
+
+export default function Page() {
+  return redirect('/dashboard/auth-control/general');
+}

apps/admin/app/dashboard/auth-control/phone/page.tsx

@@ -0,0 +1,395 @@
+'use client';
+
+import {
+  getAuthMethodConfig,
+  getSmsPlatform,
+  testSmsSend,
+  updateAuthMethodConfig,
+} from '@/services/admin/authMethod';
+import { useQuery } from '@tanstack/react-query';
+import { Button } from '@workspace/ui/components/button';
+import { Label } from '@workspace/ui/components/label';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@workspace/ui/components/select';
+import { Switch } from '@workspace/ui/components/switch';
+import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
+import { Textarea } from '@workspace/ui/components/textarea';
+import { AreaCodeSelect } from '@workspace/ui/custom-components/area-code-select';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import TagInput from '@workspace/ui/custom-components/tag-input';
+import { useTranslations } from 'next-intl';
+import Link from 'next/link';
+import { useState } from 'react';
+import { toast } from 'sonner';
+import { LogsTable } from '../log';
+
+export default function Page() {
+  const t = useTranslations('phone');
+  const { data, refetch, isFetching } = useQuery({
+    queryKey: ['getAuthMethodConfig', 'mobile'],
+    queryFn: async () => {
+      const { data } = await getAuthMethodConfig({
+        method: 'mobile',
+      });
+      return data.data;
+    },
+  });
+
+  const { data: platforms } = useQuery({
+    queryKey: ['getSmsPlatform'],
+    queryFn: async () => {
+      const { data } = await getSmsPlatform();
+      return data.data?.list;
+    },
+  });
+
+  const selectedPlatform = platforms?.find(
+    (platform) => platform.platform === data?.config?.platform,
+  );
+  const { platform_url, platform_field_description: platformConfig } = selectedPlatform ?? {};
+
+  async function updateConfig(key: string, value: unknown) {
+    if (data?.[key] === value) return;
+
+    try {
+      await updateAuthMethodConfig({
+        ...data,
+        [key]: value,
+      } as API.UpdateAuthMethodConfigRequest);
+      toast.success(t('updateSuccess'));
+      refetch();
+    } catch (error) {
+      /* empty */
+    }
+  }
+  const [params, setParams] = useState<API.TestSmsSendRequest>({
+    telephone: '',
+    area_code: '1',
+  });
+
+  return (
+    <Tabs defaultValue='settings' className='w-full'>
+      <TabsList>
+        <TabsTrigger value='settings'>{t('settings')}</TabsTrigger>
+        <TabsTrigger value='logs'>{t('logs')}</TabsTrigger>
+      </TabsList>
+
+      <TabsContent value='settings'>
+        <Table>
+          <TableBody>
+            <TableRow>
+              <TableCell>
+                <Label>{t('enable')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('enableTip')}</p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <Switch
+                  checked={data?.enabled}
+                  onCheckedChange={(checked) => updateConfig('enabled', checked)}
+                  disabled={isFetching}
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('whitelistValidation')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('whitelistValidationTip')}</p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <Switch
+                  defaultValue={data?.config?.enable_whitelist}
+                  onCheckedChange={(checked) =>
+                    updateConfig('config', { ...data?.config, enable_whitelist: checked })
+                  }
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('whitelistAreaCode')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('whitelistAreaCodeTip')}</p>
+              </TableCell>
+              <TableCell className='w-1/2 text-right'>
+                <TagInput
+                  placeholder='1, 852, 886, 888'
+                  value={data?.config?.whitelist || []}
+                  onChange={(value) =>
+                    updateConfig('config', { ...data?.config, whitelist: value })
+                  }
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('platform')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('platformTip')}</p>
+              </TableCell>
+              <TableCell className='flex items-center gap-1 text-right'>
+                <Select
+                  value={data?.config?.platform}
+                  onValueChange={(value) =>
+                    updateConfig('config', {
+                      ...data?.config,
+                      platform: value,
+                    })
+                  }
+                  disabled={isFetching}
+                >
+                  <SelectTrigger>
+                    <SelectValue />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {platforms?.map((item) => (
+                      <SelectItem key={item.platform} value={item.platform}>
+                        {item.platform}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+                {platform_url && (
+                  <Button size='sm' asChild>
+                    <Link href={platform_url} target='_blank'>
+                      {t('applyPlatform')}
+                    </Link>
+                  </Button>
+                )}
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableCell>
+                <Label>{t('accessLabel')}</Label>
+                <p className='text-muted-foreground text-xs'>
+                  {t('platformConfigTip', { key: platformConfig?.access })}
+                </p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <EnhancedInput
+                  value={data?.config?.platform_config.access ?? ''}
+                  onValueBlur={(value) =>
+                    updateConfig('config', {
+                      ...data?.config,
+                      platform_config: {
+                        ...data?.config?.platform_config,
+                        access: value,
+                      },
+                    })
+                  }
+                  disabled={isFetching}
+                  placeholder={t('platformConfigTip', { key: platformConfig?.access })}
+                />
+              </TableCell>
+            </TableRow>
+            {platformConfig?.endpoint && (
+              <TableRow>
+                <TableCell>
+                  <Label>{t('endpointLabel')}</Label>
+                  <p className='text-muted-foreground text-xs'>
+                    {t('platformConfigTip', { key: platformConfig?.endpoint })}
+                  </p>
+                </TableCell>
+                <TableCell className='text-right'>
+                  <EnhancedInput
+                    value={data?.config?.platform_config.endpoint ?? ''}
+                    onValueBlur={(value) =>
+                      updateConfig('config', {
+                        ...data?.config,
+                        platform_config: {
+                          ...data?.config?.platform_config,
+                          endpoint: value,
+                        },
+                      })
+                    }
+                    disabled={isFetching}
+                    placeholder={t('platformConfigTip', { key: platformConfig?.endpoint })}
+                  />
+                </TableCell>
+              </TableRow>
+            )}
+            <TableRow>
+              <TableCell>
+                <Label>{t('secretLabel')}</Label>
+                <p className='text-muted-foreground text-xs'>
+                  {t('platformConfigTip', { key: platformConfig?.secret })}
+                </p>
+              </TableCell>
+              <TableCell className='text-right'>
+                <EnhancedInput
+                  value={data?.config?.platform_config?.secret ?? ''}
+                  onValueBlur={(value) =>
+                    updateConfig('config', {
+                      ...data?.config,
+                      platform_config: {
+                        ...data?.config?.platform_config,
+                        secret: value,
+                      },
+                    })
+                  }
+                  disabled={isFetching}
+                  type='password'
+                  placeholder={t('platformConfigTip', { key: platformConfig?.secret })}
+                />
+              </TableCell>
+            </TableRow>
+            {platformConfig?.template_code && (
+              <TableRow>
+                <TableCell>
+                  <Label>{t('templateCodeLabel')}</Label>
+                  <p className='text-muted-foreground text-xs'>
+                    {t('platformConfigTip', { key: platformConfig?.template_code })}
+                  </p>
+                </TableCell>
+                <TableCell className='text-right'>
+                  <EnhancedInput
+                    value={data?.config?.platform_config?.template_code ?? 'code'}
+                    onValueBlur={(value) =>
+                      updateConfig('config', {
+                        ...data?.config,
+                        platform_config: {
+                          ...data?.config?.platform_config,
+                          template_code: value,
+                        },
+                      })
+                    }
+                    disabled={isFetching}
+                    placeholder={t('platformConfigTip', { key: platformConfig?.template_code })}
+                  />
+                </TableCell>
+              </TableRow>
+            )}
+            {platformConfig?.sign_name && (
+              <TableRow>
+                <TableCell>
+                  <Label>{t('signNameLabel')}</Label>
+                  <p className='text-muted-foreground text-xs'>
+                    {t('platformConfigTip', { key: platformConfig?.sign_name })}
+                  </p>
+                </TableCell>
+                <TableCell className='text-right'>
+                  <EnhancedInput
+                    value={data?.config?.platform_config?.sign_name ?? ''}
+                    onValueBlur={(value) =>
+                      updateConfig('config', {
+                        ...data?.config,
+                        platform_config: {
+                          ...data?.config?.platform_config,
+                          sign_name: value,
+                        },
+                      })
+                    }
+                    disabled={isFetching}
+                    placeholder={t('platformConfigTip', {
+                      key: platformConfig?.sign_name,
+                    })}
+                  />
+                </TableCell>
+              </TableRow>
+            )}
+            {platformConfig?.phone_number && (
+              <TableRow>
+                <TableCell>
+                  <Label>{t('phoneNumberLabel')}</Label>
+                  <p className='text-muted-foreground text-xs'>
+                    {t('platformConfigTip', { key: platformConfig?.phone_number })}
+                  </p>
+                </TableCell>
+                <TableCell className='text-right'>
+                  <EnhancedInput
+                    value={data?.config?.platform_config?.phone_number ?? ''}
+                    onValueBlur={(value) =>
+                      updateConfig('config', {
+                        ...data?.config,
+                        platform_config: {
+                          ...data?.config?.platform_config,
+                          phone_number: value,
+                        },
+                      })
+                    }
+                    disabled={isFetching}
+                    placeholder={t('platformConfigTip', {
+                      key: platformConfig?.phone_number,
+                    })}
+                  />
+                </TableCell>
+              </TableRow>
+            )}
+            {platformConfig?.code_variable && (
+              <TableRow>
+                <TableCell>
+                  <Label>{t('template')}</Label>
+                  <p className='text-muted-foreground text-xs'>
+                    {t('templateTip', { code: platformConfig?.code_variable })}
+                  </p>
+                </TableCell>
+                <TableCell className='text-right'>
+                  <Textarea
+                    defaultValue={data?.config?.platform_config?.template ?? ''}
+                    onBlur={(e) =>
+                      updateConfig('config', {
+                        ...data?.config,
+                        platform_config: {
+                          ...data?.config?.platform_config,
+                          template: e.target.value,
+                        },
+                      })
+                    }
+                    disabled={isFetching}
+                    placeholder={t('placeholders.template', {
+                      code: platformConfig?.code_variable,
+                    })}
+                  />
+                </TableCell>
+              </TableRow>
+            )}
+            <TableRow>
+              <TableCell>
+                <Label>{t('testSms')}</Label>
+                <p className='text-muted-foreground text-xs'>{t('testSmsTip')}</p>
+              </TableCell>
+              <TableCell className='flex items-center gap-2 text-right'>
+                <AreaCodeSelect
+                  value={params.area_code}
+                  onChange={(value) => {
+                    if (value.phone) {
+                      setParams((prev) => ({ ...prev, area_code: value.phone! }));
+                    }
+                  }}
+                />
+                <EnhancedInput
+                  placeholder={t('testSmsPhone')}
+                  value={params.telephone}
+                  onValueChange={(value) => {
+                    setParams((prev) => ({ ...prev, telephone: value as string }));
+                  }}
+                />
+                <Button
+                  disabled={!params.telephone || !params.area_code}
+                  onClick={async () => {
+                    if (isFetching || !params.telephone || !params.area_code) return;
+                    try {
+                      await testSmsSend(params);
+                      toast.success(t('sendSuccess'));
+                    } catch {
+                      toast.error(t('sendFailed'));
+                    }
+                  }}
+                >
+                  {t('testSms')}
+                </Button>
+              </TableCell>
+            </TableRow>
+          </TableBody>
+        </Table>
+      </TabsContent>
+
+      <TabsContent value='logs'>
+        <LogsTable type='mobile' />
+      </TabsContent>
+    </Tabs>
+  );
+}

apps/admin/app/dashboard/auth-control/telegram/page.tsx

@@ -0,0 +1,92 @@
+'use client';
+
+import { getAuthMethodConfig, updateAuthMethodConfig } from '@/services/admin/authMethod';
+import { useQuery } from '@tanstack/react-query';
+import { Label } from '@workspace/ui/components/label';
+import { Switch } from '@workspace/ui/components/switch';
+import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { useTranslations } from 'next-intl';
+import { toast } from 'sonner';
+
+export default function Page() {
+  const t = useTranslations('telegram');
+
+  const { data, refetch } = useQuery({
+    queryKey: ['getAuthMethodConfig', 'telegram'],
+    queryFn: async () => {
+      const { data } = await getAuthMethodConfig({
+        method: 'telegram',
+      });
+      return data.data;
+    },
+  });
+
+  async function updateConfig(key: keyof API.UpdateAuthMethodConfigRequest, value: unknown) {
+    try {
+      await updateAuthMethodConfig({
+        ...data,
+        [key]: value,
+      } as API.UpdateAuthMethodConfigRequest);
+      toast.success(t('saveSuccess'));
+      refetch();
+    } catch (error) {
+      toast.error(t('saveFailed'));
+    }
+  }
+
+  return (
+    <Table>
+      <TableBody>
+        <TableRow>
+          <TableCell>
+            <Label>{t('enable')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('enableDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <Switch
+              checked={data?.enabled}
+              onCheckedChange={(checked) => updateConfig('enabled', checked)}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell>
+            <Label>{t('clientId')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('clientIdDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <EnhancedInput
+              placeholder='6123456789'
+              value={data?.config?.bot}
+              onValueBlur={(value) => {
+                updateConfig('config', {
+                  ...data?.config,
+                  bot: value,
+                });
+              }}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell>
+            <Label>{t('clientSecret')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('clientSecretDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <EnhancedInput
+              placeholder='6123456789:AAHn_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
+              value={data?.config?.bot_token}
+              onValueBlur={(value) => {
+                updateConfig('config', {
+                  ...data?.config,
+                  bot_token: value,
+                });
+              }}
+            />
+          </TableCell>
+        </TableRow>
+      </TableBody>
+    </Table>
+  );
+}

apps/admin/app/dashboard/coupon/coupon-form.tsx

@@ -2,7 +2,6 @@
 
 import { getSubscribeList } from '@/services/admin/subscribe';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Icon } from '@iconify/react';
 import { useQuery } from '@tanstack/react-query';
 import { Button } from '@workspace/ui/components/button';
 import {
@@ -26,6 +25,7 @@ import {
 import { Combobox } from '@workspace/ui/custom-components/combobox';
 import { DatePicker } from '@workspace/ui/custom-components/date-picker';
 import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { unitConversion } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
 import { useEffect, useState } from 'react';

apps/admin/app/dashboard/document/document-form.tsx

@@ -1,5 +1,4 @@
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Icon } from '@iconify/react';
 import { Button } from '@workspace/ui/components/button';
 import {
   Form,
@@ -20,6 +19,7 @@ import {
   SheetTrigger,
 } from '@workspace/ui/components/sheet';
 import { MarkdownEditor } from '@workspace/ui/custom-components/editor';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { TagInput } from '@workspace/ui/custom-components/tag-input';
 import { useTranslations } from 'next-intl';
 import { useEffect, useState } from 'react';

apps/admin/app/dashboard/order/page.tsx

@@ -17,7 +17,7 @@ import { cn } from '@workspace/ui/lib/utils';
 import { formatDate } from '@workspace/ui/utils';
 import { UserDetail } from '../user/user-detail';
 
-export default function Page() {
+export default function Page(props: any) {
   const t = useTranslations('order');
 
   const statusOptions = [
@@ -115,7 +115,7 @@ export default function Page() {
                 <Separator className='my-4' />
                 <ul className='grid gap-3'>
                   <li className='flex items-center justify-between'>
-                    <span className='text-muted-foreground'>支付方式</span>
+                    <span className='text-muted-foreground'>{t('method')}</span>
                     <span>{t(`methods.${row.original.method}`)}</span>
                   </li>
                 </ul>
@@ -177,10 +177,19 @@ export default function Page() {
             value: String(item.id),
           })),
         },
-        { key: 'user_id', placeholder: `${t('user')}ID` },
+      ].concat(
-      ]}
+        props.userId
+          ? []
+          : [
+              {
+                key: 'user_id',
+                placeholder: `${t('user')} ID`,
+                options: undefined,
+              },
+            ],
+      )}
       request={async (pagination, filter) => {
-        const { data } = await getOrderList({ ...pagination, ...filter });
+        const { data } = await getOrderList({ ...pagination, ...filter, user_id: props.userId });
         return {
           list: data.data?.list || [],
           total: data.data?.total || 0,

apps/admin/app/dashboard/server/form-schema.ts

@@ -91,6 +91,9 @@ const protocolConfigSchema = z.discriminatedUnion('protocol', [
 
 const baseFormSchema = z.object({
   name: z.string(),
+  tags: z.array(z.string()).nullish().default([]),
+  country: z.string().nullish(),
+  city: z.string().nullish(),
   server_addr: z.string(),
   speed_limit: z.number().nullish(),
   traffic_ratio: z.number().default(1),

apps/admin/app/dashboard/server/group-form.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Icon } from '@iconify/react';
 import { Button } from '@workspace/ui/components/button';
 import {
   Form,
@@ -21,6 +20,7 @@ import {
   SheetTrigger,
 } from '@workspace/ui/components/sheet';
 import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { useTranslations } from 'next-intl';
 import { useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';

apps/admin/app/dashboard/server/node-config.tsx

@@ -14,8 +14,8 @@ import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/
 import { ArrayInput } from '@workspace/ui/custom-components/dynamic-Inputs';
 import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
 import { DicesIcon } from 'lucide-react';
-import { nanoid } from 'nanoid';
 import { useTranslations } from 'next-intl';
+import { uid } from 'radash';
 import { useMemo, useState } from 'react';
 import { Cell, Legend, Pie, PieChart } from 'recharts';
 import { toast } from 'sonner';
@@ -28,8 +28,53 @@ const COLORS = [
   'hsl(var(--chart-5))',
 ];
 
-export default function Node() {
+const MINUTES_IN_DAY = 1440; // 24 * 60
-  const t = useTranslations('system.node');
+
+function getTimeRangeData(slots: API.TimePeriod[]) {
+  const timePoints = slots
+    .filter((slot) => slot.start_time && slot.end_time)
+    .flatMap((slot) => {
+      const [startH = 0, startM = 0] = slot.start_time.split(':').map(Number);
+      const [endH = 0, endM = 0] = slot?.end_time.split(':').map(Number);
+      const start = startH * 60 + startM;
+      let end = endH * 60 + endM;
+      if (end < start) end += MINUTES_IN_DAY;
+      return { start, end, multiplier: slot.multiplier };
+    })
+    .sort((a, b) => a.start - b.start);
+
+  const result = [];
+  let currentMinute = 0;
+
+  timePoints.forEach((point) => {
+    if (point.start > currentMinute) {
+      result.push({
+        name: `${Math.floor(currentMinute / 60)}:${String(currentMinute % 60).padStart(2, '0')} - ${Math.floor(point.start / 60)}:${String(point.start % 60).padStart(2, '0')}`,
+        value: point.start - currentMinute,
+        multiplier: 1,
+      });
+    }
+    result.push({
+      name: `${Math.floor(point.start / 60)}:${String(point.start % 60).padStart(2, '0')} - ${Math.floor((point.end / 60) % 24)}:${String(point.end % 60).padStart(2, '0')}`,
+      value: point.end - point.start,
+      multiplier: point.multiplier,
+    });
+    currentMinute = point.end % MINUTES_IN_DAY;
+  });
+
+  if (currentMinute < MINUTES_IN_DAY) {
+    result.push({
+      name: `${Math.floor(currentMinute / 60)}:${String(currentMinute % 60).padStart(2, '0')} - 24:00`,
+      value: MINUTES_IN_DAY - currentMinute,
+      multiplier: 1,
+    });
+  }
+
+  return result;
+}
+
+export default function NodeConfig() {
+  const t = useTranslations('server.config');
 
   const { data, refetch } = useQuery({
     queryKey: ['getNodeConfig'],
@@ -68,14 +113,11 @@ export default function Node() {
   });
 
   const chartTimeSlots = useMemo(() => {
-    return timeSlots.map((slot) => ({
+    return getTimeRangeData(timeSlots);
-      name: `${slot.start_time} - ${slot.end_time}`,
-      value: slot.multiplier,
-    }));
   }, [timeSlots]);
 
   const chartConfig = useMemo(() => {
-    return chartTimeSlots.reduce(
+    return chartTimeSlots?.reduce(
       (acc, item, index) => {
         acc[item.name] = {
           label: item.name,
@@ -102,11 +144,16 @@ export default function Node() {
                 value={data?.node_secret}
                 onValueBlur={(value) => updateConfig('node_secret', value)}
                 suffix={
+                  <div className='bg-muted flex h-9 items-center text-nowrap px-3'>
                     <DicesIcon
                       onClick={() => {
-                      updateConfig('node_secret', nanoid());
+                        const id = uid(32).toLowerCase();
+                        const formatted = `${id.slice(0, 8)}-${id.slice(8, 12)}-${id.slice(12, 16)}-${id.slice(16, 20)}-${id.slice(20)}`;
+                        updateConfig('node_secret', formatted);
                       }}
+                      className='cursor-pointer'
                     />
+                  </div>
                 }
               />
             </TableCell>
@@ -136,6 +183,7 @@ export default function Node() {
               <EnhancedInput
                 type='number'
                 min={0}
+                step={0.1}
                 value={data?.node_push_interval}
                 onValueBlur={(value) => updateConfig('node_push_interval', value)}
                 placeholder={t('inputPlaceholder')}
@@ -187,8 +235,8 @@ export default function Node() {
                 outerRadius='80%'
                 fill='#8884d8'
                 dataKey='value'
-                label={({ name, percent, value }) =>
+                label={({ name, percent, multiplier }) =>
-                  `${value?.toFixed(2)}x (${(percent * 100).toFixed(0)}%)`
+                  `${(multiplier || 0)?.toFixed(2)}x (${(percent * 100).toFixed(0)}%)`
                 }
               >
                 {chartTimeSlots.map((entry, index) => (
@@ -214,7 +262,7 @@ export default function Node() {
                             <span className='text-muted-foreground text-[0.70rem] uppercase'>
                               {t('multiplier')}
                             </span>
-                            <span className='font-bold'>{data.value.toFixed(2)}x</span>
+                            <span className='font-bold'>{data.multiplier.toFixed(2)}x</span>
                           </div>
                         </div>
                       </div>
@@ -236,7 +284,7 @@ export default function Node() {
                 type: 'time',
               },
               { name: 'end_time', prefix: t('endTime'), type: 'time' },
-              { name: 'multiplier', prefix: t('multiplier'), type: 'number' },
+              { name: 'multiplier', prefix: t('multiplier'), type: 'number', placeholder: '0' },
             ]}
             value={timeSlots}
             onChange={setTimeSlots}

apps/admin/app/dashboard/server/node-form.tsx

@@ -2,7 +2,6 @@
 
 import { getNodeGroupList } from '@/services/admin/server';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Icon } from '@iconify/react';
 import { useQuery } from '@tanstack/react-query';
 import { Button } from '@workspace/ui/components/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/components/card';
@@ -35,6 +34,8 @@ import { Tabs, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
 import { Combobox } from '@workspace/ui/custom-components/combobox';
 import { ArrayInput } from '@workspace/ui/custom-components/dynamic-Inputs';
 import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { Icon } from '@workspace/ui/custom-components/icon';
+import TagInput from '@workspace/ui/custom-components/tag-input';
 import { cn } from '@workspace/ui/lib/utils';
 import { unitConversion } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
@@ -63,6 +64,7 @@ export default function NodeForm<T extends { [x: string]: any }>({
   const form = useForm({
     resolver: zodResolver(formSchema),
     defaultValues: {
+      tags: [],
       traffic_ratio: 1,
       protocol: 'shadowsocks',
       ...initialValues,
@@ -158,6 +160,61 @@ export default function NodeForm<T extends { [x: string]: any }>({
                   )}
                 />
               </div>
+              <div className='grid grid-cols-5 gap-2'>
+                <FormField
+                  control={form.control}
+                  name='tags'
+                  render={({ field }) => (
+                    <FormItem className='col-span-3'>
+                      <FormLabel>{t('form.tags')}</FormLabel>
+                      <FormControl>
+                        <TagInput
+                          placeholder={t('form.tagsPlaceholder')}
+                          value={field.value || []}
+                          onChange={(value) => form.setValue(field.name, value)}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+                <FormField
+                  control={form.control}
+                  name='country'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('form.country')}</FormLabel>
+                      <FormControl>
+                        <EnhancedInput
+                          {...field}
+                          onValueChange={(value) => {
+                            form.setValue(field.name, value);
+                          }}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+                <FormField
+                  control={form.control}
+                  name='city'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('form.city')}</FormLabel>
+                      <FormControl>
+                        <EnhancedInput
+                          {...field}
+                          onValueChange={(value) => {
+                            form.setValue(field.name, value);
+                          }}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
               <div className='grid grid-cols-3 gap-2'>
                 <FormField
                   control={form.control}

apps/admin/app/dashboard/server/node-table.tsx

@@ -116,13 +116,6 @@ export default function NodeTable() {
             );
           },
         },
-        {
-          accessorKey: 'status',
-          header: t('status'),
-          cell: ({ row }) => {
-            return <NodeStatusCell status={row.original?.status} />;
-          },
-        },
         {
           accessorKey: 'name',
           header: t('name'),
@@ -130,6 +123,23 @@ export default function NodeTable() {
         {
           accessorKey: 'server_addr',
           header: t('serverAddr'),
+          cell: ({ row }) => {
+            return (
+              <div className='flex gap-1'>
+                <Badge variant='outline'>
+                  {row.original.country} - {row.original.city}
+                </Badge>
+                <Badge variant='outline'>{row.getValue('server_addr')}</Badge>
+              </div>
+            );
+          },
+        },
+        {
+          accessorKey: 'status',
+          header: t('status'),
+          cell: ({ row }) => {
+            return <NodeStatusCell status={row.original?.status} />;
+          },
         },
         {
           accessorKey: 'speed_limit',
@@ -152,6 +162,24 @@ export default function NodeTable() {
             return name ? <Badge variant='outline'>{name}</Badge> : '--';
           },
         },
+        {
+          accessorKey: 'tags',
+          header: t('tags'),
+          cell: ({ row }) => {
+            const tags = (row.getValue('tags') as string[]) || [];
+            return tags.length > 0 ? (
+              <div className='flex gap-1'>
+                {tags.map((tag) => (
+                  <Badge key={tag} variant='outline'>
+                    {tag}
+                  </Badge>
+                ))}
+              </div>
+            ) : (
+              '--'
+            );
+          },
+        },
       ]}
       params={[
         {
@@ -200,9 +228,24 @@ export default function NodeTable() {
               }
             }}
           />,
+          <ConfirmButton
+            key='delete'
+            trigger={<Button variant='destructive'>{t('delete')}</Button>}
+            title={t('confirmDelete')}
+            description={t('deleteWarning')}
+            onConfirm={async () => {
+              await deleteNode({
+                id: row.id,
+              });
+              toast.success(t('deleteSuccess'));
+              ref.current?.refresh();
+            }}
+            cancelText={t('cancel')}
+            confirmText={t('confirm')}
+          />,
           <Button
             key='copy'
-            variant='secondary'
+            variant='outline'
             onClick={async () => {
               setLoading(true);
               try {
@@ -223,21 +266,6 @@ export default function NodeTable() {
           >
             {t('copy')}
           </Button>,
-          <ConfirmButton
-            key='delete'
-            trigger={<Button variant='destructive'>{t('delete')}</Button>}
-            title={t('confirmDelete')}
-            description={t('deleteWarning')}
-            onConfirm={async () => {
-              await deleteNode({
-                id: row.id,
-              });
-              toast.success(t('deleteSuccess'));
-              ref.current?.refresh();
-            }}
-            cancelText={t('cancel')}
-            confirmText={t('confirm')}
-          />,
         ],
         batchRender(rows) {
           return [
@@ -263,20 +291,20 @@ export default function NodeTable() {
         const sourceIndex = items.findIndex((item) => String(item.id) === source);
         const targetIndex = items.findIndex((item) => String(item.id) === target);
 
-        const originalSortMap = new Map(items.map((item) => [item.id, item.sort || item.id]));
+        const originalSorts = items.map((item) => item.sort);
 
         const [movedItem] = items.splice(sourceIndex, 1);
         items.splice(targetIndex, 0, movedItem!);
 
         const updatedItems = items.map((item, index) => {
-          const originalSort = originalSortMap.get(item.id);
+          const originalSort = originalSorts[index];
           const newSort = originalSort !== undefined ? originalSort : item.sort;
           return { ...item, sort: newSort };
         });
 
-        const changedItems = updatedItems.filter(
+        const changedItems = updatedItems.filter((item, index) => {
-          (item) => originalSortMap.get(item.id) !== item.sort,
+          return item.sort !== items[index]?.sort;
-        );
+        });
 
         if (changedItems.length > 0) {
           nodeSort({

apps/admin/app/dashboard/server/page.tsx

@@ -2,6 +2,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/componen
 import { getTranslations } from 'next-intl/server';
 
 import GroupTable from './group-table';
+import NodeConfig from './node-config';
 import NodeTable from './node-table';
 
 export default async function Page() {
@@ -12,6 +13,7 @@ export default async function Page() {
       <TabsList>
         <TabsTrigger value='node'>{t('tabs.node')}</TabsTrigger>
         <TabsTrigger value='group'>{t('tabs.nodeGroup')}</TabsTrigger>
+        <TabsTrigger value='config'>{t('tabs.nodeConfig')}</TabsTrigger>
       </TabsList>
       <TabsContent value='node'>
         <NodeTable />
@@ -19,6 +21,9 @@ export default async function Page() {
       <TabsContent value='group'>
         <GroupTable />
       </TabsContent>
+      <TabsContent value='config'>
+        <NodeConfig />
+      </TabsContent>
     </Tabs>
   );
 }

apps/admin/app/dashboard/subscribe/app/config.tsx

@@ -0,0 +1,282 @@
+'use client';
+
+import {
+  getApplication,
+  getApplicationConfig,
+  updateApplicationConfig,
+} from '@/services/admin/system';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { Icon } from '@iconify/react';
+import { useQuery } from '@tanstack/react-query';
+import { Button } from '@workspace/ui/components/button';
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@workspace/ui/components/form';
+import { ScrollArea } from '@workspace/ui/components/scroll-area';
+import {
+  Sheet,
+  SheetContent,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from '@workspace/ui/components/sheet';
+import { Textarea } from '@workspace/ui/components/textarea';
+import { Combobox } from '@workspace/ui/custom-components/combobox';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { UploadImage } from '@workspace/ui/custom-components/upload-image';
+import { DicesIcon } from 'lucide-react';
+import { useTranslations } from 'next-intl';
+import { uid } from 'radash';
+import { useEffect, useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { toast } from 'sonner';
+import { z } from 'zod';
+
+const formSchema = z.object({
+  app_id: z.number().optional(),
+  encryption_key: z.string().optional(),
+  encryption_method: z.string().optional(),
+  startup_picture: z.string().optional(),
+  startup_picture_skip_time: z.number().optional(),
+  domains: z.array(z.string()).optional(),
+});
+
+type FormSchema = z.infer<typeof formSchema>;
+
+export default function ConfigForm() {
+  const t = useTranslations('subscribe.app');
+  const [open, setOpen] = useState(false);
+  const [loading, setLoading] = useState(false);
+
+  const form = useForm<FormSchema>({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      app_id: 0,
+      encryption_key: '',
+      encryption_method: '',
+      startup_picture: '',
+      startup_picture_skip_time: 0,
+      domains: [],
+    },
+  });
+
+  const { data, refetch } = useQuery({
+    queryKey: ['getApplicationConfig'],
+    queryFn: async () => {
+      const { data } = await getApplicationConfig();
+      return data.data;
+    },
+  });
+
+  const { data: applications } = useQuery({
+    queryKey: ['getApplication'],
+    queryFn: async () => {
+      const { data } = await getApplication();
+      return data.data?.applications || [];
+    },
+  });
+
+  useEffect(() => {
+    if (data) {
+      form.reset(data);
+    }
+  }, [data, form]);
+
+  async function onSubmit(values: FormSchema) {
+    setLoading(true);
+    try {
+      await updateApplicationConfig({
+        ...values,
+        domains: values.domains?.filter((domain) => domain),
+      } as API.ApplicationConfig);
+      toast.success(t('updateSuccess'));
+      refetch();
+      setOpen(false);
+    } catch (error) {
+      /* empty */
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  return (
+    <Sheet open={open} onOpenChange={setOpen}>
+      <SheetTrigger asChild>
+        <Button variant='outline'>
+          <Icon icon='mdi:cog' className='mr-2' />
+          {t('config')}
+        </Button>
+      </SheetTrigger>
+      <SheetContent className='w-[520px] max-w-full md:max-w-screen-md'>
+        <SheetHeader>
+          <SheetTitle>{t('configApp')}</SheetTitle>
+        </SheetHeader>
+        <ScrollArea className='h-[calc(100dvh-48px-36px-36px)]'>
+          <Form {...form}>
+            <form className='space-y-4 py-4'>
+              <FormField
+                control={form.control}
+                name='app_id'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('selectApp')}</FormLabel>
+                    <FormDescription>{t('selectAppDescription')}</FormDescription>
+                    <FormControl>
+                      <Combobox
+                        {...field}
+                        options={
+                          applications?.map((app) => ({
+                            label: app.name,
+                            value: app.id,
+                          })) || []
+                        }
+                        value={field.value}
+                        onChange={(value) => form.setValue(field.name, value)}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name='encryption_key'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('communicationKey')}</FormLabel>
+                    <FormDescription>{t('communicationKeyDescription')}</FormDescription>
+                    <FormControl>
+                      <EnhancedInput
+                        value={field.value}
+                        onValueChange={(value) => form.setValue(field.name, value as string)}
+                        suffix={
+                          <div className='bg-muted flex h-9 items-center text-nowrap px-3'>
+                            <DicesIcon
+                              onClick={() => {
+                                const id = uid(32).toLowerCase();
+                                const formatted = `${id.slice(0, 8)}-${id.slice(8, 12)}-${id.slice(12, 16)}-${id.slice(16, 20)}-${id.slice(20)}`;
+                                form.setValue(field.name, formatted);
+                              }}
+                              className='cursor-pointer'
+                            />
+                          </div>
+                        }
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name='encryption_method'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('encryption')}</FormLabel>
+                    <FormDescription>{t('encryptionDescription')}</FormDescription>
+                    <FormControl>
+                      <Combobox
+                        options={[
+                          { label: 'none', value: 'none' },
+                          { label: 'AES', value: 'aes' },
+                        ]}
+                        value={field.value}
+                        onChange={(value) => form.setValue(field.name, value)}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name='startup_picture'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('startupPicture')}</FormLabel>
+                    <FormDescription>{t('startupPictureDescription')}</FormDescription>
+                    <FormControl>
+                      <EnhancedInput
+                        value={field.value}
+                        onValueChange={(value) => form.setValue(field.name, value as string)}
+                        suffix={
+                          <UploadImage
+                            className='bg-muted h-9 rounded-none border-none px-2'
+                            onChange={(value) => form.setValue('startup_picture', value as string)}
+                          />
+                        }
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='startup_picture_skip_time'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('startupPictureSkip')}</FormLabel>
+                    <FormDescription>{t('startupPictureSkipDescription')}</FormDescription>
+                    <FormControl>
+                      <EnhancedInput
+                        {...field}
+                        type='number'
+                        min={0}
+                        suffix='S'
+                        value={field.value}
+                        onValueChange={(value) =>
+                          form.setValue('startup_picture_skip_time', Number(value))
+                        }
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='domains'
+                render={({ field }) => (
+                  <FormItem className='px-1'>
+                    <FormLabel>{t('backupDomains')}</FormLabel>
+                    <FormDescription>{t('backupDomainsDescription')}</FormDescription>
+                    <FormControl>
+                      <Textarea
+                        className='h-28'
+                        placeholder='example.com'
+                        value={field.value?.join('\n')}
+                        onChange={(e) => {
+                          form.setValue(field.name, e.target.value.split('\n'));
+                        }}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </form>
+          </Form>
+        </ScrollArea>
+        <SheetFooter className='flex-row justify-end gap-2 pt-3'>
+          <Button variant='outline' onClick={() => setOpen(false)}>
+            {t('cancel')}
+          </Button>
+          <Button onClick={form.handleSubmit(onSubmit)} disabled={loading}>
+            {loading && <Icon icon='mdi:loading' className='mr-2 animate-spin' />}
+            {t('confirm')}
+          </Button>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  );
+}

apps/admin/app/dashboard/subscribe/app/form.tsx

@@ -0,0 +1,291 @@
+'use client';
+
+import { getSubscribeType } from '@/services/admin/system';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { Icon } from '@iconify/react';
+import { useQuery } from '@tanstack/react-query';
+import { Button } from '@workspace/ui/components/button';
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@workspace/ui/components/form';
+import { ScrollArea } from '@workspace/ui/components/scroll-area';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@workspace/ui/components/select';
+import {
+  Sheet,
+  SheetContent,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from '@workspace/ui/components/sheet';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
+import { ArrayInput } from '@workspace/ui/custom-components/dynamic-Inputs';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { UploadImage } from '@workspace/ui/custom-components/upload-image';
+import { useTranslations } from 'next-intl';
+import { assign, shake } from 'radash';
+import { useEffect, useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
+
+const platforms = ['windows', 'macos', 'linux', 'android', 'ios', 'harmony'];
+
+const defaultValues = {
+  subscribe_type: 'Clash',
+  name: '',
+  icon: '',
+  url: '',
+};
+
+const versionSchema = z.object({
+  url: z.string(),
+  version: z.string().optional(),
+  description: z.string().optional(),
+  is_default: z.boolean().optional(),
+});
+
+const formSchema = z.object({
+  icon: z.string(),
+  name: z.string(),
+  subscribe_type: z.string(),
+  platform: z.object({
+    windows: z.array(versionSchema).optional(),
+    macos: z.array(versionSchema).optional(),
+    linux: z.array(versionSchema).optional(),
+    android: z.array(versionSchema).optional(),
+    ios: z.array(versionSchema).optional(),
+    harmony: z.array(versionSchema).optional(),
+  }),
+});
+
+interface FormProps<T> {
+  trigger: React.ReactNode | string;
+  title: string;
+  initialValues?: Partial<T>;
+  onSubmit: (values: T) => Promise<boolean>;
+  loading?: boolean;
+}
+
+export default function SubscribeAppForm<
+  T extends API.CreateApplicationRequest | API.UpdateApplicationRequest,
+>({ trigger, title, loading, initialValues, onSubmit }: FormProps<T>) {
+  const t = useTranslations('subscribe.app');
+  const [open, setOpen] = useState(false);
+
+  type FormSchema = z.infer<typeof formSchema>;
+
+  const form = useForm<FormSchema>({
+    resolver: zodResolver(formSchema),
+    defaultValues: assign(
+      defaultValues,
+      shake(initialValues, (value) => value === null),
+    ),
+  });
+
+  useEffect(() => {
+    form.reset(
+      assign(
+        defaultValues,
+        shake(initialValues, (value) => value === null),
+      ),
+    );
+  }, [form, initialValues]);
+
+  const { data: subscribe_types } = useQuery<string[]>({
+    queryKey: ['getSubscribeType'],
+    queryFn: async () => {
+      const { data } = await getSubscribeType();
+      return data.data?.subscribe_types || [];
+    },
+  });
+
+  return (
+    <Sheet open={open} onOpenChange={setOpen}>
+      <SheetTrigger asChild>
+        {typeof trigger === 'string' ? <Button>{trigger}</Button> : trigger}
+      </SheetTrigger>
+      <SheetContent className='w-[520px] max-w-full md:max-w-screen-md'>
+        <SheetHeader>
+          <SheetTitle>{title}</SheetTitle>
+        </SheetHeader>
+        <ScrollArea className='h-[calc(100dvh-48px-36px-36px)]'>
+          <Form {...form}>
+            <form className='space-y-4 py-4'>
+              <div className='grid grid-cols-2 gap-4'>
+                <FormField
+                  control={form.control}
+                  name='icon'
+                  render={({ field }) => (
+                    <FormItem className='col-span-2'>
+                      <FormLabel>{t('appIcon')}</FormLabel>
+                      <FormControl>
+                        <EnhancedInput
+                          required
+                          suffix={
+                            <UploadImage
+                              className='bg-muted h-9 rounded-none border-none px-2'
+                              onChange={(value) => {
+                                form.setValue(field.name, value as string);
+                              }}
+                            />
+                          }
+                          value={field.value}
+                          onValueChange={(value) => {
+                            form.setValue(field.name, value as string);
+                          }}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+                <FormField
+                  control={form.control}
+                  name='name'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('appName')}</FormLabel>
+                      <FormControl>
+                        <EnhancedInput
+                          required
+                          type='text'
+                          value={field.value}
+                          onValueChange={(value) => {
+                            form.setValue(field.name, value as string);
+                          }}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+                <FormField
+                  control={form.control}
+                  name='subscribe_type'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('subscriptionProtocol')}</FormLabel>
+                      <FormControl>
+                        <Select value={field.value} onValueChange={field.onChange}>
+                          <SelectTrigger>
+                            <SelectValue placeholder={t('subscriptionProtocol')} />
+                          </SelectTrigger>
+                          <SelectContent>
+                            {subscribe_types?.map((type) => (
+                              <SelectItem key={type} value={type}>
+                                {type}
+                              </SelectItem>
+                            ))}
+                          </SelectContent>
+                        </Select>
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+              <FormItem>
+                <FormLabel>{t('platform')}</FormLabel>
+                <Tabs defaultValue={platforms[0]}>
+                  <TabsList>
+                    {platforms.map((platform) => (
+                      <TabsTrigger key={platform} value={platform} className='uppercase'>
+                        {platform}
+                      </TabsTrigger>
+                    ))}
+                  </TabsList>
+                  {platforms.map((platform) => (
+                    <TabsContent key={platform} value={platform}>
+                      <FormField
+                        control={form.control}
+                        name={`platform.${platform as keyof FormSchema['platform']}`}
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormControl>
+                              <ArrayInput
+                                isReverse
+                                className='grid grid-cols-3 gap-4'
+                                fields={[
+                                  {
+                                    name: 'version',
+                                    type: 'text',
+                                    placeholder: t('version'),
+                                    defaultValue: '1.0.0',
+                                  },
+                                  {
+                                    name: 'description',
+                                    type: 'text',
+                                    placeholder: t('description'),
+                                  },
+                                  {
+                                    name: 'is_default',
+                                    type: 'boolean',
+                                    placeholder: t('defaultVersion'),
+                                    calculateValue: (value) => {
+                                      const newField = field.value?.map((item) => {
+                                        if (item.is_default) {
+                                          item.is_default = false;
+                                        }
+                                        return item;
+                                      });
+                                      form.setValue(field.name, newField);
+                                      return value;
+                                    },
+                                  },
+                                  {
+                                    name: 'url',
+                                    type: 'text',
+                                    placeholder: t('downloadLink'),
+                                    className: 'col-span-3',
+                                  },
+                                ]}
+                                value={field.value}
+                                onChange={(value) => {
+                                  form.setValue(
+                                    field.name,
+                                    value.filter((item) => item.url),
+                                  );
+                                }}
+                              />
+                            </FormControl>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+                    </TabsContent>
+                  ))}
+                </Tabs>
+              </FormItem>
+            </form>
+          </Form>
+        </ScrollArea>
+        <SheetFooter className='flex-row justify-end gap-2 pt-3'>
+          <Button variant='outline' onClick={() => setOpen(false)}>
+            {t('cancel')}
+          </Button>
+          <Button
+            onClick={form.handleSubmit(async (values) => {
+              const success = await onSubmit(values as unknown as T);
+              if (success) setOpen(false);
+            })}
+            disabled={loading}
+          >
+            {loading && <Icon icon='mdi:loading' className='mr-2 animate-spin' />}
+            {t('confirm')}
+          </Button>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  );
+}

apps/admin/app/dashboard/subscribe/app/table.tsx

@@ -0,0 +1,143 @@
+'use client';
+
+import { ProTable, ProTableActions } from '@/components/pro-table';
+import {
+  createApplication,
+  deleteApplication,
+  getApplication,
+  updateApplication,
+} from '@/services/admin/system';
+import { Button } from '@workspace/ui/components/button';
+import { ConfirmButton } from '@workspace/ui/custom-components/confirm-button';
+import { useTranslations } from 'next-intl';
+import Image from 'next/legacy/image';
+import { useRef, useState } from 'react';
+import { toast } from 'sonner';
+import ConfigForm from './config';
+import SubscribeAppForm from './form';
+
+export default function SubscribeApp() {
+  const t = useTranslations('subscribe.app');
+  const [loading, setLoading] = useState(false);
+  const ref = useRef<ProTableActions>(null);
+
+  return (
+    <ProTable<API.ApplicationResponseInfo, Record<string, unknown>>
+      action={ref}
+      header={{
+        title: t('appList'),
+        toolbar: (
+          <div className='flex items-center gap-2'>
+            <ConfigForm />
+            <SubscribeAppForm<API.CreateApplicationRequest>
+              trigger={t('create')}
+              title={t('createApp')}
+              loading={loading}
+              onSubmit={async (values) => {
+                setLoading(true);
+                try {
+                  await createApplication(values);
+                  toast.success(t('createSuccess'));
+                  ref.current?.refresh();
+                  setLoading(false);
+                  return true;
+                } catch (error) {
+                  setLoading(false);
+                  return false;
+                }
+              }}
+            />
+          </div>
+        ),
+      }}
+      request={async (_pagination, filters) => {
+        const { data } = await getApplication();
+        return {
+          list: data.data?.applications || [],
+          total: 0,
+        };
+      }}
+      columns={[
+        {
+          accessorKey: 'icon',
+          header: t('appIcon'),
+          cell: ({ row }) => (
+            <Image
+              src={row.getValue('icon')}
+              alt={row.getValue('name')}
+              className='h-8 w-8 rounded-md'
+              width={32}
+              height={32}
+            />
+          ),
+        },
+        {
+          accessorKey: 'name',
+          header: t('appName'),
+        },
+        {
+          accessorKey: 'subscribe_type',
+          header: t('subscriptionProtocol'),
+          cell: ({ row }) => row.getValue('subscribe_type'),
+        },
+      ]}
+      actions={{
+        render: (row) => [
+          <SubscribeAppForm<API.UpdateApplicationRequest>
+            key='edit'
+            trigger={<Button>{t('edit')}</Button>}
+            title={t('editApp')}
+            loading={loading}
+            initialValues={{
+              ...row,
+            }}
+            onSubmit={async (values) => {
+              setLoading(true);
+              try {
+                await updateApplication({
+                  ...values,
+                  id: row.id,
+                });
+                toast.success(t('updateSuccess'));
+                ref.current?.refresh();
+                setLoading(false);
+                return true;
+              } catch (error) {
+                setLoading(false);
+                return false;
+              }
+            }}
+          />,
+          <ConfirmButton
+            key='delete'
+            trigger={<Button variant='destructive'>{t('delete')}</Button>}
+            title={t('confirmDelete')}
+            description={t('deleteWarning')}
+            onConfirm={async () => {
+              await deleteApplication({ id: row.id! });
+              toast.success(t('deleteSuccess'));
+              ref.current?.refresh();
+            }}
+            cancelText={t('cancel')}
+            confirmText={t('confirm')}
+          />,
+        ],
+        batchRender: (rows) => [
+          <ConfirmButton
+            key='delete'
+            trigger={<Button variant='destructive'>{t('batchDelete')}</Button>}
+            title={t('confirmDelete')}
+            description={t('deleteWarning')}
+            onConfirm={async () => {
+              await Promise.all(rows.map((row) => deleteApplication({ id: row.id! })));
+              toast.success(t('deleteSuccess'));
+              ref.current?.reset();
+            }}
+            cancelText={t('cancel')}
+            confirmText={t('confirm')}
+          />,
+        ],
+      }}
+    />
+  );
+}

apps/admin/app/dashboard/subscribe/group/form.tsx

@@ -1,5 +1,4 @@
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Icon } from '@iconify/react';
 import { Button } from '@workspace/ui/components/button';
 import {
   Form,
@@ -19,6 +18,7 @@ import {
   SheetTrigger,
 } from '@workspace/ui/components/sheet';
 import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { useTranslations } from 'next-intl';
 import { useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';

apps/admin/app/dashboard/subscribe/group/table.tsx

@@ -14,7 +14,7 @@ import { formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
 import { useRef, useState } from 'react';
 import { toast } from 'sonner';
-import GroupForm from './group-form';
+import GroupForm from './form';
 
 const GroupTable = () => {
   const t = useTranslations('subscribe');

apps/admin/app/dashboard/subscribe/page.tsx

@@ -2,7 +2,9 @@ import { getTranslations } from 'next-intl/server';
 
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
 
-import GroupTable from './group-table';
+import SubscribeApp from './app/table';
+import GroupTable from './group/table';
+import SubscribeConfig from './subscribe-config';
 import SubscribeTable from './subscribe-table';
 
 export default async function Page() {
@@ -13,6 +15,8 @@ export default async function Page() {
       <TabsList>
         <TabsTrigger value='subscribe'>{t('tabs.subscribe')}</TabsTrigger>
         <TabsTrigger value='group'>{t('tabs.subscribeGroup')}</TabsTrigger>
+        <TabsTrigger value='config'>{t('tabs.subscribeConfig')}</TabsTrigger>
+        <TabsTrigger value='app'>{t('tabs.subscribeApp')}</TabsTrigger>
       </TabsList>
       <TabsContent value='subscribe'>
         <SubscribeTable />
@@ -20,6 +24,12 @@ export default async function Page() {
       <TabsContent value='group'>
         <GroupTable />
       </TabsContent>
+      <TabsContent value='config'>
+        <SubscribeConfig />
+      </TabsContent>
+      <TabsContent value='app'>
+        <SubscribeApp />
+      </TabsContent>
     </Tabs>
   );
 }

apps/admin/app/dashboard/subscribe/subscribe-config.tsx

@@ -0,0 +1,106 @@
+'use client';
+
+import { useQuery } from '@tanstack/react-query';
+import { useTranslations } from 'next-intl';
+import { toast } from 'sonner';
+
+import { getSubscribeConfig, updateSubscribeConfig } from '@/services/admin/system';
+import { Label } from '@workspace/ui/components/label';
+import { Switch } from '@workspace/ui/components/switch';
+import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
+import { Textarea } from '@workspace/ui/components/textarea';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+
+export default function SubscribeConfig() {
+  const t = useTranslations('subscribe.config');
+
+  const { data, refetch } = useQuery({
+    queryKey: ['getSubscribeConfig'],
+    queryFn: async () => {
+      const { data } = await getSubscribeConfig();
+
+      return data.data;
+    },
+  });
+
+  async function updateConfig(key: string, value: unknown) {
+    if (data?.[key] === value) return;
+    try {
+      await updateSubscribeConfig({
+        ...data,
+        [key]: value,
+      } as API.SubscribeConfig);
+      toast.success(t('updateSuccess'));
+      refetch();
+    } catch (error) {
+      /* empty */
+    }
+  }
+
+  return (
+    <Table>
+      <TableBody>
+        <TableRow>
+          <TableCell>
+            <Label>{t('singleSubscriptionMode')}</Label>
+            <p className='text-muted-foreground text-xs'>
+              {t('singleSubscriptionModeDescription')}
+            </p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <Switch
+              checked={data?.single_model}
+              onCheckedChange={(checked) => {
+                updateConfig('single_model', checked);
+              }}
+            />
+          </TableCell>
+        </TableRow>
+
+        <TableRow>
+          <TableCell>
+            <Label>{t('wildcardResolution')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('wildcardResolutionDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <Switch
+              checked={data?.pan_domain}
+              onCheckedChange={(checked) => {
+                updateConfig('pan_domain', checked);
+              }}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell>
+            <Label>{t('subscriptionPath')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('subscriptionPathDescription')}</p>
+          </TableCell>
+          <TableCell className='flex items-center gap-2 text-right'>
+            <EnhancedInput
+              placeholder={t('subscriptionPathPlaceholder')}
+              value={data?.subscribe_path}
+              onValueBlur={(value) => updateConfig('subscribe_path', value)}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell className='align-top'>
+            <Label>{t('subscriptionDomain')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('subscriptionDomainDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <Textarea
+              className='h-52'
+              placeholder={`${t('subscriptionDomainPlaceholder')}\nexample.com\nwww.example.com`}
+              defaultValue={data?.subscribe_domain}
+              onBlur={(e) => {
+                updateConfig('subscribe_domain', e.target.value);
+              }}
+            />
+          </TableCell>
+        </TableRow>
+      </TableBody>
+    </Table>
+  );
+}

apps/admin/app/dashboard/subscribe/subscribe-form.tsx

@@ -3,7 +3,6 @@
 import { getNodeGroupList, getNodeList } from '@/services/admin/server';
 import { getSubscribeGroupList } from '@/services/admin/subscribe';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Icon } from '@iconify/react';
 import { useQuery } from '@tanstack/react-query';
 import {
   Accordion,
@@ -38,6 +37,7 @@ import { Combobox } from '@workspace/ui/custom-components/combobox';
 import { ArrayInput } from '@workspace/ui/custom-components/dynamic-Inputs';
 import { JSONEditor } from '@workspace/ui/custom-components/editor';
 import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { evaluateWithPrecision, unitConversion } from '@workspace/ui/utils';
 import { CreditCard, Server, Settings } from 'lucide-react';
 import { useTranslations } from 'next-intl';
@@ -56,7 +56,7 @@ interface SubscribeFormProps<T> {
 }
 
 const defaultValues = {
-  inventory: -1,
+  inventory: 0,
   speed_limit: 0,
   device_limit: 0,
   traffic: 0,
@@ -105,7 +105,7 @@ export default function SubscribeForm<T extends Record<string, any>>({
     server_group: z.array(z.number()).optional().default([]),
     server: z.array(z.number()).optional().default([]),
     deduction_ratio: z.number().optional().default(0),
-    purchase_with_discount: z.boolean().optional().default(false),
+    allow_deduction: z.boolean().optional().default(false),
     reset_cycle: z.number().optional().default(0),
     renewal_reset: z.boolean().optional().default(false),
   });
@@ -319,10 +319,10 @@ export default function SubscribeForm<T extends Record<string, any>>({
                             <FormLabel>{t('form.inventory')}</FormLabel>
                             <FormControl>
                               <EnhancedInput
-                                placeholder={`-1 ${t('form.noLimit')}`}
+                                placeholder={t('form.noLimit')}
                                 type='number'
-                                {...field}
+                                value={field.value === -1 ? 0 : field.value}
-                                min={-1}
+                                min={0}
                                 onValueChange={(value) => {
                                   form.setValue(field.name, value);
                                 }}
@@ -639,7 +639,7 @@ export default function SubscribeForm<T extends Record<string, any>>({
                     />
                     <FormField
                       control={form.control}
-                      name='purchase_with_discount'
+                      name='allow_deduction'
                       render={({ field }) => (
                         <FormItem>
                           <div className='flex items-center justify-between'>

apps/admin/app/dashboard/subscribe/subscribe-table.tsx

@@ -36,7 +36,7 @@ export default function SubscribeTable() {
   });
   const ref = useRef<ProTableActions>(null);
   return (
-    <ProTable<API.Subscribe, { group_id: number; query: string }>
+    <ProTable<API.SubscribeItem, { group_id: number; query: string }>
       action={ref}
       header={{
         toolbar: (
@@ -183,10 +183,15 @@ export default function SubscribeTable() {
             return name ? <Badge variant='outline'>{name}</Badge> : '--';
           },
         },
+        {
+          accessorKey: 'sold',
+          header: t('sold'),
+          cell: ({ row }) => <Badge variant='outline'>{row.getValue('sold')}</Badge>,
+        },
       ]}
       actions={{
         render: (row) => [
-          <SubscribeForm<API.Subscribe>
+          <SubscribeForm<API.SubscribeItem>
             key='edit'
             trigger={t('edit')}
             title={t('editSubscribe')}
@@ -210,6 +215,21 @@ export default function SubscribeTable() {
               }
             }}
           />,
+          <ConfirmButton
+            key='delete'
+            trigger={<Button variant='destructive'>{t('delete')}</Button>}
+            title={t('confirmDelete')}
+            description={t('deleteWarning')}
+            onConfirm={async () => {
+              await deleteSubscribe({
+                id: row.id!,
+              });
+              toast.success(t('deleteSuccess'));
+              ref.current?.refresh();
+            }}
+            cancelText={t('cancel')}
+            confirmText={t('confirm')}
+          />,
           <Button
             key='copy'
             variant='secondary'
@@ -221,7 +241,7 @@ export default function SubscribeTable() {
                   ...params,
                   show: false,
                   sell: false,
-                });
+                } as API.CreateSubscribeRequest);
                 toast.success(t('copySuccess'));
                 ref.current?.refresh();
                 setLoading(false);
@@ -234,21 +254,6 @@ export default function SubscribeTable() {
           >
             {t('copy')}
           </Button>,
-          <ConfirmButton
-            key='delete'
-            trigger={<Button variant='destructive'>{t('delete')}</Button>}
-            title={t('confirmDelete')}
-            description={t('deleteWarning')}
-            onConfirm={async () => {
-              await deleteSubscribe({
-                id: row.id,
-              });
-              toast.success(t('deleteSuccess'));
-              ref.current?.refresh();
-            }}
-            cancelText={t('cancel')}
-            confirmText={t('confirm')}
-          />,
         ],
         batchRender: (rows) => [
           <ConfirmButton
@@ -258,7 +263,7 @@ export default function SubscribeTable() {
             description={t('deleteWarning')}
             onConfirm={async () => {
               await batchDeleteSubscribe({
-                ids: rows.map((item) => item.id),
+                ids: rows.map((item) => item.id) as number[],
               });
 
               toast.success(t('deleteSuccess'));
@@ -273,24 +278,24 @@ export default function SubscribeTable() {
         const sourceIndex = items.findIndex((item) => String(item.id) === source);
         const targetIndex = items.findIndex((item) => String(item.id) === target);
 
-        const originalSortMap = new Map(items.map((item) => [item.id, item.sort || item.id]));
+        const originalSorts = items.map((item) => item.sort);
 
         const [movedItem] = items.splice(sourceIndex, 1);
         items.splice(targetIndex, 0, movedItem!);
 
         const updatedItems = items.map((item, index) => {
-          const originalSort = originalSortMap.get(item.id);
+          const originalSort = originalSorts[index];
           const newSort = originalSort !== undefined ? originalSort : item.sort;
           return { ...item, sort: newSort };
         });
 
-        const changedItems = updatedItems.filter(
+        const changedItems = updatedItems.filter((item, index) => {
-          (item) => originalSortMap.get(item.id) !== item.sort,
+          return item.sort !== items[index]?.sort;
-        );
+        });
 
         if (changedItems.length > 0) {
           subscribeSort({
-            sort: changedItems.map((item) => ({ id: item.id, sort: item.sort })),
+            sort: changedItems.map((item) => ({ id: item.id, sort: item.sort })) as API.SortItem[],
           });
         }
 

apps/admin/app/dashboard/system/email.tsx

@@ -1,150 +0,0 @@
-'use client';
-
-import { getEmailSmtpConfig, testEmailSmtp, updateEmailSmtpConfig } from '@/services/admin/system';
-import { useQuery } from '@tanstack/react-query';
-import { Button } from '@workspace/ui/components/button';
-import { Label } from '@workspace/ui/components/label';
-import { Switch } from '@workspace/ui/components/switch';
-import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
-import { HTMLEditor } from '@workspace/ui/custom-components/editor';
-import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
-import { useTranslations } from 'next-intl';
-import { useState } from 'react';
-import { toast } from 'sonner';
-
-export default function Email() {
-  const t = useTranslations('system.email');
-
-  const { data, refetch, isFetching } = useQuery({
-    queryKey: ['getEmailSmtpConfig'],
-    queryFn: async () => {
-      const { data } = await getEmailSmtpConfig();
-      return data.data;
-    },
-  });
-
-  const [email, setEmail] = useState<string>();
-
-  async function updateConfig(key: string, value: unknown) {
-    if (data?.[key] === value) return;
-    try {
-      await updateEmailSmtpConfig({
-        ...data,
-        [key]: value,
-      } as API.EmailSmtpConfig);
-      toast.success(t('saveSuccess'));
-      refetch();
-    } catch (error) {
-      /* empty */
-    }
-  }
-
-  return (
-    <>
-      <Table>
-        <TableBody>
-          {[
-            {
-              key: 'email_smtp_host',
-              label: t('smtpServerAddress'),
-              description: t('smtpServerAddressDescription'),
-            },
-            {
-              key: 'email_smtp_port',
-              label: t('smtpServerPort'),
-              description: t('smtpServerPortDescription'),
-              type: 'number',
-            },
-            {
-              key: 'email_smtp_ssl',
-              label: t('smtpEncryptionMethod'),
-              description: t('smtpEncryptionMethodDescription'),
-              component: 'switch',
-            },
-            {
-              key: 'email_smtp_user',
-              label: t('smtpAccount'),
-              description: t('smtpAccountDescription'),
-            },
-            {
-              key: 'email_smtp_pass',
-              label: t('smtpPassword'),
-              description: t('smtpPasswordDescription'),
-              type: 'password',
-            },
-            {
-              key: 'email_smtp_from',
-              label: t('senderAddress'),
-              description: t('senderAddressDescription'),
-            },
-          ].map(({ key, label, description, type = 'text', component = 'input' }) => (
-            <TableRow key={key}>
-              <TableCell>
-                <Label>{label}</Label>
-                <p className='text-muted-foreground text-xs'>{description}</p>
-              </TableCell>
-              <TableCell className='text-right'>
-                {component === 'input' ? (
-                  <EnhancedInput
-                    placeholder={t('inputPlaceholder')}
-                    value={data?.[key]}
-                    type={type}
-                    onValueBlur={(value) => updateConfig(key, value)}
-                  />
-                ) : (
-                  <Switch
-                    checked={data?.[key]}
-                    onCheckedChange={(checked) => updateConfig(key, checked)}
-                  />
-                )}
-              </TableCell>
-            </TableRow>
-          ))}
-          <TableRow>
-            <TableCell>
-              <Label>{t('sendTestEmail')}</Label>
-              <p className='text-muted-foreground text-xs'>{t('sendTestEmailDescription')}</p>
-            </TableCell>
-            <TableCell className='flex items-center gap-2 text-right'>
-              <EnhancedInput
-                placeholder={t('inputPlaceholder')}
-                value={email}
-                onValueChange={(value) => setEmail(value as string)}
-              />
-              <Button
-                disabled={!email}
-                onClick={async () => {
-                  if (isFetching || !email) return;
-                  try {
-                    await testEmailSmtp({ email });
-                    toast.success(t('sendSuccess'));
-                  } catch {
-                    toast.error(t('sendFailure'));
-                  }
-                }}
-              >
-                {t('sendTestEmail')}
-              </Button>
-            </TableCell>
-          </TableRow>
-        </TableBody>
-      </Table>
-      <div className='grid grid-cols-1 gap-4 py-4 md:grid-cols-3'>
-        {['verify_email_template', 'expiration_email_template', 'maintenance_email_template'].map(
-          (templateKey) => (
-            <HTMLEditor
-              key={templateKey}
-              title={t(`${templateKey}`)}
-              description={t(`${templateKey}Description`, { after: '{{', before: '}}' })}
-              placeholder={t('inputPlaceholder')}
-              value={data?.[templateKey]}
-              onBlur={(value) => {
-                updateConfig(templateKey, value);
-              }}
-            />
-          ),
-        )}
-      </div>
-    </>
-  );
-}

apps/admin/app/dashboard/system/invite.tsx

@@ -1,93 +0,0 @@
-'use client';
-
-import { getInviteConfig, updateInviteConfig } from '@/services/admin/system';
-import { useQuery } from '@tanstack/react-query';
-import { Label } from '@workspace/ui/components/label';
-import { Switch } from '@workspace/ui/components/switch';
-import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
-import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
-import { useTranslations } from 'next-intl';
-import { toast } from 'sonner';
-
-export default function Invite() {
-  const t = useTranslations('system.invite');
-
-  const { data, refetch } = useQuery({
-    queryKey: ['getInviteConfig'],
-    queryFn: async () => {
-      const { data } = await getInviteConfig();
-
-      return data.data;
-    },
-  });
-
-  async function updateConfig(key: string, value: unknown) {
-    if (data?.[key] === value) return;
-    try {
-      await updateInviteConfig({
-        ...data,
-        [key]: value,
-      } as API.InviteConfig);
-      toast.success(t('saveSuccess'));
-      refetch();
-    } catch (error) {
-      /* empty */
-    }
-  }
-
-  return (
-    <Table>
-      <TableBody>
-        <TableRow>
-          <TableCell>
-            <Label>{t('enableForcedInvite')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('enableForcedInviteDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Switch
-              checked={data?.forced_invite}
-              onCheckedChange={(checked) => {
-                updateConfig('forced_invite', checked);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('inviteCommissionPercentage')}</Label>
-            <p className='text-muted-foreground text-xs'>
-              {t('inviteCommissionPercentageDescription')}
-            </p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.referral_percentage}
-              type='number'
-              min={0}
-              max={100}
-              suffix='%'
-              onValueBlur={(value) => updateConfig('referral_percentage', value)}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('commissionFirstTimeOnly')}</Label>
-            <p className='text-muted-foreground text-xs'>
-              {t('commissionFirstTimeOnlyDescription')}
-            </p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Switch
-              checked={data?.only_first_purchase}
-              onCheckedChange={(checked) => {
-                updateConfig('only_first_purchase', checked);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-      </TableBody>
-    </Table>
-  );
-}

apps/admin/app/dashboard/system/page.tsx

@@ -1,16 +1,9 @@
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
 import { getTranslations } from 'next-intl/server';
-
 import Currency from './currency';
-import Email from './email';
+import PrivacyPolicy from './privacy-policy';
-import Invite from './invite';
-import Node from './node';
-import Register from './register';
 import Site from './site';
-import Subscription from './subscription';
-import Telegram from './telegram';
 import Tos from './tos';
-import Verify from './verify';
 
 export default async function Page() {
   const t = await getTranslations('system');
@@ -20,14 +13,8 @@ export default async function Page() {
       <TabsList className='h-full flex-wrap'>
         <TabsTrigger value='site'>{t('tabs.site')}</TabsTrigger>
         <TabsTrigger value='currency'>{t('tabs.currency')}</TabsTrigger>
-        <TabsTrigger value='subscription'>{t('tabs.subscription')}</TabsTrigger>
-        <TabsTrigger value='register'>{t('tabs.register')}</TabsTrigger>
-        <TabsTrigger value='verify'>{t('tabs.verify')}</TabsTrigger>
-        <TabsTrigger value='email'>{t('tabs.email')}</TabsTrigger>
-        <TabsTrigger value='node'>{t('tabs.node')}</TabsTrigger>
-        <TabsTrigger value='invite'>{t('tabs.invite')}</TabsTrigger>
-        <TabsTrigger value='telegram'>{t('tabs.telegram')}</TabsTrigger>
         <TabsTrigger value='tos'>{t('tabs.tos')}</TabsTrigger>
+        <TabsTrigger value='privacy-policy'>{t('privacy-policy.title')}</TabsTrigger>
       </TabsList>
       <TabsContent value='site'>
         <Site />
@@ -35,30 +22,12 @@ export default async function Page() {
       <TabsContent value='currency'>
         <Currency />
       </TabsContent>
-      <TabsContent value='subscription'>
-        <Subscription />
-      </TabsContent>
-      <TabsContent value='register'>
-        <Register />
-      </TabsContent>
-      <TabsContent value='verify'>
-        <Verify />
-      </TabsContent>
-      <TabsContent value='email'>
-        <Email />
-      </TabsContent>
-      <TabsContent value='node'>
-        <Node />
-      </TabsContent>
-      <TabsContent value='invite'>
-        <Invite />
-      </TabsContent>
-      <TabsContent value='telegram'>
-        <Telegram />
-      </TabsContent>
       <TabsContent value='tos'>
         <Tos />
       </TabsContent>
+      <TabsContent value='privacy-policy'>
+        <PrivacyPolicy />
+      </TabsContent>
     </Tabs>
   );
 }

apps/admin/app/dashboard/system/privacy-policy.tsx

@@ -0,0 +1,48 @@
+'use client';
+
+import { getPrivacyPolicyConfig, updatePrivacyPolicyConfig } from '@/services/admin/system';
+import { useQuery } from '@tanstack/react-query';
+import { MarkdownEditor } from '@workspace/ui/custom-components/editor';
+import { useTranslations } from 'next-intl';
+import { toast } from 'sonner';
+
+export default function PrivacyPolicy() {
+  const t = useTranslations('system.privacy-policy');
+  const { data, refetch, isFetched } = useQuery({
+    queryKey: ['getPrivacyPolicyConfig'],
+    queryFn: async () => {
+      const { data } = await getPrivacyPolicyConfig();
+      return data.data;
+    },
+  });
+
+  async function updateConfig(key: string, value: unknown) {
+    if (data?.[key] === value) return;
+    try {
+      await updatePrivacyPolicyConfig({
+        ...data,
+        [key]: value,
+      } as API.PrivacyPolicyConfig);
+      toast.success(t('saveSuccess'));
+      refetch();
+    } catch (error) {
+      /* empty */
+    }
+  }
+
+  return (
+    isFetched && (
+      <div className='h-[calc(100dvh-132px-env(safe-area-inset-top))] overflow-hidden'>
+        <MarkdownEditor
+          title={t('title')}
+          value={data?.privacy_policy}
+          onBlur={(value) => {
+            if (data?.privacy_policy !== value) {
+              updateConfig('privacy_policy', value);
+            }
+          }}
+        />
+      </div>
+    )
+  );
+}

apps/admin/app/dashboard/system/register.tsx

@@ -1,163 +0,0 @@
-'use client';
-
-import { getRegisterConfig, updateRegisterConfig } from '@/services/admin/system';
-import { useQuery } from '@tanstack/react-query';
-import { Label } from '@workspace/ui/components/label';
-import { Switch } from '@workspace/ui/components/switch';
-import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
-import { Textarea } from '@workspace/ui/components/textarea';
-import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
-import { useTranslations } from 'next-intl';
-import { toast } from 'sonner';
-
-export default function Register() {
-  const t = useTranslations('system.register');
-
-  const { data, refetch } = useQuery({
-    queryKey: ['getRegisterConfig'],
-    queryFn: async () => {
-      const { data } = await getRegisterConfig();
-
-      return data.data;
-    },
-  });
-
-  async function updateConfig(key: string, value: unknown) {
-    if (data?.[key] === value) return;
-    try {
-      await updateRegisterConfig({
-        ...data,
-        [key]: value,
-      } as API.RegisterConfig);
-      toast.success(t('saveSuccess'));
-      refetch();
-    } catch (error) {
-      /* empty */
-    }
-  }
-
-  return (
-    <Table>
-      <TableBody>
-        <TableRow>
-          <TableCell>
-            <Label>{t('stopNewUserRegistration')}</Label>
-            <p className='text-muted-foreground text-xs'>
-              {t('stopNewUserRegistrationDescription')}
-            </p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Switch
-              checked={data?.stop_register}
-              onCheckedChange={(checked) => {
-                updateConfig('stop_register', checked);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('emailVerification')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('emailVerificationDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Switch
-              checked={data?.enable_email_verify}
-              onCheckedChange={(checked) => {
-                updateConfig('enable_email_verify', checked);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('emailSuffixWhitelist')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('emailSuffixWhitelistDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Switch
-              checked={data?.enable_email_domain_suffix}
-              onCheckedChange={(checked) => {
-                updateConfig('enable_email_domain_suffix', checked);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell className='align-top'>
-            <Label>{t('whitelistSuffixes')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('whitelistSuffixesDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Textarea
-              className='h-52'
-              placeholder={t('whitelistSuffixesPlaceholder')}
-              defaultValue={data?.email_domain_suffix_list}
-              onBlur={(e) => {
-                updateConfig('email_domain_suffix_list', e.target.value);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('ipRegistrationLimit')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('ipRegistrationLimitDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Switch
-              checked={data?.enable_ip_register_limit}
-              onCheckedChange={(checked) => {
-                updateConfig('enable_ip_register_limit', checked);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('registrationLimitCount')}</Label>
-            <p className='text-muted-foreground text-xs'>
-              {t('registrationLimitCountDescription')}
-            </p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              type='number'
-              min={0}
-              value={data?.ip_register_limit}
-              onValueBlur={(value) => updateConfig('ip_register_limit', value)}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('penaltyTime')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('penaltyTimeDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              type='number'
-              min={0}
-              value={data?.ip_register_limit_duration}
-              onValueBlur={(value) => updateConfig('ip_register_limit_duration', value)}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('trialRegistration')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('trialRegistrationDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Switch
-              checked={data?.enable_trial}
-              onCheckedChange={(checked) => {
-                updateConfig('enable_trial', checked);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-      </TableBody>
-    </Table>
-  );
-}

apps/admin/app/dashboard/system/site.tsx

@@ -6,6 +6,7 @@ import { Label } from '@workspace/ui/components/label';
 import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
 import { Textarea } from '@workspace/ui/components/textarea';
 import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { UploadImage } from '@workspace/ui/custom-components/upload-image';
 import { useTranslations } from 'next-intl';
 import { toast } from 'sonner';
 
@@ -47,6 +48,14 @@ export default function Site() {
               placeholder={t('logoPlaceholder')}
               value={data?.site_logo}
               onValueBlur={(value) => updateConfig('site_logo', value)}
+              suffix={
+                <UploadImage
+                  className='bg-muted h-9 rounded-none border-none px-2'
+                  onChange={(value) => {
+                    updateConfig('site_logo', value);
+                  }}
+                />
+              }
             />
           </TableCell>
         </TableRow>
@@ -76,6 +85,35 @@ export default function Site() {
             />
           </TableCell>
         </TableRow>
+        <TableRow>
+          <TableCell>
+            <Label>{t('keywords')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('keywordsDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <EnhancedInput
+              placeholder={t('keywordsDescription')}
+              value={data?.keywords}
+              onValueBlur={(value) => updateConfig('keywords', value)}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell className='align-top'>
+            <Label>{t('customHtml')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('customHtmlDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <Textarea
+              className='h-52'
+              placeholder={t('customHtmlDescription')}
+              defaultValue={data?.custom_html}
+              onBlur={(e) => {
+                updateConfig('custom_html', e.target.value);
+              }}
+            />
+          </TableCell>
+        </TableRow>
         <TableRow>
           <TableCell className='align-top'>
             <Label>{t('siteDomain')}</Label>
@@ -84,7 +122,7 @@ export default function Site() {
           <TableCell className='text-right'>
             <Textarea
               className='h-52'
-              placeholder={t('siteDomainPlaceholder')}
+              placeholder={`${t('siteDomainPlaceholder')}\nexample.com\nwww.example.com`}
               defaultValue={data?.host}
               onBlur={(e) => {
                 updateConfig('host', e.target.value);

apps/admin/app/dashboard/system/subscription.tsx

@@ -1,340 +0,0 @@
-'use client';
-
-import { useQuery } from '@tanstack/react-query';
-import { useTranslations } from 'next-intl';
-import { useEffect, useState } from 'react';
-import { toast } from 'sonner';
-
-import {
-  createApplication,
-  deleteApplication,
-  getApplication,
-  getSubscribeConfig,
-  getSubscribeType,
-  updateApplication,
-  updateSubscribeConfig,
-} from '@/services/admin/system';
-import { Button } from '@workspace/ui/components/button';
-import { Label } from '@workspace/ui/components/label';
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@workspace/ui/components/select';
-import { Switch } from '@workspace/ui/components/switch';
-import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
-import { Textarea } from '@workspace/ui/components/textarea';
-import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
-
-function compareData(
-  originalData: API.ApplicationResponse,
-  modifiedData: API.ApplicationResponse,
-): {
-  added: API.Application[];
-  deleted: API.Application[];
-  updated: API.Application[];
-} {
-  const added: API.Application[] = [];
-  const deleted: API.Application[] = [];
-  const updated: API.Application[] = [];
-
-  const findById = (array: API.Application[], id: number): API.Application | undefined => {
-    return array.find((item) => item.id === id);
-  };
-
-  const isUpdated = (original: API.Application, modified: API.Application): boolean => {
-    return (
-      original.name !== modified.name ||
-      original.platform !== modified.platform ||
-      original.subscribe_type !== modified.subscribe_type ||
-      original.url !== modified.url ||
-      original.icon !== modified.icon
-    );
-  };
-
-  Object.values(originalData).forEach((platformData) => {
-    platformData.forEach((originalApp) => {
-      const modifiedApp = findById(
-        modifiedData[originalApp.platform as API.CreateApplicationRequest['platform']],
-        originalApp.id,
-      );
-
-      if (!modifiedApp) {
-        deleted.push(originalApp);
-      } else if (isUpdated(originalApp, modifiedApp)) {
-        updated.push(modifiedApp);
-      }
-    });
-  });
-
-  Object.values(modifiedData).forEach((platformData) => {
-    platformData.forEach((modifiedApp) => {
-      if (
-        !findById(
-          originalData[modifiedApp.platform as API.CreateApplicationRequest['platform']],
-          modifiedApp.id,
-        )
-      ) {
-        added.push(modifiedApp);
-      }
-    });
-  });
-
-  return { added, deleted, updated };
-}
-
-export default function Subscription() {
-  const t = useTranslations('system.subscription');
-
-  const { data, refetch } = useQuery({
-    queryKey: ['getSubscribeConfig'],
-    queryFn: async () => {
-      const { data } = await getSubscribeConfig();
-
-      return data.data;
-    },
-  });
-
-  const { data: apps, refetch: appsRefetch } = useQuery({
-    queryKey: ['getApplication'],
-    queryFn: async () => {
-      const { data } = await getApplication();
-
-      return data.data;
-    },
-  });
-
-  async function updateConfig(key: string, value: unknown) {
-    if (data?.[key] === value) return;
-    try {
-      await updateSubscribeConfig({
-        ...data,
-        [key]: value,
-      } as API.SubscribeConfig);
-      toast.success(t('saveSuccess'));
-      refetch();
-    } catch (error) {
-      /* empty */
-    }
-  }
-
-  const { data: subscribe_types } = useQuery<string[]>({
-    queryKey: ['getSubscribeType'],
-    queryFn: async () => {
-      const { data } = await getSubscribeType();
-
-      return data.data?.subscribe_types || [];
-    },
-  });
-  const [app, setApp] = useState<API.ApplicationResponse>();
-  const appTypes = Object.keys(apps || {}) as (keyof API.ApplicationResponse)[];
-
-  useEffect(() => {
-    if (!app) setApp(apps);
-  }, [app, apps]);
-
-  return (
-    <>
-      <Table>
-        <TableBody>
-          <TableRow>
-            <TableCell>
-              <Label>{t('singleSubscriptionMode')}</Label>
-              <p className='text-muted-foreground text-xs'>
-                {t('singleSubscriptionModeDescription')}
-              </p>
-            </TableCell>
-            <TableCell className='text-right'>
-              <Switch
-                checked={data?.single_model}
-                onCheckedChange={(checked) => {
-                  updateConfig('single_model', checked);
-                }}
-              />
-            </TableCell>
-          </TableRow>
-
-          <TableRow>
-            <TableCell>
-              <Label>{t('wildcardResolution')}</Label>
-              <p className='text-muted-foreground text-xs'>{t('wildcardResolutionDescription')}</p>
-            </TableCell>
-            <TableCell className='text-right'>
-              <Switch
-                checked={data?.pan_domain}
-                onCheckedChange={(checked) => {
-                  updateConfig('pan_domain', checked);
-                }}
-              />
-            </TableCell>
-          </TableRow>
-          <TableRow>
-            <TableCell>
-              <Label>{t('subscriptionPath')}</Label>
-              <p className='text-muted-foreground text-xs'>{t('subscriptionPathDescription')}</p>
-            </TableCell>
-            <TableCell className='flex items-center gap-2 text-right'>
-              <EnhancedInput
-                placeholder={t('subscriptionPathPlaceholder')}
-                value={data?.subscribe_path}
-                onValueBlur={(value) => updateConfig('subscribe_path', value)}
-              />
-            </TableCell>
-          </TableRow>
-          <TableRow>
-            <TableCell className='align-top'>
-              <Label>{t('subscriptionDomain')}</Label>
-              <p className='text-muted-foreground text-xs'>{t('subscriptionDomainDescription')}</p>
-            </TableCell>
-            <TableCell className='text-right'>
-              <Textarea
-                className='h-52'
-                placeholder={t('subscriptionDomainPlaceholder')}
-                defaultValue={data?.subscribe_domain}
-                onBlur={(e) => {
-                  updateConfig('subscribe_domain', e.target.value);
-                }}
-              />
-            </TableCell>
-          </TableRow>
-          <TableRow>
-            <TableCell>
-              <Label>{t('app')}</Label>
-              <p className='text-muted-foreground text-xs'>{t('appDescription')}</p>
-            </TableCell>
-            <TableCell className='flex justify-end gap-2'>
-              <Button
-                size='sm'
-                variant='outline'
-                onClick={() => {
-                  setApp(apps);
-                }}
-              >
-                {t('reset')}
-              </Button>
-              <Button
-                size='sm'
-                onClick={() => {
-                  const { added, deleted, updated } = compareData(apps!, app!);
-
-                  added.forEach(async (item) => {
-                    await createApplication(item as API.CreateApplicationRequest);
-                  });
-                  deleted.forEach(async (item) => {
-                    await deleteApplication({
-                      id: item.id,
-                    });
-                  });
-                  updated.forEach(async (item) => {
-                    await updateApplication(item);
-                  });
-                  toast.success(t('saveSuccess'));
-                  appsRefetch();
-                }}
-              >
-                {t('save')}
-              </Button>
-            </TableCell>
-          </TableRow>
-        </TableBody>
-      </Table>
-      <Tabs defaultValue='windows'>
-        <TabsList className='h-full flex-wrap'>
-          {appTypes.map((type) => {
-            return (
-              <TabsTrigger value={type} key={type} className='uppercase'>
-                {type}
-              </TabsTrigger>
-            );
-          })}
-        </TabsList>
-        {appTypes.map((type) => {
-          const list = (app?.[type] || []) as API.Application[];
-          const updatedList = (key: string, value: string, index: number) => {
-            const newList = list.map((item, i) => (i === index ? { ...item, [key]: value } : item));
-
-            setApp({
-              ...app,
-              [type]: newList,
-            } as API.ApplicationResponse);
-          };
-
-          return (
-            <TabsContent value={type} key={type} className='mt-4 space-y-4'>
-              {list.map((item, index) => {
-                return (
-                  <div className='flex flex-col items-center gap-2 lg:flex-row' key={index}>
-                    <Select
-                      value={item.subscribe_type}
-                      onValueChange={(value) => {
-                        updatedList('subscribe_type', value, index);
-                      }}
-                    >
-                      <SelectTrigger>
-                        <SelectValue placeholder={t('subscriptionProtocol')} />
-                      </SelectTrigger>
-                      <SelectContent>
-                        {subscribe_types?.map((item) => (
-                          <SelectItem key={item} value={item}>
-                            {item}
-                          </SelectItem>
-                        ))}
-                      </SelectContent>
-                    </Select>
-                    <EnhancedInput
-                      placeholder={t('appName')}
-                      value={item.name}
-                      onValueChange={(value) => updatedList('name', value as string, index)}
-                    />
-                    <EnhancedInput
-                      placeholder={t('appIcon')}
-                      value={item.icon}
-                      onValueChange={(value) => updatedList('icon', value as string, index)}
-                    />
-                    <EnhancedInput
-                      placeholder={t('appDownloadURL')}
-                      value={item.url}
-                      onValueChange={(value) => updatedList('url', value as string, index)}
-                    />
-                    <Button
-                      variant='destructive'
-                      size='sm'
-                      onClick={() => {
-                        setApp({
-                          ...app,
-                          [type]: list.filter((l, i) => i !== index),
-                        } as API.ApplicationResponse);
-                      }}
-                    >
-                      {t('delete')}
-                    </Button>
-                  </div>
-                );
-              })}
-              <Button
-                className='w-full'
-                variant='outline'
-                onClick={() => {
-                  setApp({
-                    ...app,
-                    [type]: [
-                      ...list,
-                      {
-                        platform: type,
-                      },
-                    ],
-                  } as API.ApplicationResponse);
-                }}
-              >
-                {t('add')}
-              </Button>
-            </TabsContent>
-          );
-        })}
-      </Tabs>
-    </>
-  );
-}

apps/admin/app/dashboard/system/telegram.tsx

@@ -1,99 +0,0 @@
-'use client';
-
-import { getTelegramConfig, updateTelegramConfig } from '@/services/admin/system';
-import { useQuery } from '@tanstack/react-query';
-import { Label } from '@workspace/ui/components/label';
-import { Switch } from '@workspace/ui/components/switch';
-import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
-import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
-import { useTranslations } from 'next-intl';
-import { toast } from 'sonner';
-
-export default function Telegram() {
-  const t = useTranslations('system.telegram');
-
-  const { data, refetch } = useQuery({
-    queryKey: ['getTelegramConfig'],
-    queryFn: async () => {
-      const { data } = await getTelegramConfig();
-
-      return data.data;
-    },
-  });
-
-  async function updateConfig(key: string, value: unknown) {
-    if (data?.[key] === value) return;
-    try {
-      await updateTelegramConfig({
-        ...data,
-        [key]: value,
-      } as API.TelegramConfig);
-      toast.success(t('saveSuccess'));
-      refetch();
-    } catch (error) {
-      /* empty */
-    }
-  }
-
-  return (
-    <Table>
-      <TableBody>
-        <TableRow>
-          <TableCell>
-            <Label>{t('webhookDomain')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('webhookDomainDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholderWebhookDomain')}
-              value={data?.telegram_web_hook_domain}
-              onValueBlur={(value) => updateConfig('telegram_web_hook_domain', value)}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('botToken')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('botTokenDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholderBotToken')}
-              value={data?.telegram_bot_token}
-              onValueBlur={(value) => updateConfig('telegram_bot_token', value)}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('enableBotNotifications')}</Label>
-            <p className='text-muted-foreground text-xs'>
-              {t('enableBotNotificationsDescription')}
-            </p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Switch
-              checked={data?.telegram_notify}
-              onCheckedChange={(checked) => {
-                updateConfig('telegram_notify', checked);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('groupURL')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('groupURLDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholderGroupURL')}
-              value={data?.telegram_group_url}
-              onValueBlur={(value) => updateConfig('telegram_group_url', value)}
-            />
-          </TableCell>
-        </TableRow>
-      </TableBody>
-    </Table>
-  );
-}

apps/admin/app/dashboard/system/verify.tsx

@@ -1,115 +0,0 @@
-'use client';
-
-import { getVerifyConfig, updateVerifyConfig } from '@/services/admin/system';
-import { useQuery } from '@tanstack/react-query';
-import { Label } from '@workspace/ui/components/label';
-import { Switch } from '@workspace/ui/components/switch';
-import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
-import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
-import { useTranslations } from 'next-intl';
-import { toast } from 'sonner';
-
-export default function Verify() {
-  const t = useTranslations('system.verify');
-
-  const { data, refetch } = useQuery({
-    queryKey: ['getVerifyConfig'],
-    queryFn: async () => {
-      const { data } = await getVerifyConfig();
-      return data.data;
-    },
-  });
-
-  async function updateConfig(key: string, value: unknown) {
-    if (data?.[key] === value) return;
-    try {
-      await updateVerifyConfig({
-        ...data,
-        [key]: value,
-      } as API.VerifyConfig);
-      toast.success(t('saveSuccess'));
-      refetch();
-    } catch (error) {
-      /* empty */
-    }
-  }
-
-  return (
-    <Table>
-      <TableBody>
-        <TableRow>
-          <TableCell>
-            <Label>{t('turnstileSiteKey')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('turnstileSiteKeyDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              defaultValue={data?.turnstile_site_key}
-              onValueBlur={(value) => updateConfig('turnstile_site_key', value)}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('turnstileSecret')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('turnstileSecretDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              defaultValue={data?.turnstile_secret}
-              onValueBlur={(value) => updateConfig('turnstile_secret', value)}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('registrationVerificationCode')}</Label>
-            <p className='text-muted-foreground text-xs'>
-              {t('registrationVerificationCodeDescription')}
-            </p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Switch
-              checked={data?.enable_register_verify}
-              onCheckedChange={(checked) => {
-                updateConfig('enable_register_verify', checked);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('loginVerificationCode')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('loginVerificationCodeDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Switch
-              checked={data?.enable_login_verify}
-              onCheckedChange={(checked) => {
-                updateConfig('enable_login_verify', checked);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('resetPasswordVerificationCode')}</Label>
-            <p className='text-muted-foreground text-xs'>
-              {t('resetPasswordVerificationCodeDescription')}
-            </p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Switch
-              checked={data?.enable_reset_password_verify}
-              onCheckedChange={(checked) => {
-                updateConfig('enable_reset_password_verify', checked);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-      </TableBody>
-    </Table>
-  );
-}

apps/admin/app/dashboard/ticket/page.tsx

@@ -7,7 +7,6 @@ import {
   getTicketList,
   updateTicketStatus,
 } from '@/services/admin/ticket';
-import { Icon } from '@iconify/react';
 import { useQuery } from '@tanstack/react-query';
 import { Button } from '@workspace/ui/components/button';
 import {
@@ -22,6 +21,7 @@ import { Input } from '@workspace/ui/components/input';
 import { Label } from '@workspace/ui/components/label';
 import { ScrollArea } from '@workspace/ui/components/scroll-area';
 import { ConfirmButton } from '@workspace/ui/custom-components/confirm-button';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { cn } from '@workspace/ui/lib/utils';
 import { formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';

apps/admin/app/dashboard/tool/page.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import { getSystemLog, restartSystem } from '@/services/admin/tool';
-import { Icon } from '@iconify/react';
 import { useQuery } from '@tanstack/react-query';
 import {
   Accordion,
@@ -30,6 +29,7 @@ import {
   CardTitle,
 } from '@workspace/ui/components/card';
 import { ScrollArea } from '@workspace/ui/components/scroll-area';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { useTranslations } from 'next-intl';
 import { useState } from 'react';
 

apps/admin/app/dashboard/user/[id]/page.tsx

@@ -0,0 +1,33 @@
+import UserOrderList from '@/app/dashboard/order/page';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
+import { getTranslations } from 'next-intl/server';
+import UserLoginHistory from './user-login-history';
+import { UserProfileForm } from './user-profile';
+import UserSubscription from './user-subscription';
+
+export default async function Page({ params }: { params: Promise<{ id: number }> }) {
+  const t = await getTranslations('user');
+  const { id } = await params;
+  return (
+    <Tabs defaultValue='profile'>
+      <TabsList>
+        <TabsTrigger value='profile'>{t('userProfile')}</TabsTrigger>
+        <TabsTrigger value='subscriptions'>{t('userSubscriptions')}</TabsTrigger>
+        <TabsTrigger value='orders'>{t('userOrders')}</TabsTrigger>
+        <TabsTrigger value='logs'>{t('userLogs')}</TabsTrigger>
+      </TabsList>
+      <TabsContent value='profile'>
+        <UserProfileForm />
+      </TabsContent>
+      <TabsContent value='subscriptions'>
+        <UserSubscription userId={id} />
+      </TabsContent>
+      <TabsContent value='orders'>
+        <UserOrderList userId={id} />
+      </TabsContent>
+      <TabsContent value='logs'>
+        <UserLoginHistory />
+      </TabsContent>
+    </Tabs>
+  );
+}

apps/admin/app/dashboard/user/[id]/user-login-history/index.tsx

@@ -0,0 +1,53 @@
+'use client';
+
+import { ProTable } from '@/components/pro-table';
+import { getUserLoginLogs } from '@/services/admin/user';
+import { Badge } from '@workspace/ui/components/badge';
+import { formatDate } from '@workspace/ui/utils';
+import { useTranslations } from 'next-intl';
+import { useParams } from 'next/navigation';
+
+export default function UserLoginHistory() {
+  const t = useTranslations('user');
+  const { id } = useParams<{ id: string }>();
+
+  return (
+    <ProTable<API.UserLoginLog, Record<string, unknown>>
+      columns={[
+        {
+          accessorKey: 'success',
+          header: t('loginStatus'),
+          cell: ({ row }) => (
+            <Badge variant={row.getValue('success') ? 'default' : 'destructive'}>
+              {row.getValue('success') ? t('success') : t('failed')}
+            </Badge>
+          ),
+        },
+        {
+          accessorKey: 'login_ip',
+          header: t('loginIp'),
+        },
+        {
+          accessorKey: 'user_agent',
+          header: t('userAgent'),
+        },
+        {
+          accessorKey: 'created_at',
+          header: t('loginTime'),
+          cell: ({ row }) => formatDate(row.getValue('created_at')),
+        },
+      ]}
+      request={async (pagination, filter) => {
+        const { data } = await getUserLoginLogs({
+          user_id: Number(id),
+          ...pagination,
+          ...filter,
+        });
+        return {
+          list: data.data?.list || [],
+          total: data.data?.total || 0,
+        };
+      }}
+    />
+  );
+}

apps/admin/app/dashboard/user/[id]/user-profile/auth-methods-form.tsx

@@ -0,0 +1,140 @@
+'use client';
+
+import {
+  createUserAuthMethod,
+  deleteUserAuthMethod,
+  updateUserAuthMethod,
+} from '@/services/admin/user';
+import { Badge } from '@workspace/ui/components/badge';
+import { Button } from '@workspace/ui/components/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/components/card';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { useTranslations } from 'next-intl';
+import { useState } from 'react';
+import { toast } from 'sonner';
+
+export function AuthMethodsForm({ user, refetch }: { user: API.User; refetch: () => void }) {
+  const t = useTranslations('user');
+
+  const [emailChanges, setEmailChanges] = useState<Record<string, string>>({});
+
+  const handleRemoveAuth = async (authType: string) => {
+    await deleteUserAuthMethod({
+      user_id: user.id,
+      auth_type: authType,
+    });
+    toast.success(t('deleteSuccess'));
+  };
+
+  const handleUpdateEmail = async (email: string) => {
+    await updateUserAuthMethod({
+      user_id: user.id,
+      auth_type: 'email',
+      auth_identifier: email,
+    });
+    toast.success(t('updateSuccess'));
+    refetch();
+  };
+
+  const handleCreateEmail = async (email: string) => {
+    await createUserAuthMethod({
+      user_id: user.id,
+      auth_type: 'email',
+      auth_identifier: email,
+    });
+    toast.success(t('createSuccess'));
+    refetch();
+  };
+
+  const handleEmailChange = (authType: string, value: string) => {
+    setEmailChanges((prev) => ({
+      ...prev,
+      [authType]: value,
+    }));
+  };
+
+  const emailMethod = user.auth_methods.find((method) => method.auth_type === 'email');
+  const otherMethods = user.auth_methods.filter((method) => method.auth_type !== 'email');
+
+  const defaultEmailMethod = {
+    auth_type: 'email',
+    auth_identifier: '',
+    verified: false,
+    ...emailMethod,
+  };
+
+  const isEmailExists = !!emailMethod;
+  const handleEmailAction = () => {
+    const email = emailChanges['email'];
+    if (isEmailExists) {
+      handleUpdateEmail(email as string);
+    } else {
+      handleCreateEmail(email as string);
+    }
+  };
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>{t('authMethodsTitle')}</CardTitle>
+      </CardHeader>
+      <CardContent className='space-y-6'>
+        <div className='space-y-6'>
+          <Card className='border-none shadow-none'>
+            <CardContent className='space-y-3 p-0'>
+              <div className='flex items-center justify-between'>
+                <div className='font-medium uppercase'>email</div>
+                <Badge variant={defaultEmailMethod.verified ? 'default' : 'destructive'}>
+                  {defaultEmailMethod.verified ? t('verified') : t('unverified')}
+                </Badge>
+              </div>
+              <div className='flex items-center gap-2'>
+                <div className='flex-1'>
+                  <EnhancedInput
+                    value={defaultEmailMethod.auth_identifier}
+                    placeholder={t('pleaseEnterEmail')}
+                    onValueChange={(value) => handleEmailChange('email', value as string)}
+                  />
+                </div>
+                <Button
+                  onClick={handleEmailAction}
+                  disabled={
+                    !emailChanges['email'] ||
+                    (isEmailExists && emailChanges['email'] === defaultEmailMethod.auth_identifier)
+                  }
+                >
+                  {isEmailExists ? t('update') : t('add')}
+                </Button>
+              </div>
+            </CardContent>
+          </Card>
+
+          {otherMethods.map((method) => (
+            <Card key={method.auth_type} className='border-none shadow-none'>
+              <CardContent className='space-y-3 p-0'>
+                <div className='flex items-center justify-between'>
+                  <div className='font-medium uppercase'>{method.auth_type}</div>
+                  <Badge variant={method.verified ? 'default' : 'destructive'}>
+                    {method.verified ? t('verified') : t('unverified')}
+                  </Badge>
+                </div>
+                <div className='flex items-center gap-4'>
+                  <div className='flex-1'>
+                    <div className='text-muted-foreground text-sm'>{method.auth_identifier}</div>
+                  </div>
+                  <Button
+                    variant='destructive'
+                    size='sm'
+                    onClick={() => handleRemoveAuth(method.auth_type)}
+                  >
+                    {t('remove')}
+                  </Button>
+                </div>
+              </CardContent>
+            </Card>
+          ))}
+        </div>
+      </CardContent>
+    </Card>
+  );
+}

apps/admin/app/dashboard/user/[id]/user-profile/basic-info-form.tsx

@@ -0,0 +1,259 @@
+'use client';
+
+import useGlobalStore from '@/config/use-global';
+import { updateUserBasicInfo } from '@/services/admin/user';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { Button } from '@workspace/ui/components/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/components/card';
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@workspace/ui/components/form';
+import { Input } from '@workspace/ui/components/input';
+import { Switch } from '@workspace/ui/components/switch';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { UploadImage } from '@workspace/ui/custom-components/upload-image';
+import { unitConversion } from '@workspace/ui/utils';
+import { useTranslations } from 'next-intl';
+import { useForm } from 'react-hook-form';
+import { toast } from 'sonner';
+import * as z from 'zod';
+
+const basicInfoSchema = z.object({
+  avatar: z.string().optional(),
+  balance: z.number().optional(),
+  commission: z.number().optional(),
+  gift_amount: z.number().optional(),
+  refer_code: z.string().optional(),
+  referer_id: z.number().optional(),
+  is_admin: z.boolean().optional(),
+  password: z.string().optional(),
+  enable: z.boolean(),
+});
+
+type BasicInfoValues = z.infer<typeof basicInfoSchema>;
+
+export function BasicInfoForm({ user, refetch }: { user: API.User; refetch: () => void }) {
+  const t = useTranslations('user');
+
+  const { common } = useGlobalStore();
+  const { currency } = common;
+
+  const form = useForm<BasicInfoValues>({
+    resolver: zodResolver(basicInfoSchema),
+    defaultValues: {
+      avatar: user.avatar,
+      balance: user.balance,
+      commission: user.commission,
+      gift_amount: user.gift_amount,
+      refer_code: user.refer_code,
+      referer_id: user.referer_id,
+      is_admin: user.is_admin,
+      enable: user.enable,
+    },
+  });
+
+  async function onSubmit(data: BasicInfoValues) {
+    await updateUserBasicInfo({
+      user_id: user.id,
+      telegram: user.telegram,
+      ...data,
+    } as API.UpdateUserBasiceInfoRequest);
+    toast.success(t('updateSuccess'));
+    refetch();
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)}>
+        <Card>
+          <CardHeader className='flex flex-row items-center justify-between'>
+            <CardTitle>{t('basicInfoTitle')}</CardTitle>
+            <Button type='submit' size='sm'>
+              {t('save')}
+            </Button>
+          </CardHeader>
+          <CardContent className='space-y-4'>
+            <FormField
+              control={form.control}
+              name='enable'
+              render={({ field }) => (
+                <FormItem className='flex items-center justify-between space-x-2'>
+                  <FormLabel>{t('accountEnable')}</FormLabel>
+                  <FormControl>
+                    <Switch checked={field.value} onCheckedChange={field.onChange} />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name='is_admin'
+              render={({ field }) => (
+                <FormItem className='flex items-center justify-between space-x-2'>
+                  <FormLabel>{t('administrator')}</FormLabel>
+                  <FormControl>
+                    <Switch checked={field.value} onCheckedChange={field.onChange} />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+            <div className='grid grid-cols-3 gap-4'>
+              <FormField
+                control={form.control}
+                name='balance'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('balance')}</FormLabel>
+                    <FormControl>
+                      <EnhancedInput
+                        type='number'
+                        value={field.value}
+                        prefix={currency?.currency_symbol ?? '$'}
+                        formatInput={(value) => unitConversion('centsToDollars', value)}
+                        formatOutput={(value) => unitConversion('dollarsToCents', value)}
+                        onValueChange={(value) => {
+                          form.setValue(field.name, value as number);
+                        }}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='commission'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('commission')}</FormLabel>
+                    <FormControl>
+                      <EnhancedInput
+                        type='number'
+                        value={field.value}
+                        prefix={currency?.currency_symbol ?? '$'}
+                        formatInput={(value) => unitConversion('centsToDollars', value)}
+                        formatOutput={(value) => unitConversion('dollarsToCents', value)}
+                        onValueChange={(value) => {
+                          form.setValue(field.name, value as number);
+                        }}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='gift_amount'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('giftAmount')}</FormLabel>
+                    <FormControl>
+                      <EnhancedInput
+                        type='number'
+                        value={field.value}
+                        prefix={currency?.currency_symbol ?? '$'}
+                        formatInput={(value) => unitConversion('centsToDollars', value)}
+                        formatOutput={(value) => unitConversion('dollarsToCents', value)}
+                        onValueChange={(value) => {
+                          form.setValue(field.name, value as number);
+                        }}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+
+            <div className='grid grid-cols-2 gap-4'>
+              <FormField
+                control={form.control}
+                name='refer_code'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('referralCode')}</FormLabel>
+                    <FormControl>
+                      <EnhancedInput
+                        value={field.value}
+                        onValueChange={(value) => {
+                          form.setValue(field.name, value as string);
+                        }}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name='referer_id'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('referrerUserId')}</FormLabel>
+                    <FormControl>
+                      <EnhancedInput
+                        type='number'
+                        value={field.value}
+                        onValueChange={(value) => {
+                          form.setValue(field.name, value as number);
+                        }}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+            <FormField
+              control={form.control}
+              name='avatar'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('avatar')}</FormLabel>
+                  <FormControl>
+                    <EnhancedInput
+                      value={field.value}
+                      onValueChange={(value) => {
+                        form.setValue(field.name, value as string);
+                      }}
+                      suffix={
+                        <UploadImage
+                          className='bg-muted h-9 rounded-none border-none px-2'
+                          returnType='base64'
+                          onChange={(value) => form.setValue('avatar', value as string)}
+                        />
+                      }
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name='password'
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t('password')}</FormLabel>
+                  <FormControl>
+                    <Input type='password' placeholder={t('passwordPlaceholder')} {...field} />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </CardContent>
+        </Card>
+      </form>
+    </Form>
+  );
+}

apps/admin/app/dashboard/user/[id]/user-profile/index.tsx

@@ -0,0 +1,38 @@
+'use client';
+
+import { getUserDetail } from '@/services/admin/user';
+import { useQuery } from '@tanstack/react-query';
+import { useParams } from 'next/navigation';
+import { AuthMethodsForm } from './auth-methods-form';
+import { BasicInfoForm } from './basic-info-form';
+import { NotifySettingsForm } from './notify-settings-form';
+
+export function UserProfileForm() {
+  const { id } = useParams<{ id: string }>();
+
+  const { data: user, refetch } = useQuery({
+    queryKey: ['user', id],
+    queryFn: async () => {
+      const { data } = await getUserDetail({
+        id: Number(id),
+      });
+      return data.data;
+    },
+  });
+
+  if (!user) return null;
+
+  return (
+    <div className='grid gap-4 md:grid-cols-2 xl:grid-cols-3'>
+      <div className='md:col-span-2 xl:col-span-1'>
+        <BasicInfoForm user={user} refetch={refetch} />
+      </div>
+      <div>
+        <NotifySettingsForm user={user} refetch={refetch} />
+      </div>
+      <div>
+        <AuthMethodsForm user={user} refetch={refetch} />
+      </div>
+    </div>
+  );
+}

apps/admin/app/dashboard/user/[id]/user-profile/notify-settings-form.tsx

@@ -0,0 +1,114 @@
+'use client';
+
+import { updateUserNotifySetting } from '@/services/admin/user';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { Button } from '@workspace/ui/components/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/components/card';
+import { Form, FormControl, FormField, FormItem, FormLabel } from '@workspace/ui/components/form';
+import { Switch } from '@workspace/ui/components/switch';
+import { useTranslations } from 'next-intl';
+import { useForm } from 'react-hook-form';
+import { toast } from 'sonner';
+import * as z from 'zod';
+
+const notifySettingsSchema = z.object({
+  enable_balance_notify: z.boolean(),
+  enable_login_notify: z.boolean(),
+  enable_subscribe_notify: z.boolean(),
+  enable_trade_notify: z.boolean(),
+});
+
+type NotifySettingsValues = z.infer<typeof notifySettingsSchema>;
+
+export function NotifySettingsForm({ user, refetch }: { user: API.User; refetch: () => void }) {
+  const t = useTranslations('user');
+
+  const form = useForm<NotifySettingsValues>({
+    resolver: zodResolver(notifySettingsSchema),
+    defaultValues: {
+      enable_balance_notify: user.enable_balance_notify,
+      enable_login_notify: user.enable_login_notify,
+      enable_subscribe_notify: user.enable_subscribe_notify,
+      enable_trade_notify: user.enable_trade_notify,
+    },
+  });
+
+  async function onSubmit(data: NotifySettingsValues) {
+    await updateUserNotifySetting({
+      ...data,
+      user_id: user.id,
+    });
+    toast.success(t('updateSuccess'));
+    refetch();
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)}>
+        <Card>
+          <CardHeader className='flex flex-row items-center justify-between'>
+            <CardTitle>{t('notifySettingsTitle')}</CardTitle>
+            <Button type='submit' size='sm'>
+              {t('save')}
+            </Button>
+          </CardHeader>
+          <CardContent className='space-y-4'>
+            <div className='grid grid-cols-1 gap-4'>
+              <FormField
+                control={form.control}
+                name='enable_balance_notify'
+                render={({ field }) => (
+                  <FormItem className='flex items-center justify-between space-x-2'>
+                    <FormLabel>{t('balanceNotifications')}</FormLabel>
+                    <FormControl>
+                      <Switch checked={field.value} onCheckedChange={field.onChange} />
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='enable_login_notify'
+                render={({ field }) => (
+                  <FormItem className='flex items-center justify-between space-x-2'>
+                    <FormLabel>{t('loginNotifications')}</FormLabel>
+                    <FormControl>
+                      <Switch checked={field.value} onCheckedChange={field.onChange} />
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='enable_subscribe_notify'
+                render={({ field }) => (
+                  <FormItem className='flex items-center justify-between space-x-2'>
+                    <FormLabel>{t('subscriptionNotifications')}</FormLabel>
+                    <FormControl>
+                      <Switch checked={field.value} onCheckedChange={field.onChange} />
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='enable_trade_notify'
+                render={({ field }) => (
+                  <FormItem className='flex items-center justify-between space-x-2'>
+                    <FormLabel>{t('tradeNotifications')}</FormLabel>
+                    <FormControl>
+                      <Switch checked={field.value} onCheckedChange={field.onChange} />
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+            </div>
+          </CardContent>
+        </Card>
+      </form>
+    </Form>
+  );
+}

apps/admin/app/dashboard/user/[id]/user-subscription/index.tsx

@@ -0,0 +1,166 @@
+'use client';
+
+import { Display } from '@/components/display';
+import { ProTable, ProTableActions } from '@/components/pro-table';
+import {
+  createUserSubscribe,
+  deleteUserSubscribe,
+  getUserSubscribe,
+  updateUserSubscribe,
+} from '@/services/admin/user';
+import { Button } from '@workspace/ui/components/button';
+import { ConfirmButton } from '@workspace/ui/custom-components/confirm-button';
+import { formatDate } from '@workspace/ui/utils';
+import { useTranslations } from 'next-intl';
+import { useRef, useState } from 'react';
+import { toast } from 'sonner';
+import { SubscriptionDetail } from './subscription-detail';
+import { SubscriptionForm } from './subscription-form';
+
+export default function UserSubscription({ userId }: { userId: number }) {
+  const t = useTranslations('user');
+  const [loading, setLoading] = useState(false);
+  const ref = useRef<ProTableActions>(null);
+
+  return (
+    <ProTable<API.UserSubscribe, Record<string, unknown>>
+      action={ref}
+      header={{
+        title: t('subscriptionList'),
+        toolbar: (
+          <SubscriptionForm
+            key='create'
+            trigger={t('add')}
+            title={t('createSubscription')}
+            loading={loading}
+            onSubmit={async (values) => {
+              setLoading(true);
+              await createUserSubscribe({
+                user_id: Number(userId),
+                ...values,
+              });
+              toast.success(t('createSuccess'));
+              ref.current?.refresh();
+              setLoading(false);
+              return true;
+            }}
+          />
+        ),
+      }}
+      columns={[
+        {
+          accessorKey: 'id',
+          header: 'ID',
+        },
+        {
+          accessorKey: 'name',
+          header: t('subscriptionName'),
+          cell: ({ row }) => row.original.subscribe.name,
+        },
+        {
+          accessorKey: 'upload',
+          header: t('upload'),
+          cell: ({ row }) => <Display type='traffic' value={row.getValue('upload')} />,
+        },
+        {
+          accessorKey: 'download',
+          header: t('download'),
+          cell: ({ row }) => <Display type='traffic' value={row.getValue('download')} />,
+        },
+        {
+          accessorKey: 'traffic',
+          header: t('totalTraffic'),
+          cell: ({ row }) => <Display type='traffic' value={row.getValue('traffic')} unlimited />,
+        },
+        {
+          accessorKey: 'speed_limit',
+          header: t('speedLimit'),
+          cell: ({ row }) => {
+            const speed = row.original?.subscribe?.speed_limit;
+            return <Display type='trafficSpeed' value={speed} />;
+          },
+        },
+        {
+          accessorKey: 'device_limit',
+          header: t('deviceLimit'),
+          cell: ({ row }) => {
+            const limit = row.original?.subscribe?.device_limit;
+            return <Display type='number' value={limit} unlimited />;
+          },
+        },
+        {
+          accessorKey: 'reset_time',
+          header: t('resetTime'),
+          cell: ({ row }) => {
+            return <Display type='number' value={row.getValue('reset_time')} unlimited />;
+          },
+        },
+        {
+          accessorKey: 'expire_time',
+          header: t('expireTime'),
+          cell: ({ row }) =>
+            row.getValue('expire_time') ? formatDate(row.getValue('expire_time')) : t('permanent'),
+        },
+        {
+          accessorKey: 'created_at',
+          header: t('createdAt'),
+          cell: ({ row }) => formatDate(row.getValue('created_at')),
+        },
+      ]}
+      request={async (pagination) => {
+        const { data } = await getUserSubscribe({
+          user_id: userId,
+          ...pagination,
+        });
+        return {
+          list: data.data?.list || [],
+          total: data.data?.total || 0,
+        };
+      }}
+      actions={{
+        render: (row) => {
+          return [
+            <SubscriptionForm
+              key='edit'
+              trigger={t('edit')}
+              title={t('editSubscription')}
+              loading={loading}
+              initialData={row}
+              onSubmit={async (values) => {
+                setLoading(true);
+                await updateUserSubscribe({
+                  user_id: Number(userId),
+                  user_subscribe_id: row.id,
+                  ...values,
+                });
+                toast.success(t('updateSuccess'));
+                ref.current?.refresh();
+                setLoading(false);
+                return true;
+              }}
+            />,
+            <SubscriptionDetail
+              key='detail'
+              trigger={<Button variant='secondary'>{t('detail')}</Button>}
+              userId={userId}
+              subscriptionId={row.id}
+            />,
+            <ConfirmButton
+              key='delete'
+              trigger={<Button variant='destructive'>{t('delete')}</Button>}
+              title={t('confirmDelete')}
+              description={t('deleteSubscriptionDescription')}
+              onConfirm={async () => {
+                await deleteUserSubscribe({ user_subscribe_id: row.id });
+                toast.success(t('deleteSuccess'));
+                ref.current?.refresh();
+              }}
+              cancelText={t('cancel')}
+              confirmText={t('confirm')}
+            />,
+          ];
+        },
+      }}
+    />
+  );
+}

apps/admin/app/dashboard/user/[id]/user-subscription/subscription-detail.tsx

@@ -0,0 +1,209 @@
+'use client';
+
+import { Display } from '@/components/display';
+import { ProTable } from '@/components/pro-table';
+import {
+  getUserSubscribeDevices,
+  getUserSubscribeLogs,
+  getUserSubscribeTrafficLogs,
+  kickOfflineByUserDevice,
+} from '@/services/admin/user';
+import { Badge } from '@workspace/ui/components/badge';
+import { Button } from '@workspace/ui/components/button';
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from '@workspace/ui/components/dialog';
+import { Switch } from '@workspace/ui/components/switch';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
+import { ConfirmButton } from '@workspace/ui/custom-components/confirm-button';
+import { formatDate } from '@workspace/ui/utils';
+import { useTranslations } from 'next-intl';
+import { ReactNode, useState } from 'react';
+import { toast } from 'sonner';
+
+export function SubscriptionDetail({
+  trigger,
+  userId,
+  subscriptionId,
+}: {
+  trigger: ReactNode;
+  userId: number;
+  subscriptionId: number;
+}) {
+  const t = useTranslations('user');
+  const [open, setOpen] = useState(false);
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogTrigger asChild>{trigger}</DialogTrigger>
+      <DialogContent className='max-w-5xl'>
+        <DialogHeader>
+          <DialogTitle>{t('subscriptionDetails')}</DialogTitle>
+        </DialogHeader>
+        <div className='mt-4'>
+          <Tabs defaultValue='logs'>
+            <TabsList className='w-full'>
+              <TabsTrigger value='logs' className='flex-1'>
+                {t('subscriptionLogs')}
+              </TabsTrigger>
+              <TabsTrigger value='traffic' className='flex-1'>
+                {t('trafficLogs')}
+              </TabsTrigger>
+              <TabsTrigger value='devices' className='flex-1'>
+                {t('onlineDevices')}
+              </TabsTrigger>
+            </TabsList>
+            <TabsContent value='logs'>
+              <ProTable<API.UserSubscribeLog, Record<string, unknown>>
+                columns={[
+                  {
+                    accessorKey: 'ip',
+                    header: 'IP',
+                  },
+                  {
+                    accessorKey: 'user_agent',
+                    header: t('userAgent'),
+                  },
+                  {
+                    accessorKey: 'token',
+                    header: t('token'),
+                  },
+                  {
+                    accessorKey: 'created_at',
+                    header: t('time'),
+                    cell: ({ row }) => formatDate(row.getValue('created_at')),
+                  },
+                ]}
+                request={async (pagination) => {
+                  const { data } = await getUserSubscribeLogs({
+                    user_id: userId,
+                    subscribe_id: subscriptionId,
+                    ...pagination,
+                  });
+                  return {
+                    list: data.data?.list || [],
+                    total: data.data?.total || 0,
+                  };
+                }}
+              />
+            </TabsContent>
+            <TabsContent value='traffic'>
+              <ProTable<API.TrafficLog, Record<string, unknown>>
+                columns={[
+                  {
+                    accessorKey: 'download',
+                    header: t('download'),
+                    cell: ({ row }) => <Display type='traffic' value={row.getValue('download')} />,
+                  },
+                  {
+                    accessorKey: 'upload',
+                    header: t('upload'),
+                    cell: ({ row }) => <Display type='traffic' value={row.getValue('upload')} />,
+                  },
+                  {
+                    accessorKey: 'timestamp',
+                    header: t('time'),
+                    cell: ({ row }) => formatDate(row.getValue('timestamp')),
+                  },
+                ]}
+                request={async (pagination) => {
+                  const { data } = await getUserSubscribeTrafficLogs({
+                    user_id: userId,
+                    subscribe_id: subscriptionId,
+                    ...pagination,
+                  });
+                  return {
+                    list: data.data?.list || [],
+                    total: data.data?.total || 0,
+                  };
+                }}
+              />
+            </TabsContent>
+            <TabsContent value='devices'>
+              <ProTable<API.UserDevice, Record<string, unknown>>
+                columns={[
+                  {
+                    accessorKey: 'enabled',
+                    header: t('enable'),
+                    cell: ({ row }) => (
+                      <Switch
+                        checked={row.getValue('enabled')}
+                        onChange={(checked) => {
+                          console.log('Switch:', checked);
+                        }}
+                      />
+                    ),
+                  },
+                  {
+                    accessorKey: 'id',
+                    header: 'ID',
+                  },
+                  {
+                    accessorKey: 'identifier',
+                    header: 'IMEI',
+                  },
+                  {
+                    accessorKey: 'user_agent',
+                    header: t('userAgent'),
+                  },
+                  {
+                    accessorKey: 'ip',
+                    header: 'IP',
+                  },
+                  {
+                    accessorKey: 'online',
+                    header: t('loginStatus'),
+                    cell: ({ row }) => (
+                      <Badge variant={row.getValue('online') ? 'default' : 'destructive'}>
+                        {row.getValue('online') ? t('online') : t('offline')}
+                      </Badge>
+                    ),
+                  },
+                  {
+                    accessorKey: 'updated_at',
+                    header: t('lastSeen'),
+                    cell: ({ row }) => formatDate(row.getValue('updated_at')),
+                  },
+                ]}
+                request={async (pagination) => {
+                  const { data } = await getUserSubscribeDevices({
+                    user_id: userId,
+                    subscribe_id: subscriptionId,
+                    ...pagination,
+                  });
+                  return {
+                    list: data.data?.list || [],
+                    total: data.data?.total || 0,
+                  };
+                }}
+                actions={{
+                  render: (row) => {
+                    if (!row.identifier) return [];
+                    return [
+                      <ConfirmButton
+                        key='offline'
+                        trigger={<Button variant='destructive'>{t('confirmOffline')}</Button>}
+                        title={t('confirmOffline')}
+                        description={t('kickOfflineConfirm', { ip: row.ip })}
+                        onConfirm={async () => {
+                          await kickOfflineByUserDevice({ id: row.id });
+                          toast.success(t('kickOfflineSuccess'));
+                        }}
+                        cancelText={t('cancel')}
+                        confirmText={t('confirm')}
+                      />,
+                    ];
+                  },
+                }}
+              />
+            </TabsContent>
+          </Tabs>
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}

apps/admin/app/dashboard/user/[id]/user-subscription/subscription-form.tsx

@@ -0,0 +1,240 @@
+'use client';
+
+import { getSubscribeList } from '@/services/admin/subscribe';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useQuery } from '@tanstack/react-query';
+import { Button } from '@workspace/ui/components/button';
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@workspace/ui/components/form';
+import { ScrollArea } from '@workspace/ui/components/scroll-area';
+import {
+  Sheet,
+  SheetContent,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from '@workspace/ui/components/sheet';
+import { Combobox } from '@workspace/ui/custom-components/combobox';
+import { DatePicker } from '@workspace/ui/custom-components/date-picker';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { Icon } from '@workspace/ui/custom-components/icon';
+import { unitConversion } from '@workspace/ui/utils';
+import { useTranslations } from 'next-intl';
+import { ReactNode, useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
+
+interface Props {
+  trigger: ReactNode;
+  title: string;
+  loading?: boolean;
+  initialData?: API.UserSubscribe;
+  onSubmit: (values: any) => Promise<boolean>;
+}
+
+const formSchema = z.object({
+  subscribe_id: z.number().optional(),
+  traffic: z.number().optional(),
+  speed_limit: z.number().optional(),
+  device_limit: z.number().optional(),
+  expired_at: z.number().nullish().optional(),
+});
+
+export function SubscriptionForm({ trigger, title, loading, initialData, onSubmit }: Props) {
+  const t = useTranslations('user');
+  const [open, setOpen] = useState(false);
+
+  const form = useForm({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      subscribe_id: initialData?.subscribe_id || 0,
+      traffic: initialData?.traffic || 0,
+      upload: initialData?.upload || 0,
+      download: initialData?.download || 0,
+      expired_at: initialData?.expire_time || 0,
+      ...(initialData && { id: initialData.id }),
+    },
+  });
+
+  const handleSubmit = async (values: any) => {
+    const success = await onSubmit(values);
+    if (success) {
+      setOpen(false);
+      form.reset();
+    }
+  };
+
+  const { data: subscribe } = useQuery({
+    queryKey: ['getSubscribeList', 'all'],
+    queryFn: async () => {
+      const { data } = await getSubscribeList({
+        page: 1,
+        size: 9999,
+      });
+      return data.data?.list as API.Subscribe[];
+    },
+  });
+
+  return (
+    <Sheet open={open} onOpenChange={setOpen}>
+      <SheetTrigger asChild>
+        <Button
+          onClick={() => {
+            form.reset();
+            setOpen(true);
+          }}
+        >
+          {trigger}
+        </Button>
+      </SheetTrigger>
+      <SheetContent side='right'>
+        <SheetHeader>
+          <SheetTitle>{title}</SheetTitle>
+        </SheetHeader>
+        <ScrollArea className='h-[calc(100dvh-48px-36px-36px-env(safe-area-inset-top))]'>
+          <Form {...form}>
+            <form onSubmit={form.handleSubmit(handleSubmit)} className='mt-4 space-y-4'>
+              <FormField
+                control={form.control}
+                name='subscribe_id'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('subscription')}</FormLabel>
+                    <FormControl>
+                      <Combobox<number, false>
+                        placeholder='Select Subscription'
+                        value={field.value}
+                        onChange={(value) => {
+                          form.setValue(field.name, value);
+                        }}
+                        options={subscribe?.map((item: API.Subscribe) => ({
+                          value: item.id,
+                          label: item.name,
+                        }))}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name='traffic'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('trafficLimit')}</FormLabel>
+                    <FormControl>
+                      <EnhancedInput
+                        placeholder={t('unlimited')}
+                        type='number'
+                        {...field}
+                        formatInput={(value) => unitConversion('bytesToGb', value)}
+                        formatOutput={(value) => unitConversion('gbToBytes', value)}
+                        suffix='GB'
+                        onValueChange={(value) => {
+                          form.setValue(field.name, value as number);
+                        }}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name='upload'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('uploadTraffic')}</FormLabel>
+                    <FormControl>
+                      <EnhancedInput
+                        placeholder='0'
+                        type='number'
+                        {...field}
+                        formatInput={(value) => unitConversion('bytesToGb', value)}
+                        formatOutput={(value) => unitConversion('gbToBytes', value)}
+                        suffix='GB'
+                        onValueChange={(value) => {
+                          form.setValue(field.name, value as number);
+                        }}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name='download'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('downloadTraffic')}</FormLabel>
+                    <FormControl>
+                      <EnhancedInput
+                        placeholder='0'
+                        type='number'
+                        {...field}
+                        formatInput={(value) => unitConversion('bytesToGb', value)}
+                        formatOutput={(value) => unitConversion('gbToBytes', value)}
+                        suffix='GB'
+                        onValueChange={(value) => {
+                          form.setValue(field.name, value as number);
+                        }}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name='expired_at'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('expiredAt')}</FormLabel>
+                    <FormControl>
+                      <DatePicker
+                        placeholder={t('permanent')}
+                        value={field.value}
+                        onChange={(value) => {
+                          if (value === field.value) {
+                            form.setValue(field.name, 0);
+                          } else {
+                            form.setValue(field.name, value!);
+                          }
+                        }}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </form>
+          </Form>
+        </ScrollArea>
+        <SheetFooter className='flex-row justify-end gap-2 pt-3'>
+          <Button
+            variant='outline'
+            disabled={loading}
+            onClick={() => {
+              setOpen(false);
+            }}
+          >
+            {t('cancel')}
+          </Button>
+          <Button disabled={loading} onClick={form.handleSubmit(handleSubmit)}>
+            {loading && <Icon icon='mdi:loading' className='mr-2 animate-spin' />}
+            {t('confirm')}
+          </Button>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  );
+}

apps/admin/app/dashboard/user/page.tsx

@@ -2,12 +2,14 @@
 
 import { Display } from '@/components/display';
 import { ProTable, ProTableActions } from '@/components/pro-table';
-import { createUser, deleteUser, getUserList, updateUser } from '@/services/admin/user';
+import { createUser, deleteUser, getUserList, updateUserBasicInfo } from '@/services/admin/user';
+import { Badge } from '@workspace/ui/components/badge';
 import { Button } from '@workspace/ui/components/button';
 import { Switch } from '@workspace/ui/components/switch';
 import { ConfirmButton } from '@workspace/ui/custom-components/confirm-button';
 import { formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
+import Link from 'next/link';
 import { useRef, useState } from 'react';
 import { toast } from 'sonner';
 import { UserDetail } from './user-detail';
@@ -56,10 +58,10 @@ export default function Page() {
               <Switch
                 defaultChecked={row.getValue('enable')}
                 onCheckedChange={async (checked) => {
-                  await updateUser({
+                  await updateUserBasicInfo({
                     ...row.original,
                     enable: checked,
-                  } as unknown as API.UpdateUserRequest);
+                  } as unknown as API.UpdateUserBasiceInfoRequest);
                   toast.success(t('updateSuccess'));
                   ref.current?.refresh();
                 }}
@@ -72,8 +74,19 @@ export default function Page() {
           header: 'ID',
         },
         {
-          accessorKey: 'email',
+          accessorKey: 'auth_methods',
           header: t('userName'),
+          cell: ({ row }) => {
+            const method = row.original.auth_methods?.[0];
+            return (
+              <div>
+                <Badge className='mr-1 uppercase' title={method?.verified ? t('verified') : ''}>
+                  {method?.auth_type}
+                </Badge>
+                {method?.auth_identifier}
+              </div>
+            );
+          },
         },
         {
           accessorKey: 'balance',
@@ -116,31 +129,9 @@ export default function Page() {
       actions={{
         render: (row) => {
           return [
-            <UserForm<API.UpdateUserRequest>
+            <Button key='detail' asChild>
-              key='edit'
+              <Link href={`/dashboard/user/${row.id}`}>{t('edit')}</Link>
-              trigger={t('edit')}
+            </Button>,
-              title={t('editUser')}
-              loading={loading}
-              initialValues={row as unknown as API.UpdateUserRequest}
-              onSubmit={async (values) => {
-                setLoading(true);
-                try {
-                  await updateUser({
-                    ...row,
-                    ...values,
-                  });
-                  toast.success(t('updateSuccess'));
-                  ref.current?.refresh();
-                  setLoading(false);
-
-                  return true;
-                } catch (error) {
-                  setLoading(false);
-
-                  return false;
-                }
-              }}
-            />,
             <ConfirmButton
               key='edit'
               trigger={<Button variant='destructive'>{t('delete')}</Button>}

apps/admin/app/dashboard/user/user-detail.tsx

@@ -7,6 +7,7 @@ import { Button } from '@workspace/ui/components/button';
 import { HoverCard, HoverCardContent, HoverCardTrigger } from '@workspace/ui/components/hover-card';
 import { formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
+import Link from 'next/link';
 import { useState } from 'react';
 
 export function UserDetail({ id }: { id: number }) {
@@ -27,8 +28,10 @@ export function UserDetail({ id }: { id: number }) {
   return (
     <HoverCard>
       <HoverCardTrigger asChild onMouseEnter={() => setShouldFetch(true)}>
-        <Button variant='link' className='p-0'>
+        <Button variant='link' className='p-0' asChild>
-          @{data?.email?.split('@')[0] || 'Loading...'}
+          <Link href={`/dashboard/user/${id}`}>
+            {data?.auth_methods[0]?.auth_identifier || t('loading')}
+          </Link>
         </Button>
       </HoverCardTrigger>
       <HoverCardContent>
@@ -38,10 +41,6 @@ export function UserDetail({ id }: { id: number }) {
               <span className='text-muted-foreground'>ID</span>
               <span>{data?.id}</span>
             </li>
-            <li className='flex items-center justify-between font-semibold'>
-              <span className='text-muted-foreground'>{t('email')}</span>
-              <span>{data?.email}</span>
-            </li>
             <li className='flex items-center justify-between font-semibold'>
               <span className='text-muted-foreground'>{t('balance')}</span>
               <span>

apps/admin/app/dashboard/user/user-form.tsx

@@ -2,7 +2,6 @@
 
 import useGlobalStore from '@/config/use-global';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Icon } from '@iconify/react';
 import { Button } from '@workspace/ui/components/button';
 import {
   Form,
@@ -22,7 +21,9 @@ import {
   SheetTrigger,
 } from '@workspace/ui/components/sheet';
 import { Switch } from '@workspace/ui/components/switch';
+import { AreaCodeSelect } from '@workspace/ui/custom-components/area-code-select';
 import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { unitConversion } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
 import { useEffect, useState } from 'react';
@@ -51,7 +52,9 @@ export default function UserForm<T extends Record<string, any>>({
 
   const [open, setOpen] = useState(false);
   const formSchema = z.object({
-    email: z.string().email(t('form.invalidEmailFormat')),
+    email: z.string().email(t('invalidEmailFormat')),
+    telephone_area_code: z.string().optional(),
+    telephone: z.string().optional(),
     password: z.string().optional(),
     referer_id: z.number().optional(),
     refer_code: z.string().optional(),
@@ -101,10 +104,52 @@ export default function UserForm<T extends Record<string, any>>({
                 name='email'
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>{t('form.userEmail')}</FormLabel>
+                    <FormLabel>{t('userEmail')}</FormLabel>
                     <FormControl>
                       <EnhancedInput
-                        placeholder={t('form.userEmailPlaceholder')}
+                        placeholder={t('userEmailPlaceholder')}
+                        {...field}
+                        onValueChange={(value) => {
+                          form.setValue(field.name, value);
+                        }}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name='telephone'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{t('telephone')}</FormLabel>
+                    <FormControl>
+                      <EnhancedInput
+                        prefix={
+                          <FormField
+                            control={form.control}
+                            name='telephone_area_code'
+                            render={({ field }) => (
+                              <FormItem>
+                                <FormControl>
+                                  <AreaCodeSelect
+                                    className='w-32 rounded-none border-y-0 border-l-0'
+                                    simple
+                                    placeholder={t('areaCodePlaceholder')}
+                                    value={field.value}
+                                    onChange={(value) => {
+                                      form.setValue(field.name, value.phone);
+                                    }}
+                                  />
+                                </FormControl>
+                                <FormMessage />
+                              </FormItem>
+                            )}
+                          />
+                        }
+                        placeholder={t('telephonePlaceholder')}
                         {...field}
                         onValueChange={(value) => {
                           form.setValue(field.name, value);
@@ -120,10 +165,10 @@ export default function UserForm<T extends Record<string, any>>({
                 name='password'
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>{t('form.password')}</FormLabel>
+                    <FormLabel>{t('password')}</FormLabel>
                     <FormControl>
                       <EnhancedInput
-                        placeholder={t('form.passwordPlaceholder')}
+                        placeholder={t('passwordPlaceholder')}
                         {...field}
                         onValueChange={(value) => {
                           form.setValue(field.name, value);
@@ -139,10 +184,10 @@ export default function UserForm<T extends Record<string, any>>({
                 name='referer_id'
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>{t('form.refererId')}</FormLabel>
+                    <FormLabel>{t('refererId')}</FormLabel>
                     <FormControl>
                       <EnhancedInput
-                        placeholder={t('form.refererIdPlaceholder')}
+                        placeholder={t('refererIdPlaceholder')}
                         {...field}
                         type='number'
                         onValueChange={(value) => {
@@ -159,10 +204,10 @@ export default function UserForm<T extends Record<string, any>>({
                 name='refer_code'
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>{t('form.inviteCode')}</FormLabel>
+                    <FormLabel>{t('inviteCode')}</FormLabel>
                     <FormControl>
                       <EnhancedInput
-                        placeholder={t('form.inviteCodePlaceholder')}
+                        placeholder={t('inviteCodePlaceholder')}
                         {...field}
                         onValueChange={(value) => {
                           form.setValue(field.name, value);
@@ -178,11 +223,11 @@ export default function UserForm<T extends Record<string, any>>({
                 name='balance'
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>{t('form.balance')}</FormLabel>
+                    <FormLabel>{t('balance')}</FormLabel>
                     <FormControl>
                       <EnhancedInput
                         prefix={currency?.currency_symbol ?? '$'}
-                        placeholder={t('form.balancePlaceholder')}
+                        placeholder={t('balancePlaceholder')}
                         type='number'
                         {...field}
                         formatInput={(value) => unitConversion('centsToDollars', value)}
@@ -202,11 +247,11 @@ export default function UserForm<T extends Record<string, any>>({
                 name='gift_amount'
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>{t('form.giftAmount')}</FormLabel>
+                    <FormLabel>{t('giftAmount')}</FormLabel>
                     <FormControl>
                       <EnhancedInput
                         prefix={currency?.currency_symbol ?? '$'}
-                        placeholder={t('form.giftAmountPlaceholder')}
+                        placeholder={t('giftAmountPlaceholder')}
                         type='number'
                         {...field}
                         formatInput={(value) => unitConversion('centsToDollars', value)}
@@ -226,11 +271,11 @@ export default function UserForm<T extends Record<string, any>>({
                 name='commission'
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>{t('form.commission')}</FormLabel>
+                    <FormLabel>{t('commission')}</FormLabel>
                     <FormControl>
                       <EnhancedInput
                         prefix={currency?.currency_symbol ?? '$'}
-                        placeholder={t('form.commissionPlaceholder')}
+                        placeholder={t('commissionPlaceholder')}
                         type='number'
                         {...field}
                         formatInput={(value) => unitConversion('centsToDollars', value)}
@@ -250,7 +295,7 @@ export default function UserForm<T extends Record<string, any>>({
                 name='is_admin'
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>{t('form.manager')}</FormLabel>
+                    <FormLabel>{t('manager')}</FormLabel>
                     <FormControl>
                       <div className='pt-2'>
                         <Switch checked={!!field.value} onCheckedChange={field.onChange} />
@@ -271,11 +316,10 @@ export default function UserForm<T extends Record<string, any>>({
               setOpen(false);
             }}
           >
-            {t('form.cancel')}
+            {t('cancel')}
           </Button>
           <Button disabled={loading} onClick={form.handleSubmit(handleSubmit)}>
-            {loading && <Icon icon='mdi:loading' className='mr-2 animate-spin' />}{' '}
+            {loading && <Icon icon='mdi:loading' className='mr-2 animate-spin' />} {t('confirm')}
-            {t('form.confirm')}
           </Button>
         </SheetFooter>
       </SheetContent>

apps/admin/app/layout.tsx

@@ -93,7 +93,12 @@ export default async function RootLayout({
       user = await currentUser({
         skipErrorHandler: true,
         Authorization,
-      }).then((res) => res.data.data);
+      }).then((res) => {
+        if (res.data.data?.is_admin) {
+          return res.data.data;
+        }
+        return undefined;
+      });
     } catch (error) {
       console.log('Error fetching current user:', error);
     }

apps/admin/components/billing.tsx

@@ -3,8 +3,6 @@ import { Card, CardDescription, CardHeader, CardTitle } from '@workspace/ui/comp
 import { getTranslations } from 'next-intl/server';
 import Link from 'next/link';
 
-const BASE_URL = 'https://cdn.jsdelivr.net/gh/perfect-panel/ppanel-assets/billing/index.json';
-
 interface BillingProps {
   type: 'dashboard' | 'payment';
 }
@@ -17,23 +15,48 @@ interface ItemType {
   href: string;
 }
 
+async function getBillingURL() {
+  try {
+    const response = await fetch(
+      'https://api.github.com/repos/perfect-panel/ppanel-assets/commits',
+    );
+    const json = await response.json();
+    const version = json[0]?.sha;
+    const url = new URL('https://cdn.jsdelivr.net/gh/perfect-panel/ppanel-assets');
+    url.pathname += `@${version}/billing/index.json`;
+    return url.toString();
+  } catch (error) {
+    return 'https://cdn.jsdelivr.net/gh/perfect-panel/ppanel-assets/billing/index.json';
+  }
+}
+
 export default async function Billing({ type }: BillingProps) {
   const t = await getTranslations('common.billing');
   let list: ItemType[] = [];
+
   try {
-    const response = await fetch(BASE_URL, { cache: 'no-store' });
+    const url = await getBillingURL();
-    if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
+    const response = await fetch(url, {
+      headers: {
+        Accept: 'application/json',
+      },
+    });
     const data = await response.json();
-    const now = new Date().getTime();
+    const now = Date.now();
-    list = data[type].filter((item: { expiryDate: string }) => {
+
+    list = Array.isArray(data[type])
+      ? data[type].filter((item: { expiryDate: string }) => {
           const expiryDate = Date.parse(item.expiryDate);
           return !isNaN(expiryDate) && expiryDate > now;
-    });
+        })
+      : [];
   } catch (error) {
-    console.log('Error fetching billing data:', error);
+    console.log(error);
     return null;
   }
-  if (list && list.length === 0) return null;
+
+  if (!list?.length) return null;
+
   return (
     <>
       <h1 className='text mt-2 font-bold'>

apps/admin/components/dashboard/revenue-statistics-card.tsx

@@ -59,7 +59,7 @@ export function RevenueStatisticsCard() {
 
   return (
     <Tabs defaultValue='today'>
-      <Card>
+      <Card className='h-full'>
         <CardHeader className='flex !flex-row items-center justify-between'>
           <CardTitle>{t('revenueTitle')}</CardTitle>
           <TabsList>
@@ -68,8 +68,8 @@ export function RevenueStatisticsCard() {
             <TabsTrigger value='total'>{t('total')}</TabsTrigger>
           </TabsList>
         </CardHeader>
-        <TabsContent value='today'>
+        <TabsContent value='today' className='h-full'>
-          <CardContent>
+          <CardContent className='h-80'>
             {RevenueStatistics?.today.new_order_amount ||
             RevenueStatistics?.today.renewal_order_amount ? (
               <ChartContainer config={IncomeStatisticsConfig} className='mx-auto max-h-80'>
@@ -129,7 +129,9 @@ export function RevenueStatisticsCard() {
                 </PieChart>
               </ChartContainer>
             ) : (
+              <div className='flex h-full items-center justify-center'>
                 <Empty />
+              </div>
             )}
           </CardContent>
           <CardFooter className='flex h-20 flex-row border-t p-4'>
@@ -162,8 +164,8 @@ export function RevenueStatisticsCard() {
           </CardFooter>
         </TabsContent>
 
-        <TabsContent value='month'>
+        <TabsContent value='month' className='h-full'>
-          <CardContent>
+          <CardContent className='h-80'>
             {RevenueStatistics?.monthly.list && RevenueStatistics?.monthly.list.length > 0 ? (
               <ChartContainer config={IncomeStatisticsConfig} className='max-h-80 w-full'>
                 <BarChart
@@ -196,7 +198,9 @@ export function RevenueStatisticsCard() {
                 </BarChart>
               </ChartContainer>
             ) : (
+              <div className='flex h-full items-center justify-center'>
                 <Empty />
+              </div>
             )}
           </CardContent>
           <CardFooter className='flex h-20 flex-row border-t p-4'>
@@ -232,8 +236,8 @@ export function RevenueStatisticsCard() {
           </CardFooter>
         </TabsContent>
 
-        <TabsContent value='total'>
+        <TabsContent value='total' className='h-full'>
-          <CardContent>
+          <CardContent className='h-80'>
             {RevenueStatistics?.all.list && RevenueStatistics?.all.list.length > 0 ? (
               <ChartContainer config={IncomeStatisticsConfig} className='max-h-80 w-full'>
                 <AreaChart
@@ -283,7 +287,9 @@ export function RevenueStatisticsCard() {
                 </AreaChart>
               </ChartContainer>
             ) : (
+              <div className='flex h-full items-center justify-center'>
                 <Empty />
+              </div>
             )}
           </CardContent>
           <CardFooter className='flex h-20 flex-row border-t p-4'>

apps/admin/components/dashboard/statistics.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import { queryServerTotalData, queryTicketWaitReply } from '@/services/admin/console';
-import { Icon } from '@iconify/react';
 import { useQuery } from '@tanstack/react-query';
 import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/components/card';
 import { ChartContainer, ChartTooltip, ChartTooltipContent } from '@workspace/ui/components/chart';
@@ -13,6 +12,7 @@ import {
   SelectValue,
 } from '@workspace/ui/components/select';
 import { Tabs, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { formatBytes } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
 import Link from 'next/link';
@@ -149,7 +149,7 @@ export default function Statistics() {
               </TabsList>
             </Tabs>
           </CardHeader>
-          <CardContent>
+          <CardContent className='h-80'>
             <div className='mb-6 flex items-center justify-between'>
               <h4 className='font-semibold'>
                 {dataType === 'nodes' ? t('nodeTraffic') : t('userTraffic')}
@@ -230,7 +230,9 @@ export default function Statistics() {
                 </BarChart>
               </ChartContainer>
             ) : (
+              <div className='flex h-full items-center justify-center'>
                 <Empty />
+              </div>
             )}
           </CardContent>
         </Card>

apps/admin/components/dashboard/user-statistics-card.tsx

@@ -61,7 +61,7 @@ export function UserStatisticsCard() {
 
   return (
     <Tabs defaultValue='today'>
-      <Card>
+      <Card className='h-full'>
         <CardHeader className='flex !flex-row items-center justify-between'>
           <CardTitle>{t('userTitle')}</CardTitle>
           <TabsList>
@@ -71,8 +71,8 @@ export function UserStatisticsCard() {
           </TabsList>
         </CardHeader>
 
-        <TabsContent value='today'>
+        <TabsContent value='today' className='h-full'>
-          <CardContent>
+          <CardContent className='h-80'>
             {UserStatistics?.today.register ||
             UserStatistics?.today.new_order_users ||
             UserStatistics?.today.renewal_order_users ? (
@@ -133,7 +133,9 @@ export function UserStatisticsCard() {
                 </PieChart>
               </ChartContainer>
             ) : (
+              <div className='flex h-full items-center justify-center'>
                 <Empty />
+              </div>
             )}
           </CardContent>
           <CardFooter className='flex h-20 flex-row border-t p-4'>
@@ -168,8 +170,8 @@ export function UserStatisticsCard() {
           </CardFooter>
         </TabsContent>
 
-        <TabsContent value='month'>
+        <TabsContent value='month' className='h-full'>
-          <CardContent>
+          <CardContent className='h-80'>
             {UserStatistics?.monthly.list && UserStatistics?.monthly.list.length > 0 ? (
               <ChartContainer config={UserStatisticsConfig} className='max-h-80 w-full'>
                 <BarChart
@@ -204,7 +206,9 @@ export function UserStatisticsCard() {
                 </BarChart>
               </ChartContainer>
             ) : (
+              <div className='flex h-full items-center justify-center'>
                 <Empty />
+              </div>
             )}
           </CardContent>
           <CardFooter className='flex h-20 flex-row border-t p-4'>
@@ -239,8 +243,8 @@ export function UserStatisticsCard() {
           </CardFooter>
         </TabsContent>
 
-        <TabsContent value='total'>
+        <TabsContent value='total' className='h-full'>
-          <CardContent>
+          <CardContent className='h-80'>
             {UserStatistics?.all.list && UserStatistics?.all.list.length > 0 ? (
               <ChartContainer config={UserStatisticsConfig} className='max-h-80 w-full'>
                 <AreaChart
@@ -299,7 +303,9 @@ export function UserStatisticsCard() {
                 </AreaChart>
               </ChartContainer>
             ) : (
+              <div className='flex h-full items-center justify-center'>
                 <Empty />
+              </div>
             )}
           </CardContent>
           <CardFooter className='flex h-20 flex-row border-t p-4'>

apps/admin/components/language-switch.tsx

@@ -2,7 +2,6 @@
 
 import { locales } from '@/config/constants';
 import { setLocale } from '@/utils/common';
-import { Icon } from '@iconify/react';
 import {
   Select,
   SelectContent,
@@ -10,14 +9,40 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@workspace/ui/components/select';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { getCountry } from '@workspace/ui/utils';
-import { useLocale, useTranslations } from 'next-intl';
+import { useLocale } from 'next-intl';
 import { useRouter } from 'next/navigation';
 
+const languages = {
+  'cs-CZ': 'Čeština',
+  'de-DE': 'Deutsch',
+  'en-US': 'English',
+  'es-ES': 'Español',
+  'es-MX': 'Español (México)',
+  'fa-IR': 'فارسی',
+  'fi-FI': 'Suomi',
+  'fr-FR': 'Français',
+  'hi-IN': 'हिन्दी',
+  'hu-HU': 'Magyar',
+  'ja-JP': '日本語',
+  'ko-KR': '한국어',
+  'no-NO': 'Norsk',
+  'pl-PL': 'Polski',
+  'pt-BR': 'Português (Brasil)',
+  'ro-RO': 'Română',
+  'ru-RU': 'Русский',
+  'th-TH': 'ไทย',
+  'tr-TR': 'Türkçe',
+  'uk-UA': 'Українська',
+  'vi-VN': 'Tiếng Việt',
+  'zh-CN': '简体中文',
+  'zh-HK': '繁體中文',
+} as const;
+
 export default function LanguageSwitch() {
   const locale = useLocale();
   const country = getCountry(locale);
-  const t = useTranslations('language');
   const router = useRouter();
 
   const handleLanguageChange = (value: string) => {
@@ -31,7 +56,7 @@ export default function LanguageSwitch() {
         <SelectValue>
           <div className='flex items-center'>
             <Icon icon={`flagpack:${country?.alpha2.toLowerCase()}`} className='!size-5' />
-            <span className='sr-only'>{t(`${locale}`)}</span>
+            <span className='sr-only'>{languages[locale as keyof typeof languages]}</span>
           </div>
         </SelectValue>
       </SelectTrigger>
@@ -40,7 +65,7 @@ export default function LanguageSwitch() {
           <SelectItem key={`${item?.lang}-${item?.alpha2}`} value={`${item?.lang}-${item?.alpha2}`}>
             <div className='flex items-center gap-2'>
               <Icon icon={`flagpack:${item?.alpha2.toLowerCase()}`} className='!size-5' />
-              {t(`${item?.lang}-${item?.alpha2}`)}
+              {languages[`${item?.lang}-${item?.alpha2}` as keyof typeof languages]}
             </div>
           </SelectItem>
         ))}

apps/admin/components/pro-table.tsx

@@ -2,6 +2,7 @@
 
 import { ProTable as _ProTable, ProTableProps } from '@workspace/ui/custom-components/pro-table';
 import { useTranslations } from 'next-intl';
+import { Empty } from './empty';
 export { type ProTableActions } from '@workspace/ui/custom-components/pro-table';
 
 export function ProTable<
@@ -25,6 +26,7 @@ export function ProTable<
         },
         textRowsPerPage: t('rowsPerPage'),
       }}
+      empty={<Empty />}
     />
   );
 }

apps/admin/components/sidebar-left.tsx

@@ -1,7 +1,6 @@
 'use client';
 import { navs } from '@/config/navs';
 import useGlobalStore from '@/config/use-global';
-import { Icon } from '@iconify/react';
 import {
   Sidebar,
   SidebarContent,
@@ -13,6 +12,7 @@ import {
   SidebarMenuButton,
   SidebarMenuItem,
 } from '@workspace/ui/components/sidebar';
+import { Icon } from '@workspace/ui/custom-components/icon';
 import { useTranslations } from 'next-intl';
 import Image from 'next/legacy/image';
 import Link from 'next/link';
@@ -61,7 +61,11 @@ export function SidebarLeft({ ...props }: React.ComponentProps<typeof Sidebar>)
                       <SidebarMenuButton
                         asChild
                         tooltip={t(item.title)}
-                        isActive={item.url === pathname}
+                        isActive={
+                          item.url === '/dashboard'
+                            ? pathname === item.url
+                            : pathname.startsWith(item.url)
+                        }
                       >
                         <Link href={item.url}>
                           {item.icon && <Icon icon={item.icon} />}

apps/admin/components/user-nav.tsx

@@ -27,7 +27,7 @@ export function UserNav() {
             <Avatar className='size-8'>
               <AvatarImage alt={user?.avatar ?? ''} src={user?.avatar ?? ''} />
               <AvatarFallback className='rounded-none bg-transparent'>
-                {user?.email?.[0]?.toUpperCase()}
+                {user?.auth_methods?.[0]?.auth_identifier.toUpperCase().charAt(0)}
               </AvatarFallback>
             </Avatar>
           </Button>
@@ -35,7 +35,9 @@ export function UserNav() {
         <DropdownMenuContent forceMount align='end' className='w-56'>
           <DropdownMenuLabel className='font-normal'>
             <div className='flex flex-col space-y-1'>
-              <p className='text-sm font-medium leading-none'>{user?.email}</p>
+              <p className='text-sm font-medium leading-none'>
+                {user?.auth_methods?.[0]?.auth_identifier}
+              </p>
               {/* <p className='text-xs leading-none text-muted-foreground'>ID: {user?.id}</p> */}
             </div>
           </DropdownMenuLabel>

apps/admin/config/navs.ts

@@ -1,3 +1,46 @@
+export const AuthControl = [
+  {
+    title: 'General',
+    url: '/dashboard/auth-control/general',
+  },
+  {
+    title: 'Email',
+    url: '/dashboard/auth-control/email',
+  },
+  {
+    title: 'Phone Number',
+    url: '/dashboard/auth-control/phone',
+  },
+  {
+    title: 'Telegram',
+    url: '/dashboard/auth-control/telegram',
+  },
+  {
+    title: 'Apple',
+    url: '/dashboard/auth-control/apple',
+  },
+  {
+    title: 'Google',
+    url: '/dashboard/auth-control/google',
+  },
+  {
+    title: 'Facebook',
+    url: '/dashboard/auth-control/facebook',
+  },
+  // {
+  //   title: 'Twitter',
+  //   url: '/dashboard/auth-control/twitter',
+  // },
+  {
+    title: 'GitHub',
+    url: '/dashboard/auth-control/github',
+  },
+  {
+    title: 'Device',
+    url: '/dashboard/auth-control/device',
+  },
+];
+
 export const navs = [
   {
     title: 'Dashboard',
@@ -12,6 +55,12 @@ export const navs = [
         url: '/dashboard/system',
         icon: 'flat-color-icons:services',
       },
+      {
+        title: 'Auth Control',
+        url: '/dashboard/auth-control',
+        icon: 'flat-color-icons:lock-portrait',
+        items: AuthControl,
+      },
       {
         title: 'Payment Config',
         url: '/dashboard/payment',
@@ -56,6 +105,12 @@ export const navs = [
         title: 'User Management',
         url: '/dashboard/user',
         icon: 'flat-color-icons:conference-call',
+        items: [
+          {
+            title: 'User Detail',
+            url: '/dashboard/user/:id',
+          },
+        ],
       },
       {
         title: 'Announcement Management',
@@ -82,16 +137,26 @@ export const navs = [
 ];
 
 export function findNavByUrl(url: string) {
-  for (const nav of navs) {
+  function matchDynamicRoute(pattern: string, path: string): boolean {
-    if (nav.url && nav.url === url) {
+    const regexPattern = pattern.replace(/:[^/]+/g, '[^/]+').replace(/\//g, '\\/');
-      return [nav];
+    const regex = new RegExp(`^${regexPattern}$`);
+    return regex.test(path);
   }
-    if (nav.items) {
+
-      const current = nav.items.find((item) => item.url === url);
+  function findNav(items: any[], url: string, path: any[] = []): any[] {
-      if (current) {
+    for (const item of items) {
-        return [nav, current];
+      if (item.url === url || (item.url && matchDynamicRoute(item.url, url))) {
+        return [...path, item];
+      }
+      if (item.items) {
+        const result = findNav(item.items, url, [...path, item]);
+        if (result.length) {
+          return result;
         }
       }
     }
     return [];
+  }
+
+  return findNav(navs, url);
 }

apps/admin/config/use-global.tsx

@@ -14,23 +14,34 @@ export const useGlobalStore = create<GlobalStore>((set) => ({
       site_name: '',
       site_desc: '',
       site_logo: '',
+      keywords: '',
+      custom_html: '',
     },
     verify: {
+      turnstile_site_key: '',
       enable_login_verify: false,
       enable_register_verify: false,
       enable_reset_password_verify: false,
-      turnstile_site_key: '',
+    },
+    auth: {
+      mobile: {
+        enable: false,
+        enable_whitelist: false,
+        whitelist: [],
+      },
+      email: {
+        enable: false,
+        enable_verify: false,
+        enable_domain_suffix: false,
+        domain_suffix_list: '',
       },
       register: {
         stop_register: false,
-      enable_email_verify: false,
-      enable_email_domain_suffix: false,
-      email_domain_suffix_list: '',
-      enable_trial: false,
         enable_ip_register_limit: false,
         ip_register_limit: 0,
         ip_register_limit_duration: 0,
       },
+    },
     invite: {
       forced_invite: false,
       referral_percentage: 0,
@@ -39,7 +50,6 @@ export const useGlobalStore = create<GlobalStore>((set) => ({
     currency: {
       currency_unit: 'USD',
       currency_symbol: '$',
-      access_key: '',
     },
     subscribe: {
       single_model: false,
@@ -47,6 +57,12 @@ export const useGlobalStore = create<GlobalStore>((set) => ({
       subscribe_domain: '',
       pan_domain: false,
     },
+    verify_code: {
+      verify_code_expire_time: 5,
+      verify_code_limit: 15,
+      verify_code_interval: 60,
+    },
+    oauth_methods: [],
   },
   user: undefined,
   setCommon: (common) =>

apps/admin/locales/cs-CZ/apple.json

@@ -0,0 +1,16 @@
+{
+  "clientId": "ID služby",
+  "clientIdDescription": "Apple Service ID, který můžete získat z Apple Developer Portálu",
+  "clientSecret": "Soukromý klíč",
+  "clientSecretDescription": "Obsah soukromého klíče (.p8 soubor) používaný pro autentizaci s Apple",
+  "enable": "Povolit",
+  "enableDescription": "Po povolení se uživatelé mohou přihlásit pomocí svého Apple ID",
+  "keyId": "ID klíče",
+  "keyIdDescription": "ID vašeho soukromého klíče z Apple Developer Portálu",
+  "redirectUri": "Přesměrovací URL",
+  "redirectUriDescription": "Prosím vyplňte adresu API přesměrované URL po úspěšném ověření pomocí Apple. Nepoužívejte / na konci.",
+  "saveFailed": "Uložení se nezdařilo",
+  "saveSuccess": "Uložení bylo úspěšné",
+  "teamId": "ID týmu",
+  "teamIdDescription": "ID týmu Apple Developer"
+}

apps/admin/locales/cs-CZ/auth-control.json

@@ -0,0 +1,74 @@
+{
+  "invite": {
+    "commissionFirstTimeOnly": "Provize pouze za první nákup",
+    "commissionFirstTimeOnlyDescription": "Pokud je povoleno, provize se generuje pouze při první platbě pozývatele; jednotlivé uživatele můžete konfigurovat v uživatelské správě",
+    "enableForcedInvite": "Povolit nucené pozvání",
+    "enableForcedInviteDescription": "Pokud je povoleno, mohou se registrovat pouze pozvaní uživatelé",
+    "inputPlaceholder": "Zadejte",
+    "inviteCommissionPercentage": "Procento provize za pozvání",
+    "inviteCommissionPercentageDescription": "Výchozí globální poměr rozdělení provize; jednotlivé poměry můžete konfigurovat v uživatelské správě",
+    "inviteSettings": "Nastavení pozvání",
+    "saveSuccess": "Uložení úspěšné"
+  },
+  "log": {
+    "content": "Obsah",
+    "createdAt": "Vytvořeno",
+    "emailLog": "Emailový záznam",
+    "mobileLog": "Mobilní záznam",
+    "platform": "Platforma",
+    "sendFailed": "Selhalo",
+    "sendSuccess": "Úspěch",
+    "status": "Stav",
+    "subject": "Předmět",
+    "to": "Příjemce",
+    "updatedAt": "Aktualizováno"
+  },
+  "register": {
+    "day": "Den",
+    "hour": "Hodina",
+    "ipRegistrationLimit": "Omezení registrace podle IP",
+    "ipRegistrationLimitDescription": "Pokud je povoleno, IP adresy splňující pravidla budou omezeny v registraci; mějte na paměti, že určení IP může způsobit problémy kvůli CDN nebo proxy serverům",
+    "minute": "Minuta",
+    "month": "Měsíc",
+    "noLimit": "Bez omezení",
+    "penaltyTime": "Doba trestu (minuty)",
+    "penaltyTimeDescription": "Uživatelé musí počkat, až doba trestu vyprší, než se znovu zaregistrují",
+    "registerSettings": "Nastavení registrace",
+    "registrationLimitCount": "Počet omezení registrace",
+    "registrationLimitCountDescription": "Povolit trest po dosažení registračního limitu",
+    "saveSuccess": "Uložení úspěšné",
+    "stopNewUserRegistration": "Zastavit registraci nových uživatelů",
+    "stopNewUserRegistrationDescription": "Pokud je povoleno, nikdo se nemůže registrovat",
+    "trialDuration": "Doba zkušební verze",
+    "trialRegistration": "Zkušební registrace",
+    "trialRegistrationDescription": "Povolit zkušební registraci; nejprve upravte zkušební balíček a dobu trvání",
+    "trialSubscribePlan": "Plán zkušebního předplatného",
+    "trialSubscribePlanDescription": "Vyberte plán zkušebního předplatného",
+    "year": "Rok"
+  },
+  "verify": {
+    "inputPlaceholder": "Zadejte",
+    "loginVerificationCode": "Ověřovací kód pro přihlášení",
+    "loginVerificationCodeDescription": "Ověření člověka během přihlášení",
+    "registrationVerificationCode": "Ověřovací kód pro registraci",
+    "registrationVerificationCodeDescription": "Ověření člověka během registrace",
+    "resetPasswordVerificationCode": "Ověřovací kód pro resetování hesla",
+    "resetPasswordVerificationCodeDescription": "Ověření člověka během resetování hesla",
+    "saveSuccess": "Uložení úspěšné",
+    "turnstileSecretDescription": "Tajný klíč turniketu poskytovaný Cloudflare",
+    "turnstileSiteKeyDescription": "Klíč pro web turniketu poskytovaný Cloudflare",
+    "verifySettings": "Nastavení ověření"
+  },
+  "verify-code": {
+    "dailyLimit": "Denní limit",
+    "dailyLimitDescription": "Maximální počet ověřovacích kódů, které lze odeslat za den",
+    "expireTime": "Čas vypršení",
+    "expireTimeDescription": "Doba platnosti ověřovacího kódu (vteřiny)",
+    "interval": "Interval odesílání",
+    "intervalDescription": "Minimální interval mezi odesíláním ověřovacích kódů (sekundy)",
+    "saveSuccess": "Uložení úspěšné",
+    "second": "sekundy",
+    "times": "krát",
+    "verifyCodeSettings": "Nastavení ověřovacího kódu"
+  }
+}

apps/admin/locales/cs-CZ/auth.json

@@ -4,20 +4,28 @@
     "continue": "Pokračovat",
     "description": "Zadejte svůj e-mail pro pokračování v přihlášení nebo registraci.",
     "email": "Zadejte platnou e-mailovou adresu.",
-    "title": "Přihlášení/Registrace",
+    "title": "Přihlášení/Registrace"
-    "whitelist": "Doména e-mailu není na povoleném seznamu."
   },
+  "get": "Získat",
   "login": {
+    "codeLogin": "Přihlášení pomocí ověřovacího kódu",
     "description": "Zadejte prosím své přihlašovací údaje pro přihlášení.",
+    "email": "Zadejte platnou e-mailovou adresu.",
     "forgotPassword": "Zapomněli jste heslo?",
+    "passwordLogin": "Přihlášení pomocí hesla",
+    "registerAccount": "Registrace účtu",
     "success": "Přihlášení bylo úspěšné!",
-    "switchAccount": "Registrace/Přepnout účet",
     "title": "Přihlášení"
   },
   "logout": "Odhlásit se",
+  "methods": {
+    "email": "E-mail",
+    "mobile": "Telefon"
+  },
   "orWithEmail": "nebo pomocí e-mailu",
   "register": {
     "description": "Vytvořte si nový účet, vyplňte své údaje pro registraci.",
+    "email": "Zadejte platnou e-mailovou adresu.",
     "existingAccount": "Již máte účet?",
     "get": "Získat",
     "invite": "Pozvánkový kód",
@@ -25,15 +33,19 @@
     "passwordMismatch": "Hesla se neshodují",
     "success": "Registrace úspěšná, automaticky přihlášeno!",
     "switchToLogin": "Přihlásit se/Obnovit e-mail",
-    "title": "Registrace"
+    "title": "Registrace",
+    "whitelist": "Doména e-mailu není na povoleném seznamu."
   },
   "reset": {
     "description": "Zadejte svou e-mailovou adresu pro obnovení hesla.",
+    "email": "Zadejte prosím platnou e-mailovou adresu.",
     "existingAccount": "Máte již účet?",
     "get": "Získat",
     "success": "Obnovení hesla bylo úspěšné, automaticky přepnuto na přihlášení!",
     "switchToLogin": "Přihlášení/Registrace",
     "title": "Obnovení hesla"
   },
-  "tos": "Podmínky služby"
+  "tos": "Podmínky služby",
+  "verifyAccount": "Ověření účtu",
+  "verifyAccountDesc": "Prosím, ověřte svůj účet, abyste mohli pokračovat."
 }

apps/admin/locales/cs-CZ/common.json

@@ -26,6 +26,7 @@
     "20004": "Tento uživatel byl deaktivován, pokud máte dotazy, kontaktujte zákaznický servis.",
     "20005": "Nedostatečný zůstatek, prosím dobijte a zkuste to znovu.",
     "20006": "Funkce registrace není momentálně dostupná, zkuste to prosím později.",
+    "20008": "Informace o uživateli jsou nesprávné, zkontrolujte je a zkuste to znovu.",
     "30001": "Tento uzel již existuje, nepřidávejte ho znovu.",
     "30002": "Příslušný uzel nebyl nalezen, zkontrolujte a zkuste to znovu.",
     "30003": "Skupina již existuje, zkuste použít jiný název.",
@@ -44,9 +45,11 @@
     "60002": "Toto předplatné nelze momentálně použít, zkuste to prosím později.",
     "60003": "Bylo zjištěno existující předplatné. Zrušte ho, než budete pokračovat.",
     "60004": "Nelze momentálně odstranit, protože předplatné má aktivní uživatele.",
+    "60005": "Režim jednotného předplatného překročil limit uživatelů",
     "70001": "Ověřovací kód je nesprávný, zadejte ho prosím znovu.",
     "80001": "Úkol nebyl úspěšně přidán do fronty, zkuste to prosím později.",
     "90001": "Vypněte prosím režim DEBUG a zkuste to znovu.",
+    "90015": "Tento účet dnes dosáhl limitu pro odesílání, zkuste to prosím znovu zítra",
     "undefined": "Došlo k chybě systému, zkuste to prosím později."
   },
   "table": {

apps/admin/locales/cs-CZ/device.json

@@ -0,0 +1,4 @@
+{
+  "enable": "Povolit",
+  "enableDescription": "Po povolení jsou podporovány různé identifikátory zařízení, jako jsou IMEI/IDFA/IDFV/AndroidID/Mac adresa pro přihlášení a registraci"
+}

apps/admin/locales/cs-CZ/email.json

@@ -0,0 +1,47 @@
+{
+  "emailBasicConfigDescription": "Nakonfigurujte nastavení SMTP serveru a možnosti ověření e-mailu",
+  "emailLogsDescription": "Zobrazit historii odeslaných e-mailů a jejich stav",
+  "emailSuffixWhitelist": "Seznam povolených přípon e-mailů",
+  "emailSuffixWhitelistDescription": "Když je povoleno, mohou se registrovat pouze e-maily s příponami v seznamu",
+  "emailVerification": "Ověření e-mailu",
+  "emailVerificationDescription": "Když je povoleno, uživatelé budou muset ověřit svůj e-mail",
+  "enable": "Povolit",
+  "enableDescription": "Po aktivaci budou povoleny funkce registrace e-mailem, přihlášení, propojení a odpojení.",
+  "expiration_email_template": "Šablona oznámení o vypršení platnosti",
+  "expiration_email_templateDescription": "Zástupné symboly {after}.variable{before} budou nahrazeny skutečnými daty. Ujistěte se, že tyto proměnné zachováte.",
+  "failed": "Neúspěch",
+  "inputPlaceholder": "Zadejte hodnotu...",
+  "logs": "Protokoly",
+  "maintenance_email_template": "Šablona oznámení o údržbě",
+  "maintenance_email_templateDescription": "Zástupné symboly {after}.variable{before} budou nahrazeny skutečnými daty. Ujistěte se, že tyto proměnné zachováte.",
+  "recipient": "Příjemce",
+  "saveFailed": "Nepodařilo se uložit konfiguraci",
+  "saveSuccess": "Konfigurace byla úspěšně uložena.",
+  "sendFailure": "Nepodařilo se odeslat testovací e-mail, zkontrolujte prosím konfiguraci.",
+  "sendSuccess": "Testovací e-mail byl úspěšně odeslán.",
+  "sendTestEmail": "Odeslat testovací e-mail",
+  "sendTestEmailDescription": "Odeslat testovací e-mail pro ověření konfigurace.",
+  "senderAddress": "Adresa odesílatele",
+  "senderAddressDescription": "Výchozí e-mailová adresa používaná pro odesílání e-mailů.",
+  "sent": "Odesláno",
+  "sentAt": "Odesláno",
+  "settings": "Nastavení",
+  "smtpAccount": "SMTP účet",
+  "smtpAccountDescription": "E-mailový účet používaný pro ověřování.",
+  "smtpEncryptionMethod": "Metoda šifrování SMTP",
+  "smtpEncryptionMethodDescription": "Vyberte, zda povolit šifrování SSL/TLS.",
+  "smtpPassword": "SMTP heslo",
+  "smtpPasswordDescription": "Heslo pro účet SMTP.",
+  "smtpServerAddress": "Adresa SMTP serveru",
+  "smtpServerAddressDescription": "Zadejte adresu serveru používanou pro odesílání e-mailů.",
+  "smtpServerPort": "Port SMTP serveru",
+  "smtpServerPortDescription": "Zadejte port používaný k připojení k SMTP serveru.",
+  "status": "Stav",
+  "subject": "Předmět",
+  "template": "Šablona",
+  "verify_email_template": "Šablona ověřovacího e-mailu",
+  "verify_email_templateDescription": "Zástupné symboly {after}.variable{before} budou nahrazeny skutečnými daty. Ujistěte se, že tyto proměnné zachováte.",
+  "whitelistSuffixes": "Povolené přípony",
+  "whitelistSuffixesDescription": "Používá se pro ověření e-mailu během registrace; jeden na řádek",
+  "whitelistSuffixesPlaceholder": "Zadejte přípony e-mailů, každou na samostatný řádek"
+}

apps/admin/locales/cs-CZ/facebook.json

@@ -0,0 +1,10 @@
+{
+  "clientId": "ID klienta",
+  "clientIdDescription": "ID aplikace Facebook z konzole pro vývojáře Facebooku",
+  "clientSecret": "Klientský tajný klíč",
+  "clientSecretDescription": "Facebook App Secret z Facebook Developers Console",
+  "enable": "Povolit",
+  "enableDescription": "Po povolení se uživatelé mohou přihlásit pomocí svého účtu na Facebooku",
+  "saveFailed": "Uložení se nezdařilo",
+  "saveSuccess": "Uložení bylo úspěšné"
+}

apps/admin/locales/cs-CZ/github.json

@@ -0,0 +1,10 @@
+{
+  "clientId": "ID klienta GitHub",
+  "clientIdDescription": "ID klienta z nastavení vaší GitHub OAuth aplikace",
+  "clientSecret": "GitHub klientský tajný klíč",
+  "clientSecretDescription": "Tajný klíč klienta z nastavení vaší GitHub OAuth aplikace",
+  "enable": "Povolit ověřování GitHub",
+  "enableDescription": "Povolit uživatelům přihlásit se pomocí jejich účtů na GitHubu",
+  "saveFailed": "Nepodařilo se uložit nastavení GitHubu",
+  "saveSuccess": "Nastavení GitHubu bylo úspěšně uloženo"
+}

apps/admin/locales/cs-CZ/google.json

@@ -0,0 +1,10 @@
+{
+  "clientId": "ID klienta",
+  "clientIdDescription": "ID klienta Google OAuth 2.0 z Google Cloud Console",
+  "clientSecret": "Klientský tajný klíč",
+  "clientSecretDescription": "Tajný klíč klienta Google OAuth 2.0 z Google Cloud Console",
+  "enable": "Povolit",
+  "enableDescription": "Po povolení se uživatelé mohou přihlásit pomocí svého účtu Google",
+  "saveFailed": "Uložení se nezdařilo",
+  "saveSuccess": "Uložení bylo úspěšné"
+}

apps/admin/locales/cs-CZ/language.json

@@ -1,25 +0,0 @@
-{
-  "cs-CZ": "čeština",
-  "de-DE": "němčina",
-  "en-US": "angličtina",
-  "es-ES": "španělština",
-  "es-MX": "španělština (Mexiko)",
-  "fa-IR": "Perština",
-  "fi-FI": "finština",
-  "fr-FR": "Francouzština",
-  "hi-IN": "hindština",
-  "hu-HU": "maďarština",
-  "ja-JP": "Japonština",
-  "ko-KR": "Korejština",
-  "no-NO": "norština",
-  "pl-PL": "polština",
-  "pt-BR": "portugalština (Brazílie)",
-  "ro-RO": "rumunština",
-  "ru-RU": "ruština",
-  "th-TH": "thajština",
-  "tr-TR": "turečtina",
-  "uk-UA": "Ukrajinština",
-  "vi-VN": "Vietnamština",
-  "zh-CN": "čeština (CS)",
-  "zh-HK": "čínština (tradiční)"
-}

apps/admin/locales/cs-CZ/menu.json

@@ -1,18 +1,30 @@
 {
   "Announcement Management": "Správa oznámení",
+  "Apple": "Apple ID",
+  "Auth Control": "Řízení ověřování",
   "Coupon Management": "Správa kupónů",
   "Dashboard": "Přístrojová deska",
+  "Device": "Zařízení",
   "Document Management": "Správa dokumentů",
+  "Email": "E-mail",
+  "Facebook": "Facebook",
   "Finance": "Finance",
+  "General": "Obecné",
+  "GitHub": "GitHub",
+  "Google": "Google",
   "Order Management": "Správa objednávek",
   "Payment Config": "Konfigurace platby",
+  "Phone Number": "Telefonní číslo",
   "Server": "Server",
   "Server Management": "Správa serveru",
   "Settings": "Nastavení",
   "Subscribe Management": "Správa předplatného",
   "System Config": "Systémová konfigurace",
   "System Tool": "Systémový nástroj",
+  "Telegram": "Telegram",
   "Ticket Management": "Správa lístků",
+  "Twitter": "Twitter",
   "User": "Uživatel",
+  "User Detail": "Podrobnosti o uživateli",
   "User Management": "Správa uživatelů"
 }

apps/admin/locales/cs-CZ/phone.json

@@ -0,0 +1,32 @@
+{
+  "accessLabel": "Přístup",
+  "applyPlatform": "Použít platformu",
+  "enable": "Povolit",
+  "enableTip": "Po povolení budou povoleny funkce registrace, přihlášení, připojení a odpojení mobilního telefonu",
+  "endpointLabel": "Koncový bod",
+  "logs": "Protokoly",
+  "phoneNumberLabel": "Telefonní číslo",
+  "placeholders": {
+    "template": "Váš ověřovací kód je {code}, platný po dobu 5 minut",
+    "templateCode": "Zadejte kód šablony"
+  },
+  "platform": "SMS platforma",
+  "platformConfigTip": "Vyplňte prosím poskytnutou konfiguraci {key}",
+  "platformTip": "Vyberte prosím platformu pro SMS",
+  "secretLabel": "Tajný klíč",
+  "sendFailed": "Odeslání se nezdařilo",
+  "sendSuccess": "Úspěšně odesláno",
+  "settings": "Nastavení",
+  "signNameLabel": "Název podpisu",
+  "template": "Šablona SMS",
+  "templateCodeLabel": "Kód šablony",
+  "templateTip": "Prosím vyplňte SMS šablonu, ponechte {code} uprostřed, jinak SMS funkce nebude fungovat",
+  "testSms": "Odeslat testovací SMS",
+  "testSmsPhone": "Zadejte telefonní číslo",
+  "testSmsTip": "Odeslat testovací SMS pro ověření vaší konfigurace",
+  "updateSuccess": "Aktualizace úspěšná",
+  "whitelistAreaCode": "Kód oblasti v bílém seznamu",
+  "whitelistAreaCodeTip": "Zadejte kódy oblastí v bílém seznamu, např. 1, 852, 886, 888",
+  "whitelistValidation": "Ověření bílého seznamu",
+  "whitelistValidationTip": "Pokud je povoleno, mohou SMS odesílat pouze kódy oblastí v bílém seznamu"
+}

apps/admin/locales/cs-CZ/server.json

@@ -1,4 +1,24 @@
 {
+  "config": {
+    "addTimeSlot": "Přidat časový úsek",
+    "communicationKey": "Komunikační klíč",
+    "communicationKeyDescription": "Klíč pro komunikaci uzlů k zajištění bezpečnosti dat",
+    "delete": "Smazat",
+    "dynamicMultiplier": "Dynamický multiplikátor",
+    "dynamicMultiplierDescription": "Dynamický multiplikátor označuje zpracování posílaných dat s různými multiplikátory pro různé uzly během různých časových období.",
+    "endTime": "Konec",
+    "inputPlaceholder": "Zadejte",
+    "multiplier": "Multiplikátor",
+    "nodePullInterval": "Interval stahování uzlu",
+    "nodePullIntervalDescription": "Frekvence (v sekundách) pro stahování dat uzly z panelu",
+    "nodePushInterval": "Interval odesílání uzlu",
+    "nodePushIntervalDescription": "Frekvence odesílání dat uzly do panelu",
+    "reset": "Resetovat",
+    "save": "Uložit",
+    "saveSuccess": "Úspěšně uloženo",
+    "startTime": "Začátek",
+    "timeSlot": "Časový úsek"
+  },
   "group": {
     "actions": "Akce",
     "cancel": "Zrušit",
@@ -46,7 +66,9 @@
     "form": {
       "allowInsecure": "Povolit nezabezpečené",
       "cancel": "Zrušit",
+      "city": "Město",
       "confirm": "Potvrdit",
+      "country": "Země",
       "edit": "Upravit",
       "editSecurity": "Upravit nastavení zabezpečení",
       "enableTLS": "Povolit TLS",
@@ -100,6 +122,8 @@
       "serverName": "Název služby",
       "speedLimit": "Omezení rychlosti",
       "speedLimitPlaceholder": "Bez omezení",
+      "tags": "Štítky",
+      "tagsPlaceholder": "Použijte Enter nebo čárku (,) pro zadání více štítků",
       "trafficRatio": "Poměr provozu",
       "transport": "Přenosový protokol",
       "transportConfig": "Nastavení přenosového protokolu",
@@ -120,6 +144,7 @@
     "serverAddr": "Adresa serveru",
     "speedLimit": "Omezení rychlosti",
     "status": "Stav",
+    "tags": "Štítky",
     "trafficRatio": "Poměr provozu",
     "type": "Typ",
     "updateSuccess": "Úspěšně aktualizováno",
@@ -127,6 +152,7 @@
   },
   "tabs": {
     "node": "Uzlu",
+    "nodeConfig": "Konfigurace uzlu",
     "nodeGroup": "Skupina uzlů"
   }
 }

apps/admin/locales/cs-CZ/subscribe.json

@@ -1,6 +1,60 @@
 {
   "actions": "akce",
+  "app": {
+    "appDownloadURL": "URL pro stažení aplikace",
+    "appIcon": "Ikona aplikace",
+    "appList": "Seznam aplikací",
+    "appName": "Název aplikace",
+    "backupDomains": "Seznam záložních domén",
+    "backupDomainsDescription": "Seznam záložních domén pro řešení domén, jedna doména na řádek",
+    "batchDelete": "Hromadné smazání",
     "cancel": "Zrušit",
+    "communicationKey": "Komunikační klíč",
+    "communicationKeyDescription": "Klíč používaný pro komunikaci klienta",
+    "config": "Konfigurace",
+    "configApp": "Konfigurace aplikace",
+    "confirm": "Potvrdit",
+    "confirmDelete": "Potvrdit smazání",
+    "create": "Vytvořit",
+    "createApp": "Vytvořit aplikaci",
+    "createSuccess": "Úspěšně vytvořeno",
+    "defaultVersion": "Výchozí",
+    "delete": "Smazat",
+    "deleteWarning": "Tuto akci nelze vrátit zpět",
+    "describeDescription": "Používá se k popisu aplikace, zobrazuje se v seznamu aplikací",
+    "description": "Popis",
+    "downloadLink": "Odkaz ke stažení",
+    "edit": "Upravit",
+    "editApp": "Upravit aplikaci",
+    "encryption": "Metoda šifrování",
+    "encryptionDescription": "Vyberte metodu šifrování pro komunikaci klienta. Pokud je vybrána, klient použije tuto metodu ke komunikaci se serverem",
+    "nameDescription": "Název aplikace, zobrazuje se v seznamu aplikací",
+    "platform": "Platforma",
+    "selectApp": "Vybrat aplikaci",
+    "selectAppDescription": "Vyberte aplikaci k nastavení, všechna nastavení se použijí na vybranou aplikaci",
+    "startupPicture": "Úvodní obrázek",
+    "startupPictureDescription": "Úvodní obrázek, podporuje síťové a lokální obrázky. Pro síťové obrázky zadejte úplnou URL adresu obrázku",
+    "startupPicturePreview": "Náhled úvodního obrázku",
+    "startupPictureSkip": "Čas přeskočení úvodního obrázku",
+    "startupPictureSkipDescription": "Doba zobrazení úvodního obrázku v sekundách, zadejte 0 pro nezobrazení",
+    "subscriptionProtocol": "Protokol předplatného",
+    "updateSuccess": "Úspěšně aktualizováno",
+    "version": "Verze"
+  },
+  "cancel": "Zrušit",
+  "config": {
+    "singleSubscriptionMode": "Režim jednorázového předplatného",
+    "singleSubscriptionModeDescription": "Když je povoleno, všechna uživatelská předplatná budou převedena na zůstatek",
+    "subscriptionDomain": "Doména předplatného",
+    "subscriptionDomainDescription": "Používá se pro předplatné; nechte prázdné pro použití domény webu",
+    "subscriptionDomainPlaceholder": "Zadejte doménu předplatného, jednu na řádek",
+    "subscriptionPath": "Cesta předplatného",
+    "subscriptionPathDescription": "Používá se pro předplatné; po úpravě nezapomeňte restartovat systém pro optimální výkon",
+    "subscriptionPathPlaceholder": "Zadejte",
+    "updateSuccess": "Úspěšně aktualizováno",
+    "wildcardResolution": "Řešení zástupných znaků",
+    "wildcardResolutionDescription": "Používá se pro předplatné"
+  },
   "confirm": "Potvrdit",
   "confirmDelete": "Opravdu chcete smazat?",
   "copy": "Kopírovat",
@@ -36,7 +90,7 @@
     "discount_price": "Cena po slevě",
     "duration": "Doba trvání (měsíce)",
     "groupId": "Skupina předplatného",
-    "inventory": "Sklad",
+    "inventory": "Limit předplatného",
     "monthlyReset": "Měsíční Reset",
     "name": "Název",
     "noLimit": "Bez omezení",
@@ -86,16 +140,19 @@
     "updateSuccess": "Úspěšně aktualizováno",
     "updatedAt": "Čas aktualizace"
   },
-  "inventory": "inventář",
+  "inventory": "Limit předplatného",
   "name": "název",
   "quota": "Limit na nákup/čas",
   "replacement": "Obnovení ceny/krát",
   "sell": "Prodej",
   "show": "Zobrazit na hlavní stránce",
+  "sold": "Počet předplatných",
   "subscribe": "Předplatit",
   "subscribeGroup": "Přihlásit se ke skupině",
   "tabs": {
     "subscribe": "Předplatit",
+    "subscribeApp": "Konfigurace aplikace",
+    "subscribeConfig": "Konfigurace předplatného",
     "subscribeGroup": "Skupina předplatných"
   },
   "traffic": "provoz",

apps/admin/locales/cs-CZ/system.json

@@ -8,83 +8,15 @@
     "currencyUnitDescription": "Pouze pro zobrazení, po změně se změní všechny měnové jednotky v systému",
     "saveSuccess": "Úspěšně uloženo"
   },
-  "email": {
+  "privacy-policy": {
-    "expiration_email_template": "Šablona oznámení o vypršení platnosti",
+    "saveSuccess": "Uložení bylo úspěšné",
-    "expiration_email_templateDescription": "Proměnné {after}.názevProměnné{before} v šabloně budou nahrazeny skutečnými daty, ujistěte se, že tyto proměnné zachováte.",
+    "title": "Zásady ochrany osobních údajů"
-    "inputPlaceholder": "Zadejte obsah...",
-    "maintenance_email_template": "Šablona oznámení o údržbě",
-    "maintenance_email_templateDescription": "Proměnné {after}.názevProměnné{before} v šabloně budou nahrazeny skutečnými daty, ujistěte se, že tyto proměnné zachováte.",
-    "saveSuccess": "Konfigurace byla úspěšně uložena.",
-    "sendFailure": "Odeslání testovacího e-mailu selhalo, zkontrolujte konfiguraci.",
-    "sendSuccess": "Testovací e-mail byl úspěšně odeslán.",
-    "sendTestEmail": "Odeslat testovací e-mail",
-    "sendTestEmailDescription": "Odešlete testovací e-mail pro ověření správnosti konfigurace.",
-    "senderAddress": "Adresa odesílatele",
-    "senderAddressDescription": "Výchozí e-mailová adresa použitá k odesílání e-mailů.",
-    "smtpAccount": "Účet SMTP",
-    "smtpAccountDescription": "E-mailový účet pro ověření identity.",
-    "smtpEncryptionMethod": "Metoda šifrování SMTP",
-    "smtpEncryptionMethodDescription": "Vyberte, zda povolit šifrování SSL/TLS.",
-    "smtpPassword": "Heslo SMTP",
-    "smtpPasswordDescription": "Heslo k účtu SMTP.",
-    "smtpServerAddress": "Adresa serveru SMTP",
-    "smtpServerAddressDescription": "Zadejte adresu serveru pro odesílání e-mailů.",
-    "smtpServerPort": "Port serveru SMTP",
-    "smtpServerPortDescription": "Zadejte číslo portu pro připojení k serveru SMTP.",
-    "verify_email_template": "Šablona ověřovacího e-mailu",
-    "verify_email_templateDescription": "Proměnné {after}.názevProměnné{before} v šabloně budou nahrazeny skutečnými daty, ujistěte se, že tyto proměnné zachováte."
-  },
-  "invite": {
-    "commissionFirstTimeOnly": "Provize pouze při prvním nákupu",
-    "commissionFirstTimeOnlyDescription": "Po aktivaci se provize generuje pouze při první platbě pozvaného uživatele. Můžete konfigurovat jednotlivé uživatele ve správě uživatelů.",
-    "enableForcedInvite": "Povolit povinné pozvání",
-    "enableForcedInviteDescription": "Po aktivaci se mohou registrovat pouze pozvaní uživatelé.",
-    "inputPlaceholder": "Prosím zadejte",
-    "inviteCommissionPercentage": "Procento provize za pozvání",
-    "inviteCommissionPercentageDescription": "Výchozí globální procento rozdělení provize, můžete konfigurovat jednotlivé procento ve správě uživatelů.",
-    "saveSuccess": "Úspěšně uloženo"
-  },
-  "node": {
-    "addTimeSlot": "Přidat časový úsek",
-    "communicationKey": "Komunikační klíč",
-    "communicationKeyDescription": "Klíč pro komunikaci uzlu, aby se zajistilo, že data nebudou zachycena jinými osobami",
-    "delete": "Smazat",
-    "dynamicMultiplier": "Dynamický násobitel",
-    "dynamicMultiplierDescription": "Dynamický násobitel označuje zpracování posunutých dat s různými násobiteli pro různé uzly během různých časových období.",
-    "endTime": "Čas konce",
-    "inputPlaceholder": "Prosím zadejte",
-    "multiplier": "Násobitel",
-    "nodePullInterval": "Interval stahování uzlu",
-    "nodePullIntervalDescription": "Frekvence, s jakou uzel získává data z panelu (v sekundách)",
-    "nodePushInterval": "Interval odesílání uzlu",
-    "nodePushIntervalDescription": "Frekvence, s jakou uzel odesílá data do panelu",
-    "reset": "Resetovat",
-    "save": "Uložit",
-    "saveSuccess": "Úspěšně uloženo",
-    "startTime": "Čas začátku",
-    "timeSlot": "Časový úsek"
-  },
-  "register": {
-    "emailSuffixWhitelist": "Seznam povolených přípon e-mailů",
-    "emailSuffixWhitelistDescription": "Po aktivaci se mohou registrovat pouze e-maily s příponami uvedenými v seznamu",
-    "emailVerification": "Ověření e-mailu",
-    "emailVerificationDescription": "Po aktivaci budou uživatelé muset ověřit svůj e-mail",
-    "ipRegistrationLimit": "Omezení registrace podle IP",
-    "ipRegistrationLimitDescription": "Po aktivaci budou IP adresy, které splňují pravidla, omezeny v registraci. Upozorňujeme, že kvůli CDN nebo front-end proxy může dojít k problémům s určením IP adresy",
-    "penaltyTime": "Doba trestu (minuty)",
-    "penaltyTimeDescription": "Uživatelé musí počkat, až uplyne doba trestu, než se budou moci znovu registrovat",
-    "registrationLimitCount": "Počet omezení registrace",
-    "registrationLimitCountDescription": "Po dosažení limitu registrace se aktivuje trest",
-    "saveSuccess": "Úspěšně uloženo",
-    "stopNewUserRegistration": "Zastavit registraci nových uživatelů",
-    "stopNewUserRegistrationDescription": "Po aktivaci se nikdo nebude moci registrovat",
-    "trialRegistration": "Zkušební registrace",
-    "trialRegistrationDescription": "Aktivujte zkušební registraci, nejprve upravte zkušební balíček a dobu trvání",
-    "whitelistSuffixes": "Povolené přípony",
-    "whitelistSuffixesDescription": "Používá se pro ověření e-mailu při registraci, jedna přípona na řádek",
-    "whitelistSuffixesPlaceholder": "Zadejte přípony e-mailů, jednu na řádek"
   },
   "site": {
+    "customHtml": "Vlastní HTML",
+    "customHtmlDescription": "Vlastní HTML kód, který bude vložen na konec tagu body na stránce.",
+    "keywords": "Klíčová slova",
+    "keywordsDescription": "Používá se pro SEO účely",
     "logo": "LOGO",
     "logoDescription": "Používá se k zobrazení místa, kde je potřeba zobrazit LOGO",
     "logoPlaceholder": "Zadejte URL adresu LOGA, nekončete '/'",
@@ -99,71 +31,13 @@
     "siteNameDescription": "Používá se k zobrazení místa, kde je potřeba zobrazit název webu",
     "siteNamePlaceholder": "Zadejte název webu"
   },
-  "subscription": {
-    "add": "Přidat",
-    "app": "Aplikace",
-    "appDescription": "Nastavte adresu pro stažení aplikace a pravidla importu, nezapomeňte po úpravách uložit",
-    "appDownloadURL": "Adresa pro stažení aplikace",
-    "appIcon": "Ikona aplikace",
-    "appName": "Název aplikace",
-    "delete": "Smazat",
-    "reset": "Resetovat",
-    "save": "Uložit",
-    "saveSuccess": "Úspěšně uloženo",
-    "singleSubscriptionMode": "Režim jednorázového předplatného",
-    "singleSubscriptionModeDescription": "Po aktivaci se všechny uživatelské balíčky převedou na zůstatek",
-    "subscriptionDomain": "Doména předplatného",
-    "subscriptionDomainDescription": "Používá se pro předplatné, pokud je prázdné, použije se doména webu",
-    "subscriptionDomainPlaceholder": "Zadejte doménu předplatného, pro více domén použijte jeden řádek pro každou",
-    "subscriptionPath": "Cesta předplatného",
-    "subscriptionPathDescription": "Používá se pro předplatné, po úpravě je nutné restartovat systém pro zajištění nejlepšího výkonu",
-    "subscriptionPathPlaceholder": "Zadejte",
-    "subscriptionProtocol": "Protokol předplatného",
-    "wildcardResolution": "Řešení zástupných znaků",
-    "wildcardResolutionDescription": "Používá se pro předplatné"
-  },
   "tabs": {
     "currency": "Měna",
-    "email": "E-mail",
-    "invite": "Pozvat",
-    "node": "Uzlový bod",
-    "register": "Registrace",
     "site": "Stránka",
-    "subscription": "Předplatné",
+    "tos": "Podmínky služby"
-    "telegram": "Telegram",
-    "tos": "Podmínky služby",
-    "verify": "Ověřit"
-  },
-  "telegram": {
-    "botToken": "Token robota",
-    "botTokenDescription": "Zadejte token poskytnutý Botfatherem",
-    "enableBotNotifications": "Povolit oznámení robota",
-    "enableBotNotificationsDescription": "Po povolení bude robot posílat základní oznámení správcům a uživatelům propojeným s Telegramem",
-    "groupURL": "URL skupiny",
-    "groupURLDescription": "Po vyplnění se zobrazí na uživatelské straně nebo tam, kde je potřeba",
-    "inputPlaceholderBotToken": "0000000000:xxxxxxxxx_xxxxxxxxxxxxxxx",
-    "inputPlaceholderGroupURL": "https://t.me/xxxxxx",
-    "inputPlaceholderWebhookDomain": "https://example.com",
-    "saveSuccess": "Úspěšně uloženo",
-    "webhookDomain": "Doména webhooku",
-    "webhookDomainDescription": "Zadejte název domény serveru webhooku"
   },
   "tos": {
     "saveSuccess": "Uložení bylo úspěšné",
     "title": "Podmínky služby"
-  },
-  "verify": {
-    "inputPlaceholder": "Prosím zadejte",
-    "loginVerificationCode": "Ověřovací kód pro přihlášení",
-    "loginVerificationCodeDescription": "Ověření člověka při přihlášení",
-    "registrationVerificationCode": "Ověřovací kód pro registraci",
-    "registrationVerificationCodeDescription": "Ověření člověka při registraci",
-    "resetPasswordVerificationCode": "Ověřovací kód pro resetování hesla",
-    "resetPasswordVerificationCodeDescription": "Ověření člověka při resetování hesla",
-    "saveSuccess": "Úspěšně uloženo",
-    "turnstileSecret": "Turnstile tajný klíč",
-    "turnstileSecretDescription": "Turnstile tajný klíč poskytovaný Cloudflare",
-    "turnstileSiteKey": "Turnstile klíč webu",
-    "turnstileSiteKeyDescription": "Turnstile klíč webu poskytovaný Cloudflare"
   }
 }

apps/admin/locales/cs-CZ/telegram.json

@@ -0,0 +1,10 @@
+{
+  "clientId": "ID robota",
+  "clientIdDescription": "ID Telegram bota, které můžete získat od @BotFather",
+  "clientSecret": "Token robota",
+  "clientSecretDescription": "Telegram Bot Token, který můžete získat od @BotFather",
+  "enable": "Povolit",
+  "enableDescription": "Po povolení budou povoleny funkce registrace, přihlášení, připojení a odpojení mobilního telefonu",
+  "saveFailed": "Uložení se nezdařilo",
+  "saveSuccess": "Uložení bylo úspěšné"
+}

apps/admin/locales/cs-CZ/user.json

@@ -1,45 +1,108 @@
 {
+  "accountEnable": "Povolení účtu",
   "actions": "akce",
+  "add": "Přidat",
+  "administrator": "Administrátor",
+  "areaCode": "Směrový kód",
+  "areaCodePlaceholder": "Kód oblasti",
+  "auth": "Autentizace",
+  "authIdentifier": "Identifikátor ověření",
+  "authIdentifierPlaceholder": "Zadejte identifikátor ověření",
+  "authMethodsTitle": "Nastavení ověřování",
+  "authType": "Typ ověření",
+  "authUser": "Autentizovaný uživatel",
+  "avatar": "Avatar",
   "balance": "Zůstatek",
+  "balanceNotifications": "Oznámení o změně zůstatku",
+  "balancePlaceholder": "Zůstatek",
+  "basicInfoTitle": "Základní informace",
   "cancel": "zrušit",
   "commission": "Provize",
+  "commissionPlaceholder": "Zadejte provizi",
   "confirm": "Potvrdit",
   "confirmDelete": "Opravdu chcete smazat?",
+  "confirmOffline": "Potvrdit offline",
   "create": "Vytvořit",
+  "createSubscription": "Vytvořit předplatné",
   "createSuccess": "Vytvoření úspěšné",
   "createUser": "Vytvořit uživatele",
   "createdAt": "Datum registrace",
   "delete": "smazat",
   "deleteDescription": "Po odstranění nelze data obnovit, prosím, postupujte opatrně.",
+  "deleteSubscriptionDescription": "Opravdu chcete smazat toto předplatné?",
   "deleteSuccess": "Úspěšně odstraněno",
+  "detail": "Detail",
+  "deviceLimit": "Limit zařízení",
+  "download": "Stáhnout",
+  "downloadTraffic": "Stáhnout provoz",
   "edit": "Upravit",
+  "editSubscription": "Upravit předplatné",
   "editUser": "Upravit uživatele",
   "email": "e-mail",
   "enable": "Povolit",
-  "form": {
+  "expireTime": "Čas vypršení",
-    "balance": "Zůstatek",
+  "expiredAt": "Platnost vypršela",
-    "balancePlaceholder": "Zůstatek",
+  "failed": "Neúspěch",
-    "cancel": "Zrušit",
+  "giftAmount": "Částka dárku",
-    "commission": "Provize",
+  "giftAmountPlaceholder": "Zadejte částku dárku",
-    "commissionPlaceholder": "Zadejte provizi",
-    "confirm": "Potvrdit",
-    "giftAmount": "Částka daru",
-    "giftAmountPlaceholder": "Zadejte částku daru",
   "invalidEmailFormat": "Neplatný formát e-mailu",
   "inviteCode": "Pozvánkový kód",
-    "inviteCodePlaceholder": "Zadejte pozvánkový kód (ponechte prázdné pro automatické generování)",
+  "inviteCodePlaceholder": "Zadejte kód pozvánky (ponechte prázdné pro vygenerování)",
-    "manager": "Správce",
+  "kickOfflineConfirm": "Opravdu chcete odpojit IP {ip}?",
+  "kickOfflineSuccess": "Úspěšně oznámeno odpojení",
+  "lastSeen": "Naposledy viděno",
+  "loading": "Načítání...",
+  "loginIp": "Přihlašovací IP",
+  "loginNotifications": "Oznámení o přihlášení",
+  "loginStatus": "Stav přihlášení",
+  "loginTime": "Čas přihlášení",
+  "manager": "Manažer",
+  "notifySettingsTitle": "Nastavení oznámení",
+  "onlineDevices": "Online zařízení",
   "password": "Heslo",
-    "passwordPlaceholder": "Zadejte nové heslo (může zůstat prázdné)",
+  "passwordPlaceholder": "Zadejte nové heslo (volitelné)",
+  "permanent": "Trvalý",
+  "pleaseEnterEmail": "Prosím, zadejte e-mail",
+  "referer": "Doporučitel",
   "refererId": "ID doporučitele",
   "refererIdPlaceholder": "Zadejte ID doporučitele",
-    "userEmail": "E-mail uživatele",
+  "referralCode": "Doporučovací kód",
-    "userEmailPlaceholder": "Zadejte e-mail uživatele"
+  "referrerUserId": "Odesílatel (uživatelské ID)",
-  },
+  "remove": "Odstranit",
-  "giftAmount": "Částka dárku",
+  "resetTime": "Obnovit čas",
-  "inviteCode": "Pozvánkový kód",
+  "save": "Uložit",
-  "referer": "Doporučitel",
+  "searchIp": "Vyhledat IP adresu",
+  "selectAuthType": "Vyberte typ ověření",
+  "speedLimit": "Rychlostní limit",
+  "subscription": "Předplatné",
+  "subscriptionDetails": "Podrobnosti o předplatném",
+  "subscriptionList": "Seznam předplatných",
+  "subscriptionLogs": "Záznamy o předplatném",
+  "subscriptionName": "Název předplatného",
+  "subscriptionNotifications": "Oznámení o předplatném",
+  "success": "Úspěch",
+  "telephone": "Telefonní číslo",
+  "telephonePlaceholder": "Zadejte telefonní číslo",
+  "time": "Čas",
+  "token": "Token",
+  "totalTraffic": "Celkový provoz",
+  "tradeNotifications": "Obchodní oznámení",
+  "trafficLimit": "Limit provozu",
+  "trafficLogs": "Protokoly provozu",
+  "unlimited": "Neomezený",
+  "unverified": "Neověřeno",
+  "update": "Aktualizovat",
   "updateSuccess": "Aktualizace byla úspěšná",
+  "upload": "Nahrát",
+  "uploadTraffic": "Nahrát provoz",
+  "userAgent": "Uživatelský agent",
+  "userEmail": "Uživatelský e-mail",
+  "userEmailPlaceholder": "Zadejte e-mail uživatele",
   "userList": "Seznam uživatelů",
-  "userName": "Uživatelský e-mail"
+  "userLogs": "Historie přihlášení",
+  "userName": "Identifikátor uživatele",
+  "userOrders": "Objednávky",
+  "userProfile": "Profil",
+  "userSubscriptions": "Předplatné",
+  "verified": "Ověřeno"
 }

apps/admin/locales/de-DE/apple.json

@@ -0,0 +1,16 @@
+{
+  "clientId": "Dienst-ID",
+  "clientIdDescription": "Apple-Dienst-ID, die Sie im Apple Developer Portal erhalten können",
+  "clientSecret": "Privater Schlüssel",
+  "clientSecretDescription": "Der private Schlüsselinhalt (.p8-Datei), der für die Authentifizierung bei Apple verwendet wird",
+  "enable": "Aktivieren",
+  "enableDescription": "Nach der Aktivierung können sich Benutzer mit ihrer Apple-ID anmelden",
+  "keyId": "Schlüssel-ID",
+  "keyIdDescription": "Die ID Ihres privaten Schlüssels aus dem Apple Developer Portal",
+  "redirectUri": "Weiterleitungs-URL",
+  "redirectUriDescription": "Bitte geben Sie die API-Adresse der umgeleiteten URL ein, nachdem die Apple-Authentifizierung erfolgreich abgeschlossen wurde. Verwenden Sie kein / am Ende.",
+  "saveFailed": "Speichern fehlgeschlagen",
+  "saveSuccess": "Erfolgreich gespeichert",
+  "teamId": "Team-ID",
+  "teamIdDescription": "Apple Developer-Team-ID"
+}

apps/admin/locales/de-DE/auth-control.json

@@ -0,0 +1,74 @@
+{
+  "invite": {
+    "commissionFirstTimeOnly": "Provision nur beim ersten Kauf",
+    "commissionFirstTimeOnlyDescription": "Wenn aktiviert, wird die Provision nur bei der ersten Zahlung des Einladers generiert; individuelle Benutzer können in der Benutzerverwaltung konfiguriert werden",
+    "enableForcedInvite": "Erzwinge Einladung",
+    "enableForcedInviteDescription": "Wenn aktiviert, können sich nur eingeladene Benutzer registrieren",
+    "inputPlaceholder": "Eingeben",
+    "inviteCommissionPercentage": "Einladungsprovisionssatz",
+    "inviteCommissionPercentageDescription": "Standardmäßiges globales Provisionsverteilungsschema; individuelle Sätze können in der Benutzerverwaltung konfiguriert werden",
+    "inviteSettings": "Einladungseinstellungen",
+    "saveSuccess": "Erfolgreich gespeichert"
+  },
+  "log": {
+    "content": "Inhalt",
+    "createdAt": "Erstellt am",
+    "emailLog": "E-Mail-Protokoll",
+    "mobileLog": "Mobilprotokoll",
+    "platform": "Plattform",
+    "sendFailed": "Fehlgeschlagen",
+    "sendSuccess": "Erfolgreich",
+    "status": "Status",
+    "subject": "Betreff",
+    "to": "Empfänger",
+    "updatedAt": "Aktualisiert am"
+  },
+  "register": {
+    "day": "Tag",
+    "hour": "Stunde",
+    "ipRegistrationLimit": "IP-Registrierungsgrenze",
+    "ipRegistrationLimitDescription": "Wenn aktiviert, werden IPs, die die Regelanforderungen erfüllen, von der Registrierung ausgeschlossen; beachten Sie, dass die IP-Bestimmung aufgrund von CDNs oder Frontend-Proxys Probleme verursachen kann",
+    "minute": "Minute",
+    "month": "Monat",
+    "noLimit": "Keine Begrenzung",
+    "penaltyTime": "Strafzeit (Minuten)",
+    "penaltyTimeDescription": "Benutzer müssen warten, bis die Strafzeit abgelaufen ist, bevor sie sich erneut registrieren",
+    "registerSettings": "Registrierungseinstellungen",
+    "registrationLimitCount": "Registrierungsgrenzanzahl",
+    "registrationLimitCountDescription": "Strafe aktivieren, nachdem die Registrierungsgrenze erreicht wurde",
+    "saveSuccess": "Erfolgreich gespeichert",
+    "stopNewUserRegistration": "Neue Benutzerregistrierung stoppen",
+    "stopNewUserRegistrationDescription": "Wenn aktiviert, kann sich niemand registrieren",
+    "trialDuration": "Testdauer",
+    "trialRegistration": "Testregistrierung",
+    "trialRegistrationDescription": "Testregistrierung aktivieren; Testpaket und -dauer zuerst ändern",
+    "trialSubscribePlan": "Testabonnement-Plan",
+    "trialSubscribePlanDescription": "Wählen Sie einen Testabonnement-Plan aus",
+    "year": "Jahr"
+  },
+  "verify": {
+    "inputPlaceholder": "Eingeben",
+    "loginVerificationCode": "Anmeldebestätigungscode",
+    "loginVerificationCodeDescription": "Menschliche Überprüfung während der Anmeldung",
+    "registrationVerificationCode": "Registrierungsbestätigungscode",
+    "registrationVerificationCodeDescription": "Menschliche Überprüfung während der Registrierung",
+    "resetPasswordVerificationCode": "Bestätigungscode zum Zurücksetzen des Passworts",
+    "resetPasswordVerificationCodeDescription": "Menschliche Überprüfung während der Passwortzurücksetzung",
+    "saveSuccess": "Erfolgreich gespeichert",
+    "turnstileSecretDescription": "Turnstile-Geheimschlüssel, bereitgestellt von Cloudflare",
+    "turnstileSiteKeyDescription": "Turnstile-Seitenschlüssel, bereitgestellt von Cloudflare",
+    "verifySettings": "Überprüfungseinstellungen"
+  },
+  "verify-code": {
+    "dailyLimit": "Tägliches Limit",
+    "dailyLimitDescription": "Maximale Anzahl von Bestätigungscodes, die pro Tag gesendet werden können",
+    "expireTime": "Ablaufzeit",
+    "expireTimeDescription": "Ablaufzeit des Bestätigungscodes (Sekunden)",
+    "interval": "Sendeintervall",
+    "intervalDescription": "Minimales Intervall zwischen dem Versenden von Bestätigungscodes (Sekunden)",
+    "saveSuccess": "Erfolgreich gespeichert",
+    "second": "Sekunden",
+    "times": "Mal",
+    "verifyCodeSettings": "Einstellungen für den Bestätigungscode"
+  }
+}

apps/admin/locales/de-DE/auth.json

@@ -4,20 +4,28 @@
     "continue": "Fortfahren",
     "description": "Bitte geben Sie Ihre E-Mail-Adresse ein, um sich anzumelden oder zu registrieren.",
     "email": "Bitte geben Sie eine gültige E-Mail-Adresse ein.",
-    "title": "Anmelden/Registrieren",
+    "title": "Anmelden/Registrieren"
-    "whitelist": "Die E-Mail-Domain befindet sich nicht auf der zugelassenen Whitelist."
   },
+  "get": "Holen",
   "login": {
+    "codeLogin": "Anmeldung mit Bestätigungscode",
     "description": "Bitte geben Sie Ihre Kontoinformationen ein, um sich anzumelden.",
+    "email": "Bitte geben Sie eine gültige E-Mail-Adresse ein.",
     "forgotPassword": "Passwort vergessen?",
+    "passwordLogin": "Anmeldung mit Passwort",
+    "registerAccount": "Konto registrieren",
     "success": "Erfolgreich eingeloggt!",
-    "switchAccount": "Registrieren/Konto wechseln",
     "title": "Anmeldung"
   },
   "logout": "Abmelden",
+  "methods": {
+    "email": "E-Mail",
+    "mobile": "Telefon"
+  },
   "orWithEmail": "oder mit E-Mail",
   "register": {
     "description": "Erstellen Sie ein neues Konto, indem Sie Ihre Informationen ausfüllen, um sich zu registrieren.",
+    "email": "Bitte geben Sie eine gültige E-Mail-Adresse ein.",
     "existingAccount": "Bereits ein Konto?",
     "get": "Erhalten",
     "invite": "Einladungscode",
@@ -25,15 +33,19 @@
     "passwordMismatch": "Die eingegebenen Passwörter stimmen nicht überein",
     "success": "Registrierung erfolgreich, Sie sind automatisch eingeloggt!",
     "switchToLogin": "Anmelden/E-Mail zurücksetzen",
-    "title": "Registrieren"
+    "title": "Registrieren",
+    "whitelist": "Die E-Mail-Domain befindet sich nicht in der erlaubten Whitelist."
   },
   "reset": {
     "description": "Bitte geben Sie Ihre E-Mail-Adresse ein, um das Passwort zurückzusetzen.",
+    "email": "Bitte geben Sie eine gültige E-Mail-Adresse ein.",
     "existingAccount": "Bereits ein Konto?",
     "get": "Erhalten",
     "success": "Passwort erfolgreich zurückgesetzt, automatisch zum Login gewechselt!",
     "switchToLogin": "Anmelden/Registrieren",
     "title": "Passwort zurücksetzen"
   },
-  "tos": "Nutzungsbedingungen"
+  "tos": "Nutzungsbedingungen",
+  "verifyAccount": "Kontoverifizierung",
+  "verifyAccountDesc": "Bitte verifizieren Sie Ihr Konto, um fortzufahren."
 }

apps/admin/locales/de-DE/common.json

@@ -26,6 +26,7 @@
     "20004": "Dieser Benutzer wurde deaktiviert, bei Fragen wenden Sie sich bitte an den Kundenservice.",
     "20005": "Unzureichendes Guthaben, bitte aufladen und erneut versuchen.",
     "20006": "Die Registrierungsfunktion ist derzeit nicht verfügbar, bitte versuchen Sie es später erneut.",
+    "20008": "Die Benutzerinformationen sind falsch, bitte überprüfen Sie sie und versuchen Sie es erneut.",
     "30001": "Dieser Knoten existiert bereits, bitte nicht erneut hinzufügen.",
     "30002": "Kein relevanter Knoten gefunden, bitte überprüfen und erneut versuchen.",
     "30003": "Die Gruppe existiert bereits, bitte versuchen Sie einen anderen Namen zu verwenden.",
@@ -44,9 +45,11 @@
     "60002": "Das Abonnement kann derzeit nicht verwendet werden, bitte versuchen Sie es später erneut.",
     "60003": "Ein bestehendes Abonnement wurde erkannt. Bitte kündigen Sie es, bevor Sie fortfahren.",
     "60004": "Kann derzeit nicht gelöscht werden, da das Abonnement aktive Benutzer hat.",
+    "60005": "Im Single-Abo-Modus wurde das Benutzerlimit überschritten",
     "70001": "Der Bestätigungscode ist falsch, bitte erneut eingeben.",
     "80001": "Die Aufgabe wurde nicht erfolgreich in die Warteschlange aufgenommen, bitte versuchen Sie es später erneut.",
     "90001": "Bitte deaktivieren Sie den DEBUG-Modus und versuchen Sie es erneut.",
+    "90015": "Dieses Konto hat das tägliche Sendelimit erreicht. Bitte versuchen Sie es morgen erneut",
     "undefined": "Es ist ein Systemfehler aufgetreten, bitte versuchen Sie es später erneut."
   },
   "table": {