import { Suspense } from "react";

import { StudentSelfDiagnosticClient } from "@/features/student/diagnostic/diagnostic-client";
import { DetailPageSkeleton } from "@/shared/components/page-templates";

/**
 * 学生诊断报告页（ARCHITECTURE.md §7.3 详情页 / §9.2 B3 / §10 P3）
 *
 * Server Component 入口：仅负责 Suspense 边界包裹。
 * 业务逻辑在 StudentSelfDiagnosticClient（client component）中。
 *
 * 数据契约：studentDiagnostic(studentId) ❌ schema 无此字段 → MSW 兜底
 * （@contract-pending）。学生页传入 "me" 作为 studentId，MSW 返回当前用户
 * 诊断数据；后端补齐后由 BFF 解析 auth 上下文返回当前用户数据。
 *
 * 关联：ARCHITECTURE.md §5.3 / §5.4 / §7.3 / §9.2 / §10 P3 / §11.3 / §11.4
 */
export default function StudentDiagnosticPage(): React.ReactElement {
  return (
    <Suspense fallback={<DetailPageSkeleton />}>
      <StudentSelfDiagnosticClient />
    </Suspense>
  );
}