修复泥点消耗刷新不及时 (#138)

refactor:
- 主站复用game agent的zustand store

fix:
- 修复旧请求覆盖问题
- 修复账号切换问题

- 主站原本已经每 4 秒轮询 external generation 任务状态, 在这里补充触发余额刷新的时机

---------

Co-authored-by: 段舒康 <kdletters@qq.com>
Reviewed-on: http://192.168.35.82/git/GenarrativeAI/Genarrative/pulls/138
Co-authored-by: 王德宇 <kvtodev@outlook.com>
Co-committed-by: 王德宇 <kvtodev@outlook.com>

src/components/platform-entry/PlatformEntryActiveFlowShell.tsx

@@ -25,6 +25,7 @@ import {
   replaceAppHistoryPath,
 } from '../../routing/activeAppPageRoutes';
 import { getPlatformProfileDashboard } from '../../services/platform-entry/platformProfileClient';
+import { usePlatformWalletStore } from '../../stores/usePlatformWalletStore';
 import { useAuthUi } from '../auth/AuthUiContext';
 import { FLOATING_FEEDBACK_FORM_URL } from '../common/floatingFeedbackEntryModel';
 import { PlatformActionButton } from '../common/PlatformActionButton';
@@ -224,6 +225,37 @@ export function PlatformEntryFlowShellImpl({
   const [isMobileDesktopGuideOpen, setIsMobileDesktopGuideOpen] =
     useState(false);
   const isDesktopLayout = usePlatformDesktopLayout();
+  const currentWalletOwnerUserId =
+    authUi?.canAccessProtectedData && authUi.user?.id ? authUi.user.id : null;
+  const walletOwnerUserId = usePlatformWalletStore(
+    (state) => state.ownerUserId,
+  );
+  const storedMudPointBalance = usePlatformWalletStore(
+    (state) => state.mudPointBalance,
+  );
+  const storedLegacyWalletBalance = usePlatformWalletStore(
+    (state) => state.legacyWalletBalance,
+  );
+  const storedMudPointBalanceStatus = usePlatformWalletStore(
+    (state) => state.mudPointBalanceStatus,
+  );
+  const storedMudPointBalanceError = usePlatformWalletStore(
+    (state) => state.mudPointBalanceError,
+  );
+  const walletOwnerMatchesCurrentUser =
+    Boolean(currentWalletOwnerUserId) &&
+    walletOwnerUserId === currentWalletOwnerUserId;
+  const mudPointBalance = walletOwnerMatchesCurrentUser
+    ? storedMudPointBalance
+    : null;
+  const mudPointBalanceError = walletOwnerMatchesCurrentUser
+    ? storedMudPointBalanceError
+    : '';
+  const isWalletBalanceLoading =
+    Boolean(currentWalletOwnerUserId) &&
+    (!walletOwnerMatchesCurrentUser ||
+      storedMudPointBalanceStatus === 'idle' ||
+      storedMudPointBalanceStatus === 'loading');
 
   const refreshDashboard = useCallback(async () => {
     if (!authUi?.user || !authUi.canAccessProtectedData) {
@@ -250,10 +282,14 @@ export function PlatformEntryFlowShellImpl({
     activeTab: isProfileStage ? 'profile' : 'project',
     isAuthenticated: Boolean(authUi?.user),
     showRechargeEntry: true,
-    onRechargeSuccess: refreshDashboard,
     requestLogin: () => authUi?.openLoginModal(),
     currentUser: authUi?.user,
   });
+  const legacyWalletBalance = walletOwnerMatchesCurrentUser
+    ? (storedLegacyWalletBalance ??
+      profileCenter.rechargeCenter?.walletBalance ??
+      null)
+    : null;
 
   const openCreation = useCallback(() => {
     if (!isDesktopLayout) {
@@ -329,6 +365,7 @@ export function PlatformEntryFlowShellImpl({
       <div className="image-editor-stage-shell flex h-full min-h-0 min-w-0 flex-col overflow-hidden">
         <Suspense fallback={<LoadingPanel label="正在加载编辑器..." />}>
           <ImageCanvasEditorView
+            legacyWalletBalance={legacyWalletBalance}
             onProjectAccessLost={replaceWithProjectGallery}
           />
         </Suspense>
@@ -337,11 +374,7 @@ export function PlatformEntryFlowShellImpl({
   }
 
   const isAuthenticated = Boolean(authUi?.user);
-  const balance =
-    dashboard?.walletBalance ??
-    profileCenter.rechargeCenter?.mudPointBalance?.totalPoints ??
-    profileCenter.rechargeCenter?.walletBalance ??
-    null;
+  const balance = mudPointBalance?.totalPoints ?? legacyWalletBalance;
   const isCreationStage =
     !isProfileStage &&
     (selectionStage === 'platform' || selectionStage === 'creation-home');
@@ -455,14 +488,9 @@ export function PlatformEntryFlowShellImpl({
                     <PlatformMudPointWalletEntry
                       variant={isDesktopLayout ? 'desktop' : 'mobile'}
                       balance={balance}
-                      breakdown={
-                        profileCenter.rechargeCenter?.mudPointBalance ?? null
-                      }
-                      isLoading={
-                        isLoadingDashboard ||
-                        profileCenter.isLoadingRechargeCenter
-                      }
-                      error={profileCenter.rechargeError}
+                      breakdown={mudPointBalance}
+                      isLoading={isWalletBalanceLoading}
+                      error={mudPointBalanceError || null}
                       className={
                         isDesktopLayout
                           ? 'platform-desktop-create-wallet-chip'
@@ -515,6 +543,9 @@ export function PlatformEntryFlowShellImpl({
                   <PlatformActiveProfileView
                     dashboard={dashboard}
                     isLoadingDashboard={isLoadingDashboard}
+                    isLoadingWalletBalance={isWalletBalanceLoading}
+                    legacyWalletBalance={legacyWalletBalance}
+                    mudPointBalance={mudPointBalance}
                     user={authUi?.user}
                     onLogin={() => authUi?.openLoginModal()}
                     onOpenApiKeys={() => setIsApiKeysOpen(true)}