fix: 修复无消费权限闪屏

core/frontend/src/App.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { api, ApiError, getToken, setToken } from "./api";
 import { IconKitSvg } from "./components/IconKitSvg";
 import type {
@@ -41,7 +41,7 @@ import {
   TeamPage
 } from "./routes";
 import type { AuthMode, NavigateOptions, Notice, Page, ResolvedRoute } from "./routes/route-config";
-import { pathForPage, resolveRoute, routeLabels } from "./routes/route-config";
+import { isOwnerOnlyPage, pathForPage, resolveRoute, routeLabels } from "./routes/route-config";
 import { AdminApp } from "./routes/admin/admin-app";
 import { TrashPage } from "./routes/trash";
 import { ModelsPage } from "./routes/models";
@@ -322,9 +322,9 @@ export function App() {
 
   // 子账号(非主账号)纠回:团队 / 消费 页仅主账号(owner=超管)可见,子账号直接拉回工作台(PMC#3)。
   // role 为空时(身份尚未带回角色)不拦,避免误纠超管。
-  useEffect(() => {
+  useLayoutEffect(() => {
     if (booting || !user || !role) return;
-    if (!isOwner && (page === "team" || page === "account")) {
+    if (!isOwner && isOwnerOnlyPage(page)) {
       navigate("dashboard", { replace: true });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -448,6 +448,11 @@ export function App() {
   }, [activeProjectId]);
 
   function navigate(next: Page, options: NavigateOptions = {}) {
+    // 已知为子账号时在发起导航前拦截；与直接访问 URL 的 layout guard 共用同一规则。
+    if (role && !isOwner && isOwnerOnlyPage(next)) {
+      setNotice({ type: "info", text: "当前账号暂无访问权限" });
+      return;
+    }
     const productId = options.productId ?? activeProductId;
     const projectId = options.projectId ?? activeProjectId;
     if (options.productId !== undefined) setActiveProductId(options.productId);