初始化提交

frontend/src/app/(app)/layout.tsx

@@ -0,0 +1,53 @@
+"use client";
+
+import { useCallback, useEffect, useState } from "react";
+import { useAuthStore } from "@/lib/stores/auth-store";
+import { useRouter } from "next/navigation";
+import type { ReactNode } from "react";
+
+import { AppShell } from "@/components/layout/AppShell";
+import { LoadingState } from "@/components/shared/StateViews";
+
+/**
+ * 主域壳层：日常对话 / 人物 / 人格 / 记忆 / 轨迹等路由共用 AppShell。
+ *
+ * 认证状态由 AuthInitializer（根布局）通过 BFF 初始化（user 首屏防闪用 localStorage），
+ * 此布局仅做路由守卫：未认证时重定向到 /login。
+ */
+export default function AppGroupLayout({ children }: { children: ReactNode }) {
+  const router = useRouter();
+  const isAuthenticated = useAuthStore((s) => s.isAuthenticated);
+  const logout = useAuthStore((s) => s.logout);
+  const [ready, setReady] = useState(false);
+
+  // 等待 AuthInitializer 完成（给 loadFromBff 机会）
+  useEffect(() => {
+    const timer = setTimeout(() => setReady(true), 100);
+    return () => clearTimeout(timer);
+  }, []);
+
+  // 认证失败时登出并跳转登录页
+  const handleAuthError = useCallback(() => {
+    logout();
+    router.push("/login");
+  }, [logout, router]);
+
+  // 全局监听 ApiError "unauthorized"（通过自定义事件）
+  useEffect(() => {
+    const handler = () => handleAuthError();
+    window.addEventListener("auth:unauthorized", handler);
+    return () => window.removeEventListener("auth:unauthorized", handler);
+  }, [handleAuthError]);
+
+  useEffect(() => {
+    if (ready && !isAuthenticated) {
+      router.push("/login");
+    }
+  }, [ready, isAuthenticated, router]);
+
+  return (
+    <AppShell>
+      {ready && isAuthenticated ? children : <LoadingState label="辰光未启…" />}
+    </AppShell>
+  );
+}