feat: new UI

[liyue634]

No description provided.

[coderabbitai]

Important

Review skipped

Too many files!

This PR contains 274 files, which is 124 over the limit of 150.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: b7afdd0a-5b13-4306-a75f-a08707881245

📥 Commits

Reviewing files that changed from the base of the PR and between 9ae9040 and 6b8b8ce.

⛔ Files ignored due to path filters (26)

• web/pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml
• web/public/console-docs/install/claude-windows-env-settings.jpg is excluded by !**/*.jpg
• web/public/console-docs/install/claude-windows-faq-env-1.png is excluded by !**/*.png
• web/public/console-docs/install/claude-windows-faq-env-2.png is excluded by !**/*.png
• web/public/console-docs/install/claude-windows-start-menu.png is excluded by !**/*.png
• web/public/console-docs/install/claude-windows-system-properties.jpg is excluded by !**/*.jpg
• web/public/console-docs/install/finger-up.svg is excluded by !**/*.svg
• web/public/console-docs/install/support-wechat-qr.jpg is excluded by !**/*.jpg
• web/public/console-docs/tutorial/blog/claude-code-full-guide.png is excluded by !**/*.png
• web/public/console-docs/tutorial/blog/claude-code-tips-blog.png is excluded by !**/*.png
• web/public/console-docs/tutorial/video/claude-code-30-tips.jpg is excluded by !**/*.jpg
• web/public/console-docs/tutorial/video/claudia-gui.jpg is excluded by !**/*.jpg
• web/public/console-docs/tutorial/video/stagehand.jpg is excluded by !**/*.jpg
• web/public/console-docs/tutorial/video/superclaude.jpg is excluded by !**/*.jpg
• web/public/console-docs/tutorial/wechat/claude-code-best-practices.jpg is excluded by !**/*.jpg
• web/public/console-docs/tutorial/wechat/claude-code-rpa.jpg is excluded by !**/*.jpg
• web/public/console-docs/tutorial/wechat/vscode-claude-45.jpg is excluded by !**/*.jpg
• web/public/favicon.ico is excluded by !**/*.ico
• web/public/home/Windows.svg is excluded by !**/*.svg
• web/public/home/linux.svg is excluded by !**/*.svg
• web/public/home/macos.svg is excluded by !**/*.svg
• web/public/logo.png is excluded by !**/*.png
• web/public/pay-apple.png is excluded by !**/*.png
• web/public/pay-card.png is excluded by !**/*.png
• web/public/pay-google.png is excluded by !**/*.png
• web/public/pricing-contact-qr.jpg is excluded by !**/*.jpg

📒 Files selected for processing (274)

• web/i18next.config.js
• web/index.html
• web/package.json
• web/postcss.config.js
• web/public/ide集成.webp
• web/src/App.jsx
• web/src/components/auth/LoginForm.jsx
• web/src/components/auth/OAuth2Callback.jsx
• web/src/components/auth/PasswordResetConfirm.jsx
• web/src/components/auth/PasswordResetForm.jsx
• web/src/components/auth/RegisterForm.jsx
• web/src/components/auth/TwoFAVerification.jsx
• web/src/components/common/DocumentRenderer/index.jsx
• web/src/components/common/logo/LinuxDoIcon.jsx
• web/src/components/common/logo/OIDCIcon.jsx
• web/src/components/common/logo/WeChatIcon.jsx
• web/src/components/common/markdown/MarkdownRenderer.jsx
• web/src/components/common/modals/RiskAcknowledgementModal.jsx
• web/src/components/common/modals/SecureVerificationModal.jsx
• web/src/components/common/ui/CardPro.jsx
• web/src/components/common/ui/CardTable.jsx
• web/src/components/common/ui/ChannelKeyDisplay.jsx
• web/src/components/common/ui/CompactModeToggle.jsx
• web/src/components/common/ui/JSONEditor.jsx
• web/src/components/common/ui/Loading.jsx
• web/src/components/common/ui/RenderUtils.jsx
• web/src/components/common/ui/ScrollableContainer.jsx
• web/src/components/common/ui/SelectableButtonGroup.jsx
• web/src/components/console-docs/ConsoleInstallPage.jsx
• web/src/components/console-docs/ConsoleTutorialPage.jsx
• web/src/components/console-docs/installGuideData.js
• web/src/components/console-docs/tutorialGuideData.js
• web/src/components/dashboard/AnnouncementsPanel.jsx
• web/src/components/dashboard/ApiInfoPanel.jsx
• web/src/components/dashboard/ChartsPanel.jsx
• web/src/components/dashboard/DashboardHeader.jsx
• web/src/components/dashboard/FaqPanel.jsx
• web/src/components/dashboard/StatsCards.jsx
• web/src/components/dashboard/UptimePanel.jsx
• web/src/components/dashboard/index.jsx
• web/src/components/dashboard/modals/SearchModal.jsx
• web/src/components/home/MarketingHome.jsx
• web/src/components/layout/ConsolePageShell.jsx
• web/src/components/layout/Footer.jsx
• web/src/components/layout/NoticeModal.jsx
• web/src/components/layout/PageLayout.jsx
• web/src/components/layout/SetupCheck.js
• web/src/components/layout/SiderBar.jsx
• web/src/components/layout/components/SkeletonWrapper.jsx
• web/src/components/layout/headerbar/ActionButtons.jsx
• web/src/components/layout/headerbar/HeaderLogo.jsx
• web/src/components/layout/headerbar/LanguageSelector.jsx
• web/src/components/layout/headerbar/MarketingHeader.jsx
• web/src/components/layout/headerbar/MobileMenuButton.jsx
• web/src/components/layout/headerbar/Navigation.jsx
• web/src/components/layout/headerbar/NewYearButton.jsx
• web/src/components/layout/headerbar/NotificationButton.jsx
• web/src/components/layout/headerbar/ThemeToggle.jsx
• web/src/components/layout/headerbar/UserArea.jsx
• web/src/components/layout/headerbar/index.jsx
• web/src/components/model-deployments/DeploymentAccessGuard.jsx
• web/src/components/playground/ChatArea.jsx
• web/src/components/playground/CodeViewer.jsx
• web/src/components/playground/ConfigManager.jsx
• web/src/components/playground/CustomInputRender.jsx
• web/src/components/playground/CustomRequestEditor.jsx
• web/src/components/playground/DebugPanel.jsx
• web/src/components/playground/FloatingButtons.jsx
• web/src/components/playground/ImageUrlInput.jsx
• web/src/components/playground/MessageActions.jsx
• web/src/components/playground/MessageContent.jsx
• web/src/components/playground/OptimizedComponents.js
• web/src/components/playground/ParameterControl.jsx
• web/src/components/playground/SSEViewer.jsx
• web/src/components/playground/SettingsPanel.jsx
• web/src/components/playground/ThinkingContent.jsx
• web/src/components/playground/configStorage.js
• web/src/components/pricing/ConsolePricingPage.jsx
• web/src/components/pricing/MarketingPricingPage.jsx
• web/src/components/pricing/consolePricingData.js
• web/src/components/settings/ChannelSelectorModal.jsx
• web/src/components/settings/ChatsSetting.jsx
• web/src/components/settings/CustomOAuthSetting.jsx
• web/src/components/settings/DashboardSetting.jsx
• web/src/components/settings/DrawingSetting.jsx
• web/src/components/settings/HttpStatusCodeRulesInput.jsx
• web/src/components/settings/ModelDeploymentSetting.jsx
• web/src/components/settings/ModelSetting.jsx
• web/src/components/settings/OperationSetting.jsx
• web/src/components/settings/OtherSetting.jsx
• web/src/components/settings/PaymentSetting.jsx
• web/src/components/settings/PerformanceSetting.jsx
• web/src/components/settings/PersonalSetting.jsx
• web/src/components/settings/RateLimitSetting.jsx
• web/src/components/settings/RatioSetting.jsx
• web/src/components/settings/SystemSetting.jsx
• web/src/components/settings/personal/cards/AccountManagement.jsx
• web/src/components/settings/personal/cards/CheckinCalendar.jsx
• web/src/components/settings/personal/cards/NotificationSettings.jsx
• web/src/components/settings/personal/cards/PreferencesSettings.jsx
• web/src/components/settings/personal/components/TwoFASetting.jsx
• web/src/components/settings/personal/components/UserInfoHeader.jsx
• web/src/components/settings/personal/modals/AccountDeleteModal.jsx
• web/src/components/settings/personal/modals/ChangePasswordModal.jsx
• web/src/components/settings/personal/modals/EmailBindModal.jsx
• web/src/components/settings/personal/modals/WeChatBindModal.jsx
• web/src/components/setup/SetupWizard.jsx
• web/src/components/setup/components/StepNavigation.jsx
• web/src/components/setup/components/steps/AdminStep.jsx
• web/src/components/setup/components/steps/CompleteStep.jsx
• web/src/components/setup/components/steps/DatabaseStep.jsx
• web/src/components/setup/components/steps/UsageModeStep.jsx
• web/src/components/setup/index.jsx
• web/src/components/table/channels/ChannelsActions.jsx
• web/src/components/table/channels/ChannelsColumnDefs.jsx
• web/src/components/table/channels/ChannelsFilters.jsx
• web/src/components/table/channels/ChannelsTable.jsx
• web/src/components/table/channels/ChannelsTabs.jsx
• web/src/components/table/channels/index.jsx
• web/src/components/table/channels/modals/BatchTagModal.jsx
• web/src/components/table/channels/modals/ChannelUpstreamUpdateModal.jsx
• web/src/components/table/channels/modals/CodexOAuthModal.jsx
• web/src/components/table/channels/modals/CodexUsageModal.jsx
• web/src/components/table/channels/modals/ColumnSelectorModal.jsx
• web/src/components/table/channels/modals/EditChannelModal.jsx
• web/src/components/table/channels/modals/EditTagModal.jsx
• web/src/components/table/channels/modals/ModelSelectModal.jsx
• web/src/components/table/channels/modals/ModelTestModal.jsx
• web/src/components/table/channels/modals/MultiKeyManageModal.jsx
• web/src/components/table/channels/modals/OllamaModelModal.jsx
• web/src/components/table/channels/modals/ParamOverrideEditorModal.jsx
• web/src/components/table/channels/modals/SingleModelSelectModal.jsx
• web/src/components/table/mj-logs/MjLogsActions.jsx
• web/src/components/table/mj-logs/MjLogsColumnDefs.jsx
• web/src/components/table/mj-logs/MjLogsFilters.jsx
• web/src/components/table/mj-logs/MjLogsTable.jsx
• web/src/components/table/mj-logs/index.jsx
• web/src/components/table/mj-logs/modals/ColumnSelectorModal.jsx
• web/src/components/table/mj-logs/modals/ContentModal.jsx
• web/src/components/table/model-deployments/DeploymentsActions.jsx
• web/src/components/table/model-deployments/DeploymentsColumnDefs.jsx
• web/src/components/table/model-deployments/DeploymentsFilters.jsx
• web/src/components/table/model-deployments/DeploymentsTable.jsx
• web/src/components/table/model-deployments/index.jsx
• web/src/components/table/model-deployments/modals/ColumnSelectorModal.jsx
• web/src/components/table/model-deployments/modals/ConfirmationDialog.jsx
• web/src/components/table/model-deployments/modals/CreateDeploymentModal.jsx
• web/src/components/table/model-deployments/modals/EditDeploymentModal.jsx
• web/src/components/table/model-deployments/modals/ExtendDurationModal.jsx
• web/src/components/table/model-deployments/modals/UpdateConfigModal.jsx
• web/src/components/table/model-deployments/modals/ViewDetailsModal.jsx
• web/src/components/table/model-deployments/modals/ViewLogsModal.jsx
• web/src/components/table/model-pricing/filter/PricingDisplaySettings.jsx
• web/src/components/table/model-pricing/filter/PricingEndpointTypes.jsx
• web/src/components/table/model-pricing/filter/PricingGroups.jsx
• web/src/components/table/model-pricing/filter/PricingQuotaTypes.jsx
• web/src/components/table/model-pricing/filter/PricingTags.jsx
• web/src/components/table/model-pricing/filter/PricingVendors.jsx
• web/src/components/table/model-pricing/layout/PricingPage.jsx
• web/src/components/table/model-pricing/layout/PricingSidebar.jsx
• web/src/components/table/model-pricing/layout/content/PricingContent.jsx
• web/src/components/table/model-pricing/layout/content/PricingView.jsx
• web/src/components/table/model-pricing/layout/header/PricingTopSection.jsx
• web/src/components/table/model-pricing/layout/header/PricingVendorIntro.jsx
• web/src/components/table/model-pricing/layout/header/PricingVendorIntroSkeleton.jsx
• web/src/components/table/model-pricing/layout/header/PricingVendorIntroWithSkeleton.jsx
• web/src/components/table/model-pricing/layout/header/SearchActions.jsx
• web/src/components/table/model-pricing/modal/ModelDetailSideSheet.jsx
• web/src/components/table/model-pricing/modal/PricingFilterModal.jsx
• web/src/components/table/model-pricing/modal/components/FilterModalContent.jsx
• web/src/components/table/model-pricing/modal/components/FilterModalFooter.jsx
• web/src/components/table/model-pricing/modal/components/ModelBasicInfo.jsx
• web/src/components/table/model-pricing/modal/components/ModelEndpoints.jsx
• web/src/components/table/model-pricing/modal/components/ModelHeader.jsx
• web/src/components/table/model-pricing/modal/components/ModelPricingTable.jsx
• web/src/components/table/model-pricing/view/card/PricingCardSkeleton.jsx
• web/src/components/table/model-pricing/view/card/PricingCardView.jsx
• web/src/components/table/model-pricing/view/table/PricingTable.jsx
• web/src/components/table/model-pricing/view/table/PricingTableColumns.jsx
• web/src/components/table/models/ModelsActions.jsx
• web/src/components/table/models/ModelsColumnDefs.jsx
• web/src/components/table/models/ModelsFilters.jsx
• web/src/components/table/models/ModelsTable.jsx
• web/src/components/table/models/ModelsTabs.jsx
• web/src/components/table/models/components/SelectionNotification.jsx
• web/src/components/table/models/index.jsx
• web/src/components/table/models/modals/EditModelModal.jsx
• web/src/components/table/models/modals/EditPrefillGroupModal.jsx
• web/src/components/table/models/modals/EditVendorModal.jsx
• web/src/components/table/models/modals/MissingModelsModal.jsx
• web/src/components/table/models/modals/PrefillGroupManagement.jsx
• web/src/components/table/models/modals/SyncWizardModal.jsx
• web/src/components/table/models/modals/UpstreamConflictModal.jsx
• web/src/components/table/redemptions/RedemptionsActions.jsx
• web/src/components/table/redemptions/RedemptionsColumnDefs.jsx
• web/src/components/table/redemptions/RedemptionsDescription.jsx
• web/src/components/table/redemptions/RedemptionsFilters.jsx
• web/src/components/table/redemptions/RedemptionsTable.jsx
• web/src/components/table/redemptions/index.jsx
• web/src/components/table/redemptions/modals/DeleteRedemptionModal.jsx
• web/src/components/table/redemptions/modals/EditRedemptionModal.jsx
• web/src/components/table/subscriptions/SubscriptionsActions.jsx
• web/src/components/table/subscriptions/SubscriptionsColumnDefs.jsx
• web/src/components/table/subscriptions/SubscriptionsDescription.jsx
• web/src/components/table/subscriptions/SubscriptionsTable.jsx
• web/src/components/table/subscriptions/index.jsx
• web/src/components/table/subscriptions/modals/AddEditSubscriptionModal.jsx
• web/src/components/table/task-logs/TaskLogsActions.jsx
• web/src/components/table/task-logs/TaskLogsColumnDefs.jsx
• web/src/components/table/task-logs/TaskLogsFilters.jsx
• web/src/components/table/task-logs/TaskLogsTable.jsx
• web/src/components/table/task-logs/index.jsx
• web/src/components/table/task-logs/modals/AudioPreviewModal.jsx
• web/src/components/table/task-logs/modals/ColumnSelectorModal.jsx
• web/src/components/table/task-logs/modals/ContentModal.jsx
• web/src/components/table/tokens/TokensActions.jsx
• web/src/components/table/tokens/TokensColumnDefs.jsx
• web/src/components/table/tokens/TokensDescription.jsx
• web/src/components/table/tokens/TokensFilters.jsx
• web/src/components/table/tokens/TokensTable.jsx
• web/src/components/table/tokens/index.jsx
• web/src/components/table/tokens/modals/CCSwitchModal.jsx
• web/src/components/table/tokens/modals/CopyTokensModal.jsx
• web/src/components/table/tokens/modals/DeleteTokensModal.jsx
• web/src/components/table/tokens/modals/EditTokenModal.jsx
• web/src/components/table/usage-logs/UsageLogsActions.jsx
• web/src/components/table/usage-logs/UsageLogsColumnDefs.jsx
• web/src/components/table/usage-logs/UsageLogsFilters.jsx
• web/src/components/table/usage-logs/UsageLogsTable.jsx
• web/src/components/table/usage-logs/components/ParamOverrideEntry.jsx
• web/src/components/table/usage-logs/index.jsx
• web/src/components/table/usage-logs/modals/ChannelAffinityUsageCacheModal.jsx
• web/src/components/table/usage-logs/modals/ColumnSelectorModal.jsx
• web/src/components/table/usage-logs/modals/ParamOverrideModal.jsx
• web/src/components/table/usage-logs/modals/UserInfoModal.jsx
• web/src/components/table/users/UsersActions.jsx
• web/src/components/table/users/UsersColumnDefs.jsx
• web/src/components/table/users/UsersDescription.jsx
• web/src/components/table/users/UsersFilters.jsx
• web/src/components/table/users/UsersTable.jsx
• web/src/components/table/users/index.jsx
• web/src/components/table/users/modals/AddUserModal.jsx
• web/src/components/table/users/modals/DeleteUserModal.jsx
• web/src/components/table/users/modals/DemoteUserModal.jsx
• web/src/components/table/users/modals/EditUserModal.jsx
• web/src/components/table/users/modals/EnableDisableUserModal.jsx
• web/src/components/table/users/modals/PromoteUserModal.jsx
• web/src/components/table/users/modals/ResetPasskeyModal.jsx
• web/src/components/table/users/modals/ResetTwoFAModal.jsx
• web/src/components/table/users/modals/UserBindingManagementModal.jsx
• web/src/components/table/users/modals/UserSubscriptionsModal.jsx
• web/src/components/topup/InvitationCard.jsx
• web/src/components/topup/RechargeCard.jsx
• web/src/components/topup/SubscriptionPlansCard.jsx
• web/src/components/topup/index.jsx
• web/src/components/topup/modals/PaymentConfirmModal.jsx
• web/src/components/topup/modals/SubscriptionPurchaseModal.jsx
• web/src/components/topup/modals/TopupHistoryModal.jsx
• web/src/components/topup/modals/TransferModal.jsx
• web/src/constants/channel-affinity-template.constants.js
• web/src/constants/channel.constants.js
• web/src/constants/common.constant.js
• web/src/constants/console.constants.js
• web/src/constants/dashboard.constants.js
• web/src/constants/index.js
• web/src/constants/playground.constants.js
• web/src/constants/redemption.constants.js
• web/src/constants/toast.constants.js
• web/src/constants/user.constants.js
• web/src/context/Status/index.jsx
• web/src/context/Status/reducer.js
• web/src/context/Theme/index.jsx
• web/src/context/User/index.jsx
• web/src/context/User/reducer.js

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}