src/app/layout.tsx

import { Suspense } from 'react';
import type { Metadata } from 'next';
import { AntdRegistry } from '@ant-design/nextjs-registry';
import { Providers } from './providers';
import './globals.css';

export const metadata: Metadata = {
  title: 'TeamDesk · 客服工单系统',
  description: '多租户客服工单系统 · TypeScript 全栈学习项目',
};

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="zh-CN">
      <body>
        {/* antd 的样式注册含运行时标识，放入流式边界，避免静态预渲染固定随机值。 */}
        <Suspense fallback={<p className="p-8">正在加载工作台…</p>}>
          <AntdRegistry>
            <Providers>{children}</Providers>
          </AntdRegistry>
        </Suspense>
      </body>
    </html>
  );
}