OpenFrame/app/onboarding/page.tsx

import { auth } from '@/lib/auth';
import { buildBillingAccessWhereInput, getBillingOverview } from '@/lib/billing';
import { db } from '@/lib/db';
import { redirect } from 'next/navigation';
import { OnboardingWizard } from './onboarding-wizard';

export default async function OnboardingPage() {
    const session = await auth();
    if (!session?.user?.id) {
        redirect('/login');
    }

    const [user, billing, creatableWorkspaces] = await Promise.all([
        db.user.findUnique({
            where: { id: session.user.id },
            select: { onboardingCompletedAt: true, name: true, email: true },
        }),
        getBillingOverview(session.user.id),
        db.workspace.findMany({
            where: {
                owner: buildBillingAccessWhereInput(),
                OR: [
                    { ownerId: session.user.id },
                    { members: { some: { userId: session.user.id, role: 'ADMIN' } } },
                ],
            },
            select: {
                id: true,
                name: true,
                ownerId: true,
            },
            orderBy: { name: 'asc' },
        }),
    ]);

    if (user?.onboardingCompletedAt) {
        redirect('/dashboard');
    }

    const userName = user?.name || user?.email?.split('@')[0] || 'there';

    return (
        <OnboardingWizard
            userName={userName}
            canCreateWorkspace={billing.workspaceCreation.canCreateWorkspace}
            availableWorkspaces={creatableWorkspaces.map((workspace) => ({
                id: workspace.id,
                name: workspace.name,
                isOwner: workspace.ownerId === session.user.id,
            }))}
        />
    );
}