import { userService } from '@/lib/services/user.service';
import { getCurrentUser } from '@/lib/auth/session';
import { UserManager } from './UserManager';

export const dynamic = 'force-dynamic';

export default async function AdminUsersPage() {
  const users = await userService.list();
  const me = await getCurrentUser();
  return (
    <div className="mx-auto max-w-4xl space-y-6">
      <header>
        <h1 className="text-xl font-semibold text-gray-900">Manage Users</h1>
        <p className="mt-1 text-sm text-gray-500">
          Add team members and adjust roles. Deleting a user will remove their account but their questions and answers stay.
        </p>
      </header>
      <UserManager
        initial={users.map((u) => ({
          id: u.id,
          name: u.name,
          email: u.email,
          role: u.role,
          createdAt: u.createdAt.toString(),
        }))}
        currentUserId={me?.userId ?? 0}
      />
    </div>
  );
}