Stage 1.5: categories, enrollment expiry, access log, bulk grant, user page

src/app/admin/users/[userId]/actions.ts

@@ -0,0 +1,59 @@
+"use server";
+
+import { prisma } from "@/lib/prisma";
+import { headers } from "next/headers";
+import { auth } from "@/lib/auth";
+import { revalidatePath } from "next/cache";
+
+async function requireAdmin() {
+  const session = await auth.api.getSession({ headers: await headers() });
+  if (!session || session.user.role !== "admin") throw new Error("Forbidden");
+  return session;
+}
+
+export async function bulkGrantAccess(
+  userId: string,
+  courseIds: string[],
+  expiresAt?: string | null
+) {
+  const session = await requireAdmin();
+  const expiry = expiresAt ? new Date(expiresAt) : null;
+
+  await Promise.all(
+    courseIds.map(async (courseId) => {
+      await prisma.courseEnrollment.upsert({
+        where: { userId_courseId: { userId, courseId } },
+        update: { expiresAt: expiry },
+        create: { userId, courseId, expiresAt: expiry },
+      });
+      await prisma.accessLog.create({
+        data: {
+          courseId,
+          userId,
+          action: "granted",
+          method: "bulk",
+          grantedById: session.user.id,
+        },
+      });
+    })
+  );
+
+  revalidatePath(`/admin/users/${userId}`);
+}
+
+export async function revokeUserAccess(userId: string, courseId: string) {
+  const session = await requireAdmin();
+  await prisma.courseEnrollment.delete({
+    where: { userId_courseId: { userId, courseId } },
+  });
+  await prisma.accessLog.create({
+    data: {
+      courseId,
+      userId,
+      action: "revoked",
+      method: "manual",
+      grantedById: session.user.id,
+    },
+  });
+  revalidatePath(`/admin/users/${userId}`);
+}

src/app/admin/users/[userId]/page.tsx

@@ -0,0 +1,105 @@
+import { prisma } from "@/lib/prisma";
+import { notFound } from "next/navigation";
+import Link from "next/link";
+import { UserEnrollmentManager } from "@/components/admin/user-enrollment-manager";
+
+interface Props {
+  params: Promise<{ userId: string }>;
+}
+
+export default async function UserPage({ params }: Props) {
+  const { userId } = await params;
+
+  const [user, allCourses] = await Promise.all([
+    prisma.user.findUnique({
+      where: { id: userId },
+      include: {
+        enrollments: {
+          include: { course: { select: { id: true, title: true, published: true } } },
+          orderBy: { enrolledAt: "desc" },
+        },
+        accessLogs: {
+          orderBy: { createdAt: "desc" },
+          take: 30,
+          include: {
+            course: { select: { title: true } },
+            grantedBy: { select: { name: true } },
+          },
+        },
+      },
+    }),
+    prisma.course.findMany({
+      orderBy: { title: "asc" },
+      select: { id: true, title: true, published: true },
+    }),
+  ]);
+
+  if (!user) notFound();
+
+  const roleLabel: Record<string, string> = { admin: "Администратор", curator: "Куратор", student: "Ученик" };
+
+  return (
+    <div className="p-8 max-w-3xl">
+      <nav className="text-xs mb-6 uppercase tracking-widest" style={{ color: "var(--muted-foreground)" }}>
+        <Link href="/admin/users" className="hover:underline">Пользователи</Link>
+        <span className="mx-2">/</span>
+        <span style={{ color: "var(--foreground)" }}>{user.name}</span>
+      </nav>
+
+      {/* User info */}
+      <section className="card-aubade p-6 mb-6">
+        <div className="flex items-start justify-between">
+          <div>
+            <h1 className="text-xl font-bold">{user.name}</h1>
+            <p className="text-sm mt-0.5" style={{ color: "var(--muted-foreground)" }}>{user.email}</p>
+          </div>
+          <div className="flex flex-col items-end gap-1">
+            <span className="tag-aubade">{roleLabel[user.role] ?? user.role}</span>
+            <span className="text-xs" style={{ color: "var(--muted-foreground)" }}>
+              с {new Date(user.createdAt).toLocaleDateString("ru-RU")}
+            </span>
+          </div>
+        </div>
+      </section>
+
+      {/* Enrollments + bulk grant */}
+      <section className="card-aubade p-6 mb-6">
+        <p className="text-xs font-bold uppercase tracking-widest mb-5" style={{ color: "var(--muted-foreground)" }}>
+          Доступ к курсам
+        </p>
+        <UserEnrollmentManager
+          userId={userId}
+          allCourses={allCourses}
+          enrollments={user.enrollments.map((e) => ({
+            courseId: e.courseId,
+            expiresAt: e.expiresAt,
+            courseTitle: e.course.title,
+          }))}
+        />
+      </section>
+
+      {/* Access log */}
+      {user.accessLogs.length > 0 && (
+        <section className="card-aubade p-6">
+          <p className="text-xs font-bold uppercase tracking-widest mb-4" style={{ color: "var(--muted-foreground)" }}>
+            История доступа
+          </p>
+          <div className="space-y-1.5 max-h-72 overflow-y-auto">
+            {user.accessLogs.map((log) => (
+              <div key={log.id} className="flex items-center gap-3 px-3 py-2 text-xs" style={{ border: "2px solid var(--border)" }}>
+                <span style={{ color: log.action === "granted" ? "#3A6A3A" : "oklch(0.577 0.245 27.325)", fontWeight: 700, minWidth: 70 }}>
+                  {log.action === "granted" ? "▲ Выдан" : "▼ Отозван"}
+                </span>
+                <span className="flex-1">{log.course.title}</span>
+                <span style={{ color: "var(--muted-foreground)" }}>{log.grantedBy?.name ?? "—"}</span>
+                <span style={{ color: "var(--muted-foreground)" }}>
+                  {new Date(log.createdAt).toLocaleString("ru-RU", { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" })}
+                </span>
+              </div>
+            ))}
+          </div>
+        </section>
+      )}
+    </div>
+  );
+}

src/app/admin/users/page.tsx

@@ -1,5 +1,6 @@
 import { prisma } from "@/lib/prisma";
 import { Badge } from "@/components/ui/badge";
+import Link from "next/link";
 
 const roleLabel: Record<string, string> = {
   admin: "Администратор",
@@ -39,10 +40,10 @@ export default async function UsersPage() {
           </thead>
           <tbody>
             {users.map((user) => (
-              <tr key={user.id} className="border-b border-slate-50 last:border-0 hover:bg-slate-50">
+              <tr key={user.id} className="border-b last:border-0" style={{ borderColor: "var(--border)" }}>
                 <td className="px-5 py-3">
-                  <p className="font-medium text-slate-800">{user.name}</p>
-                  <p className="text-xs text-slate-400">{user.email}</p>
+                  <Link href={`/admin/users/${user.id}`} className="font-medium hover:underline" style={{ color: "var(--foreground)" }}>{user.name}</Link>
+                  <p className="text-xs" style={{ color: "var(--muted-foreground)" }}>{user.email}</p>
                 </td>
                 <td className="px-5 py-3">
                   <Badge variant={roleVariant[user.role] ?? "outline"}>