合并最新 master 到作品管理分支

src/components/platform-entry/PlatformEntryActiveFlowShell.tsx

@@ -35,6 +35,7 @@ import { FLOATING_FEEDBACK_FORM_URL } from '../common/floatingFeedbackEntryModel
 import { PlatformActionButton } from '../common/PlatformActionButton';
 import { PlatformSubpanel } from '../common/PlatformSubpanel';
 import { ClientDownloadEntry } from '../creation-home/ClientDownloadEntry';
+import { PaymentCheckoutView } from './PaymentCheckoutView';
 import {
   PlatformActiveMobileWelcomeDialog,
   shouldOpenActiveMobileWelcomeDialog,
@@ -46,6 +47,7 @@ import {
 import { PlatformActiveProfileView } from './PlatformActiveProfileView';
 import type { PlatformEntryFlowShellProps } from './platformEntryActiveTypes';
 import { usePlatformDesktopLayout } from './platformEntryResponsive';
+import { PlatformPaymentServiceView } from './PlatformPaymentServiceView';
 import { PlatformProfileApiKeysModal } from './PlatformProfileApiKeysModal';
 import {
   canPasteFromNativeHostClipboard,
@@ -365,6 +367,7 @@ export function PlatformEntryFlowShellImpl({
 
   const isProfileStage =
     selectionStage === 'profile' ||
+    selectionStage === 'profile-payment' ||
     (!isDesktopLayout && selectionStage === 'platform');
 
   const profileCenter = usePlatformProfileCenterController({
@@ -403,6 +406,10 @@ export function PlatformEntryFlowShellImpl({
     setSelectionStage('profile', { path: '/profile' });
   }, [setSelectionStage]);
 
+  const openPaymentService = useCallback(() => {
+    setSelectionStage('profile-payment', { path: '/profile/payment' });
+  }, [setSelectionStage]);
+
   const openGames = useCallback(() => {
     setSelectionStage('games', { path: '/games' });
   }, [setSelectionStage]);
@@ -579,6 +586,14 @@ export function PlatformEntryFlowShellImpl({
     );
   }
 
+  if (selectionStage === 'payment-checkout') {
+    const checkoutToken =
+      typeof window === 'undefined'
+        ? ''
+        : (window.location.pathname.split('/').filter(Boolean).at(-1) ?? '');
+    return <PaymentCheckoutView checkoutToken={checkoutToken} />;
+  }
+
   const isAuthenticated = Boolean(authUi?.user);
   const balance = mudPointBalance?.totalPoints ?? legacyWalletBalance;
   const isCreationStage =
@@ -774,7 +789,13 @@ export function PlatformEntryFlowShellImpl({
                 id={isCreationStage ? 'platform-tab-panel-create' : undefined}
                 className={`platform-tab-panel min-h-0 min-w-0 flex-1 ${isGamePlayStage ? 'platform-tab-panel--game-play' : 'overflow-auto'} ${isCreationStage || isProfileStage || isGamePlayStage ? '' : 'px-3 py-4 sm:px-6 sm:py-6'}`}
               >
-                {isProfileStage ? (
+                {selectionStage === 'profile-payment' ? (
+                  <PlatformPaymentServiceView
+                    user={authUi?.user}
+                    onBack={openProfile}
+                    onLogin={() => authUi?.openLoginModal()}
+                  />
+                ) : isProfileStage ? (
                   <PlatformActiveProfileView
                     dashboard={dashboard}
                     isLoadingDashboard={isLoadingDashboard}
@@ -784,6 +805,7 @@ export function PlatformEntryFlowShellImpl({
                     user={authUi?.user}
                     onLogin={() => authUi?.openLoginModal()}
                     onOpenApiKeys={() => setIsApiKeysOpen(true)}
+                    onOpenPaymentService={openPaymentService}
                     onOpenCommunity={() =>
                       profileCenter.openProfilePopupPanel('community')
                     }