feat: restore landing style and add separate courses/admin UX

IMPLEMENTATION.md

@@ -0,0 +1,165 @@
+# Реализация проекта CourseCraft
+
+Документ описывает техническую реализацию платформы CourseCraft — создания образовательных курсов с помощью ИИ.
+
+---
+
+## 1. Обзор
+
+**CourseCraft** — монорепозиторий с тремя приложениями:
+
+| Приложение   | Назначение |
+|-------------|------------|
+| **web**     | Фронтенд на Next.js 14 (App Router): лендинг, авторизация, дашборд, каталог, прохождение курсов, сертификаты. |
+| **api**     | Backend на NestJS: REST API, авторизация (Supabase + JWT), курсы, генерация, записи, прогресс, сертификаты, поиск. |
+| **ai-service** | Воркер на BullMQ: очередь задач генерации курсов, вызовы OpenRouter (структура курса, контент уроков). |
+
+Дополнительно: **PostgreSQL** (Prisma), **Redis**, **Meilisearch**. Запуск через Docker Compose из корня проекта.
+
+---
+
+## 2. Стек и технологии
+
+- **Frontend:** Next.js 14, TypeScript, Tailwind CSS, shadcn/ui, TipTap (редактор/просмотр контента), Supabase Client (auth).
+- **Backend:** NestJS, Prisma, JWT (обмен Supabase access token на бэкенд-токен), BullMQ, Stripe (платежи).
+- **AI:** OpenRouter API (GPT-4, Claude и др.), структурированный вывод (JSON), промпты для уточняющих вопросов, outline и контент уроков.
+- **Инфраструктура:** Docker Compose, pgvector, Meilisearch (поиск курсов).
+
+---
+
+## 3. База данных (Prisma)
+
+Схема в `packages/database/prisma/schema.prisma`.
+
+### Основные сущности
+
+- **User** — пользователь (supabaseId, email, name, subscriptionTier, role). Связь с UserSettings (customAiModel, theme, language).
+- **Subscription** — подписка (FREE/PREMIUM/PRO), Stripe, лимиты (coursesCreatedThisMonth).
+- **Course** — курс (authorId, title, description, slug, status, tags, difficulty, estimatedHours). Связи: Chapter → Lesson.
+- **Chapter** — глава (courseId, title, description, order).
+- **Lesson** — урок (chapterId, title, content в TipTap JSON, order, durationMinutes). Опционально: Quiz (questions JSON).
+- **CourseGeneration** — процесс генерации (userId, initialPrompt, aiModel, status, progress, questions, answers, generatedOutline, courseId, jobId).
+- **Enrollment** — запись на курс (userId, courseId, progress, completedAt, certificateUrl).
+- **LessonProgress** — прогресс по уроку (userId, enrollmentId, lessonId, completedAt, quizScore).
+- **Review** — отзыв по курсу (userId, courseId, rating, content).
+- **Certificates** — не отдельная таблица: данные для сертификата берутся из Enrollment + User + Course; certificateUrl сохраняется в Enrollment.
+
+Дополнительно: Category, Purchase, CourseGroup, GroupMember, GroupMessage, Homework, HomeworkSubmission, SupportTicket, TicketMessage.
+
+---
+
+## 4. Backend (API, NestJS)
+
+### Авторизация
+
+- **Supabase Auth** — вход/регистрация на фронте.
+- **Обмен токена:** `POST /api/auth/exchange` принимает Supabase access token, создаёт/обновляет пользователя в БД, возвращает JWT бэкенда.
+- Защищённые маршруты используют **JWT Guard**; текущий пользователь — `@CurrentUser() user: User`.
+
+### Основные модули и маршруты
+
+| Модуль        | Назначение |
+|---------------|------------|
+| **auth**      | exchange token, привязка к Supabase. |
+| **users**     | профиль, настройки (в т.ч. customAiModel). |
+| **courses**   | CRUD курсов, глав (chapters), уроков (lessons); отдача курса с главами и уроками. |
+| **generation**| Старт генерации (очередь BullMQ), ответы на уточняющие вопросы, продолжение генерации, статус/прогресс. |
+| **catalog**   | Публичный каталог курсов (опубликованные), фильтры. |
+| **enrollment**| Запись на курс, прогресс (прохождение уроков, квизы), отзывы, рейтинги, список записей пользователя. |
+| **certificates** | `GET /certificates/:courseId` — генерация/возврат сертификата (certificateUrl, html); `GET /certificates/:courseId/data` — данные для страницы сертификата (userName, courseTitle, completedAt). |
+| **search**    | Полнотекстовый поиск (Meilisearch). |
+| **payments**  | Stripe: подписки, вебхуки. |
+
+### Сертификаты
+
+- Доступ только при завершённом курсе (enrollment.completedAt).
+- **getCertificateData(userId, courseId)** — возвращает `{ userName, courseTitle, completedAt }` для отображения на странице.
+- **generateCertificate** — формирует HTML сертификата, при необходимости сохраняет certificateUrl в Enrollment, возвращает certificateUrl и html (для обратной совместимости).
+
+---
+
+## 5. AI Service (BullMQ + OpenRouter)
+
+### Очередь
+
+- Очередь **course-generation** (Redis). API добавляет задачи, воркер в ai-service их обрабатывает.
+- Типы задач: **generate-course** (старт), **continue-generation** (после ответов на вопросы).
+
+### Пайплайн генерации курса
+
+1. **generate-course:** анализ запроса → генерация уточняющих вопросов (OpenRouter) → сохранение вопросов в CourseGeneration → статус WAITING_FOR_ANSWERS (ожидание ответов).
+2. Пользователь отвечает через API → ставится задача **continue-generation** с stage `after-questions`.
+3. **continue-generation:** исследование (симуляция) → генерация outline (название, описание, главы, уроки, estimatedTotalHours, difficulty, tags) → создание курса в БД (Course + Chapter + Lesson без контента) → для каждого урока вызов **generateLessonContent** → запись TipTap JSON в Lesson → обновление подписки (coursesCreatedThisMonth) → статус COMPLETED.
+
+### OpenRouter (промпты)
+
+- **generateClarifyingQuestions** — уточняющие вопросы, в т.ч. объём курса (короткий / средний / длинный).
+- **generateCourseOutline** — структура курса по ответам (количество глав и уроков, estimatedMinutes, estimatedTotalHours). При не указанном объёме — средний/длинный (5–7 глав, 4–6 уроков в главе, не менее 25 уроков).
+- **generateLessonContent** — контент урока в формате TipTap JSON (heading, paragraph, bulletList, orderedList, blockquote, codeBlock, mermaid). Промпт требует полный, подробный материал (1000–1500+ слов), примеры и пояснения, минимум 1–2 примера/кода на урок.
+
+---
+
+## 6. Frontend (Next.js)
+
+### Маршруты
+
+- **/** — лендинг.
+- **/(auth)/login, register, forgot-password** — авторизация Supabase.
+- **/(dashboard)/dashboard/** — дашборд (sidebar + header): главная, курсы (список, создание, просмотр/прохождение, редактирование), каталог, карточка курса каталога, мои обучения (learning), поиск, настройки, биллинг.
+- **/(certificate)/certificate/[courseId]** — страница сертификата (без сайдбара): загрузка данных через `getCertificateData(courseId)`, отображение ФИО, названия курса, даты; кнопка «Печать», стили для печати (только блок сертификата).
+
+### Авторизация на фронте
+
+- **AuthProvider:** Supabase session → при наличии сессии вызов `/api/auth/exchange` с retry → сохранение JWT в sessionStorage и в памяти; в контексте доступны `user`, `backendUser` (id, email, name, subscriptionTier).
+- Все запросы к API через общий клиент с заголовком `Authorization: Bearer <token>`.
+
+### API-клиент (lib/api.ts)
+
+- Базовый URL API через прокси Next.js или INTERNAL_API_URL на сервере.
+- Методы: auth (exchange), users, courses, chapters, lessons, generation (start, answerQuestions, continue, status), catalog, enrollment (запись, прогресс, отзывы, мои записи), certificates (getCertificate, getCertificateData), search и др.
+
+### Ключевые сценарии
+
+- **Создание курса:** форма с промптом → старт генерации → опрос уточняющих вопросов → ответы → продолжение генерации → опрос статуса/прогресса до завершения → переход к курсу.
+- **Просмотр/прохождение курса:** выбор урока, отображение контента (LessonContentViewer по TipTap JSON), отметка урока выполненным, квиз по уроку (LessonQuiz), обновление прогресса, при 100% — возможность открыть сертификат.
+- **Сертификат:** кнопки «Получить сертификат» (страница курса, мои обучения) открывают в новой вкладке `/certificate/[courseId]`; страница запрашивает данные и рендерит сертификат с кнопкой «Печать».
+
+---
+
+## 7. Инфраструктура и запуск
+
+### Docker Compose (из корня)
+
+- **postgres** — порт 5432, pgvector.
+- **redis** — порт 6395 (внешний).
+- **meilisearch** — порт 7700.
+- **api** — порт 3125, зависит от postgres, redis, meilisearch; переменные: DATABASE_URL, REDIS_URL, JWT_SECRET, Supabase, NEXT_PUBLIC_APP_URL и т.д.
+- **ai-service** — зависит от postgres, redis; OPENROUTER_API_KEY, DATABASE_URL, REDIS_URL.
+- **web** — порт 3080, INTERNAL_API_URL=http://api:3125, Next.js production build.
+
+Запуск:
+
+```bash
+docker compose --env-file .env up -d
+```
+
+Перезапуск после изменений (например, промпты или API):
+
+```bash
+docker compose --env-file .env restart ai-service api web
+```
+
+### Переменные окружения (.env)
+
+- **База и очереди:** DATABASE_URL, REDIS_URL.
+- **Auth:** NEXT_PUBLIC_SUPABASE_URL, NEXT_PUBLIC_SUPABASE_ANON_KEY, SUPABASE_SERVICE_ROLE_KEY, JWT_SECRET.
+- **AI:** OPENROUTER_API_KEY (обязателен для ai-service).
+- **Приложение:** NEXT_PUBLIC_APP_URL (для ссылок и CORS).
+- **Платежи:** STRIPE_SECRET_KEY, STRIPE_WEBHOOK_SECRET (при использовании Stripe).
+- **Поиск:** MEILISEARCH_API_KEY (в docker-compose для meilisearch).
+
+---
+
+## 8. Итог
+
+Реализация покрывает: авторизацию через Supabase и JWT, создание курсов по промпту с уточняющими вопросами и генерацией структуры и контента через OpenRouter, каталог и запись на курсы, прохождение с прогрессом и квизами, выдачу сертификата с отдельной страницей для просмотра и печати, тарифы и настраиваемую AI-модель. Документация по быстрому старту и командам — в README.md.

apps/ai-service/src/pipeline/course-generation.pipeline.ts

@@ -235,6 +235,13 @@ export class CourseGenerationPipeline {
         difficulty: outline.difficulty,
         estimatedHours: outline.estimatedTotalHours,
         tags: outline.tags,
+        groups: {
+          create: {
+            name: 'Основная группа',
+            description: 'Обсуждение курса и вопросы преподавателю',
+            isDefault: true,
+          },
+        },
         chapters: {
           create: outline.chapters.map((chapter, chapterIndex) => ({
             title: chapter.title,

apps/api/package.json

@@ -24,7 +24,9 @@
     "@nestjs/jwt": "^10.2.0",
     "@nestjs/passport": "^10.0.3",
     "@nestjs/platform-express": "^10.3.0",
+    "@nestjs/platform-socket.io": "^10.3.0",
     "@nestjs/swagger": "^7.3.0",
+    "@nestjs/websockets": "^10.3.0",
     "@supabase/supabase-js": "^2.39.0",
     "bullmq": "^5.1.0",
     "class-transformer": "^0.5.1",
@@ -36,6 +38,7 @@
     "passport-jwt": "^4.0.1",
     "reflect-metadata": "^0.2.1",
     "rxjs": "^7.8.1",
+    "socket.io": "^4.8.1",
     "stripe": "^14.14.0"
   },
   "devDependencies": {

apps/api/src/auth/auth.module.ts

@@ -43,6 +43,6 @@ import { UsersModule } from '../users/users.module';
       useClass: JwtAuthGuard,
     },
   ],
-  exports: [AuthService, SupabaseService, JwtAuthGuard],
+  exports: [AuthService, SupabaseService, JwtAuthGuard, JwtModule],
 })
 export class AuthModule {}

apps/api/src/auth/auth.service.ts

@@ -55,6 +55,7 @@ export class AuthService {
         name: user.name,
         avatarUrl: user.avatarUrl,
         subscriptionTier: user.subscriptionTier,
+        role: user.role,
       },
     };
   }

apps/api/src/catalog/catalog.controller.ts

@@ -32,9 +32,9 @@ export class CatalogController {
   @Post(':id/submit')
   @ApiBearerAuth()
   @HttpCode(HttpStatus.OK)
-  @ApiOperation({ summary: 'Submit course for review / publish' })
+  @ApiOperation({ summary: 'Submit course for moderation review' })
   async submitForReview(@Param('id') id: string, @CurrentUser() user: User): Promise<any> {
-    return this.catalogService.publishCourse(id, user.id);
+    return this.catalogService.submitForReview(id, user.id);
   }
 
   @Patch(':id/verify')
@@ -43,4 +43,12 @@ export class CatalogController {
   async toggleVerify(@Param('id') id: string, @CurrentUser() user: User): Promise<any> {
     return this.catalogService.toggleVerification(id, user.id);
   }
+
+  @Post(':id/checkout')
+  @ApiBearerAuth()
+  @HttpCode(HttpStatus.OK)
+  @ApiOperation({ summary: 'Create one-time checkout session for paid course' })
+  async checkoutCourse(@Param('id') id: string, @CurrentUser() user: User): Promise<any> {
+    return this.catalogService.createCourseCheckout(id, user.id);
+  }
 }

apps/api/src/catalog/catalog.module.ts

@@ -1,8 +1,10 @@
 import { Module } from '@nestjs/common';
 import { CatalogController } from './catalog.controller';
 import { CatalogService } from './catalog.service';
+import { PaymentsModule } from '../payments/payments.module';
 
 @Module({
+  imports: [PaymentsModule],
   controllers: [CatalogController],
   providers: [CatalogService],
   exports: [CatalogService],

apps/api/src/catalog/catalog.service.ts

@@ -1,10 +1,14 @@
-import { Injectable } from '@nestjs/common';
+import { Injectable, ForbiddenException, NotFoundException } from '@nestjs/common';
 import { PrismaService } from '../common/prisma/prisma.service';
 import { CourseStatus } from '@coursecraft/database';
+import { PaymentsService } from '../payments/payments.service';
 
 @Injectable()
 export class CatalogService {
-  constructor(private prisma: PrismaService) {}
+  constructor(
+    private prisma: PrismaService,
+    private paymentsService: PaymentsService
+  ) {}
 
   async getPublishedCourses(options?: {
     page?: number;
@@ -92,21 +96,25 @@ export class CatalogService {
   }
 
   async submitForReview(courseId: string, userId: string): Promise<any> {
+    const course = await this.prisma.course.findUnique({ where: { id: courseId } });
+    if (!course) {
+      throw new NotFoundException('Course not found');
+    }
+    if (course.authorId !== userId) {
+      throw new ForbiddenException('Only course author can submit for moderation');
+    }
+
     return this.prisma.course.update({
-      where: { id: courseId, authorId: userId },
+      where: { id: courseId },
-      data: { status: CourseStatus.PENDING_REVIEW },
+      data: {
+        status: CourseStatus.PENDING_REVIEW,
+        isPublished: false,
+      },
     });
   }
 
-  async publishCourse(courseId: string, userId: string): Promise<any> {
+  async createCourseCheckout(courseId: string, userId: string): Promise<any> {
-    return this.prisma.course.update({
+    return this.paymentsService.createCourseCheckoutSession(userId, courseId);
-      where: { id: courseId, authorId: userId },
-      data: {
-        status: CourseStatus.PUBLISHED,
-        isPublished: true,
-        publishedAt: new Date(),
-      },
-    });
   }
 
   async toggleVerification(courseId: string, userId: string): Promise<any> {

apps/api/src/courses/courses.controller.ts

@@ -16,6 +16,7 @@ import { CurrentUser } from '../auth/decorators/current-user.decorator';
 import { User, CourseStatus } from '@coursecraft/database';
 import { CreateCourseDto } from './dto/create-course.dto';
 import { UpdateCourseDto } from './dto/update-course.dto';
+import { ReviewHomeworkDto } from './dto/review-homework.dto';
 
 @ApiTags('courses')
 @Controller('courses')
@@ -75,4 +76,24 @@ export class CoursesController {
   ): Promise<any> {
     return this.coursesService.updateStatus(id, user.id, status);
   }
+
+  @Post(':id/homework-submissions/:submissionId/review')
+  @ApiOperation({ summary: 'Review homework submission as course author' })
+  async reviewHomework(
+    @Param('id') id: string,
+    @Param('submissionId') submissionId: string,
+    @CurrentUser() user: User,
+    @Body() dto: ReviewHomeworkDto
+  ): Promise<any> {
+    return this.coursesService.reviewHomeworkSubmission(id, submissionId, user.id, dto);
+  }
+
+  @Get(':id/homework-submissions')
+  @ApiOperation({ summary: 'Get homework submissions for course author review' })
+  async getHomeworkSubmissions(
+    @Param('id') id: string,
+    @CurrentUser() user: User
+  ): Promise<any> {
+    return this.coursesService.getHomeworkSubmissionsForAuthor(id, user.id);
+  }
 }

apps/api/src/courses/courses.service.ts

@@ -1,6 +1,6 @@
 import { Injectable, NotFoundException, ForbiddenException } from '@nestjs/common';
 import { PrismaService } from '../common/prisma/prisma.service';
-import { Course, CourseStatus } from '@coursecraft/database';
+import { Course, CourseStatus, Prisma } from '@coursecraft/database';
 import { generateUniqueSlug } from '@coursecraft/shared';
 import { CreateCourseDto } from './dto/create-course.dto';
 import { UpdateCourseDto } from './dto/update-course.dto';
@@ -19,6 +19,13 @@ export class CoursesService {
         description: dto.description,
         slug,
         status: CourseStatus.DRAFT,
+        groups: {
+          create: {
+            name: 'Основная группа',
+            description: 'Обсуждение курса и вопросы преподавателю',
+            isDefault: true,
+          },
+        },
       },
       include: {
         chapters: {
@@ -117,6 +124,7 @@ export class CoursesService {
           orderBy: { order: 'asc' },
         },
         category: true,
+        groups: true,
       },
     });
   }
@@ -167,6 +175,12 @@ export class CoursesService {
         estimatedHours: dto.estimatedHours,
         metaTitle: dto.metaTitle,
         metaDescription: dto.metaDescription,
+        ...(dto.price !== undefined
+          ? {
+              price: dto.price > 0 ? new Prisma.Decimal(dto.price) : null,
+            }
+          : {}),
+        ...(dto.currency ? { currency: dto.currency.toUpperCase() } : {}),
       },
       include: {
         chapters: {
@@ -208,12 +222,12 @@ export class CoursesService {
       throw new ForbiddenException('You can only edit your own courses');
     }
 
-    const updateData: { status: CourseStatus; publishedAt?: Date | null } = { status };
+    if (status === CourseStatus.PUBLISHED) {
-
+      throw new ForbiddenException('Course can be published only by moderation');
-    if (status === CourseStatus.PUBLISHED && !course.publishedAt) {
-      updateData.publishedAt = new Date();
     }
 
+    const updateData: { status: CourseStatus; publishedAt?: Date | null } = { status };
+
     return this.prisma.course.update({
       where: { id },
       data: updateData,
@@ -228,4 +242,91 @@ export class CoursesService {
 
     return course?.authorId === userId;
   }
+
+  async reviewHomeworkSubmission(
+    courseId: string,
+    submissionId: string,
+    authorId: string,
+    dto: { teacherScore: number; teacherFeedback?: string }
+  ) {
+    const course = await this.prisma.course.findUnique({
+      where: { id: courseId },
+      select: { id: true, authorId: true },
+    });
+    if (!course) {
+      throw new NotFoundException('Course not found');
+    }
+    if (course.authorId !== authorId) {
+      throw new ForbiddenException('Only course author can review homework');
+    }
+
+    const submission = await this.prisma.homeworkSubmission.findUnique({
+      where: { id: submissionId },
+      include: {
+        homework: {
+          include: {
+            lesson: {
+              include: {
+                chapter: {
+                  select: { courseId: true },
+                },
+              },
+            },
+          },
+        },
+      },
+    });
+
+    if (!submission || submission.homework.lesson.chapter.courseId !== courseId) {
+      throw new NotFoundException('Homework submission not found');
+    }
+
+    return this.prisma.homeworkSubmission.update({
+      where: { id: submissionId },
+      data: {
+        teacherScore: dto.teacherScore,
+        teacherFeedback: dto.teacherFeedback,
+        reviewStatus: 'TEACHER_REVIEWED',
+        gradedAt: new Date(),
+      },
+    });
+  }
+
+  async getHomeworkSubmissionsForAuthor(courseId: string, authorId: string) {
+    const course = await this.prisma.course.findUnique({
+      where: { id: courseId },
+      select: { id: true, authorId: true },
+    });
+    if (!course) {
+      throw new NotFoundException('Course not found');
+    }
+    if (course.authorId !== authorId) {
+      throw new ForbiddenException('Only course author can view submissions');
+    }
+
+    return this.prisma.homeworkSubmission.findMany({
+      where: {
+        homework: {
+          lesson: {
+            chapter: {
+              courseId,
+            },
+          },
+        },
+      },
+      include: {
+        user: {
+          select: { id: true, name: true, email: true, avatarUrl: true },
+        },
+        homework: {
+          include: {
+            lesson: {
+              select: { id: true, title: true },
+            },
+          },
+        },
+      },
+      orderBy: [{ reviewStatus: 'asc' }, { submittedAt: 'desc' }],
+    });
+  }
 }

apps/api/src/courses/dto/review-homework.dto.ts

@@ -0,0 +1,15 @@
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+import { IsInt, IsOptional, IsString, Max, Min } from 'class-validator';
+
+export class ReviewHomeworkDto {
+  @ApiProperty({ description: 'Teacher score from 1 to 5', minimum: 1, maximum: 5 })
+  @IsInt()
+  @Min(1)
+  @Max(5)
+  teacherScore: number;
+
+  @ApiPropertyOptional({ description: 'Teacher feedback' })
+  @IsOptional()
+  @IsString()
+  teacherFeedback?: string;
+}

apps/api/src/courses/dto/update-course.dto.ts

@@ -8,6 +8,7 @@ import {
   MinLength,
   MaxLength,
   Min,
+  IsIn,
 } from 'class-validator';
 import { ApiPropertyOptional } from '@nestjs/swagger';
 import { CourseStatus } from '@coursecraft/database';
@@ -68,4 +69,17 @@ export class UpdateCourseDto {
   @IsString()
   @MaxLength(300)
   metaDescription?: string;
+
+  @ApiPropertyOptional({ description: 'Course price. Null or 0 means free' })
+  @IsOptional()
+  @IsNumber()
+  @Min(0)
+  price?: number;
+
+  @ApiPropertyOptional({ description: 'Currency (ISO code)', example: 'USD' })
+  @IsOptional()
+  @IsString()
+  @MaxLength(3)
+  @IsIn(['USD', 'EUR', 'RUB'])
+  currency?: string;
 }

apps/api/src/enrollment/dto/create-review.dto.ts

@@ -0,0 +1,22 @@
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+import { IsInt, IsOptional, IsString, Max, MaxLength, Min } from 'class-validator';
+
+export class CreateReviewDto {
+  @ApiProperty({ description: 'Rating from 1 to 5', minimum: 1, maximum: 5 })
+  @IsInt()
+  @Min(1)
+  @Max(5)
+  rating: number;
+
+  @ApiPropertyOptional({ description: 'Review title' })
+  @IsOptional()
+  @IsString()
+  @MaxLength(120)
+  title?: string;
+
+  @ApiPropertyOptional({ description: 'Review content' })
+  @IsOptional()
+  @IsString()
+  @MaxLength(4000)
+  content?: string;
+}

apps/api/src/enrollment/dto/submit-homework.dto.ts

@@ -0,0 +1,14 @@
+import { ApiProperty } from '@nestjs/swagger';
+import { IsString, MaxLength, MinLength } from 'class-validator';
+
+export class SubmitHomeworkDto {
+  @ApiProperty({
+    description: 'Written homework answer',
+    minLength: 50,
+    maxLength: 20000,
+  })
+  @IsString()
+  @MinLength(50)
+  @MaxLength(20000)
+  content: string;
+}

apps/api/src/enrollment/dto/submit-quiz.dto.ts

@@ -0,0 +1,15 @@
+import { ApiProperty } from '@nestjs/swagger';
+import { ArrayMinSize, IsArray, IsInt, Min } from 'class-validator';
+
+export class SubmitQuizDto {
+  @ApiProperty({
+    description: 'Selected option index for each quiz question',
+    type: [Number],
+    example: [0, 2, 1],
+  })
+  @IsArray()
+  @ArrayMinSize(1)
+  @IsInt({ each: true })
+  @Min(0, { each: true })
+  answers: number[];
+}

apps/api/src/enrollment/enrollment.controller.ts

@@ -12,6 +12,9 @@ import { ApiTags, ApiOperation, ApiBearerAuth } from '@nestjs/swagger';
 import { EnrollmentService } from './enrollment.service';
 import { CurrentUser } from '../auth/decorators/current-user.decorator';
 import { User } from '@coursecraft/database';
+import { SubmitQuizDto } from './dto/submit-quiz.dto';
+import { CreateReviewDto } from './dto/create-review.dto';
+import { SubmitHomeworkDto } from './dto/submit-homework.dto';
 
 @ApiTags('enrollment')
 @Controller('enrollment')
@@ -55,10 +58,32 @@ export class EnrollmentController {
   async submitQuiz(
     @Param('courseId') courseId: string,
     @Param('lessonId') lessonId: string,
-    @Body('score') score: number,
+    @Body() dto: SubmitQuizDto,
     @CurrentUser() user: User,
   ): Promise<any> {
-    return this.enrollmentService.saveQuizScore(user.id, courseId, lessonId, score);
+    return this.enrollmentService.submitQuiz(user.id, courseId, lessonId, dto.answers);
+  }
+
+  @Get(':courseId/lessons/:lessonId/homework')
+  @ApiOperation({ summary: 'Get (or lazy-create) homework for lesson' })
+  async getHomework(
+    @Param('courseId') courseId: string,
+    @Param('lessonId') lessonId: string,
+    @CurrentUser() user: User,
+  ): Promise<any> {
+    return this.enrollmentService.getHomework(user.id, courseId, lessonId);
+  }
+
+  @Post(':courseId/lessons/:lessonId/homework')
+  @HttpCode(HttpStatus.OK)
+  @ApiOperation({ summary: 'Submit written homework for lesson' })
+  async submitHomework(
+    @Param('courseId') courseId: string,
+    @Param('lessonId') lessonId: string,
+    @Body() dto: SubmitHomeworkDto,
+    @CurrentUser() user: User,
+  ): Promise<any> {
+    return this.enrollmentService.submitHomework(user.id, courseId, lessonId, dto.content);
   }
 
   @Post(':courseId/review')
@@ -66,7 +91,7 @@ export class EnrollmentController {
   @ApiOperation({ summary: 'Leave a review' })
   async createReview(
     @Param('courseId') courseId: string,
-    @Body() body: { rating: number; title?: string; content?: string },
+    @Body() body: CreateReviewDto,
     @CurrentUser() user: User,
   ): Promise<any> {
     return this.enrollmentService.createReview(user.id, courseId, body.rating, body.title, body.content);

apps/api/src/enrollment/enrollment.service.ts

@@ -1,20 +1,47 @@
-import { Injectable, NotFoundException, ConflictException } from '@nestjs/common';
+import {
+  BadRequestException,
+  ConflictException,
+  ForbiddenException,
+  Injectable,
+  NotFoundException,
+} from '@nestjs/common';
 import { PrismaService } from '../common/prisma/prisma.service';
+import { HomeworkReviewStatus } from '@coursecraft/database';
+
+const QUIZ_PASS_THRESHOLD = 70;
 
 @Injectable()
 export class EnrollmentService {
   constructor(private prisma: PrismaService) {}
 
   async enroll(userId: string, courseId: string): Promise<any> {
+    const course = await this.prisma.course.findUnique({
+      where: { id: courseId },
+      select: { id: true, price: true, title: true, slug: true },
+    });
+    if (!course) throw new NotFoundException('Course not found');
+
+    if (course.price) {
+      const purchase = await this.prisma.purchase.findUnique({
+        where: { userId_courseId: { userId, courseId } },
+      });
+      if (!purchase || purchase.status !== 'completed') {
+        throw new ForbiddenException('Purchase is required for paid course');
+      }
+    }
+
     const existing = await this.prisma.enrollment.findUnique({
       where: { userId_courseId: { userId, courseId } },
     });
     if (existing) throw new ConflictException('Already enrolled');
 
-    return this.prisma.enrollment.create({
+    const enrollment = await this.prisma.enrollment.create({
       data: { userId, courseId },
       include: { course: { select: { id: true, title: true, slug: true } } },
     });
+
+    await this.addUserToDefaultCourseGroup(courseId, userId);
+    return enrollment;
   }
 
   async getUserEnrollments(userId: string): Promise<any> {
@@ -34,10 +61,56 @@ export class EnrollmentService {
   }
 
   async completeLesson(userId: string, courseId: string, lessonId: string): Promise<any> {
-    const enrollment = await this.prisma.enrollment.findUnique({
+    const enrollment = await this.requireEnrollment(userId, courseId);
-      where: { userId_courseId: { userId, courseId } },
+    await this.assertLessonUnlocked(userId, courseId, lessonId);
+
+    const progress = await this.prisma.lessonProgress.findUnique({
+      where: { userId_lessonId: { userId, lessonId } },
     });
-    if (!enrollment) throw new NotFoundException('Not enrolled in this course');
+    if (!progress?.quizPassed || !progress?.homeworkSubmitted) {
+      throw new BadRequestException('Lesson can be completed only after quiz and homework');
+    }
+
+    const updated = await this.prisma.lessonProgress.update({
+      where: { userId_lessonId: { userId, lessonId } },
+      data: { completedAt: new Date() },
+    });
+    await this.recalculateProgress(enrollment.id, courseId);
+    return updated;
+  }
+
+  async submitQuiz(userId: string, courseId: string, lessonId: string, answers: number[]): Promise<any> {
+    const enrollment = await this.requireEnrollment(userId, courseId);
+    await this.assertLessonUnlocked(userId, courseId, lessonId);
+
+    const quiz = await this.prisma.quiz.findUnique({
+      where: { lessonId },
+    });
+    if (!quiz) {
+      throw new NotFoundException('Quiz not found for this lesson');
+    }
+
+    const questions = Array.isArray(quiz.questions) ? (quiz.questions as any[]) : [];
+    if (questions.length === 0) {
+      throw new BadRequestException('Quiz has no questions');
+    }
+    if (!Array.isArray(answers) || answers.length !== questions.length) {
+      throw new BadRequestException('Answers count must match questions count');
+    }
+
+    const correctAnswers = questions.reduce((acc, question, index) => {
+      const expected = Number(question.correctAnswer);
+      const actual = Number(answers[index]);
+      return acc + (expected === actual ? 1 : 0);
+    }, 0);
+    const score = Math.round((correctAnswers / questions.length) * 100);
+    const passed = score >= QUIZ_PASS_THRESHOLD;
+
+    const existing = await this.prisma.lessonProgress.findUnique({
+      where: { userId_lessonId: { userId, lessonId } },
+    });
+    const finalPassed = Boolean(existing?.quizPassed || passed);
+    const completedAt = finalPassed && existing?.homeworkSubmitted ? new Date() : existing?.completedAt;
 
     const progress = await this.prisma.lessonProgress.upsert({
       where: { userId_lessonId: { userId, lessonId } },
@@ -45,78 +118,219 @@ export class EnrollmentService {
         userId,
         enrollmentId: enrollment.id,
         lessonId,
-        completedAt: new Date(),
+        quizScore: score,
+        quizPassed: finalPassed,
+        quizPassedAt: finalPassed ? new Date() : null,
+        completedAt: completedAt || null,
       },
       update: {
-        completedAt: new Date(),
+        quizScore: score,
+        quizPassed: finalPassed,
+        quizPassedAt: finalPassed ? existing?.quizPassedAt || new Date() : null,
+        completedAt: completedAt || null,
       },
     });
 
     await this.recalculateProgress(enrollment.id, courseId);
-    return progress;
+    return {
+      score,
+      passed,
+      passThreshold: QUIZ_PASS_THRESHOLD,
+      totalQuestions: questions.length,
+      correctAnswers,
+      progress,
+    };
   }
 
-  async saveQuizScore(userId: string, courseId: string, lessonId: string, score: number): Promise<any> {
+  async getHomework(userId: string, courseId: string, lessonId: string): Promise<any> {
-    const enrollment = await this.prisma.enrollment.findUnique({
+    await this.requireEnrollment(userId, courseId);
-      where: { userId_courseId: { userId, courseId } },
+    await this.assertLessonUnlocked(userId, courseId, lessonId);
-    });
-    if (!enrollment) throw new NotFoundException('Not enrolled in this course');
 
-    return this.prisma.lessonProgress.upsert({
+    const lesson = await this.prisma.lesson.findFirst({
+      where: { id: lessonId, chapter: { courseId } },
+      select: { id: true, title: true },
+    });
+    if (!lesson) {
+      throw new NotFoundException('Lesson not found');
+    }
+
+    const homework = await this.prisma.homework.upsert({
+      where: { lessonId: lesson.id },
+      create: {
+        lessonId: lesson.id,
+        title: `Письменное домашнее задание: ${lesson.title}`,
+        description:
+          'Опишите, как вы примените изученную тему на практике. Приведите примеры, обоснования и собственные выводы.',
+      },
+      update: {},
+    });
+
+    const submission = await this.prisma.homeworkSubmission.findUnique({
+      where: { homeworkId_userId: { homeworkId: homework.id, userId } },
+    });
+
+    return { homework, submission };
+  }
+
+  async submitHomework(userId: string, courseId: string, lessonId: string, content: string): Promise<any> {
+    const enrollment = await this.requireEnrollment(userId, courseId);
+    await this.assertLessonUnlocked(userId, courseId, lessonId);
+
+    const lessonProgress = await this.prisma.lessonProgress.findUnique({
+      where: { userId_lessonId: { userId, lessonId } },
+    });
+    if (!lessonProgress?.quizPassed) {
+      throw new BadRequestException('Pass the quiz before submitting homework');
+    }
+
+    const { homework } = await this.getHomework(userId, courseId, lessonId);
+    const aiResult = this.gradeHomeworkWithAI(content);
+
+    const submission = await this.prisma.homeworkSubmission.upsert({
+      where: { homeworkId_userId: { homeworkId: homework.id, userId } },
+      create: {
+        homeworkId: homework.id,
+        userId,
+        content,
+        aiScore: aiResult.score,
+        aiFeedback: aiResult.feedback,
+        reviewStatus: HomeworkReviewStatus.AI_REVIEWED,
+      },
+      update: {
+        content,
+        aiScore: aiResult.score,
+        aiFeedback: aiResult.feedback,
+        reviewStatus: HomeworkReviewStatus.AI_REVIEWED,
+        submittedAt: new Date(),
+      },
+    });
+
+    await this.prisma.lessonProgress.upsert({
       where: { userId_lessonId: { userId, lessonId } },
       create: {
         userId,
         enrollmentId: enrollment.id,
         lessonId,
-        quizScore: score,
+        quizScore: lessonProgress.quizScore,
+        quizPassed: true,
+        quizPassedAt: lessonProgress.quizPassedAt || new Date(),
+        homeworkSubmitted: true,
+        homeworkSubmittedAt: new Date(),
+        completedAt: new Date(),
+      },
+      update: {
+        homeworkSubmitted: true,
+        homeworkSubmittedAt: new Date(),
         completedAt: new Date(),
       },
-      update: { quizScore: score },
     });
+
+    await this.recalculateProgress(enrollment.id, courseId);
+    return submission;
   }
 
   async getProgress(userId: string, courseId: string): Promise<any> {
     return this.prisma.enrollment.findUnique({
       where: { userId_courseId: { userId, courseId } },
-      include: { lessons: true },
+      include: {
+        lessons: true,
+      },
     });
   }
 
   async createReview(userId: string, courseId: string, rating: number, title?: string, content?: string): Promise<any> {
+    await this.requireEnrollment(userId, courseId);
+
     const review = await this.prisma.review.upsert({
       where: { userId_courseId: { userId, courseId } },
-      create: { userId, courseId, rating, title, content },
+      create: { userId, courseId, rating, title, content, isApproved: true },
-      update: { rating, title, content },
+      update: { rating, title, content, isApproved: true },
     });
 
-    // Recalculate avg rating
+    await this.recalculateAverageRating(courseId);
-    const result = await this.prisma.review.aggregate({
-      where: { courseId, isApproved: true },
-      _avg: { rating: true },
-    });
-    if (result._avg.rating !== null) {
-      await this.prisma.course.update({
-        where: { id: courseId },
-        data: { averageRating: result._avg.rating },
-      });
-    }
-
     return review;
   }
 
   async getCourseReviews(courseId: string, page = 1, limit = 20): Promise<any> {
-    const skip = (page - 1) * limit;
+    const safePage = Math.max(1, Number(page) || 1);
+    const safeLimit = Math.min(100, Math.max(1, Number(limit) || 20));
+    const skip = (safePage - 1) * safeLimit;
     const [reviews, total] = await Promise.all([
       this.prisma.review.findMany({
         where: { courseId, isApproved: true },
         include: { user: { select: { id: true, name: true, avatarUrl: true } } },
         orderBy: { createdAt: 'desc' },
         skip,
-        take: limit,
+        take: safeLimit,
       }),
       this.prisma.review.count({ where: { courseId, isApproved: true } }),
     ]);
-    return { data: reviews, meta: { page, limit, total } };
+    return { data: reviews, meta: { page: safePage, limit: safeLimit, total } };
+  }
+
+  async recalculateAverageRating(courseId: string): Promise<void> {
+    const result = await this.prisma.review.aggregate({
+      where: { courseId, isApproved: true },
+      _avg: { rating: true },
+    });
+    await this.prisma.course.update({
+      where: { id: courseId },
+      data: { averageRating: result._avg.rating ?? null },
+    });
+  }
+
+  private async requireEnrollment(userId: string, courseId: string) {
+    const enrollment = await this.prisma.enrollment.findUnique({
+      where: { userId_courseId: { userId, courseId } },
+    });
+    if (!enrollment) {
+      throw new NotFoundException('Not enrolled in this course');
+    }
+    return enrollment;
+  }
+
+  private async assertLessonUnlocked(userId: string, courseId: string, lessonId: string): Promise<void> {
+    const orderedLessons = await this.prisma.lesson.findMany({
+      where: { chapter: { courseId } },
+      orderBy: [{ chapter: { order: 'asc' } }, { order: 'asc' }],
+      select: { id: true },
+    });
+    const targetIndex = orderedLessons.findIndex((lesson) => lesson.id === lessonId);
+    if (targetIndex === -1) {
+      throw new NotFoundException('Lesson not found in this course');
+    }
+    if (targetIndex === 0) return;
+
+    const prevLessonId = orderedLessons[targetIndex - 1].id;
+    const prevProgress = await this.prisma.lessonProgress.findUnique({
+      where: { userId_lessonId: { userId, lessonId: prevLessonId } },
+      select: { quizPassed: true, homeworkSubmitted: true },
+    });
+    if (!prevProgress?.quizPassed || !prevProgress?.homeworkSubmitted) {
+      throw new ForbiddenException('Complete previous lesson quiz and homework first');
+    }
+  }
+
+  private async addUserToDefaultCourseGroup(courseId: string, userId: string): Promise<void> {
+    let group = await this.prisma.courseGroup.findFirst({
+      where: { courseId, isDefault: true },
+    });
+    if (!group) {
+      group = await this.prisma.courseGroup.create({
+        data: {
+          courseId,
+          name: 'Основная группа',
+          description: 'Обсуждение курса и вопросы преподавателю',
+          isDefault: true,
+        },
+      });
+    }
+
+    await this.prisma.groupMember.upsert({
+      where: { groupId_userId: { groupId: group.id, userId } },
+      create: { groupId: group.id, userId, role: 'student' },
+      update: {},
+    });
   }
 
   private async recalculateProgress(enrollmentId: string, courseId: string): Promise<void> {
@@ -124,7 +338,11 @@ export class EnrollmentService {
       where: { chapter: { courseId } },
     });
     const completedLessons = await this.prisma.lessonProgress.count({
-      where: { enrollmentId, completedAt: { not: null } },
+      where: {
+        enrollmentId,
+        quizPassed: true,
+        homeworkSubmitted: true,
+      },
     });
 
     const progress = totalLessons > 0 ? Math.round((completedLessons / totalLessons) * 100) : 0;
@@ -137,4 +355,28 @@ export class EnrollmentService {
       },
     });
   }
+
+  private gradeHomeworkWithAI(content: string): { score: number; feedback: string } {
+    const normalized = content.trim();
+    const words = normalized.split(/\s+/).filter(Boolean).length;
+    const hasStructure = /(^|\n)\s*[-*•]|\d+\./.test(normalized);
+    const hasExamples = /например|пример|кейc|case/i.test(normalized);
+
+    let score = 3;
+    if (words >= 250) score = 4;
+    if (words >= 450 && hasStructure && hasExamples) score = 5;
+    if (words < 120) score = 2;
+    if (words < 60) score = 1;
+
+    let feedback = 'Хорошая работа. Раскройте больше практических деталей и аргументов.';
+    if (score === 5) {
+      feedback = 'Отличная работа: есть структура, примеры и практическая применимость.';
+    } else if (score === 4) {
+      feedback = 'Сильная работа. Добавьте ещё один практический кейс для максимальной оценки.';
+    } else if (score <= 2) {
+      feedback = 'Ответ слишком краткий. Раскройте тему глубже и добавьте практические примеры.';
+    }
+
+    return { score, feedback };
+  }
 }

apps/api/src/groups/groups.controller.ts

@@ -16,8 +16,18 @@ export class GroupsController {
   }
 
   @Post(':groupId/members')
-  async addMember(@Param('groupId') groupId: string, @Body('userId') userId: string): Promise<any> {
+  async addMember(@Param('groupId') groupId: string, @Body('userId') userId: string, @CurrentUser() user: User): Promise<any> {
-    return this.groupsService.addMember(groupId, userId);
+    return this.groupsService.addMember(groupId, user.id, userId);
+  }
+
+  @Get('course/:courseId/default')
+  async getDefaultGroup(@Param('courseId') courseId: string, @CurrentUser() user: User): Promise<any> {
+    return this.groupsService.getDefaultGroup(courseId, user.id);
+  }
+
+  @Get(':groupId/members')
+  async getMembers(@Param('groupId') groupId: string, @CurrentUser() user: User): Promise<any> {
+    return this.groupsService.getGroupMembers(groupId, user.id);
   }
 
   @Get(':groupId/messages')
@@ -29,4 +39,14 @@ export class GroupsController {
   async sendMessage(@Param('groupId') groupId: string, @Body('content') content: string, @CurrentUser() user: User): Promise<any> {
     return this.groupsService.sendMessage(groupId, user.id, content);
   }
+
+  @Post(':groupId/invite-link')
+  async createInviteLink(@Param('groupId') groupId: string, @CurrentUser() user: User): Promise<any> {
+    return this.groupsService.createInviteLink(groupId, user.id);
+  }
+
+  @Post('join/:groupId')
+  async joinByInvite(@Param('groupId') groupId: string, @CurrentUser() user: User): Promise<any> {
+    return this.groupsService.joinByInvite(groupId, user.id);
+  }
 }

apps/api/src/groups/groups.gateway.ts

@@ -0,0 +1,113 @@
+import {
+  ConnectedSocket,
+  MessageBody,
+  OnGatewayConnection,
+  SubscribeMessage,
+  WebSocketGateway,
+  WebSocketServer,
+} from '@nestjs/websockets';
+import { JwtService } from '@nestjs/jwt';
+import { Server, Socket } from 'socket.io';
+import { AuthService } from '../auth/auth.service';
+import { SupabaseService } from '../auth/supabase.service';
+import { UsersService } from '../users/users.service';
+import { GroupsService } from './groups.service';
+
+@WebSocketGateway({
+  namespace: '/ws/course-groups',
+  cors: {
+    origin: true,
+    credentials: true,
+  },
+})
+export class GroupsGateway implements OnGatewayConnection {
+  @WebSocketServer()
+  server: Server;
+
+  constructor(
+    private jwtService: JwtService,
+    private authService: AuthService,
+    private supabaseService: SupabaseService,
+    private usersService: UsersService,
+    private groupsService: GroupsService
+  ) {}
+
+  async handleConnection(client: Socket): Promise<void> {
+    try {
+      const user = await this.resolveUser(client);
+      if (!user) {
+        client.disconnect();
+        return;
+      }
+      client.data.user = user;
+    } catch {
+      client.disconnect();
+    }
+  }
+
+  @SubscribeMessage('groups:join')
+  async joinGroup(
+    @ConnectedSocket() client: Socket,
+    @MessageBody() body: { groupId: string }
+  ) {
+    const user = client.data.user;
+    if (!user || !body?.groupId) return { ok: false };
+
+    const canJoin = await this.groupsService.isMember(body.groupId, user.id);
+    if (!canJoin) {
+      await this.groupsService.joinByInvite(body.groupId, user.id);
+    }
+    await client.join(this.room(body.groupId));
+    const messages = await this.groupsService.getGroupMessages(body.groupId, user.id);
+    return { ok: true, messages };
+  }
+
+  @SubscribeMessage('groups:send')
+  async sendMessage(
+    @ConnectedSocket() client: Socket,
+    @MessageBody() body: { groupId: string; content: string }
+  ) {
+    const user = client.data.user;
+    if (!user || !body?.groupId || !body?.content?.trim()) return { ok: false };
+
+    const message = await this.groupsService.sendMessage(body.groupId, user.id, body.content.trim());
+    this.server.to(this.room(body.groupId)).emit('groups:new-message', message);
+    return { ok: true, message };
+  }
+
+  private room(groupId: string): string {
+    return `group:${groupId}`;
+  }
+
+  private async resolveUser(client: Socket) {
+    const authToken =
+      (client.handshake.auth?.token as string | undefined) ||
+      ((client.handshake.headers.authorization as string | undefined)?.replace(/^Bearer\s+/i, '')) ||
+      undefined;
+    if (!authToken) return null;
+
+    try {
+      const payload = this.jwtService.verify<{ sub: string; email: string; supabaseId: string }>(authToken);
+      const user = await this.authService.validateJwtPayload(payload);
+      if (user) return user;
+    } catch {
+      // Fallback to Supabase access token
+    }
+
+    const supabaseUser = await this.supabaseService.verifyToken(authToken);
+    if (!supabaseUser) return null;
+    let user = await this.usersService.findBySupabaseId(supabaseUser.id);
+    if (!user) {
+      user = await this.usersService.create({
+        supabaseId: supabaseUser.id,
+        email: supabaseUser.email!,
+        name:
+          supabaseUser.user_metadata?.full_name ||
+          supabaseUser.user_metadata?.name ||
+          null,
+        avatarUrl: supabaseUser.user_metadata?.avatar_url || null,
+      });
+    }
+    return user;
+  }
+}

apps/api/src/groups/groups.module.ts

@@ -1,10 +1,13 @@
 import { Module } from '@nestjs/common';
 import { GroupsController } from './groups.controller';
 import { GroupsService } from './groups.service';
+import { GroupsGateway } from './groups.gateway';
+import { UsersModule } from '../users/users.module';
 
 @Module({
+  imports: [UsersModule],
   controllers: [GroupsController],
-  providers: [GroupsService],
+  providers: [GroupsService, GroupsGateway],
   exports: [GroupsService],
 })
 export class GroupsModule {}

apps/api/src/groups/groups.service.ts

@@ -14,35 +14,171 @@ export class GroupsService {
     });
   }
 
-  async addMember(groupId: string, userId: string, role = 'student'): Promise<any> {
+  async ensureDefaultGroup(courseId: string): Promise<any> {
-    return this.prisma.groupMember.create({
+    const existing = await this.prisma.courseGroup.findFirst({
-      data: { groupId, userId, role },
+      where: { courseId, isDefault: true },
+    });
+    if (existing) return existing;
+
+    return this.prisma.courseGroup.create({
+      data: {
+        courseId,
+        name: 'Основная группа',
+        description: 'Обсуждение курса и вопросы преподавателю',
+        isDefault: true,
+      },
+    });
+  }
+
+  async getDefaultGroup(courseId: string, userId: string): Promise<any> {
+    const group = await this.ensureDefaultGroup(courseId);
+    await this.assertCanReadGroup(group.id, userId);
+
+    const [messages, members] = await Promise.all([
+      this.getGroupMessages(group.id, userId),
+      this.getGroupMembers(group.id, userId),
+    ]);
+    return { group, messages, members };
+  }
+
+  async addMember(groupId: string, requesterId: string, targetUserId: string, role = 'student'): Promise<any> {
+    const group = await this.prisma.courseGroup.findUnique({
+      where: { id: groupId },
+      include: { course: { select: { authorId: true } } },
+    });
+    if (!group) throw new NotFoundException('Group not found');
+    if (group.course.authorId !== requesterId) {
+      throw new ForbiddenException('Only course author can add members manually');
+    }
+
+    return this.prisma.groupMember.upsert({
+      where: { groupId_userId: { groupId, userId: targetUserId } },
+      create: { groupId, userId: targetUserId, role },
+      update: { role },
+    });
+  }
+
+  async getGroupMembers(groupId: string, userId: string): Promise<any> {
+    await this.assertCanReadGroup(groupId, userId);
+    return this.prisma.groupMember.findMany({
+      where: { groupId },
+      include: {
+        user: {
+          select: { id: true, name: true, email: true, avatarUrl: true },
+        },
+      },
+      orderBy: { joinedAt: 'asc' },
     });
   }
 
   async getGroupMessages(groupId: string, userId: string): Promise<any> {
-    const member = await this.prisma.groupMember.findUnique({
+    await this.assertCanReadGroup(groupId, userId);
-      where: { groupId_userId: { groupId, userId } },
-    });
-    if (!member) throw new ForbiddenException('Not a member of this group');
 
     return this.prisma.groupMessage.findMany({
       where: { groupId },
       include: { user: { select: { id: true, name: true, avatarUrl: true } } },
       orderBy: { createdAt: 'asc' },
-      take: 100,
+      take: 200,
     });
   }
 
   async sendMessage(groupId: string, userId: string, content: string): Promise<any> {
-    const member = await this.prisma.groupMember.findUnique({
+    await this.assertCanReadGroup(groupId, userId);
-      where: { groupId_userId: { groupId, userId } },
-    });
-    if (!member) throw new ForbiddenException('Not a member of this group');
 
     return this.prisma.groupMessage.create({
       data: { groupId, userId, content },
       include: { user: { select: { id: true, name: true, avatarUrl: true } } },
     });
   }
+
+  async createInviteLink(groupId: string, userId: string): Promise<any> {
+    const group = await this.prisma.courseGroup.findUnique({
+      where: { id: groupId },
+      include: { course: { select: { authorId: true } } },
+    });
+    if (!group) throw new NotFoundException('Group not found');
+    if (group.course.authorId !== userId) {
+      throw new ForbiddenException('Only course author can create invite links');
+    }
+
+    const appUrl = process.env.NEXT_PUBLIC_APP_URL || 'http://localhost:3080';
+    return {
+      groupId,
+      inviteUrl: `${appUrl}/dashboard/groups/${groupId}`,
+    };
+  }
+
+  async joinByInvite(groupId: string, userId: string): Promise<any> {
+    const group = await this.prisma.courseGroup.findUnique({
+      where: { id: groupId },
+      include: {
+        course: {
+          select: { id: true, authorId: true, price: true },
+        },
+      },
+    });
+    if (!group) throw new NotFoundException('Group not found');
+
+    const hasEnrollment = await this.prisma.enrollment.findUnique({
+      where: { userId_courseId: { userId, courseId: group.course.id } },
+    });
+    const hasPurchase = await this.prisma.purchase.findUnique({
+      where: { userId_courseId: { userId, courseId: group.course.id } },
+    });
+
+    if (!hasEnrollment && !hasPurchase && group.course.authorId !== userId) {
+      throw new ForbiddenException('Enroll or purchase course first');
+    }
+
+    return this.prisma.groupMember.upsert({
+      where: { groupId_userId: { groupId, userId } },
+      create: { groupId, userId, role: group.course.authorId === userId ? 'teacher' : 'student' },
+      update: {},
+    });
+  }
+
+  async isMember(groupId: string, userId: string): Promise<boolean> {
+    const member = await this.prisma.groupMember.findUnique({
+      where: { groupId_userId: { groupId, userId } },
+      select: { id: true },
+    });
+    return Boolean(member);
+  }
+
+  private async assertCanReadGroup(groupId: string, userId: string): Promise<void> {
+    const group = await this.prisma.courseGroup.findUnique({
+      where: { id: groupId },
+      include: {
+        course: {
+          select: { id: true, authorId: true },
+        },
+      },
+    });
+    if (!group) {
+      throw new NotFoundException('Group not found');
+    }
+
+    if (group.course.authorId === userId) return;
+
+    const member = await this.prisma.groupMember.findUnique({
+      where: { groupId_userId: { groupId, userId } },
+      select: { id: true },
+    });
+    if (member) return;
+
+    const enrollment = await this.prisma.enrollment.findUnique({
+      where: { userId_courseId: { userId, courseId: group.course.id } },
+      select: { id: true },
+    });
+    if (enrollment) {
+      await this.prisma.groupMember.upsert({
+        where: { groupId_userId: { groupId, userId } },
+        create: { groupId, userId, role: 'student' },
+        update: {},
+      });
+      return;
+    }
+
+    throw new ForbiddenException('No access to this group');
+  }
 }

apps/api/src/main.ts

@@ -7,7 +7,7 @@ import { AppModule } from './app.module';
 import { AllExceptionsFilter } from './common/all-exceptions.filter';
 
 async function bootstrap() {
-  const app = await NestFactory.create(AppModule);
+  const app = await NestFactory.create(AppModule, { rawBody: true });
   const configService = app.get(ConfigService);
 
   app.useGlobalFilters(new AllExceptionsFilter());

apps/api/src/moderation/moderation.controller.ts

@@ -1,4 +1,4 @@
-import { Controller, Get, Post, Param, Body } from '@nestjs/common';
+import { Controller, Get, Post, Param, Body, Query, Delete, HttpCode, HttpStatus } from '@nestjs/common';
 import { ApiTags, ApiBearerAuth } from '@nestjs/swagger';
 import { ModerationService } from './moderation.service';
 import { CurrentUser } from '../auth/decorators/current-user.decorator';
@@ -15,6 +15,15 @@ export class ModerationController {
     return this.moderationService.getPendingCourses(user.id);
   }
 
+  @Get('courses')
+  async getCourses(
+    @CurrentUser() user: User,
+    @Query('status') status?: string,
+    @Query('search') search?: string,
+  ): Promise<any> {
+    return this.moderationService.getCourses(user.id, { status, search });
+  }
+
   @Post(':courseId/approve')
   async approveCourse(@Param('courseId') courseId: string, @Body('note') note: string, @CurrentUser() user: User): Promise<any> {
     return this.moderationService.approveCourse(user.id, courseId, note);
@@ -24,4 +33,20 @@ export class ModerationController {
   async rejectCourse(@Param('courseId') courseId: string, @Body('reason') reason: string, @CurrentUser() user: User): Promise<any> {
     return this.moderationService.rejectCourse(user.id, courseId, reason);
   }
+
+  @Post('reviews/:reviewId/hide')
+  async hideReview(@Param('reviewId') reviewId: string, @CurrentUser() user: User): Promise<any> {
+    return this.moderationService.hideReview(user.id, reviewId);
+  }
+
+  @Post('reviews/:reviewId/unhide')
+  async unhideReview(@Param('reviewId') reviewId: string, @CurrentUser() user: User): Promise<any> {
+    return this.moderationService.unhideReview(user.id, reviewId);
+  }
+
+  @Delete(':courseId')
+  @HttpCode(HttpStatus.NO_CONTENT)
+  async deleteCourse(@Param('courseId') courseId: string, @CurrentUser() user: User): Promise<void> {
+    await this.moderationService.deleteCourse(user.id, courseId);
+  }
 }

apps/api/src/moderation/moderation.service.ts

@@ -1,4 +1,4 @@
-import { Injectable, ForbiddenException } from '@nestjs/common';
+import { Injectable, ForbiddenException, NotFoundException } from '@nestjs/common';
 import { PrismaService } from '../common/prisma/prisma.service';
 import { CourseStatus, UserRole } from '@coursecraft/database';
 
@@ -22,12 +22,65 @@ export class ModerationService {
     });
   }
 
+  async getCourses(
+    userId: string,
+    options?: {
+      status?: string;
+      search?: string;
+    }
+  ): Promise<any[]> {
+    await this.assertStaff(userId);
+
+    const allowedStatuses = Object.values(CourseStatus);
+    const where: any = {};
+
+    if (options?.status && allowedStatuses.includes(options.status as CourseStatus)) {
+      where.status = options.status as CourseStatus;
+    }
+
+    if (options?.search?.trim()) {
+      where.OR = [
+        { title: { contains: options.search.trim(), mode: 'insensitive' } },
+        { description: { contains: options.search.trim(), mode: 'insensitive' } },
+        { author: { name: { contains: options.search.trim(), mode: 'insensitive' } } },
+        { author: { email: { contains: options.search.trim(), mode: 'insensitive' } } },
+      ];
+    }
+
+    return this.prisma.course.findMany({
+      where,
+      include: {
+        author: { select: { id: true, name: true, email: true } },
+        _count: {
+          select: {
+            chapters: true,
+            enrollments: true,
+            reviews: true,
+          },
+        },
+      },
+      orderBy: [{ status: 'asc' }, { updatedAt: 'desc' }],
+      take: 200,
+    });
+  }
+
   async approveCourse(userId: string, courseId: string, note?: string): Promise<any> {
     const user = await this.prisma.user.findUnique({ where: { id: userId } });
     if (!user || (user.role !== UserRole.MODERATOR && user.role !== UserRole.ADMIN)) {
       throw new ForbiddenException('Moderators only');
     }
 
+    const course = await this.prisma.course.findUnique({
+      where: { id: courseId },
+      select: { status: true },
+    });
+    if (!course) {
+      throw new ForbiddenException('Course not found');
+    }
+    if (course.status !== CourseStatus.PENDING_REVIEW) {
+      throw new ForbiddenException('Only courses pending review can be approved');
+    }
+
     return this.prisma.course.update({
       where: { id: courseId },
       data: {
@@ -46,6 +99,17 @@ export class ModerationService {
       throw new ForbiddenException('Moderators only');
     }
 
+    const course = await this.prisma.course.findUnique({
+      where: { id: courseId },
+      select: { status: true },
+    });
+    if (!course) {
+      throw new ForbiddenException('Course not found');
+    }
+    if (course.status !== CourseStatus.PENDING_REVIEW) {
+      throw new ForbiddenException('Only courses pending review can be rejected');
+    }
+
     return this.prisma.course.update({
       where: { id: courseId },
       data: {
@@ -55,4 +119,55 @@ export class ModerationService {
       },
     });
   }
+
+  async hideReview(userId: string, reviewId: string): Promise<any> {
+    await this.assertStaff(userId);
+    const review = await this.prisma.review.update({
+      where: { id: reviewId },
+      data: { isApproved: false },
+    });
+    await this.recalculateAverageRating(review.courseId);
+    return review;
+  }
+
+  async unhideReview(userId: string, reviewId: string): Promise<any> {
+    await this.assertStaff(userId);
+    const review = await this.prisma.review.update({
+      where: { id: reviewId },
+      data: { isApproved: true },
+    });
+    await this.recalculateAverageRating(review.courseId);
+    return review;
+  }
+
+  async deleteCourse(userId: string, courseId: string): Promise<void> {
+    await this.assertStaff(userId);
+    const existing = await this.prisma.course.findUnique({
+      where: { id: courseId },
+      select: { id: true },
+    });
+    if (!existing) {
+      throw new NotFoundException('Course not found');
+    }
+
+    await this.prisma.course.delete({ where: { id: courseId } });
+  }
+
+  private async assertStaff(userId: string): Promise<void> {
+    const user = await this.prisma.user.findUnique({ where: { id: userId } });
+    if (!user || (user.role !== UserRole.MODERATOR && user.role !== UserRole.ADMIN)) {
+      throw new ForbiddenException('Moderators only');
+    }
+  }
+
+  private async recalculateAverageRating(courseId: string): Promise<void> {
+    const result = await this.prisma.review.aggregate({
+      where: { courseId, isApproved: true },
+      _avg: { rating: true },
+    });
+    await this.prisma.course.update({
+      where: { id: courseId },
+      data: { averageRating: result._avg.rating ?? null },
+    });
+  }
 }

apps/api/src/payments/payments.service.ts

@@ -28,34 +28,7 @@ export class PaymentsService {
   }
 
   async createCheckoutSession(userId: string, tier: 'PREMIUM' | 'PRO') {
-    const user = await this.prisma.user.findUnique({
+    const { stripeCustomerId } = await this.getOrCreateStripeCustomer(userId);
-      where: { id: userId },
-      include: { subscription: true },
-    });
-
-    if (!user) {
-      throw new NotFoundException('User not found');
-    }
-
-    // Get or create Stripe customer
-    let stripeCustomerId = user.subscription?.stripeCustomerId;
-
-    if (!stripeCustomerId) {
-      const customer = await this.stripeService.createCustomer(user.email, user.name || undefined);
-      stripeCustomerId = customer.id;
-
-      await this.prisma.subscription.upsert({
-        where: { userId },
-        create: {
-          userId,
-          tier: SubscriptionTier.FREE,
-          stripeCustomerId: customer.id,
-        },
-        update: {
-          stripeCustomerId: customer.id,
-        },
-      });
-    }
 
     // Get price ID for tier
     const priceId =
@@ -83,6 +56,57 @@ export class PaymentsService {
     return { url: session.url };
   }
 
+  async createCourseCheckoutSession(userId: string, courseId: string) {
+    const [course, existingPurchase] = await Promise.all([
+      this.prisma.course.findUnique({
+        where: { id: courseId },
+        select: {
+          id: true,
+          title: true,
+          description: true,
+          price: true,
+          currency: true,
+          isPublished: true,
+          status: true,
+        },
+      }),
+      this.prisma.purchase.findUnique({
+        where: { userId_courseId: { userId, courseId } },
+      }),
+    ]);
+
+    if (!course) {
+      throw new NotFoundException('Course not found');
+    }
+    if (!course.price) {
+      throw new Error('Course is free, checkout is not required');
+    }
+    if (existingPurchase?.status === 'completed') {
+      throw new Error('Course is already purchased');
+    }
+
+    const { stripeCustomerId } = await this.getOrCreateStripeCustomer(userId);
+    const appUrl = this.configService.get<string>('NEXT_PUBLIC_APP_URL') || 'http://localhost:3000';
+    const unitAmount = Math.round(Number(course.price) * 100);
+
+    const session = await this.stripeService.createOneTimeCheckoutSession({
+      customerId: stripeCustomerId,
+      currency: course.currency || 'USD',
+      unitAmount,
+      productName: course.title,
+      productDescription: course.description || undefined,
+      successUrl: `${appUrl}/dashboard/catalog/${courseId}?purchase=success`,
+      cancelUrl: `${appUrl}/dashboard/catalog/${courseId}?purchase=canceled`,
+      metadata: {
+        type: 'course_purchase',
+        userId,
+        courseId,
+      },
+    });
+
+    return { url: session.url };
+  }
+
   async createPortalSession(userId: string) {
     const subscription = await this.prisma.subscription.findUnique({
       where: { userId },
@@ -107,8 +131,8 @@ export class PaymentsService {
       case 'checkout.session.completed':
         await this.handleCheckoutCompleted(event.data.object as {
           customer: string;
-          subscription: string;
+          subscription?: string;
-          metadata: { userId: string; tier: string };
+          metadata: { userId?: string; tier?: string; type?: string; courseId?: string };
         });
         break;
 
@@ -133,10 +157,26 @@ export class PaymentsService {
 
   private async handleCheckoutCompleted(session: {
     customer: string;
-    subscription: string;
+    subscription?: string;
-    metadata: { userId: string; tier: string };
+    metadata: { userId?: string; tier?: string; type?: string; courseId?: string };
   }) {
     const { customer, subscription: subscriptionId, metadata } = session;
+    if (!metadata?.userId) {
+      return;
+    }
+
+    if (metadata.type === 'course_purchase') {
+      await this.handleCoursePurchaseCompleted({
+        userId: metadata.userId,
+        courseId: metadata.courseId || '',
+      });
+      return;
+    }
+
+    if (!subscriptionId || !metadata.tier) {
+      return;
+    }
+
     const tier = metadata.tier as SubscriptionTier;
 
     const stripeSubscription = await this.stripeService.getSubscription(subscriptionId);
@@ -161,6 +201,95 @@ export class PaymentsService {
     });
   }
 
+  private async handleCoursePurchaseCompleted(params: { userId: string; courseId: string }) {
+    const { userId, courseId } = params;
+    if (!courseId) return;
+
+    const course = await this.prisma.course.findUnique({
+      where: { id: courseId },
+      select: { id: true, price: true, currency: true, authorId: true },
+    });
+    if (!course || !course.price) return;
+
+    await this.prisma.purchase.upsert({
+      where: { userId_courseId: { userId, courseId } },
+      create: {
+        userId,
+        courseId,
+        amount: course.price,
+        currency: course.currency,
+        status: 'completed',
+      },
+      update: {
+        status: 'completed',
+        amount: course.price,
+        currency: course.currency,
+      },
+    });
+
+    await this.prisma.enrollment.upsert({
+      where: { userId_courseId: { userId, courseId } },
+      create: { userId, courseId },
+      update: {},
+    });
+
+    const defaultGroup = await this.ensureDefaultCourseGroup(courseId);
+    await this.prisma.groupMember.upsert({
+      where: { groupId_userId: { groupId: defaultGroup.id, userId } },
+      create: { groupId: defaultGroup.id, userId, role: 'student' },
+      update: {},
+    });
+  }
+
+  private async getOrCreateStripeCustomer(userId: string): Promise<{ stripeCustomerId: string; email: string; name: string | null }> {
+    const user = await this.prisma.user.findUnique({
+      where: { id: userId },
+      include: { subscription: true },
+    });
+    if (!user) {
+      throw new NotFoundException('User not found');
+    }
+
+    let stripeCustomerId = user.subscription?.stripeCustomerId;
+    if (!stripeCustomerId) {
+      const customer = await this.stripeService.createCustomer(user.email, user.name || undefined);
+      stripeCustomerId = customer.id;
+      await this.prisma.subscription.upsert({
+        where: { userId },
+        create: {
+          userId,
+          tier: SubscriptionTier.FREE,
+          stripeCustomerId: customer.id,
+        },
+        update: {
+          stripeCustomerId: customer.id,
+        },
+      });
+    }
+
+    return {
+      stripeCustomerId,
+      email: user.email,
+      name: user.name,
+    };
+  }
+
+  private async ensureDefaultCourseGroup(courseId: string) {
+    const existing = await this.prisma.courseGroup.findFirst({
+      where: { courseId, isDefault: true },
+    });
+    if (existing) return existing;
+
+    return this.prisma.courseGroup.create({
+      data: {
+        courseId,
+        name: 'Основная группа',
+        description: 'Обсуждение курса и вопросы преподавателю',
+        isDefault: true,
+      },
+    });
+  }
+
   private async handleSubscriptionUpdated(subscription: {
     id: string;
     customer: string;

apps/api/src/payments/stripe.service.ts

@@ -45,6 +45,38 @@ export class StripeService {
     });
   }
 
+  async createOneTimeCheckoutSession(params: {
+    customerId: string;
+    successUrl: string;
+    cancelUrl: string;
+    metadata?: Record<string, string>;
+    currency: string;
+    unitAmount: number;
+    productName: string;
+    productDescription?: string;
+  }): Promise<Stripe.Checkout.Session> {
+    return this.stripe.checkout.sessions.create({
+      customer: params.customerId,
+      mode: 'payment',
+      line_items: [
+        {
+          price_data: {
+            currency: params.currency.toLowerCase(),
+            unit_amount: params.unitAmount,
+            product_data: {
+              name: params.productName,
+              description: params.productDescription,
+            },
+          },
+          quantity: 1,
+        },
+      ],
+      success_url: params.successUrl,
+      cancel_url: params.cancelUrl,
+      metadata: params.metadata,
+    });
+  }
+
   async createPortalSession(customerId: string, returnUrl: string): Promise<Stripe.BillingPortal.Session> {
     return this.stripe.billingPortal.sessions.create({
       customer: customerId,

apps/api/src/support/support.controller.ts

@@ -11,8 +11,11 @@ export class SupportController {
   constructor(private supportService: SupportService) {}
 
   @Post('tickets')
-  async createTicket(@Body('title') title: string, @CurrentUser() user: User): Promise<any> {
+  async createTicket(
-    return this.supportService.createTicket(user.id, title);
+    @Body() body: { title: string; initialMessage?: string; priority?: string },
+    @CurrentUser() user: User
+  ): Promise<any> {
+    return this.supportService.createTicket(user.id, body.title, body.initialMessage, body.priority);
   }
 
   @Get('tickets')
@@ -29,4 +32,24 @@ export class SupportController {
   async sendMessage(@Param('id') id: string, @Body('content') content: string, @CurrentUser() user: User): Promise<any> {
     return this.supportService.sendMessage(id, user.id, content);
   }
+
+  @Get('admin/tickets')
+  async getAllTickets(@CurrentUser() user: User): Promise<any> {
+    return this.supportService.getAllTickets(user.id);
+  }
+
+  @Get('admin/tickets/:id/messages')
+  async getMessagesForStaff(@Param('id') id: string, @CurrentUser() user: User): Promise<any> {
+    return this.supportService.getTicketMessagesForStaff(id, user.id);
+  }
+
+  @Post('admin/tickets/:id/messages')
+  async sendStaffMessage(@Param('id') id: string, @Body('content') content: string, @CurrentUser() user: User): Promise<any> {
+    return this.supportService.sendStaffMessage(id, user.id, content);
+  }
+
+  @Post('admin/tickets/:id/status')
+  async updateStatus(@Param('id') id: string, @Body('status') status: string, @CurrentUser() user: User): Promise<any> {
+    return this.supportService.updateTicketStatus(id, user.id, status);
+  }
 }

apps/api/src/support/support.gateway.ts

@@ -0,0 +1,125 @@
+import {
+  ConnectedSocket,
+  MessageBody,
+  OnGatewayConnection,
+  SubscribeMessage,
+  WebSocketGateway,
+  WebSocketServer,
+} from '@nestjs/websockets';
+import { JwtService } from '@nestjs/jwt';
+import { Server, Socket } from 'socket.io';
+import { AuthService } from '../auth/auth.service';
+import { SupabaseService } from '../auth/supabase.service';
+import { UsersService } from '../users/users.service';
+import { SupportService } from './support.service';
+
+@WebSocketGateway({
+  namespace: '/ws/support',
+  cors: {
+    origin: true,
+    credentials: true,
+  },
+})
+export class SupportGateway implements OnGatewayConnection {
+  @WebSocketServer()
+  server: Server;
+
+  constructor(
+    private jwtService: JwtService,
+    private authService: AuthService,
+    private supabaseService: SupabaseService,
+    private usersService: UsersService,
+    private supportService: SupportService
+  ) {}
+
+  async handleConnection(client: Socket): Promise<void> {
+    try {
+      const user = await this.resolveUser(client);
+      if (!user) {
+        client.disconnect();
+        return;
+      }
+      client.data.user = user;
+    } catch {
+      client.disconnect();
+    }
+  }
+
+  @SubscribeMessage('support:join')
+  async joinTicket(
+    @ConnectedSocket() client: Socket,
+    @MessageBody() body: { ticketId: string }
+  ) {
+    const user = client.data.user;
+    if (!user || !body?.ticketId) return { ok: false };
+
+    const canAccess = await this.supportService.canAccessTicket(body.ticketId, user.id);
+    if (!canAccess) return { ok: false };
+
+    await client.join(this.room(body.ticketId));
+    const messages =
+      (await this.supportService.getTicketMessagesForStaff(body.ticketId, user.id).catch(async () =>
+        this.supportService.getTicketMessages(body.ticketId, user.id)
+      )) || [];
+    return { ok: true, messages };
+  }
+
+  @SubscribeMessage('support:send')
+  async sendMessage(
+    @ConnectedSocket() client: Socket,
+    @MessageBody() body: { ticketId: string; content: string }
+  ) {
+    const user = client.data.user;
+    if (!user || !body?.ticketId || !body?.content?.trim()) return { ok: false };
+
+    const canAccess = await this.supportService.canAccessTicket(body.ticketId, user.id);
+    if (!canAccess) return { ok: false };
+
+    const message =
+      (await this.supportService.sendStaffMessage(body.ticketId, user.id, body.content.trim()).catch(async () =>
+        this.supportService.sendMessage(body.ticketId, user.id, body.content.trim())
+      )) || null;
+
+    if (message) {
+      this.server.to(this.room(body.ticketId)).emit('support:new-message', message);
+      return { ok: true, message };
+    }
+    return { ok: false };
+  }
+
+  private room(ticketId: string): string {
+    return `ticket:${ticketId}`;
+  }
+
+  private async resolveUser(client: Socket) {
+    const authToken =
+      (client.handshake.auth?.token as string | undefined) ||
+      ((client.handshake.headers.authorization as string | undefined)?.replace(/^Bearer\s+/i, '')) ||
+      undefined;
+    if (!authToken) return null;
+
+    try {
+      const payload = this.jwtService.verify<{ sub: string; email: string; supabaseId: string }>(authToken);
+      const user = await this.authService.validateJwtPayload(payload);
+      if (user) return user;
+    } catch {
+      // Fallback to Supabase access token
+    }
+
+    const supabaseUser = await this.supabaseService.verifyToken(authToken);
+    if (!supabaseUser) return null;
+    let user = await this.usersService.findBySupabaseId(supabaseUser.id);
+    if (!user) {
+      user = await this.usersService.create({
+        supabaseId: supabaseUser.id,
+        email: supabaseUser.email!,
+        name:
+          supabaseUser.user_metadata?.full_name ||
+          supabaseUser.user_metadata?.name ||
+          null,
+        avatarUrl: supabaseUser.user_metadata?.avatar_url || null,
+      });
+    }
+    return user;
+  }
+}

apps/api/src/support/support.module.ts

@@ -1,10 +1,13 @@
 import { Module } from '@nestjs/common';
 import { SupportController } from './support.controller';
 import { SupportService } from './support.service';
+import { SupportGateway } from './support.gateway';
+import { UsersModule } from '../users/users.module';
 
 @Module({
+  imports: [UsersModule],
   controllers: [SupportController],
-  providers: [SupportService],
+  providers: [SupportService, SupportGateway],
   exports: [SupportService],
 })
 export class SupportModule {}

apps/api/src/support/support.service.ts

@@ -1,14 +1,40 @@
-import { Injectable } from '@nestjs/common';
+import { ForbiddenException, Injectable, NotFoundException } from '@nestjs/common';
+import { UserRole } from '@coursecraft/database';
 import { PrismaService } from '../common/prisma/prisma.service';
 
 @Injectable()
 export class SupportService {
   constructor(private prisma: PrismaService) {}
 
-  async createTicket(userId: string, title: string): Promise<any> {
+  async createTicket(
-    return this.prisma.supportTicket.create({
+    userId: string,
-      data: { userId, title },
+    title: string,
-      include: { messages: { include: { user: { select: { name: true } } } } },
+    initialMessage?: string,
+    priority: string = 'normal'
+  ): Promise<any> {
+    const ticket = await this.prisma.supportTicket.create({
+      data: { userId, title, priority, status: 'open' },
+    });
+
+    if (initialMessage?.trim()) {
+      await this.prisma.ticketMessage.create({
+        data: {
+          ticketId: ticket.id,
+          userId,
+          content: initialMessage.trim(),
+          isStaff: false,
+        },
+      });
+    }
+
+    return this.prisma.supportTicket.findUnique({
+      where: { id: ticket.id },
+      include: {
+        messages: {
+          include: { user: { select: { id: true, name: true, avatarUrl: true } } },
+          orderBy: { createdAt: 'asc' },
+        },
+      },
     });
   }
 
@@ -22,7 +48,7 @@ export class SupportService {
 
   async getTicketMessages(ticketId: string, userId: string): Promise<any> {
     const ticket = await this.prisma.supportTicket.findFirst({ where: { id: ticketId, userId } });
-    if (!ticket) throw new Error('Ticket not found');
+    if (!ticket) throw new NotFoundException('Ticket not found');
 
     return this.prisma.ticketMessage.findMany({
       where: { ticketId },
@@ -32,9 +58,104 @@ export class SupportService {
   }
 
   async sendMessage(ticketId: string, userId: string, content: string): Promise<any> {
-    return this.prisma.ticketMessage.create({
+    const ticket = await this.prisma.supportTicket.findFirst({
+      where: { id: ticketId, userId },
+      select: { id: true, status: true },
+    });
+    if (!ticket) throw new NotFoundException('Ticket not found');
+
+    const message = await this.prisma.ticketMessage.create({
       data: { ticketId, userId, content, isStaff: false },
-      include: { user: { select: { id: true, name: true } } },
+      include: { user: { select: { id: true, name: true, avatarUrl: true } } },
+    });
+    await this.prisma.supportTicket.update({
+      where: { id: ticketId },
+      data: {
+        status: ticket.status === 'resolved' ? 'in_progress' : ticket.status,
+        updatedAt: new Date(),
+      },
+    });
+    return message;
+  }
+
+  async getAllTickets(staffUserId: string): Promise<any> {
+    await this.assertStaff(staffUserId);
+    return this.prisma.supportTicket.findMany({
+      include: {
+        user: { select: { id: true, name: true, email: true, avatarUrl: true } },
+        messages: { orderBy: { createdAt: 'desc' }, take: 1 },
+      },
+      orderBy: [{ status: 'asc' }, { updatedAt: 'desc' }],
     });
   }
+
+  async getTicketMessagesForStaff(ticketId: string, staffUserId: string): Promise<any> {
+    await this.assertStaff(staffUserId);
+    const ticket = await this.prisma.supportTicket.findUnique({
+      where: { id: ticketId },
+      select: { id: true },
+    });
+    if (!ticket) throw new NotFoundException('Ticket not found');
+
+    return this.prisma.ticketMessage.findMany({
+      where: { ticketId },
+      include: { user: { select: { id: true, name: true, avatarUrl: true } } },
+      orderBy: { createdAt: 'asc' },
+    });
+  }
+
+  async sendStaffMessage(ticketId: string, staffUserId: string, content: string): Promise<any> {
+    await this.assertStaff(staffUserId);
+    const ticket = await this.prisma.supportTicket.findUnique({
+      where: { id: ticketId },
+      select: { id: true },
+    });
+    if (!ticket) throw new NotFoundException('Ticket not found');
+
+    const message = await this.prisma.ticketMessage.create({
+      data: { ticketId, userId: staffUserId, content, isStaff: true },
+      include: { user: { select: { id: true, name: true, avatarUrl: true } } },
+    });
+    await this.prisma.supportTicket.update({
+      where: { id: ticketId },
+      data: { status: 'in_progress', updatedAt: new Date() },
+    });
+    return message;
+  }
+
+  async updateTicketStatus(ticketId: string, staffUserId: string, status: string): Promise<any> {
+    await this.assertStaff(staffUserId);
+    const allowed = ['open', 'in_progress', 'resolved', 'closed'];
+    if (!allowed.includes(status)) {
+      throw new ForbiddenException('Invalid status');
+    }
+    return this.prisma.supportTicket.update({
+      where: { id: ticketId },
+      data: { status, updatedAt: new Date() },
+    });
+  }
+
+  async canAccessTicket(ticketId: string, userId: string): Promise<boolean> {
+    const user = await this.prisma.user.findUnique({
+      where: { id: userId },
+      select: { role: true },
+    });
+    if (!user) return false;
+    if (user.role === UserRole.ADMIN || user.role === UserRole.MODERATOR) return true;
+    const ticket = await this.prisma.supportTicket.findFirst({
+      where: { id: ticketId, userId },
+      select: { id: true },
+    });
+    return Boolean(ticket);
+  }
+
+  private async assertStaff(userId: string): Promise<void> {
+    const user = await this.prisma.user.findUnique({
+      where: { id: userId },
+      select: { role: true },
+    });
+    if (!user || (user.role !== UserRole.ADMIN && user.role !== UserRole.MODERATOR)) {
+      throw new ForbiddenException('Staff access only');
+    }
+  }
 }

apps/web/package.json

@@ -49,6 +49,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.50.0",
+    "socket.io-client": "^4.8.1",
     "tailwind-merge": "^2.2.1",
     "tailwindcss-animate": "^1.0.7",
     "zod": "^3.22.4",

apps/web/src/app/(certificate)/certificate/[courseId]/page.tsx

@@ -80,7 +80,7 @@ export default function CertificatePage() {
         <div className="no-print absolute top-4 right-4">
           <Button onClick={handlePrint} variant="secondary" className="shadow-lg">
             <Printer className="h-4 w-4 mr-2" />
-            Печать
+            Сохранить в PDF / Печать
           </Button>
         </div>
 

apps/web/src/app/(dashboard)/dashboard/admin/page.tsx

@@ -0,0 +1,5 @@
+import { redirect } from 'next/navigation';
+
+export default function DashboardAdminRedirectPage() {
+  redirect('/admin');
+}

apps/web/src/app/(dashboard)/dashboard/admin/support/page.tsx

@@ -0,0 +1,5 @@
+import { redirect } from 'next/navigation';
+
+export default function DashboardAdminSupportRedirectPage() {
+  redirect('/admin/support');
+}

apps/web/src/app/(dashboard)/dashboard/catalog/[id]/page.tsx

@@ -1,305 +1,5 @@
-'use client';
+import { redirect } from 'next/navigation';
 
-import { useEffect, useState } from 'react';
+export default function DashboardCatalogCourseRedirectPage({ params }: { params: { id: string } }) {
-import { useParams, useRouter } from 'next/navigation';
+  redirect(`/courses/${params.id}`);
-import {
-  ArrowLeft,
-  BookOpen,
-  Clock,
-  Users,
-  Star,
-  Shield,
-  Check,
-  Loader2,
-  ChevronDown,
-} from 'lucide-react';
-import Link from 'next/link';
-import { Button } from '@/components/ui/button';
-import { Card, CardContent } from '@/components/ui/card';
-import { Progress } from '@/components/ui/progress';
-import { api } from '@/lib/api';
-import { useAuth } from '@/contexts/auth-context';
-import { useToast } from '@/components/ui/use-toast';
-import { cn } from '@/lib/utils';
-
-export default function PublicCoursePage() {
-  const params = useParams();
-  const router = useRouter();
-  const { toast } = useToast();
-  const { user } = useAuth();
-  const id = params?.id as string;
-
-  const [course, setCourse] = useState<any>(null);
-  const [reviews, setReviews] = useState<any[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [enrolling, setEnrolling] = useState(false);
-  const [enrolled, setEnrolled] = useState(false);
-  const [expandedChapters, setExpandedChapters] = useState<string[]>([]);
-
-  useEffect(() => {
-    if (!id) return;
-    (async () => {
-      setLoading(true);
-      try {
-        const [courseData, reviewsData] = await Promise.all([
-          api.getPublicCourse(id),
-          api.getCourseReviews(id).catch(() => ({ data: [] })),
-        ]);
-        setCourse(courseData);
-        setReviews(reviewsData.data || []);
-        
-        // Check if already enrolled
-        if (user) {
-          const enrollments = await api.getMyEnrollments().catch(() => []);
-          setEnrolled(enrollments.some((e: any) => e.course.id === id));
-        }
-      } catch {
-        setCourse(null);
-      } finally {
-        setLoading(false);
-      }
-    })();
-  }, [id, user]);
-
-  const handleEnroll = async () => {
-    if (!id || enrolling) return;
-    setEnrolling(true);
-    try {
-      await api.enrollInCourse(id);
-      toast({ title: 'Успех', description: 'Вы записались на курс' });
-      router.push(`/dashboard/courses/${id}`);
-    } catch (e: any) {
-      toast({ title: 'Ошибка', description: e.message, variant: 'destructive' });
-    } finally {
-      setEnrolling(false);
-    }
-  };
-
-  if (loading) {
-    return (
-      <div className="flex items-center justify-center min-h-[400px]">
-        <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
-      </div>
-    );
-  }
-
-  if (!course) {
-    return (
-      <div className="text-center py-20">
-        <p className="text-muted-foreground">Курс не найден</p>
-        <Link href="/dashboard/catalog" className="text-primary hover:underline mt-2 inline-block">
-          Вернуться к каталогу
-        </Link>
-      </div>
-    );
-  }
-
-  const totalLessons = course.chapters.reduce((acc: number, ch: any) => acc + ch.lessons.length, 0);
-
-  return (
-    <div className="max-w-5xl mx-auto space-y-6">
-      {/* Header */}
-      <Button variant="ghost" size="sm" asChild>
-        <Link href="/dashboard/catalog">
-          <ArrowLeft className="mr-2 h-4 w-4" />
-          К каталогу
-        </Link>
-      </Button>
-
-      {/* Course header */}
-      <div className="grid md:grid-cols-3 gap-6">
-        <div className="md:col-span-2 space-y-4">
-          {/* Cover */}
-          <div className="aspect-video rounded-xl bg-gradient-to-br from-primary/20 to-primary/5 overflow-hidden">
-            {course.coverImage ? (
-              <img src={course.coverImage} alt={course.title} className="w-full h-full object-cover" />
-            ) : (
-              <div className="flex items-center justify-center h-full">
-                <BookOpen className="h-16 w-16 text-primary/30" />
-              </div>
-            )}
-          </div>
-
-          {/* Title & meta */}
-          <div>
-            <div className="flex items-center gap-2 mb-2">
-              {course.isVerified && (
-                <div className="flex items-center gap-1 px-2 py-0.5 rounded-full bg-blue-600 text-white text-xs font-medium">
-                  <Shield className="h-3 w-3" />
-                  Проверен автором
-                </div>
-              )}
-              {course.difficulty && (
-                <span className="px-2 py-0.5 rounded-full bg-muted text-xs font-medium">
-                  {course.difficulty === 'beginner' ? 'Начинающий' : course.difficulty === 'intermediate' ? 'Средний' : 'Продвинутый'}
-                </span>
-              )}
-            </div>
-            <h1 className="text-3xl font-bold">{course.title}</h1>
-            <p className="text-muted-foreground mt-2">{course.description}</p>
-          </div>
-
-          {/* Stats */}
-          <div className="flex items-center gap-4 text-sm">
-            {course.averageRating && (
-              <div className="flex items-center gap-1 text-yellow-600 font-medium">
-                <Star className="h-4 w-4 fill-current" />
-                {course.averageRating.toFixed(1)} ({course._count.reviews} отзывов)
-              </div>
-            )}
-            <span className="flex items-center gap-1 text-muted-foreground">
-              <Users className="h-4 w-4" />
-              {course._count.enrollments} студентов
-            </span>
-            <span className="text-muted-foreground">{totalLessons} уроков</span>
-            {course.estimatedHours && (
-              <span className="flex items-center gap-1 text-muted-foreground">
-                <Clock className="h-4 w-4" />
-                {course.estimatedHours}ч
-              </span>
-            )}
-          </div>
-
-          <div className="h-px bg-border my-4" />
-
-          {/* Author */}
-          <div className="flex items-center gap-3">
-            <div className="h-12 w-12 rounded-full bg-primary/10 flex items-center justify-center font-bold text-primary">
-              {course.author.name?.[0] || 'A'}
-            </div>
-            <div>
-              <p className="text-sm font-medium">{course.author.name || 'Автор'}</p>
-              <p className="text-xs text-muted-foreground">Преподаватель</p>
-            </div>
-          </div>
-        </div>
-
-        {/* Sidebar: Enroll / Price */}
-        <div className="md:col-span-1">
-          <Card className="sticky top-4">
-            <CardContent className="p-6 space-y-4">
-              <div>
-                <p className="text-3xl font-bold">
-                  {course.price ? `${course.price} ${course.currency}` : 'Бесплатно'}
-                </p>
-              </div>
-              {enrolled ? (
-                <Button className="w-full" asChild>
-                  <Link href={`/dashboard/courses/${id}`}>Продолжить обучение</Link>
-                </Button>
-              ) : (
-                <Button className="w-full" onClick={handleEnroll} disabled={enrolling}>
-                  {enrolling ? <Loader2 className="mr-2 h-4 w-4 animate-spin" /> : null}
-                  {course.price ? 'Купить курс' : 'Записаться'}
-                </Button>
-              )}
-              <div className="space-y-2 text-sm">
-                <div className="flex items-center gap-2">
-                  <Check className="h-4 w-4 text-green-600" />
-                  <span>{course.chapters.length} глав</span>
-                </div>
-                <div className="flex items-center gap-2">
-                  <Check className="h-4 w-4 text-green-600" />
-                  <span>{totalLessons} видеоуроков</span>
-                </div>
-                <div className="flex items-center gap-2">
-                  <Check className="h-4 w-4 text-green-600" />
-                  <span>Сертификат по окончании</span>
-                </div>
-                <div className="flex items-center gap-2">
-                  <Check className="h-4 w-4 text-green-600" />
-                  <span>Пожизненный доступ</span>
-                </div>
-              </div>
-            </CardContent>
-          </Card>
-        </div>
-      </div>
-
-      {/* Course content (chapters & lessons) */}
-      <Card>
-        <CardContent className="p-6">
-          <h2 className="text-xl font-semibold mb-4">Содержание курса</h2>
-          <div className="space-y-2">
-            {course.chapters.map((chapter: any) => {
-              const expanded = expandedChapters.includes(chapter.id);
-              const toggleExpanded = () => {
-                setExpandedChapters(prev =>
-                  prev.includes(chapter.id)
-                    ? prev.filter(id => id !== chapter.id)
-                    : [...prev, chapter.id]
-                );
-              };
-              return (
-                <div key={chapter.id} className="border rounded-lg overflow-hidden">
-                  <button
-                    className="flex items-center justify-between w-full p-4 hover:bg-muted/50 transition-colors"
-                    onClick={toggleExpanded}
-                  >
-                    <div className="flex items-center gap-3">
-                      <BookOpen className="h-4 w-4 text-primary" />
-                      <span className="font-medium">{chapter.title}</span>
-                    </div>
-                    <div className="flex items-center gap-2 text-sm text-muted-foreground">
-                      <span>{chapter.lessons.length} уроков</span>
-                      <ChevronDown className={cn('h-4 w-4 transition-transform', expanded && 'rotate-180')} />
-                    </div>
-                  </button>
-                  {expanded && (
-                    <div className="border-t bg-muted/20 p-2">
-                      {chapter.lessons.map((lesson: any) => (
-                        <div key={lesson.id} className="flex items-center gap-2 px-3 py-2 text-sm">
-                          <Check className="h-3.5 w-3.5 text-muted-foreground" />
-                          <span>{lesson.title}</span>
-                          {lesson.durationMinutes && (
-                            <span className="ml-auto text-xs text-muted-foreground">{lesson.durationMinutes} мин</span>
-                          )}
-                        </div>
-                      ))}
-                    </div>
-                  )}
-                </div>
-              );
-            })}
-          </div>
-        </CardContent>
-      </Card>
-
-      {/* Reviews */}
-      {reviews.length > 0 && (
-        <Card>
-          <CardContent className="p-6">
-            <h2 className="text-xl font-semibold mb-4">Отзывы студентов</h2>
-            <div className="space-y-4">
-              {reviews.map((review: any) => (
-                <div key={review.id} className="border-b last:border-b-0 pb-4 last:pb-0">
-                  <div className="flex items-center gap-3 mb-2">
-                    <div className="h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center font-bold text-primary text-sm">
-                      {review.user.name?.[0] || 'U'}
-                    </div>
-                    <div className="flex-1">
-                      <p className="font-medium text-sm">{review.user.name || 'Пользователь'}</p>
-                      <div className="flex items-center gap-1">
-                        {Array.from({ length: 5 }).map((_, i) => (
-                          <Star
-                            key={i}
-                            className={cn(
-                              'h-3.5 w-3.5',
-                              i < review.rating ? 'text-yellow-500 fill-current' : 'text-muted-foreground/30'
-                            )}
-                          />
-                        ))}
-                      </div>
-                    </div>
-                  </div>
-                  {review.title && <p className="font-medium text-sm mb-1">{review.title}</p>}
-                  {review.content && <p className="text-sm text-muted-foreground">{review.content}</p>}
-                </div>
-              ))}
-            </div>
-          </CardContent>
-        </Card>
-      )}
-    </div>
-  );
 }

apps/web/src/app/(dashboard)/dashboard/catalog/page.tsx

@@ -1,185 +1,5 @@
-'use client';
+import { redirect } from 'next/navigation';
 
-import { useEffect, useState } from 'react';
+export default function DashboardCatalogRedirectPage() {
-import Link from 'next/link';
+  redirect('/courses');
-import { Search, Star, Users, BookOpen, Shield, Loader2 } from 'lucide-react';
-import { Button } from '@/components/ui/button';
-import { Card, CardContent } from '@/components/ui/card';
-import { api } from '@/lib/api';
-import { useAuth } from '@/contexts/auth-context';
-import { cn } from '@/lib/utils';
-
-interface CatalogCourse {
-  id: string;
-  title: string;
-  description: string | null;
-  coverImage: string | null;
-  difficulty: string | null;
-  price: number | null;
-  currency: string;
-  isVerified: boolean;
-  averageRating: number | null;
-  enrollmentCount: number;
-  reviewCount: number;
-  chaptersCount: number;
-  lessonsCount: number;
-  author: { id: string; name: string | null; avatarUrl: string | null };
-}
-
-const difficultyLabels: Record<string, { label: string; color: string }> = {
-  beginner: { label: 'Начинающий', color: 'text-green-600 bg-green-50 dark:bg-green-900/30' },
-  intermediate: { label: 'Средний', color: 'text-yellow-600 bg-yellow-50 dark:bg-yellow-900/30' },
-  advanced: { label: 'Продвинутый', color: 'text-red-600 bg-red-50 dark:bg-red-900/30' },
-};
-
-export default function CatalogPage() {
-  const { loading: authLoading } = useAuth();
-  const [courses, setCourses] = useState<CatalogCourse[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [searchQuery, setSearchQuery] = useState('');
-  const [difficulty, setDifficulty] = useState('');
-
-  const loadCourses = async () => {
-    setLoading(true);
-    try {
-      const result = await api.getCatalog({
-        search: searchQuery || undefined,
-        difficulty: difficulty || undefined,
-      });
-      setCourses(result.data);
-    } catch {
-      // silent
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  useEffect(() => {
-    if (authLoading) return;
-    loadCourses();
-  }, [authLoading, difficulty]);
-
-  const handleSearch = (e: React.FormEvent) => {
-    e.preventDefault();
-    loadCourses();
-  };
-
-  return (
-    <div className="space-y-6">
-      <div>
-        <h1 className="text-3xl font-bold">Каталог курсов</h1>
-        <p className="text-muted-foreground mt-1">Изучайте курсы от других авторов</p>
-      </div>
-
-      {/* Search & filters */}
-      <div className="flex flex-col sm:flex-row gap-3">
-        <form onSubmit={handleSearch} className="flex-1 flex gap-2">
-          <div className="relative flex-1">
-            <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
-            <input
-              type="text"
-              placeholder="Поиск курсов..."
-              value={searchQuery}
-              onChange={(e) => setSearchQuery(e.target.value)}
-              className="w-full pl-10 pr-4 py-2 border rounded-lg bg-background text-sm focus:outline-none focus:ring-2 focus:ring-primary"
-            />
-          </div>
-          <Button type="submit" size="sm">Найти</Button>
-        </form>
-        <div className="flex gap-2">
-          {['', 'beginner', 'intermediate', 'advanced'].map((d) => (
-            <Button
-              key={d}
-              variant={difficulty === d ? 'default' : 'outline'}
-              size="sm"
-              onClick={() => setDifficulty(d)}
-            >
-              {d ? difficultyLabels[d]?.label : 'Все'}
-            </Button>
-          ))}
-        </div>
-      </div>
-
-      {/* Courses grid */}
-      {loading ? (
-        <div className="flex justify-center py-20">
-          <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
-        </div>
-      ) : courses.length === 0 ? (
-        <div className="text-center py-20">
-          <BookOpen className="h-12 w-12 mx-auto text-muted-foreground/30 mb-4" />
-          <p className="text-muted-foreground">Пока нет опубликованных курсов</p>
-        </div>
-      ) : (
-        <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
-          {courses.map((course) => (
-            <Link key={course.id} href={`/dashboard/catalog/${course.id}`}>
-              <Card className="group overflow-hidden transition-all hover:shadow-lg hover:-translate-y-0.5 cursor-pointer h-full">
-                {/* Cover image */}
-                <div className="aspect-video bg-gradient-to-br from-primary/20 to-primary/5 relative overflow-hidden">
-                  {course.coverImage ? (
-                    <img src={course.coverImage} alt="" className="w-full h-full object-cover" />
-                  ) : (
-                    <div className="absolute inset-0 flex items-center justify-center">
-                      <BookOpen className="h-10 w-10 text-primary/30" />
-                    </div>
-                  )}
-                  {course.isVerified && (
-                    <div className="absolute top-2 right-2 flex items-center gap-1 px-2 py-0.5 rounded-full bg-blue-600 text-white text-xs font-medium">
-                      <Shield className="h-3 w-3" />
-                      Проверен
-                    </div>
-                  )}
-                  {course.difficulty && difficultyLabels[course.difficulty] && (
-                    <div className={cn(
-                      'absolute top-2 left-2 px-2 py-0.5 rounded-full text-xs font-medium',
-                      difficultyLabels[course.difficulty].color
-                    )}>
-                      {difficultyLabels[course.difficulty].label}
-                    </div>
-                  )}
-                </div>
-
-                <CardContent className="p-4">
-                  <h3 className="font-semibold line-clamp-1 group-hover:text-primary transition-colors">
-                    {course.title}
-                  </h3>
-                  {course.description && (
-                    <p className="text-sm text-muted-foreground line-clamp-2 mt-1">{course.description}</p>
-                  )}
-
-                  {/* Author */}
-                  <p className="text-xs text-muted-foreground mt-3">
-                    {course.author.name || 'Автор'}
-                  </p>
-
-                  {/* Stats */}
-                  <div className="flex items-center gap-3 mt-3 text-xs text-muted-foreground">
-                    {course.averageRating && (
-                      <span className="flex items-center gap-0.5 text-yellow-600 font-medium">
-                        <Star className="h-3.5 w-3.5 fill-current" />
-                        {course.averageRating.toFixed(1)}
-                      </span>
-                    )}
-                    <span className="flex items-center gap-0.5">
-                      <Users className="h-3.5 w-3.5" />
-                      {course.enrollmentCount}
-                    </span>
-                    <span>{course.lessonsCount} уроков</span>
-                  </div>
-
-                  {/* Price */}
-                  <div className="mt-3 pt-3 border-t">
-                    <span className="font-bold text-lg">
-                      {course.price ? `${course.price} ${course.currency}` : 'Бесплатно'}
-                    </span>
-                  </div>
-                </CardContent>
-              </Card>
-            </Link>
-          ))}
-        </div>
-      )}
-    </div>
-  );
 }

apps/web/src/app/(dashboard)/dashboard/courses/[id]/edit/page.tsx

@@ -1,11 +1,24 @@
 'use client';
 
-import { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import Link from 'next/link';
 import { useParams } from 'next/navigation';
-import { ChevronLeft, ChevronRight, Save, Wand2, Eye, Pencil, Upload, Shield } from 'lucide-react';
+import {
+  ChevronLeft,
+  ChevronRight,
+  Eye,
+  FileText,
+  Layers3,
+  Lock,
+  Save,
+  Settings2,
+  Shield,
+  Upload,
+  Wallet,
+} from 'lucide-react';
 import { useToast } from '@/components/ui/use-toast';
 import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { CourseEditor } from '@/components/editor/course-editor';
 import { LessonContentViewer } from '@/components/editor/lesson-content-viewer';
 import { LessonSidebar } from '@/components/editor/lesson-sidebar';
@@ -15,9 +28,31 @@ import { useAuth } from '@/contexts/auth-context';
 
 type Lesson = { id: string; title: string };
 type Chapter = { id: string; title: string; lessons: Lesson[] };
-type CourseData = { id: string; title: string; chapters: Chapter[] };
+type CourseData = {
+  id: string;
+  title: string;
+  description?: string | null;
+  coverImage?: string | null;
+  price?: number | null;
+  currency?: string;
+  status: 'DRAFT' | 'PENDING_REVIEW' | 'PUBLISHED' | 'REJECTED' | string;
+  moderationNote?: string | null;
+  difficulty?: string | null;
+  estimatedHours?: number | null;
+  tags?: string[];
+  chapters: Chapter[];
+};
+
+type EditTab = 'general' | 'content' | 'pricing' | 'settings' | 'access';
 
 const emptyDoc = { type: 'doc', content: [] };
+const tabs: { key: EditTab; label: string; icon: any }[] = [
+  { key: 'general', label: 'Общая информация', icon: FileText },
+  { key: 'content', label: 'Контент', icon: Layers3 },
+  { key: 'pricing', label: 'Цены', icon: Wallet },
+  { key: 'settings', label: 'Настройки', icon: Settings2 },
+  { key: 'access', label: 'Доступ', icon: Lock },
+];
 
 export default function CourseEditPage() {
   const params = useParams();
@@ -29,48 +64,74 @@ export default function CourseEditPage() {
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
 
+  const [activeTab, setActiveTab] = useState<EditTab>('general');
   const [sidebarOpen, setSidebarOpen] = useState(true);
   const [activeLesson, setActiveLesson] = useState<{ chapterId: string; lessonId: string } | null>(null);
   const [content, setContent] = useState<Record<string, unknown>>(emptyDoc);
   const [contentLoading, setContentLoading] = useState(false);
-  const [saving, setSaving] = useState(false);
+
-  const [readOnly, setReadOnly] = useState(false);
+  const [savingLesson, setSavingLesson] = useState(false);
   const [publishing, setPublishing] = useState(false);
   const [verifying, setVerifying] = useState(false);
+  const [savingMeta, setSavingMeta] = useState(false);
+  const [readOnly, setReadOnly] = useState(false);
+
+  const [courseTitle, setCourseTitle] = useState('');
+  const [courseDescription, setCourseDescription] = useState('');
+  const [courseCover, setCourseCover] = useState('');
+  const [coursePrice, setCoursePrice] = useState('');
+  const [courseCurrency, setCourseCurrency] = useState('USD');
+  const [courseDifficulty, setCourseDifficulty] = useState('');
+  const [courseEstimatedHours, setCourseEstimatedHours] = useState('');
+  const [courseTags, setCourseTags] = useState('');
 
   useEffect(() => {
     if (!courseId || authLoading) return;
     let cancelled = false;
+
     (async () => {
       setLoading(true);
       setError(null);
       try {
         const data = await api.getCourse(courseId);
-        if (!cancelled) {
+        if (cancelled) return;
+
         setCourse(data);
+        setCourseTitle(data.title || '');
+        setCourseDescription(data.description || '');
+        setCourseCover(data.coverImage || '');
+        setCoursePrice(data.price ? String(data.price) : '');
+        setCourseCurrency(data.currency || 'USD');
+        setCourseDifficulty(data.difficulty || '');
+        setCourseEstimatedHours(data.estimatedHours ? String(data.estimatedHours) : '');
+        setCourseTags(Array.isArray(data.tags) ? data.tags.join(', ') : '');
+
         const firstChapter = data.chapters?.[0];
         const firstLesson = firstChapter?.lessons?.[0];
         if (firstChapter && firstLesson) {
           setActiveLesson({ chapterId: firstChapter.id, lessonId: firstLesson.id });
         }
-        }
       } catch (e: any) {
         if (!cancelled) setError(e?.message || 'Не удалось загрузить курс');
       } finally {
         if (!cancelled) setLoading(false);
       }
     })();
-    return () => { cancelled = true; };
+
+    return () => {
+      cancelled = true;
+    };
   }, [courseId, authLoading]);
 
-  // Load lesson content when active lesson changes
   useEffect(() => {
     if (!courseId || !activeLesson) {
       setContent(emptyDoc);
       return;
     }
+
     let cancelled = false;
     setContentLoading(true);
+
     (async () => {
       try {
         const lessonData = await api.getLesson(courseId, activeLesson.lessonId);
@@ -89,30 +150,58 @@ export default function CourseEditPage() {
         if (!cancelled) setContentLoading(false);
       }
     })();
-    return () => { cancelled = true; };
+
+    return () => {
+      cancelled = true;
+    };
   }, [courseId, activeLesson?.lessonId]);
 
   const handleSelectLesson = (lessonId: string) => {
     if (!course) return;
-    for (const ch of course.chapters) {
+    for (const chapter of course.chapters) {
-      const lesson = ch.lessons.find((l) => l.id === lessonId);
+      const lesson = chapter.lessons.find((item) => item.id === lessonId);
       if (lesson) {
-        setActiveLesson({ chapterId: ch.id, lessonId: lesson.id });
+        setActiveLesson({ chapterId: chapter.id, lessonId: lesson.id });
         return;
       }
     }
   };
 
-  const handleSave = async () => {
+  const handleSaveLesson = async () => {
-    if (!courseId || !activeLesson || saving) return;
+    if (!courseId || !activeLesson || savingLesson) return;
-    setSaving(true);
+    setSavingLesson(true);
     try {
       await api.updateLesson(courseId, activeLesson.lessonId, { content });
-      toast({ title: 'Сохранено', description: 'Изменения успешно сохранены' });
+      toast({ title: 'Сохранено', description: 'Контент урока сохранён' });
-    } catch (e: any) {
+    } catch {
-      toast({ title: 'Ошибка', description: 'Не удалось сохранить', variant: 'destructive' });
+      toast({ title: 'Ошибка', description: 'Не удалось сохранить контент', variant: 'destructive' });
     } finally {
-      setSaving(false);
+      setSavingLesson(false);
+    }
+  };
+
+  const handleSaveMeta = async () => {
+    if (!courseId || savingMeta) return;
+    setSavingMeta(true);
+    try {
+      await api.updateCourse(courseId, {
+        title: courseTitle,
+        description: courseDescription || undefined,
+        coverImage: courseCover || undefined,
+        price: coursePrice ? Number(coursePrice) : 0,
+        currency: courseCurrency,
+        difficulty: courseDifficulty || undefined,
+        estimatedHours: courseEstimatedHours ? Number(courseEstimatedHours) : undefined,
+        tags: courseTags
+          .split(',')
+          .map((item) => item.trim())
+          .filter(Boolean),
+      });
+      toast({ title: 'Сохранено', description: 'Параметры курса обновлены' });
+    } catch (e: any) {
+      toast({ title: 'Ошибка', description: e.message, variant: 'destructive' });
+    } finally {
+      setSavingMeta(false);
     }
   };
 
@@ -121,7 +210,7 @@ export default function CourseEditPage() {
     setPublishing(true);
     try {
       await api.publishCourse(courseId);
-      toast({ title: 'Опубликовано', description: 'Курс теперь доступен в каталоге' });
+      toast({ title: 'Отправлено', description: 'Курс отправлен на модерацию' });
       window.location.reload();
     } catch (e: any) {
       toast({ title: 'Ошибка', description: e.message, variant: 'destructive' });
@@ -146,7 +235,7 @@ export default function CourseEditPage() {
 
   if (authLoading || loading) {
     return (
-      <div className="flex h-[calc(100vh-4rem)] items-center justify-center">
+      <div className="flex min-h-[400px] items-center justify-center">
         <p className="text-muted-foreground">Загрузка курса...</p>
       </div>
     );
@@ -154,96 +243,126 @@ export default function CourseEditPage() {
 
   if (error || !course) {
     return (
-      <div className="flex h-[calc(100vh-4rem)] items-center justify-center">
+      <div className="flex min-h-[400px] items-center justify-center">
         <p className="text-destructive">{error || 'Курс не найден'}</p>
       </div>
     );
   }
 
-  const flatLessons = course.chapters.flatMap((ch) =>
+  const flatLessons = course.chapters.flatMap((chapter) => chapter.lessons.map((lesson) => ({ ...lesson, chapterId: chapter.id })));
-    ch.lessons.map((l) => ({ ...l, chapterId: ch.id }))
+  const activeLessonMeta = activeLesson ? flatLessons.find((lesson) => lesson.id === activeLesson.lessonId) : null;
-  );
-  const activeLessonMeta = activeLesson
-    ? flatLessons.find((l) => l.id === activeLesson.lessonId)
-    : null;
 
   return (
-    <div className="relative flex h-[calc(100vh-4rem)] -m-6">
+    <div className="space-y-4">
-      <div
+      <Card>
-        className={cn(
+        <CardHeader>
-          'border-r bg-muted/30 transition-all duration-300',
+          <div className="flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
-          sidebarOpen ? 'w-72' : 'w-0'
+            <div>
-        )}
+              <CardTitle className="text-2xl">Редактор курса</CardTitle>
-      >
+              <p className="text-sm text-muted-foreground mt-1">
-        {sidebarOpen && (
+                {course.title} • Статус: {course.status}
-          <LessonSidebar
+                {course.moderationNote ? ` • Заметка модерации: ${course.moderationNote}` : ''}
-            course={course}
+              </p>
-            activeLesson={activeLesson?.lessonId ?? ''}
-            onSelectLesson={handleSelectLesson}
-          />
-        )}
             </div>
-
+            <Button variant="outline" asChild>
-      <button
-        className="absolute left-0 top-1/2 -translate-y-1/2 z-10 flex h-8 w-6 items-center justify-center rounded-r-md border border-l-0 bg-background shadow-sm hover:bg-muted transition-colors"
-        style={{ left: sidebarOpen ? '288px' : '0px' }}
-        onClick={() => setSidebarOpen(!sidebarOpen)}
-      >
-        {sidebarOpen ? (
-          <ChevronLeft className="h-4 w-4" />
-        ) : (
-          <ChevronRight className="h-4 w-4" />
-        )}
-      </button>
-
-      <div className="flex-1 flex flex-col min-h-0">
-        <div className="flex shrink-0 items-center justify-between border-b px-4 py-2">
-          <h2 className="font-medium truncate">
-            {activeLessonMeta?.title ?? 'Выберите урок'}
-          </h2>
-          <div className="flex items-center gap-2">
-            {readOnly ? (
-              <>
-                <Button variant="outline" size="sm" asChild>
               <Link href={`/dashboard/courses/${courseId}`}>
                 <Eye className="mr-2 h-4 w-4" />
                 Просмотр курса
               </Link>
             </Button>
-                <Button size="sm" onClick={() => setReadOnly(false)}>
+          </div>
-                  <Pencil className="mr-2 h-4 w-4" />
+        </CardHeader>
-                  Редактировать
+      </Card>
+
+      <div className="flex flex-wrap gap-2">
+        {tabs.map((tab) => (
+          <Button
+            key={tab.key}
+            variant={activeTab === tab.key ? 'default' : 'outline'}
+            size="sm"
+            onClick={() => setActiveTab(tab.key)}
+          >
+            <tab.icon className="mr-2 h-4 w-4" />
+            {tab.label}
           </Button>
-              </>
+        ))}
-            ) : (
+      </div>
-              <>
+
-                <Button variant="outline" size="sm" onClick={() => setReadOnly(true)}>
+      {activeTab === 'general' && (
-                  <Eye className="mr-2 h-4 w-4" />
+        <Card>
-                  Режим просмотра
+          <CardHeader>
-                </Button>
+            <CardTitle>Общая информация</CardTitle>
-                <Button variant="outline" size="sm">
+          </CardHeader>
-                  <Wand2 className="mr-2 h-4 w-4" />
+          <CardContent className="space-y-3">
-                  AI помощник
+            <input
-                </Button>
+              value={courseTitle}
-                <Button size="sm" onClick={handleSave} disabled={saving || !activeLesson}>
+              onChange={(e) => setCourseTitle(e.target.value)}
+              className="w-full rounded-md border bg-background px-3 py-2 text-sm"
+              placeholder="Название курса"
+            />
+            <input
+              value={courseCover}
+              onChange={(e) => setCourseCover(e.target.value)}
+              className="w-full rounded-md border bg-background px-3 py-2 text-sm"
+              placeholder="URL обложки"
+            />
+            <textarea
+              value={courseDescription}
+              onChange={(e) => setCourseDescription(e.target.value)}
+              className="w-full rounded-md border bg-background p-3 text-sm"
+              rows={4}
+              placeholder="Описание курса"
+            />
+            <Button onClick={handleSaveMeta} disabled={savingMeta}>
               <Save className="mr-2 h-4 w-4" />
-                  {saving ? 'Сохранение...' : 'Сохранить'}
+              {savingMeta ? 'Сохранение...' : 'Сохранить'}
             </Button>
-                <Button size="sm" variant="outline" onClick={handleToggleVerify} disabled={verifying}>
+          </CardContent>
-                  <Shield className="mr-2 h-4 w-4" />
+        </Card>
-                  {verifying ? 'Обработка...' : 'Верификация'}
-                </Button>
-                <Button size="sm" variant="default" onClick={handlePublish} disabled={publishing}>
-                  <Upload className="mr-2 h-4 w-4" />
-                  {publishing ? 'Публикация...' : 'Опубликовать'}
-                </Button>
-              </>
       )}
+
+      {activeTab === 'content' && (
+        <Card className="overflow-hidden">
+          <div className="flex h-[70vh]">
+            <div
+              className={cn(
+                'border-r bg-muted/30 transition-all duration-300',
+                sidebarOpen ? 'w-72' : 'w-14'
+              )}
+            >
+              <div className="flex h-10 items-center justify-between border-b px-2">
+                <span className={cn('text-xs text-muted-foreground', !sidebarOpen && 'hidden')}>Уроки</span>
+                <Button variant="ghost" size="icon" className="h-8 w-8" onClick={() => setSidebarOpen((prev) => !prev)}>
+                  {sidebarOpen ? <ChevronLeft className="h-4 w-4" /> : <ChevronRight className="h-4 w-4" />}
+                </Button>
+              </div>
+              {sidebarOpen ? (
+                <LessonSidebar
+                  course={course}
+                  activeLesson={activeLesson?.lessonId ?? ''}
+                  onSelectLesson={handleSelectLesson}
+                />
+              ) : null}
+            </div>
+
+            <div className="flex min-w-0 flex-1 flex-col">
+              <div className="flex items-center justify-between border-b px-4 py-2">
+                <div>
+                  <p className="text-sm font-medium truncate">{activeLessonMeta?.title ?? 'Выберите урок'}</p>
+                  <p className="text-xs text-muted-foreground">Редактирование контента урока</p>
+                </div>
+                <div className="flex items-center gap-2">
+                  <Button variant="outline" size="sm" onClick={() => setReadOnly((prev) => !prev)}>
+                    {readOnly ? 'Редактировать' : 'Режим просмотра'}
+                  </Button>
+                  <Button size="sm" onClick={handleSaveLesson} disabled={savingLesson || !activeLesson || readOnly}>
+                    <Save className="mr-2 h-4 w-4" />
+                    {savingLesson ? 'Сохранение...' : 'Сохранить урок'}
+                  </Button>
                 </div>
               </div>
 
-        <div className="flex-1 flex flex-col min-h-0 overflow-auto p-6">
+              <div className="flex-1 overflow-auto p-4">
-          <div className="w-full max-w-3xl mx-auto flex-1 min-h-0 flex flex-col">
                 {contentLoading ? (
                   <p className="text-muted-foreground">Загрузка контента...</p>
                 ) : readOnly ? (
@@ -254,6 +373,103 @@ export default function CourseEditPage() {
               </div>
             </div>
           </div>
+        </Card>
+      )}
+
+      {activeTab === 'pricing' && (
+        <Card>
+          <CardHeader>
+            <CardTitle>Цены</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-3">
+            <div className="flex gap-2 max-w-md">
+              <input
+                value={coursePrice}
+                onChange={(e) => setCoursePrice(e.target.value)}
+                className="w-full rounded-md border bg-background px-3 py-2 text-sm"
+                placeholder="Цена (пусто или 0 = бесплатно)"
+              />
+              <select
+                value={courseCurrency}
+                onChange={(e) => setCourseCurrency(e.target.value)}
+                className="rounded-md border bg-background px-2 py-2 text-sm"
+              >
+                <option value="USD">USD</option>
+                <option value="EUR">EUR</option>
+                <option value="RUB">RUB</option>
+              </select>
+            </div>
+            <Button onClick={handleSaveMeta} disabled={savingMeta}>
+              <Save className="mr-2 h-4 w-4" />
+              {savingMeta ? 'Сохранение...' : 'Сохранить'}
+            </Button>
+          </CardContent>
+        </Card>
+      )}
+
+      {activeTab === 'settings' && (
+        <Card>
+          <CardHeader>
+            <CardTitle>Настройки</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-3">
+            <div className="grid gap-3 md:grid-cols-2">
+              <select
+                value={courseDifficulty}
+                onChange={(e) => setCourseDifficulty(e.target.value)}
+                className="rounded-md border bg-background px-3 py-2 text-sm"
+              >
+                <option value="">Уровень сложности</option>
+                <option value="beginner">Начинающий</option>
+                <option value="intermediate">Средний</option>
+                <option value="advanced">Продвинутый</option>
+              </select>
+              <input
+                value={courseEstimatedHours}
+                onChange={(e) => setCourseEstimatedHours(e.target.value)}
+                className="rounded-md border bg-background px-3 py-2 text-sm"
+                placeholder="Оценка длительности (часы)"
+              />
+            </div>
+            <input
+              value={courseTags}
+              onChange={(e) => setCourseTags(e.target.value)}
+              className="w-full rounded-md border bg-background px-3 py-2 text-sm"
+              placeholder="Теги через запятую"
+            />
+            <Button onClick={handleSaveMeta} disabled={savingMeta}>
+              <Save className="mr-2 h-4 w-4" />
+              {savingMeta ? 'Сохранение...' : 'Сохранить'}
+            </Button>
+          </CardContent>
+        </Card>
+      )}
+
+      {activeTab === 'access' && (
+        <Card>
+          <CardHeader>
+            <CardTitle>Доступ и публикация</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-3">
+            <div className="rounded-lg border bg-muted/30 p-3 text-sm">
+              <p><span className="font-medium">Статус:</span> {course.status}</p>
+              {course.moderationNote ? (
+                <p className="mt-1 text-muted-foreground">Комментарий модерации: {course.moderationNote}</p>
+              ) : null}
+            </div>
+            <div className="flex flex-wrap gap-2">
+              <Button variant="outline" onClick={handleToggleVerify} disabled={verifying}>
+                <Shield className="mr-2 h-4 w-4" />
+                {verifying ? 'Обработка...' : 'Верификация автора'}
+              </Button>
+              <Button onClick={handlePublish} disabled={publishing}>
+                <Upload className="mr-2 h-4 w-4" />
+                {publishing ? 'Отправка...' : 'Отправить на модерацию'}
+              </Button>
+            </div>
+          </CardContent>
+        </Card>
+      )}
     </div>
   );
 }

apps/web/src/app/(dashboard)/dashboard/courses/[id]/group/page.tsx

@@ -0,0 +1,250 @@
+'use client';
+
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { useParams } from 'next/navigation';
+import { io, Socket } from 'socket.io-client';
+import { CheckCircle2, Link as LinkIcon, Send, Users } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { api } from '@/lib/api';
+import { getWsBaseUrl } from '@/lib/ws';
+import { useAuth } from '@/contexts/auth-context';
+import { cn } from '@/lib/utils';
+
+export default function CourseGroupPage() {
+  const params = useParams();
+  const courseId = params?.id as string;
+  const { backendUser } = useAuth();
+
+  const [group, setGroup] = useState<any>(null);
+  const [messages, setMessages] = useState<any[]>([]);
+  const [members, setMembers] = useState<any[]>([]);
+  const [message, setMessage] = useState('');
+  const [inviteLink, setInviteLink] = useState<string | null>(null);
+  const [submissions, setSubmissions] = useState<any[]>([]);
+  const [reviewState, setReviewState] = useState<Record<string, { score: number; feedback: string }>>({});
+  const [sending, setSending] = useState(false);
+
+  const socketRef = useRef<Socket | null>(null);
+  const endRef = useRef<HTMLDivElement | null>(null);
+
+  const isAuthor = useMemo(() => {
+    if (!backendUser || !group?.courseId) return false;
+    return group?.courseAuthorId === backendUser.id;
+  }, [backendUser, group]);
+
+  const loadData = async () => {
+    if (!courseId) return;
+    const [groupData, courseData] = await Promise.all([
+      api.getDefaultCourseGroup(courseId),
+      api.getCourse(courseId).catch(() => null),
+    ]);
+    setGroup({
+      ...(groupData.group || {}),
+      courseAuthorId: courseData?.authorId,
+    });
+    setMessages(groupData.messages || []);
+    setMembers(groupData.members || []);
+    if (courseData?.authorId && backendUser?.id === courseData.authorId) {
+      const list = await api.getHomeworkSubmissions(courseId).catch(() => []);
+      setSubmissions(list);
+    }
+  };
+
+  useEffect(() => {
+    loadData();
+  }, [courseId, backendUser?.id]);
+
+  useEffect(() => {
+    if (!group?.id) return;
+    const token =
+      typeof window !== 'undefined' ? sessionStorage.getItem('coursecraft_api_token') || undefined : undefined;
+    const socket = io(`${getWsBaseUrl()}/ws/course-groups`, {
+      transports: ['websocket'],
+      auth: { token },
+    });
+    socketRef.current = socket;
+    socket.emit('groups:join', { groupId: group.id });
+    socket.on('groups:new-message', (msg: any) => {
+      setMessages((prev) => [...prev, msg]);
+    });
+    return () => {
+      socket.disconnect();
+      socketRef.current = null;
+    };
+  }, [group?.id]);
+
+  useEffect(() => {
+    endRef.current?.scrollIntoView({ behavior: 'smooth' });
+  }, [messages]);
+
+  const sendMessage = async () => {
+    if (!group?.id || !message.trim()) return;
+    setSending(true);
+    await api.sendGroupMessage(group.id, message.trim());
+    setMessage('');
+    const latest = await api.getGroupMessages(group.id).catch(() => []);
+    setMessages(latest);
+    setSending(false);
+  };
+
+  const createInvite = async () => {
+    if (!group?.id) return;
+    const res = await api.createGroupInviteLink(group.id);
+    setInviteLink(res.inviteUrl);
+  };
+
+  const submitReview = async (submissionId: string) => {
+    const state = reviewState[submissionId];
+    if (!state) return;
+    await api.reviewHomeworkSubmission(courseId, submissionId, {
+      teacherScore: state.score,
+      teacherFeedback: state.feedback || undefined,
+    });
+    const list = await api.getHomeworkSubmissions(courseId).catch(() => []);
+    setSubmissions(list);
+  };
+
+  return (
+    <div className="space-y-5">
+      <div>
+        <h1 className="text-2xl font-bold tracking-tight">Комьюнити курса</h1>
+        <p className="text-sm text-muted-foreground">Общение студентов, приглашения и проверка домашних заданий</p>
+      </div>
+
+      <div className="grid gap-4 lg:grid-cols-[1fr_320px]">
+        <Card className="border-border/60">
+          <CardHeader className="border-b bg-muted/20">
+            <CardTitle className="flex items-center justify-between text-base">
+              <span>{group?.name || 'Основная группа'}</span>
+              <span className="text-xs font-medium text-muted-foreground">{messages.length} сообщений</span>
+            </CardTitle>
+          </CardHeader>
+          <CardContent className="flex h-[460px] flex-col p-4">
+            <div className="flex-1 space-y-2 overflow-auto pr-2">
+              {messages.map((msg) => {
+                const own = msg.user?.id === backendUser?.id;
+                return (
+                  <div key={msg.id} className={cn('flex', own ? 'justify-end' : 'justify-start')}>
+                    <div
+                      className={cn(
+                        'max-w-[78%] rounded-2xl px-3 py-2 text-sm',
+                        own ? 'rounded-br-md bg-primary text-primary-foreground' : 'rounded-bl-md border bg-card'
+                      )}
+                    >
+                      <p className="mb-1 text-xs opacity-80">{msg.user?.name || 'Участник'}</p>
+                      <p>{msg.content}</p>
+                    </div>
+                  </div>
+                );
+              })}
+              <div ref={endRef} />
+            </div>
+
+            <div className="mt-3 flex gap-2 border-t pt-3">
+              <input
+                value={message}
+                onChange={(e) => setMessage(e.target.value)}
+                onKeyDown={(e) => e.key === 'Enter' && sendMessage()}
+                placeholder="Сообщение в чат"
+                className="h-10 flex-1 rounded-xl border bg-background px-3 text-sm"
+              />
+              <Button onClick={sendMessage} disabled={sending || !message.trim()}>
+                <Send className="h-4 w-4" />
+              </Button>
+            </div>
+          </CardContent>
+        </Card>
+
+        <Card className="border-border/60">
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2 text-base">
+              <Users className="h-4 w-4" />
+              Участники ({members.length})
+            </CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-2">
+            {members.map((member) => (
+              <div key={member.id} className="rounded-xl border p-2 text-sm">
+                <p className="font-medium">{member.user?.name || member.user?.email}</p>
+                <p className="text-xs text-muted-foreground">{member.role}</p>
+              </div>
+            ))}
+            {isAuthor ? (
+              <div className="space-y-2 border-t pt-3">
+                <Button variant="outline" onClick={createInvite} className="w-full">
+                  <LinkIcon className="mr-2 h-4 w-4" />
+                  Invite-ссылка
+                </Button>
+                {inviteLink ? <p className="break-all text-xs text-muted-foreground">{inviteLink}</p> : null}
+              </div>
+            ) : null}
+          </CardContent>
+        </Card>
+      </div>
+
+      {isAuthor ? (
+        <Card className="border-border/60">
+          <CardHeader>
+            <CardTitle>Проверка домашних заданий</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-3">
+            {submissions.map((submission) => (
+              <div key={submission.id} className="space-y-2 rounded-xl border p-3">
+                <p className="text-sm font-medium">
+                  {submission.user?.name || submission.user?.email} • {submission.homework?.lesson?.title}
+                </p>
+                <p className="whitespace-pre-wrap text-sm">{submission.content}</p>
+                {submission.aiScore ? (
+                  <p className="text-xs text-muted-foreground">
+                    AI-предоценка: {submission.aiScore}/5 {submission.aiFeedback ? `• ${submission.aiFeedback}` : ''}
+                  </p>
+                ) : null}
+                <div className="flex flex-wrap items-center gap-2">
+                  <select
+                    className="h-9 rounded-lg border bg-background px-2 text-sm"
+                    value={reviewState[submission.id]?.score ?? submission.teacherScore ?? 5}
+                    onChange={(e) =>
+                      setReviewState((prev) => ({
+                        ...prev,
+                        [submission.id]: {
+                          score: Number(e.target.value),
+                          feedback: prev[submission.id]?.feedback || submission.teacherFeedback || '',
+                        },
+                      }))
+                    }
+                  >
+                    {[1, 2, 3, 4, 5].map((value) => (
+                      <option key={value} value={value}>
+                        {value}
+                      </option>
+                    ))}
+                  </select>
+                  <input
+                    className="h-9 flex-1 rounded-lg border bg-background px-3 text-sm"
+                    value={reviewState[submission.id]?.feedback ?? submission.teacherFeedback ?? ''}
+                    onChange={(e) =>
+                      setReviewState((prev) => ({
+                        ...prev,
+                        [submission.id]: {
+                          score: prev[submission.id]?.score ?? submission.teacherScore ?? 5,
+                          feedback: e.target.value,
+                        },
+                      }))
+                    }
+                    placeholder="Комментарий преподавателя"
+                  />
+                  <Button size="sm" onClick={() => submitReview(submission.id)}>
+                    <CheckCircle2 className="mr-2 h-4 w-4" />
+                    Сохранить
+                  </Button>
+                </div>
+              </div>
+            ))}
+            {submissions.length === 0 ? <p className="text-sm text-muted-foreground">Пока нет отправленных ДЗ</p> : null}
+          </CardContent>
+        </Card>
+      ) : null}
+    </div>
+  );
+}

apps/web/src/app/(dashboard)/dashboard/courses/[id]/page.tsx

@@ -1,23 +1,21 @@
 'use client';
 
-import { useEffect, useState, useMemo } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import Link from 'next/link';
 import { useParams, useRouter } from 'next/navigation';
 import {
   ArrowLeft,
-  Edit,
+  BookOpen,
-  Trash2,
+  CheckCircle2,
+  ChevronDown,
   ChevronLeft,
   ChevronRight,
-  CheckCircle2,
-  Circle,
-  Lock,
-  BookOpen,
   Clock,
+  Edit,
   GraduationCap,
-  ChevronDown,
+  Lock,
-  ChevronUp,
   Play,
+  Trash2,
 } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Progress } from '@/components/ui/progress';
@@ -32,94 +30,162 @@ import {
   AlertDialogTitle,
   AlertDialogTrigger,
 } from '@/components/ui/alert-dialog';
-import { api } from '@/lib/api';
-import { useAuth } from '@/contexts/auth-context';
 import { LessonContentViewer } from '@/components/editor/lesson-content-viewer';
 import { LessonQuiz } from '@/components/dashboard/lesson-quiz';
+import { api } from '@/lib/api';
+import { useAuth } from '@/contexts/auth-context';
 import { cn } from '@/lib/utils';
 
 type Lesson = { id: string; title: string; durationMinutes?: number | null; order: number };
-type Chapter = { id: string; title: string; description?: string | null; order: number; lessons: Lesson[] };
+type Chapter = { id: string; title: string; order: number; lessons: Lesson[] };
 type CourseData = {
   id: string;
   title: string;
-  description?: string | null;
-  status: string;
   authorId: string;
   chapters: Chapter[];
 };
 
+type LessonProgressRow = {
+  lessonId: string;
+  quizPassed?: boolean;
+  homeworkSubmitted?: boolean;
+  quizScore?: number | null;
+};
+
+type HomeworkState = {
+  homework: { id: string; title: string; description: string } | null;
+  submission: { id: string; content: string; aiScore?: number | null; aiFeedback?: string | null } | null;
+};
+
 export default function CoursePage() {
   const params = useParams();
   const router = useRouter();
-  const { loading: authLoading, backendUser } = useAuth();
   const id = params?.id as string;
+  const { loading: authLoading, backendUser } = useAuth();
+
   const [course, setCourse] = useState<CourseData | null>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
-  const [deleting, setDeleting] = useState(false);
   const [selectedLessonId, setSelectedLessonId] = useState<string | null>(null);
   const [lessonContent, setLessonContent] = useState<Record<string, unknown> | null>(null);
   const [lessonContentLoading, setLessonContentLoading] = useState(false);
-  const [completedLessons, setCompletedLessons] = useState<Set<string>>(new Set());
+  const [deleting, setDeleting] = useState(false);
   const [expandedChapters, setExpandedChapters] = useState<string[]>([]);
   const [sidebarOpen, setSidebarOpen] = useState(true);
-  const [enrollmentProgress, setEnrollmentProgress] = useState<any>(null);
+  const [progressRows, setProgressRows] = useState<Record<string, LessonProgressRow>>({});
   const [showQuiz, setShowQuiz] = useState(false);
   const [quizQuestions, setQuizQuestions] = useState<any[]>([]);
+  const [quizLoading, setQuizLoading] = useState(false);
+  const [homework, setHomework] = useState<HomeworkState>({ homework: null, submission: null });
+  const [homeworkLoading, setHomeworkLoading] = useState(false);
+  const [homeworkSubmitting, setHomeworkSubmitting] = useState(false);
+  const [homeworkContent, setHomeworkContent] = useState('');
 
-  // Flat list of all lessons
   const flatLessons = useMemo(() => {
     if (!course) return [];
     return course.chapters
       .sort((a, b) => a.order - b.order)
-      .flatMap((ch) =>
+      .flatMap((chapter) =>
-        ch.lessons.sort((a, b) => a.order - b.order).map((l) => ({ ...l, chapterId: ch.id, chapterTitle: ch.title }))
+        chapter.lessons
+          .sort((a, b) => a.order - b.order)
+          .map((lesson) => ({
+            ...lesson,
+            chapterId: chapter.id,
+            chapterTitle: chapter.title,
+          }))
       );
   }, [course]);
 
-  const currentLessonIndex = flatLessons.findIndex((l) => l.id === selectedLessonId);
+  const currentLessonIndex = flatLessons.findIndex((lesson) => lesson.id === selectedLessonId);
   const totalLessons = flatLessons.length;
-  const completedCount = completedLessons.size;
+  const isAuthor = Boolean(course && backendUser && course.authorId === backendUser.id);
-  const progressPercent = totalLessons > 0 ? Math.round((completedCount / totalLessons) * 100) : 0;
+
+  const isLessonDone = (lessonId: string): boolean => {
+    const row = progressRows[lessonId];
+    return Boolean(row?.quizPassed && row?.homeworkSubmitted);
+  };
+
+  const isLessonUnlocked = (lessonId: string): boolean => {
+    if (isAuthor) return true;
+    const idx = flatLessons.findIndex((lesson) => lesson.id === lessonId);
+    if (idx <= 0) return true;
+    const prevLesson = flatLessons[idx - 1];
+    return isLessonDone(prevLesson.id);
+  };
+
+  const completedCount = flatLessons.filter((lesson) => isLessonDone(lesson.id)).length;
+  const progressPercent = totalLessons > 0 ? Math.round((completedCount / totalLessons) * 100) : 0;
+  const activeLesson = selectedLessonId ? flatLessons.find((lesson) => lesson.id === selectedLessonId) : null;
+  const activeProgress = selectedLessonId ? progressRows[selectedLessonId] : undefined;
+  const courseCompleted = totalLessons > 0 && completedCount >= totalLessons;
+
+  const refreshProgress = async (courseId: string) => {
+    const progressData = await api.getEnrollmentProgress(courseId).catch(() => null);
+    const map: Record<string, LessonProgressRow> = {};
+    (progressData?.lessons || []).forEach((row: any) => {
+      map[String(row.lessonId)] = row;
+    });
+    setProgressRows(map);
+    return map;
+  };
+
+  const loadHomework = async (courseId: string, lessonId: string) => {
+    setHomeworkLoading(true);
+    try {
+      const data = await api.getLessonHomework(courseId, lessonId);
+      setHomework({ homework: data.homework || null, submission: data.submission || null });
+      setHomeworkContent(data.submission?.content || '');
+    } catch {
+      setHomework({ homework: null, submission: null });
+      setHomeworkContent('');
+    } finally {
+      setHomeworkLoading(false);
+    }
+  };
 
-  // Load course and progress
   useEffect(() => {
     if (!id || authLoading) return;
     let cancelled = false;
+
     (async () => {
       setLoading(true);
       setError(null);
       try {
-        const [courseData, progressData] = await Promise.all([
+        const courseData = await api.getCourse(id);
-          api.getCourse(id),
+        if (cancelled) return;
-          api.getEnrollmentProgress(id).catch(() => null),
-        ]);
-        if (!cancelled) {
         setCourse(courseData);
-          setEnrollmentProgress(progressData);
+        setExpandedChapters((courseData.chapters || []).map((ch: Chapter) => ch.id));
-          if (progressData?.lessons) {
+
-            const completed: Set<string> = new Set(
+        const map = await refreshProgress(id);
-              progressData.lessons
+
-                .filter((l: any) => l.completedAt)
+        const ordered = (courseData.chapters || [])
-                .map((l: any) => String(l.lessonId))
+          .sort((a: Chapter, b: Chapter) => a.order - b.order)
+          .flatMap((chapter: Chapter) =>
+            (chapter.lessons || [])
+              .sort((a: Lesson, b: Lesson) => a.order - b.order)
+              .map((lesson: Lesson) => lesson.id)
           );
-            setCompletedLessons(completed);
+          const firstUnlocked = ordered.find((lessonId: string) => {
-          }
+            if (isAuthor) return true;
-          const first = courseData.chapters?.[0]?.lessons?.[0];
+            const idx = ordered.indexOf(lessonId);
-          if (first) setSelectedLessonId(first.id);
+            if (idx <= 0) return true;
-          setExpandedChapters(courseData.chapters.map((ch: Chapter) => ch.id));
+            const prevLessonId = ordered[idx - 1];
-        }
+            const prevRow = map[prevLessonId];
+            return Boolean(prevRow?.quizPassed && prevRow?.homeworkSubmitted);
+          });
+        setSelectedLessonId(firstUnlocked || ordered[0] || null);
       } catch (e: any) {
         if (!cancelled) setError(e?.message || 'Не удалось загрузить курс');
       } finally {
         if (!cancelled) setLoading(false);
       }
     })();
-    return () => { cancelled = true; };
+
+    return () => {
+      cancelled = true;
+    };
   }, [id, authLoading]);
 
-  // Load lesson content
   useEffect(() => {
     if (!id || !selectedLessonId) {
       setLessonContent(null);
@@ -127,25 +193,43 @@ export default function CoursePage() {
     }
     let cancelled = false;
     setLessonContentLoading(true);
+    setShowQuiz(false);
+    setQuizQuestions([]);
+
     (async () => {
       try {
         const data = await api.getLesson(id, selectedLessonId);
-        const content = data?.content;
+        if (!cancelled) {
-        if (!cancelled)
           setLessonContent(
-            typeof content === 'object' && content !== null ? (content as Record<string, unknown>) : null
+            typeof data?.content === 'object' && data.content !== null
+              ? (data.content as Record<string, unknown>)
+              : null
           );
+        }
       } catch {
         if (!cancelled) setLessonContent(null);
       } finally {
         if (!cancelled) setLessonContentLoading(false);
       }
     })();
-    return () => { cancelled = true; };
+
+    return () => {
+      cancelled = true;
+    };
   }, [id, selectedLessonId]);
 
+  useEffect(() => {
+    if (!id || !selectedLessonId) return;
+    if (activeProgress?.quizPassed && !activeProgress?.homeworkSubmitted) {
+      loadHomework(id, selectedLessonId);
+      return;
+    }
+    setHomework({ homework: null, submission: null });
+    setHomeworkContent('');
+  }, [id, selectedLessonId, activeProgress?.quizPassed, activeProgress?.homeworkSubmitted]);
+
   const handleDelete = async () => {
-    if (!course?.id || deleting) return;
+    if (!course || deleting) return;
     setDeleting(true);
     try {
       await api.deleteCourse(course.id);
@@ -158,95 +242,86 @@ export default function CoursePage() {
     }
   };
 
-  const markComplete = async () => {
-    if (!selectedLessonId || !id) return;
-    try {
-      await api.completeLesson(id, selectedLessonId);
-      setCompletedLessons((prev) => new Set(prev).add(selectedLessonId));
-    } catch {
-      setCompletedLessons((prev) => new Set(prev).add(selectedLessonId));
-    }
-  };
-
   const handleStartQuiz = async () => {
-    if (!selectedLessonId || !id) return;
+    if (!id || !selectedLessonId || quizLoading) return;
+    setQuizLoading(true);
     try {
-      const quiz = await api.getLessonQuiz(id, selectedLessonId);
+      const data = await api.getLessonQuiz(id, selectedLessonId);
-      setQuizQuestions(quiz.questions || []);
+      setQuizQuestions(Array.isArray(data?.questions) ? data.questions : []);
       setShowQuiz(true);
-    } catch {
+    } finally {
-      setQuizQuestions([]);
+      setQuizLoading(false);
     }
   };
 
-  const handleQuizComplete = async (score: number) => {
+  const handleQuizComplete = async (answers: number[]) => {
-    if (!selectedLessonId || !id) return;
+    if (!id || !selectedLessonId) {
+      return { score: 0, passed: false };
+    }
+    const result = await api.submitQuizAnswers(id, selectedLessonId, answers);
+    setProgressRows((prev) => ({
+      ...prev,
+      [selectedLessonId]: result.progress || {
+        lessonId: selectedLessonId,
+        quizPassed: Boolean(result.passed),
+      },
+    }));
+
+    if (result.passed) {
+      await loadHomework(id, selectedLessonId);
+    }
+    return result;
+  };
+
+  const handleSubmitHomework = async () => {
+    if (!id || !selectedLessonId || !homeworkContent.trim() || homeworkSubmitting) return;
+    setHomeworkSubmitting(true);
     try {
-      await api.submitQuizScore(id, selectedLessonId, score);
+      const submission = await api.submitLessonHomework(id, selectedLessonId, homeworkContent.trim());
-      markComplete();
+      setHomework((prev) => ({ ...prev, submission }));
-    } catch {
+      await refreshProgress(id);
-      markComplete();
+    } finally {
-    }
+      setHomeworkSubmitting(false);
-  };
-
-  const handleGetCertificate = () => {
-    if (!id) return;
-    window.open(`/certificate/${id}`, '_blank');
-  };
-
-  const goToNextLesson = () => {
-    if (currentLessonIndex < flatLessons.length - 1) {
-      markComplete();
-      setSelectedLessonId(flatLessons[currentLessonIndex + 1].id);
     }
   };
 
   const goToPrevLesson = () => {
-    if (currentLessonIndex > 0) {
+    if (currentLessonIndex <= 0) return;
     setSelectedLessonId(flatLessons[currentLessonIndex - 1].id);
-    }
   };
 
-  const toggleChapter = (chapterId: string) => {
+  const goToNextLesson = () => {
-    setExpandedChapters((prev) =>
+    if (currentLessonIndex < 0 || currentLessonIndex >= flatLessons.length - 1) return;
-      prev.includes(chapterId)
+    if (!selectedLessonId || !isLessonDone(selectedLessonId)) return;
-        ? prev.filter((id) => id !== chapterId)
+    const nextLesson = flatLessons[currentLessonIndex + 1];
-        : [...prev, chapterId]
+    if (!isLessonUnlocked(nextLesson.id)) return;
-    );
+    setSelectedLessonId(nextLesson.id);
   };
 
   if (authLoading || loading) {
     return (
       <div className="flex h-[calc(100vh-4rem)] items-center justify-center">
-        <div className="flex flex-col items-center gap-3">
         <div className="h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent" />
-          <p className="text-muted-foreground">Загрузка курса...</p>
-        </div>
       </div>
     );
   }
 
-  if (error || !course) {
+  if (!course || error) {
     return (
-      <div className="flex flex-col gap-4 p-6">
+      <div className="p-6">
         <Button variant="ghost" asChild>
-          <Link href="/dashboard"><ArrowLeft className="mr-2 h-4 w-4" />Назад к курсам</Link>
+          <Link href="/dashboard">
+            <ArrowLeft className="mr-2 h-4 w-4" />
+            Назад
+          </Link>
         </Button>
-        <p className="text-destructive">{error || 'Курс не найден'}</p>
+        <p className="text-destructive mt-4">{error || 'Курс не найден'}</p>
       </div>
     );
   }
 
-  const activeLessonMeta = selectedLessonId
-    ? flatLessons.find((l) => l.id === selectedLessonId)
-    : null;
-  
-  const isAuthor = course && backendUser && course.authorId === backendUser.id;
-  const courseCompleted = completedCount >= totalLessons && totalLessons > 0;
-
   return (
     <div className="flex h-[calc(100vh-4rem)] -m-6 flex-col">
-      {/* Top bar */}
       <div className="flex shrink-0 items-center justify-between border-b bg-background px-4 py-2.5 shadow-sm">
         <div className="flex items-center gap-3">
           <Button variant="ghost" size="sm" asChild>
@@ -258,25 +333,21 @@ export default function CoursePage() {
           <div className="h-5 w-px bg-border" />
           <div className="flex items-center gap-2">
             <GraduationCap className="h-4 w-4 text-primary" />
-            <span className="font-medium truncate max-w-[300px]">{course.title}</span>
+            <span className="font-medium truncate max-w-[280px]">{course.title}</span>
           </div>
         </div>
         <div className="flex items-center gap-2">
-          {/* Progress badge */}
           <div className="hidden sm:flex items-center gap-2 mr-2 px-3 py-1.5 bg-muted rounded-full">
-            <div className="h-2 w-2 rounded-full bg-primary" />
             <span className="text-xs font-medium">{progressPercent}% пройдено</span>
           </div>
-          
-          {/* Certificate button - show when course completed */}
           {courseCompleted && (
-            <Button size="sm" variant="default" onClick={handleGetCertificate}>
+            <Button size="sm" onClick={() => window.open(`/certificate/${id}`, '_blank')}>
-              <GraduationCap className="mr-1.5 h-3.5 w-3.5" />
               Получить сертификат
             </Button>
           )}
-          
+          <Button size="sm" variant="outline" asChild>
-          {/* Edit/Delete - only for author */}
+            <Link href={`/dashboard/courses/${id}/group`}>Группа курса</Link>
+          </Button>
           {isAuthor && (
             <>
               <Button size="sm" variant="outline" asChild>
@@ -301,7 +372,10 @@ export default function CoursePage() {
                   <AlertDialogFooter>
                     <AlertDialogCancel>Отмена</AlertDialogCancel>
                     <AlertDialogAction
-                      onClick={(e) => { e.preventDefault(); handleDelete(); }}
+                      onClick={(e) => {
+                        e.preventDefault();
+                        handleDelete();
+                      }}
                       className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
                       disabled={deleting}
                     >
@@ -316,7 +390,6 @@ export default function CoursePage() {
       </div>
 
       <div className="relative flex flex-1 min-h-0">
-        {/* ─── Left sidebar: course navigation ─── */}
         <div
           className={cn(
             'border-r bg-muted/10 flex flex-col transition-all duration-300 ease-in-out',
@@ -325,7 +398,6 @@ export default function CoursePage() {
         >
           {sidebarOpen && (
             <div className="flex flex-col h-full">
-              {/* Course progress */}
               <div className="p-4 border-b bg-background">
                 <div className="flex items-center justify-between mb-2">
                   <span className="text-xs font-medium text-muted-foreground uppercase tracking-wide">Прогресс курса</span>
@@ -333,46 +405,37 @@ export default function CoursePage() {
                 </div>
                 <Progress value={progressPercent} className="h-2" />
               </div>
-
-              {/* Chapters & lessons */}
               <div className="flex-1 overflow-auto py-2">
                 {course.chapters
                   .sort((a, b) => a.order - b.order)
-                  .map((chapter, chapterIdx) => {
+                  .map((chapter) => {
                     const isExpanded = expandedChapters.includes(chapter.id);
-                    const chapterLessons = chapter.lessons.sort((a, b) => a.order - b.order);
-                    const chapterComplete = chapterLessons.every((l) => completedLessons.has(l.id));
-                    const chapterStarted = chapterLessons.some((l) => completedLessons.has(l.id));
-
                     return (
                       <div key={chapter.id} className="mb-1">
                         <button
                           className="flex items-center gap-2 w-full px-4 py-2.5 text-sm hover:bg-muted/50 transition-colors"
-                          onClick={() => toggleChapter(chapter.id)}
+                          onClick={() =>
+                            setExpandedChapters((prev) =>
+                              prev.includes(chapter.id) ? prev.filter((id) => id !== chapter.id) : [...prev, chapter.id]
+                            )
+                          }
                         >
-                          <div className={cn(
+                          <BookOpen className="h-4 w-4 text-primary" />
-                            'flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-bold',
-                            chapterComplete
-                              ? 'bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300'
-                              : chapterStarted
-                              ? 'bg-primary/10 text-primary'
-                              : 'bg-muted text-muted-foreground'
-                          )}>
-                            {chapterComplete ? <CheckCircle2 className="h-4 w-4" /> : chapterIdx + 1}
-                          </div>
                           <span className="flex-1 text-left font-medium truncate">{chapter.title}</span>
-                          {isExpanded ? <ChevronUp className="h-4 w-4 text-muted-foreground" /> : <ChevronDown className="h-4 w-4 text-muted-foreground" />}
+                          <ChevronDown className={cn('h-4 w-4 text-muted-foreground transition-transform', isExpanded && 'rotate-180')} />
                         </button>
 
                         {isExpanded && (
                           <div className="ml-4 border-l-2 border-muted pl-2 mb-2">
-                            {chapterLessons.map((lesson, lessonIdx) => {
+                            {chapter.lessons
+                              .sort((a, b) => a.order - b.order)
+                              .map((lesson) => {
                                 const isActive = selectedLessonId === lesson.id;
-                              const isCompleted = completedLessons.has(lesson.id);
+                                const isDone = isLessonDone(lesson.id);
-                              const globalIdx = flatLessons.findIndex((l) => l.id === lesson.id);
+                                const unlocked = isLessonUnlocked(lesson.id);
-                              // Lesson is locked if sequential mode: all previous must be complete
+                                const isLocked = !unlocked;
-                              // For now, don't lock (allow free navigation)
+                                const row = progressRows[lesson.id];
-                              const isLocked = false;
+                                const quizOnly = row?.quizPassed && !row?.homeworkSubmitted;
 
                                 return (
                                   <button
@@ -388,21 +451,18 @@ export default function CoursePage() {
                                     )}
                                     onClick={() => !isLocked && setSelectedLessonId(lesson.id)}
                                   >
-                                  {isCompleted ? (
+                                    {isDone ? (
                                       <CheckCircle2 className={cn('h-4 w-4 shrink-0', isActive ? 'text-primary-foreground' : 'text-green-500')} />
                                     ) : isLocked ? (
                                       <Lock className="h-4 w-4 shrink-0" />
                                     ) : isActive ? (
                                       <Play className="h-4 w-4 shrink-0 fill-current" />
+                                    ) : quizOnly ? (
+                                      <CheckCircle2 className="h-4 w-4 shrink-0 text-yellow-500" />
                                     ) : (
-                                    <Circle className="h-4 w-4 shrink-0" />
+                                      <BookOpen className="h-4 w-4 shrink-0" />
                                     )}
                                     <span className="truncate text-left">{lesson.title}</span>
-                                  {lesson.durationMinutes && (
-                                    <span className={cn('ml-auto text-xs shrink-0', isActive ? 'text-primary-foreground/70' : 'text-muted-foreground')}>
-                                      {lesson.durationMinutes} мин
-                                    </span>
-                                  )}
                                   </button>
                                 );
                               })}
@@ -416,41 +476,31 @@ export default function CoursePage() {
           )}
         </div>
 
-        {/* Sidebar toggle */}
         <button
           type="button"
-          className={cn(
+          className="absolute top-4 z-10 flex h-8 w-6 items-center justify-center rounded-r-md border border-l-0 bg-background shadow-sm hover:bg-muted transition-all"
-            'absolute top-4 z-10 flex h-8 w-6 items-center justify-center rounded-r-md border border-l-0 bg-background shadow-sm hover:bg-muted transition-all',
-          )}
           style={{ left: sidebarOpen ? '19.9rem' : 0 }}
           onClick={() => setSidebarOpen(!sidebarOpen)}
         >
           {sidebarOpen ? <ChevronLeft className="h-4 w-4" /> : <ChevronRight className="h-4 w-4" />}
         </button>
 
-        {/* ─── Main content area ─── */}
         <main className="flex-1 flex flex-col min-h-0">
-          {/* Lesson content */}
           <div className="flex-1 overflow-auto">
             <div className="max-w-3xl mx-auto w-full px-8 py-10">
-              {/* Chapter & lesson header */}
+              {activeLesson && (
-              {activeLessonMeta && (
                 <div className="mb-8">
-                  <p className="text-sm text-primary font-medium mb-1">
+                  <p className="text-sm text-primary font-medium mb-1">{activeLesson.chapterTitle}</p>
-                    {activeLessonMeta.chapterTitle}
+                  <h1 className="text-3xl font-bold text-foreground">{activeLesson.title}</h1>
-                  </p>
-                  <h1 className="text-3xl font-bold text-foreground">
-                    {activeLessonMeta.title}
-                  </h1>
                   <div className="flex items-center gap-4 mt-3 text-sm text-muted-foreground">
                     <span className="flex items-center gap-1">
                       <BookOpen className="h-4 w-4" />
                       Урок {currentLessonIndex + 1} из {totalLessons}
                     </span>
-                    {activeLessonMeta.durationMinutes && (
+                    {activeLesson.durationMinutes && (
                       <span className="flex items-center gap-1">
                         <Clock className="h-4 w-4" />
-                        {activeLessonMeta.durationMinutes} мин
+                        {activeLesson.durationMinutes} мин
                       </span>
                     )}
                   </div>
@@ -458,26 +508,26 @@ export default function CoursePage() {
                 </div>
               )}
 
-              {/* Content */}
               {lessonContentLoading ? (
                 <div className="flex items-center justify-center py-20">
                   <div className="h-6 w-6 animate-spin rounded-full border-2 border-primary border-t-transparent" />
                 </div>
               ) : selectedLessonId ? (
                 <>
-                  <LessonContentViewer
+                  <LessonContentViewer content={lessonContent} className="min-h-[320px]" />
-                    content={lessonContent}
+
-                    className="min-h-[400px]"
+                  {!activeProgress?.quizPassed && (
-                  />
-                  {!showQuiz && !completedLessons.has(selectedLessonId) && (
                     <div className="mt-8 p-6 border rounded-xl bg-muted/20 text-center">
-                      <h3 className="font-semibold mb-2">Проверьте свои знания</h3>
+                      <h3 className="font-semibold mb-2">Шаг 1 из 2: тест</h3>
                       <p className="text-sm text-muted-foreground mb-4">
-                        Пройдите тест, чтобы закрепить материал и получить сертификат
+                        Для открытия следующего урока нужно пройти тест и отправить письменное ДЗ.
                       </p>
-                      <Button onClick={handleStartQuiz}>Начать тест</Button>
+                      <Button onClick={handleStartQuiz} disabled={quizLoading}>
+                        {quizLoading ? 'Загрузка теста...' : 'Начать тест'}
+                      </Button>
                     </div>
                   )}
+
                   {showQuiz && (
                     <LessonQuiz
                       courseId={id}
@@ -486,54 +536,79 @@ export default function CoursePage() {
                       onComplete={handleQuizComplete}
                     />
                   )}
+
+                  {activeProgress?.quizPassed && (
+                    <div className="mt-8 p-6 border rounded-xl bg-muted/20">
+                      <h3 className="font-semibold mb-2">Шаг 2 из 2: письменное домашнее задание</h3>
+                      {homeworkLoading ? (
+                        <p className="text-sm text-muted-foreground">Подготовка задания...</p>
+                      ) : (
+                        <>
+                          <p className="text-sm text-muted-foreground mb-2">
+                            {homework.homework?.title || 'Домашнее задание'}
+                          </p>
+                          <p className="text-sm mb-4">
+                            {homework.homework?.description ||
+                              'Опишите применение материала урока на практике и приведите минимум один пример.'}
+                          </p>
+                          <textarea
+                            value={homeworkContent}
+                            onChange={(e) => setHomeworkContent(e.target.value)}
+                            className="w-full min-h-[180px] rounded-md border bg-background p-3 text-sm"
+                            placeholder="Ваш ответ..."
+                            disabled={Boolean(activeProgress?.homeworkSubmitted)}
+                          />
+                          <div className="mt-3 flex items-center justify-between">
+                            <p className="text-xs text-muted-foreground">Минимум 50 символов</p>
+                            <Button
+                              onClick={handleSubmitHomework}
+                              disabled={homeworkSubmitting || Boolean(activeProgress?.homeworkSubmitted)}
+                            >
+                              {activeProgress?.homeworkSubmitted
+                                ? 'ДЗ отправлено'
+                                : homeworkSubmitting
+                                ? 'Отправка...'
+                                : 'Отправить ДЗ'}
+                            </Button>
+                          </div>
+                          {homework.submission?.aiScore ? (
+                            <div className="mt-3 rounded-md border bg-background p-3 text-sm">
+                              <p className="font-medium">AI-предоценка: {homework.submission.aiScore}/5</p>
+                              {homework.submission.aiFeedback ? (
+                                <p className="text-muted-foreground mt-1">{homework.submission.aiFeedback}</p>
+                              ) : null}
+                            </div>
+                          ) : null}
+                        </>
+                      )}
+                    </div>
+                  )}
                 </>
               ) : (
-                <div className="flex flex-col items-center justify-center py-20 text-center">
+                <div className="text-muted-foreground">Выберите урок</div>
-                  <BookOpen className="h-12 w-12 text-muted-foreground/30 mb-4" />
-                  <p className="text-muted-foreground">Выберите урок для начала обучения</p>
-                </div>
               )}
             </div>
           </div>
 
-          {/* Bottom navigation */}
           <div className="shrink-0 border-t bg-background px-6 py-3">
             <div className="max-w-3xl mx-auto flex items-center justify-between">
-              <Button
+              <Button variant="outline" size="sm" onClick={goToPrevLesson} disabled={currentLessonIndex <= 0}>
-                variant="outline"
-                size="sm"
-                onClick={goToPrevLesson}
-                disabled={currentLessonIndex <= 0}
-              >
                 <ChevronLeft className="mr-1.5 h-4 w-4" />
                 Предыдущий
               </Button>
-
+              <div className="text-xs text-muted-foreground">
+                {selectedLessonId && isLessonDone(selectedLessonId)
+                  ? 'Урок завершён'
+                  : 'Для следующего урока нужны тест + ДЗ'}
+              </div>
               <Button
-                variant="ghost"
                 size="sm"
-                onClick={markComplete}
+                onClick={goToNextLesson}
-                disabled={!selectedLessonId || completedLessons.has(selectedLessonId)}
+                disabled={currentLessonIndex >= flatLessons.length - 1 || !selectedLessonId || !isLessonDone(selectedLessonId)}
-                className={cn(
-                  completedLessons.has(selectedLessonId ?? '')
-                    ? 'text-green-600'
-                    : 'text-muted-foreground hover:text-primary'
-                )}
               >
-                <CheckCircle2 className="mr-1.5 h-4 w-4" />
-                {completedLessons.has(selectedLessonId ?? '') ? 'Пройден' : 'Отметить пройденным'}
-              </Button>
-
-              {currentLessonIndex < flatLessons.length - 1 ? (
-                <Button size="sm" onClick={goToNextLesson}>
                 Следующий урок
                 <ChevronRight className="ml-1.5 h-4 w-4" />
               </Button>
-              ) : (
-                <div className="text-sm text-muted-foreground">
-                  {courseCompleted ? 'Курс пройден!' : 'Последний урок'}
-                </div>
-              )}
             </div>
           </div>
         </main>

apps/web/src/app/(dashboard)/dashboard/groups/[groupId]/page.tsx

@@ -0,0 +1,132 @@
+'use client';
+
+import { useEffect, useRef, useState } from 'react';
+import { useParams } from 'next/navigation';
+import { io, Socket } from 'socket.io-client';
+import { Send, Users } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { api } from '@/lib/api';
+import { getWsBaseUrl } from '@/lib/ws';
+import { cn } from '@/lib/utils';
+import { useAuth } from '@/contexts/auth-context';
+
+export default function InviteGroupPage() {
+  const params = useParams();
+  const groupId = params?.groupId as string;
+  const { backendUser } = useAuth();
+
+  const [messages, setMessages] = useState<any[]>([]);
+  const [members, setMembers] = useState<any[]>([]);
+  const [message, setMessage] = useState('');
+  const socketRef = useRef<Socket | null>(null);
+  const endRef = useRef<HTMLDivElement | null>(null);
+
+  useEffect(() => {
+    if (!groupId) return;
+    (async () => {
+      await api.joinGroupByInvite(groupId).catch(() => null);
+      const [msgs, mbrs] = await Promise.all([
+        api.getGroupMessages(groupId).catch(() => []),
+        api.getGroupMembers(groupId).catch(() => []),
+      ]);
+      setMessages(msgs);
+      setMembers(mbrs);
+    })();
+  }, [groupId]);
+
+  useEffect(() => {
+    if (!groupId) return;
+    const token =
+      typeof window !== 'undefined' ? sessionStorage.getItem('coursecraft_api_token') || undefined : undefined;
+    const socket = io(`${getWsBaseUrl()}/ws/course-groups`, {
+      transports: ['websocket'],
+      auth: { token },
+    });
+    socketRef.current = socket;
+    socket.emit('groups:join', { groupId });
+    socket.on('groups:new-message', (msg: any) => setMessages((prev) => [...prev, msg]));
+    return () => {
+      socket.disconnect();
+      socketRef.current = null;
+    };
+  }, [groupId]);
+
+  useEffect(() => {
+    endRef.current?.scrollIntoView({ behavior: 'smooth' });
+  }, [messages]);
+
+  const send = async () => {
+    if (!groupId || !message.trim()) return;
+    await api.sendGroupMessage(groupId, message.trim());
+    setMessage('');
+  };
+
+  return (
+    <div className="space-y-4">
+      <div>
+        <h1 className="text-2xl font-bold tracking-tight">Группа курса</h1>
+        <p className="text-sm text-muted-foreground">Вы подключены по invite-ссылке</p>
+      </div>
+
+      <div className="grid gap-4 lg:grid-cols-[1fr_320px]">
+        <Card className="border-border/60">
+          <CardHeader className="border-b bg-muted/20">
+            <CardTitle>Чат участников</CardTitle>
+          </CardHeader>
+          <CardContent className="flex h-[460px] flex-col p-4">
+            <div className="flex-1 space-y-2 overflow-auto pr-2">
+              {messages.map((msg) => {
+                const own = msg.user?.id === backendUser?.id;
+                return (
+                  <div key={msg.id} className={cn('flex', own ? 'justify-end' : 'justify-start')}>
+                    <div
+                      className={cn(
+                        'max-w-[78%] rounded-2xl px-3 py-2 text-sm',
+                        own ? 'rounded-br-md bg-primary text-primary-foreground' : 'rounded-bl-md border bg-card'
+                      )}
+                    >
+                      <p className="mb-1 text-xs opacity-80">{msg.user?.name || 'Участник'}</p>
+                      <p>{msg.content}</p>
+                    </div>
+                  </div>
+                );
+              })}
+              <div ref={endRef} />
+            </div>
+
+            <div className="mt-3 flex gap-2 border-t pt-3">
+              <input
+                value={message}
+                onChange={(e) => setMessage(e.target.value)}
+                onKeyDown={(e) => e.key === 'Enter' && send()}
+                className="h-10 flex-1 rounded-lg border bg-background px-3 text-sm"
+                placeholder="Сообщение"
+              />
+              <Button onClick={send}>
+                <Send className="h-4 w-4" />
+              </Button>
+            </div>
+          </CardContent>
+        </Card>
+
+        <Card className="border-border/60">
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2 text-base">
+              <Users className="h-4 w-4" />
+              Участники ({members.length})
+            </CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-2">
+            {members.map((member) => (
+              <div key={member.id} className="rounded-xl border p-2 text-sm">
+                <p className="font-medium">{member.user?.name || member.user?.email}</p>
+                <p className="text-xs text-muted-foreground">{member.role}</p>
+              </div>
+            ))}
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  );
+}

apps/web/src/app/(dashboard)/dashboard/learning/page.tsx

@@ -64,7 +64,7 @@ export default function LearningPage() {
           <GraduationCap className="h-12 w-12 mx-auto text-muted-foreground/30 mb-4" />
           <p className="text-lg font-medium">Пока нет записей</p>
           <p className="text-muted-foreground mb-4">Найдите курсы в каталоге</p>
-          <Link href="/dashboard/catalog" className="text-primary hover:underline">
+          <Link href="/courses" className="text-primary hover:underline">
             Открыть каталог
           </Link>
         </div>

apps/web/src/app/(dashboard)/dashboard/page.tsx

@@ -1,8 +1,8 @@
 'use client';
 
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import Link from 'next/link';
-import { Plus, BookOpen, Clock, TrendingUp, Loader2 } from 'lucide-react';
+import { BookOpen, Clock3, FileText, Loader2, Plus, Send, Sparkles } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { CourseCard } from '@/components/dashboard/course-card';
@@ -10,41 +10,32 @@ import { api } from '@/lib/api';
 import { useToast } from '@/components/ui/use-toast';
 import { useAuth } from '@/contexts/auth-context';
 
-interface Course {
+type Course = {
   id: string;
   title: string;
   description: string | null;
-  status: 'DRAFT' | 'PUBLISHED' | 'ARCHIVED' | 'GENERATING';
+  status: 'DRAFT' | 'PUBLISHED' | 'ARCHIVED' | 'GENERATING' | 'PENDING_REVIEW' | 'REJECTED';
   chaptersCount: number;
   lessonsCount: number;
   updatedAt: string;
-}
+};
 
 export default function DashboardPage() {
   const { toast } = useToast();
   const { loading: authLoading, user } = useAuth();
   const [courses, setCourses] = useState<Course[]>([]);
   const [loading, setLoading] = useState(true);
-  const [stats, setStats] = useState({
-    total: 0,
-    drafts: 0,
-    published: 0,
-  });
 
   const loadCourses = async () => {
     setLoading(true);
     try {
-      const result = await api.getCourses();
+      const result = await api.getCourses({ limit: 100 });
-      setCourses(result.data);
+      setCourses(result.data || []);
-      const total = result.data.length;
-      const drafts = result.data.filter((c: Course) => c.status === 'DRAFT').length;
-      const published = result.data.filter((c: Course) => c.status === 'PUBLISHED').length;
-      setStats({ total, drafts, published });
     } catch (error: any) {
       if (error.message !== 'Unauthorized') {
         toast({
           title: 'Ошибка загрузки',
-          description: 'Не удалось загрузить курсы',
+          description: 'Не удалось загрузить ваши курсы',
           variant: 'destructive',
         });
       }
@@ -60,17 +51,23 @@ export default function DashboardPage() {
       return;
     }
     loadCourses();
-  }, [toast, authLoading, user]);
+  }, [authLoading, user]);
 
-  const statsCards = [
+  const stats = useMemo(() => {
-    { name: 'Всего курсов', value: stats.total.toString(), icon: BookOpen },
+    const drafts = courses.filter((course) => course.status === 'DRAFT' || course.status === 'REJECTED');
-    { name: 'Черновики', value: stats.drafts.toString(), icon: Clock },
+    const published = courses.filter((course) => course.status === 'PUBLISHED');
-    { name: 'Опубликовано', value: stats.published.toString(), icon: TrendingUp },
+    const pending = courses.filter((course) => course.status === 'PENDING_REVIEW');
-  ];
+    return {
+      drafts,
+      published,
+      pending,
+      total: courses.length,
+    };
+  }, [courses]);
 
   if (authLoading || loading) {
     return (
-      <div className="flex items-center justify-center min-h-[400px]">
+      <div className="flex min-h-[400px] items-center justify-center">
         <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
       </div>
     );
@@ -78,62 +75,119 @@ export default function DashboardPage() {
 
   return (
     <div className="space-y-8">
-      {/* Header */}
+      <section className="rounded-3xl border border-border/50 bg-gradient-to-br from-primary/10 via-background to-amber-100/40 p-6">
-      <div className="flex items-center justify-between">
+        <div className="flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
           <div>
-          <h1 className="text-3xl font-bold">Мои курсы</h1>
+            <h1 className="text-3xl font-bold tracking-tight">Кабинет автора</h1>
-          <p className="text-muted-foreground">
+            <p className="mt-2 text-sm text-muted-foreground">
-            Управляйте своими курсами и создавайте новые
+              Здесь только ваша авторская зона: черновики, курсы в проверке и опубликованные материалы.
             </p>
           </div>
+          <div className="flex gap-2">
+            <Button variant="outline" asChild>
+              <Link href="/">
+                <Sparkles className="mr-2 h-4 w-4" />
+                Открыть лендинг
+              </Link>
+            </Button>
             <Button asChild>
               <Link href="/dashboard/courses/new">
                 <Plus className="mr-2 h-4 w-4" />
-            Создать курс
+                Новый курс
               </Link>
             </Button>
           </div>
+        </div>
+      </section>
 
-      {/* Stats */}
+      <section className="grid gap-4 md:grid-cols-3">
-      <div className="grid gap-4 md:grid-cols-3">
+        <Card className="border-border/60">
-        {statsCards.map((stat) => (
+          <CardHeader className="pb-2">
-          <Card key={stat.name}>
+            <CardTitle className="text-sm">Черновики</CardTitle>
-            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardDescription>Можно редактировать и дорабатывать</CardDescription>
-              <CardTitle className="text-sm font-medium">{stat.name}</CardTitle>
-              <stat.icon className="h-4 w-4 text-muted-foreground" />
           </CardHeader>
-            <CardContent>
+          <CardContent className="flex items-center justify-between">
-              <div className="text-2xl font-bold">{stat.value}</div>
+            <span className="text-2xl font-bold">{stats.drafts.length}</span>
+            <FileText className="h-5 w-5 text-muted-foreground" />
           </CardContent>
         </Card>
-        ))}
-      </div>
 
-      {/* Courses grid */}
+        <Card className="border-border/60">
-      {courses.length > 0 ? (
+          <CardHeader className="pb-2">
-        <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
+            <CardTitle className="text-sm">На модерации</CardTitle>
-          {courses.map((course) => (
+            <CardDescription>Ожидают решения модератора</CardDescription>
+          </CardHeader>
+          <CardContent className="flex items-center justify-between">
+            <span className="text-2xl font-bold">{stats.pending.length}</span>
+            <Send className="h-5 w-5 text-muted-foreground" />
+          </CardContent>
+        </Card>
+
+        <Card className="border-border/60">
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm">Опубликованные</CardTitle>
+            <CardDescription>Доступны пользователям в каталоге</CardDescription>
+          </CardHeader>
+          <CardContent className="flex items-center justify-between">
+            <span className="text-2xl font-bold">{stats.published.length}</span>
+            <BookOpen className="h-5 w-5 text-muted-foreground" />
+          </CardContent>
+        </Card>
+      </section>
+
+      <section className="space-y-4">
+        <div className="flex items-center gap-2">
+          <Clock3 className="h-4 w-4 text-muted-foreground" />
+          <h2 className="text-xl font-semibold">Черновики и отклонённые</h2>
+        </div>
+        {stats.drafts.length ? (
+          <div className="grid gap-5 md:grid-cols-2 xl:grid-cols-3">
+            {stats.drafts.map((course) => (
               <CourseCard key={course.id} course={course} onDeleted={loadCourses} />
             ))}
           </div>
         ) : (
-        <Card className="p-12 text-center">
+          <Card className="border-dashed">
-          <CardHeader>
+            <CardContent className="p-10 text-center text-sm text-muted-foreground">
-            <CardTitle>Нет курсов</CardTitle>
+              Нет черновиков. Создайте курс, чтобы начать работу.
-            <CardDescription>
-              Создайте свой первый курс с помощью AI
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <Button asChild>
-              <Link href="/dashboard/courses/new">
-                <Plus className="mr-2 h-4 w-4" />
-                Создать курс
-              </Link>
-            </Button>
             </CardContent>
           </Card>
         )}
+      </section>
+
+      <section className="space-y-4">
+        <h2 className="text-xl font-semibold">На проверке</h2>
+        {stats.pending.length ? (
+          <div className="grid gap-5 md:grid-cols-2 xl:grid-cols-3">
+            {stats.pending.map((course) => (
+              <CourseCard key={course.id} course={course} onDeleted={loadCourses} />
+            ))}
+          </div>
+        ) : (
+          <Card className="border-dashed">
+            <CardContent className="p-10 text-center text-sm text-muted-foreground">
+              Сейчас нет курсов в модерации.
+            </CardContent>
+          </Card>
+        )}
+      </section>
+
+      <section className="space-y-4">
+        <h2 className="text-xl font-semibold">Опубликованные</h2>
+        {stats.published.length ? (
+          <div className="grid gap-5 md:grid-cols-2 xl:grid-cols-3">
+            {stats.published.map((course) => (
+              <CourseCard key={course.id} course={course} onDeleted={loadCourses} />
+            ))}
+          </div>
+        ) : (
+          <Card className="border-dashed">
+            <CardContent className="p-10 text-center text-sm text-muted-foreground">
+              Пока нет опубликованных курсов.
+            </CardContent>
+          </Card>
+        )}
+      </section>
     </div>
   );
 }

apps/web/src/app/(dashboard)/dashboard/support/page.tsx

@@ -0,0 +1,154 @@
+'use client';
+
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { io, Socket } from 'socket.io-client';
+import { MessageCircle, Plus, Send } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { api } from '@/lib/api';
+import { getWsBaseUrl } from '@/lib/ws';
+
+export default function SupportPage() {
+  const [tickets, setTickets] = useState<any[]>([]);
+  const [selectedTicketId, setSelectedTicketId] = useState<string | null>(null);
+  const [messages, setMessages] = useState<any[]>([]);
+  const [ticketTitle, setTicketTitle] = useState('');
+  const [ticketMessage, setTicketMessage] = useState('');
+  const [newMessage, setNewMessage] = useState('');
+  const socketRef = useRef<Socket | null>(null);
+
+  const selectedTicket = useMemo(
+    () => tickets.find((ticket) => ticket.id === selectedTicketId) || null,
+    [tickets, selectedTicketId]
+  );
+
+  const loadTickets = async () => {
+    const data = await api.getMySupportTickets().catch(() => []);
+    setTickets(data);
+    if (!selectedTicketId && data.length > 0) {
+      setSelectedTicketId(data[0].id);
+    }
+  };
+
+  useEffect(() => {
+    loadTickets();
+  }, []);
+
+  useEffect(() => {
+    if (!selectedTicketId) return;
+    api.getSupportTicketMessages(selectedTicketId).then((data) => setMessages(data)).catch(() => setMessages([]));
+
+    const token =
+      typeof window !== 'undefined' ? sessionStorage.getItem('coursecraft_api_token') || undefined : undefined;
+    const socket = io(`${getWsBaseUrl()}/ws/support`, {
+      transports: ['websocket'],
+      auth: { token },
+    });
+    socketRef.current = socket;
+    socket.emit('support:join', { ticketId: selectedTicketId });
+    socket.on('support:new-message', (message: any) => {
+      setMessages((prev) => [...prev, message]);
+    });
+
+    return () => {
+      socket.disconnect();
+      socketRef.current = null;
+    };
+  }, [selectedTicketId]);
+
+  const createTicket = async () => {
+    if (!ticketTitle.trim()) return;
+    await api.createSupportTicket({ title: ticketTitle.trim(), initialMessage: ticketMessage.trim() || undefined });
+    setTicketTitle('');
+    setTicketMessage('');
+    await loadTickets();
+  };
+
+  const sendMessage = async () => {
+    if (!selectedTicketId || !newMessage.trim()) return;
+    await api.sendSupportMessage(selectedTicketId, newMessage.trim());
+    setNewMessage('');
+    const latest = await api.getSupportTicketMessages(selectedTicketId).catch(() => []);
+    setMessages(latest);
+  };
+
+  return (
+    <div className="grid gap-4 lg:grid-cols-[320px_1fr]">
+      <Card>
+        <CardHeader>
+          <CardTitle>Тикеты поддержки</CardTitle>
+        </CardHeader>
+        <CardContent className="space-y-3">
+          <div className="space-y-2">
+            <input
+              value={ticketTitle}
+              onChange={(e) => setTicketTitle(e.target.value)}
+              placeholder="Тема тикета"
+              className="w-full rounded-md border bg-background px-3 py-2 text-sm"
+            />
+            <textarea
+              value={ticketMessage}
+              onChange={(e) => setTicketMessage(e.target.value)}
+              placeholder="Опишите проблему"
+              className="w-full min-h-[90px] rounded-md border bg-background p-3 text-sm"
+            />
+            <Button onClick={createTicket} className="w-full">
+              <Plus className="mr-2 h-4 w-4" />
+              Создать тикет
+            </Button>
+          </div>
+
+          <div className="space-y-2">
+            {tickets.map((ticket) => (
+              <button
+                key={ticket.id}
+                className={`w-full rounded-md border px-3 py-2 text-left text-sm ${
+                  selectedTicketId === ticket.id ? 'border-primary bg-primary/5' : ''
+                }`}
+                onClick={() => setSelectedTicketId(ticket.id)}
+              >
+                <p className="font-medium">{ticket.title}</p>
+                <p className="text-xs text-muted-foreground">Статус: {ticket.status}</p>
+              </button>
+            ))}
+          </div>
+        </CardContent>
+      </Card>
+
+      <Card className="min-h-[520px]">
+        <CardHeader>
+          <CardTitle>{selectedTicket ? `Чат тикета: ${selectedTicket.title}` : 'Выберите тикет'}</CardTitle>
+        </CardHeader>
+        <CardContent className="flex h-[430px] flex-col">
+          <div className="flex-1 overflow-auto space-y-2 pr-2">
+            {messages.map((msg) => (
+              <div key={msg.id} className="rounded-md border p-2 text-sm">
+                <p className="font-medium">
+                  {msg.user?.name || 'Пользователь'} {msg.isStaff ? '(Поддержка)' : ''}
+                </p>
+                <p>{msg.content}</p>
+              </div>
+            ))}
+            {messages.length === 0 && (
+              <div className="h-full flex items-center justify-center text-muted-foreground text-sm">
+                <MessageCircle className="h-4 w-4 mr-2" />
+                Сообщений пока нет
+              </div>
+            )}
+          </div>
+          <div className="mt-3 flex gap-2">
+            <input
+              value={newMessage}
+              onChange={(e) => setNewMessage(e.target.value)}
+              placeholder="Сообщение"
+              className="flex-1 rounded-md border bg-background px-3 py-2 text-sm"
+            />
+            <Button onClick={sendMessage} disabled={!selectedTicketId}>
+              <Send className="h-4 w-4" />
+            </Button>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

apps/web/src/app/(dashboard)/layout.tsx

@@ -1,5 +1,6 @@
 import { Sidebar } from '@/components/dashboard/sidebar';
 import { DashboardHeader } from '@/components/dashboard/header';
+import { SupportWidget } from '@/components/dashboard/support-widget';
 
 export default function DashboardLayout({
   children,
@@ -13,6 +14,7 @@ export default function DashboardLayout({
         <DashboardHeader />
         <main className="flex-1 p-6">{children}</main>
       </div>
+      <SupportWidget />
     </div>
   );
 }

apps/web/src/app/admin/layout.tsx

@@ -0,0 +1,78 @@
+'use client';
+
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { Loader2, ShieldAlert, ShieldCheck } from 'lucide-react';
+import { useAuth } from '@/contexts/auth-context';
+import { cn } from '@/lib/utils';
+
+const navigation = [
+  { name: 'Курсы', href: '/admin' },
+  { name: 'Тикеты поддержки', href: '/admin/support' },
+];
+
+export default function AdminLayout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  const { loading, backendUser } = useAuth();
+  const isStaff = backendUser?.role === 'ADMIN' || backendUser?.role === 'MODERATOR';
+
+  if (loading) {
+    return (
+      <div className="min-h-screen flex items-center justify-center">
+        <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
+      </div>
+    );
+  }
+
+  if (!isStaff) {
+    return (
+      <div className="min-h-screen flex items-center justify-center p-6">
+        <div className="w-full max-w-md rounded-xl border bg-card p-6 text-center">
+          <ShieldAlert className="mx-auto mb-3 h-8 w-8 text-rose-500" />
+          <p className="text-base font-semibold">Нет доступа к Админ Панели</p>
+          <p className="mt-1 text-sm text-muted-foreground">Требуется роль администратора или модератора.</p>
+          <Link href="/dashboard" className="mt-4 inline-block text-sm text-primary hover:underline">
+            Вернуться в личный кабинет
+          </Link>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen bg-muted/20">
+      <header className="border-b bg-background">
+        <div className="container flex h-16 items-center justify-between">
+          <div className="flex items-center gap-3">
+            <div className="flex h-9 w-9 items-center justify-center rounded-lg bg-primary/10">
+              <ShieldCheck className="h-5 w-5 text-primary" />
+            </div>
+            <div>
+              <p className="text-sm font-semibold">Админ Панель</p>
+              <p className="text-xs text-muted-foreground">Модерация и поддержка</p>
+            </div>
+          </div>
+
+          <div className="flex items-center gap-5">
+            {navigation.map((item) => (
+              <Link
+                key={item.href}
+                href={item.href}
+                className={cn(
+                  'text-sm font-medium',
+                  pathname === item.href ? 'text-foreground' : 'text-muted-foreground hover:text-foreground'
+                )}
+              >
+                {item.name}
+              </Link>
+            ))}
+            <Link href="/dashboard" className="text-sm text-primary hover:underline">
+              Личный кабинет
+            </Link>
+          </div>
+        </div>
+      </header>
+      <main className="container py-6">{children}</main>
+    </div>
+  );
+}

apps/web/src/app/admin/page.tsx

@@ -0,0 +1,260 @@
+'use client';
+
+import { useEffect, useMemo, useState } from 'react';
+import Link from 'next/link';
+import { CheckCircle2, Loader2, MessageCircle, Search, Trash2, XCircle } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { api } from '@/lib/api';
+import { useToast } from '@/components/ui/use-toast';
+import { cn } from '@/lib/utils';
+
+type ModerationCourse = {
+  id: string;
+  title: string;
+  status: string;
+  author?: { name?: string | null; email?: string };
+  moderationNote?: string | null;
+  updatedAt: string;
+  _count?: { chapters?: number; enrollments?: number; reviews?: number };
+};
+
+const statusFilters = [
+  { value: '', label: 'Все статусы' },
+  { value: 'PENDING_REVIEW', label: 'На проверке' },
+  { value: 'PUBLISHED', label: 'Опубликованные' },
+  { value: 'REJECTED', label: 'Отклонённые' },
+  { value: 'DRAFT', label: 'Черновики' },
+];
+
+const badgeMap: Record<string, string> = {
+  PENDING_REVIEW: 'bg-amber-100 text-amber-900',
+  PUBLISHED: 'bg-green-100 text-green-900',
+  REJECTED: 'bg-rose-100 text-rose-900',
+  DRAFT: 'bg-slate-100 text-slate-900',
+  ARCHIVED: 'bg-slate-200 text-slate-900',
+};
+
+export default function AdminPage() {
+  const { toast } = useToast();
+
+  const [courses, setCourses] = useState<ModerationCourse[]>([]);
+  const [search, setSearch] = useState('');
+  const [status, setStatus] = useState('');
+  const [noteDraft, setNoteDraft] = useState<Record<string, string>>({});
+  const [loading, setLoading] = useState(true);
+  const [actingId, setActingId] = useState<string | null>(null);
+
+  const loadCourses = async () => {
+    setLoading(true);
+    try {
+      const data = await api.getModerationCourses({ status: status || undefined, search: search || undefined });
+      setCourses(data || []);
+    } catch (error: any) {
+      toast({ title: 'Ошибка', description: error.message || 'Не удалось загрузить курсы', variant: 'destructive' });
+      setCourses([]);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    loadCourses();
+  }, [status]);
+
+  const stats = useMemo(() => {
+    return {
+      total: courses.length,
+      pending: courses.filter((course) => course.status === 'PENDING_REVIEW').length,
+      published: courses.filter((course) => course.status === 'PUBLISHED').length,
+    };
+  }, [courses]);
+
+  const approve = async (courseId: string) => {
+    setActingId(courseId);
+    try {
+      await api.approveModerationCourse(courseId, noteDraft[courseId] || undefined);
+      toast({ title: 'Курс опубликован', description: 'Курс прошёл модерацию' });
+      await loadCourses();
+    } catch (error: any) {
+      toast({ title: 'Ошибка', description: error.message, variant: 'destructive' });
+    } finally {
+      setActingId(null);
+    }
+  };
+
+  const reject = async (courseId: string) => {
+    setActingId(courseId);
+    try {
+      await api.rejectModerationCourse(courseId, noteDraft[courseId] || 'Нужны доработки');
+      toast({ title: 'Курс отклонён', description: 'Автор увидит причину в курсе' });
+      await loadCourses();
+    } catch (error: any) {
+      toast({ title: 'Ошибка', description: error.message, variant: 'destructive' });
+    } finally {
+      setActingId(null);
+    }
+  };
+
+  const removeCourse = async (courseId: string) => {
+    setActingId(courseId);
+    try {
+      await api.deleteModerationCourse(courseId);
+      toast({ title: 'Курс удалён', description: 'Курс удалён администратором' });
+      await loadCourses();
+    } catch (error: any) {
+      toast({ title: 'Ошибка', description: error.message, variant: 'destructive' });
+    } finally {
+      setActingId(null);
+    }
+  };
+
+  return (
+    <div className="space-y-6">
+      <section className="rounded-2xl border bg-background p-6">
+        <div className="flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
+          <div>
+            <h1 className="text-3xl font-bold tracking-tight">Модерация курсов</h1>
+            <p className="mt-1 text-sm text-muted-foreground">
+              Проверка курсов, публикация, отклонение и удаление.
+            </p>
+          </div>
+          <Button variant="outline" asChild>
+            <Link href="/admin/support">
+              <MessageCircle className="mr-2 h-4 w-4" />
+              Тикеты поддержки
+            </Link>
+          </Button>
+        </div>
+      </section>
+
+      <section className="grid gap-4 md:grid-cols-3">
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm">Всего в выдаче</CardTitle>
+          </CardHeader>
+          <CardContent className="text-2xl font-bold">{stats.total}</CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm">Ожидают модерации</CardTitle>
+          </CardHeader>
+          <CardContent className="text-2xl font-bold">{stats.pending}</CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm">Опубликовано</CardTitle>
+          </CardHeader>
+          <CardContent className="text-2xl font-bold">{stats.published}</CardContent>
+        </Card>
+      </section>
+
+      <section className="flex flex-col gap-3 rounded-2xl border bg-card p-4 md:flex-row">
+        <label className="relative flex-1">
+          <Search className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
+          <input
+            value={search}
+            onChange={(e) => setSearch(e.target.value)}
+            placeholder="Поиск по курсам и авторам"
+            className="h-10 w-full rounded-xl border bg-background pl-10 pr-3 text-sm"
+          />
+        </label>
+
+        <select
+          value={status}
+          onChange={(e) => setStatus(e.target.value)}
+          className="h-10 rounded-xl border bg-background px-3 text-sm"
+        >
+          {statusFilters.map((item) => (
+            <option key={item.value} value={item.value}>
+              {item.label}
+            </option>
+          ))}
+        </select>
+
+        <Button onClick={loadCourses} disabled={loading}>
+          {loading ? <Loader2 className="mr-2 h-4 w-4 animate-spin" /> : null}
+          Применить
+        </Button>
+      </section>
+
+      <section className="space-y-3">
+        {courses.map((course) => (
+          <Card key={course.id} className="border-border/60">
+            <CardHeader>
+              <div className="flex flex-wrap items-start justify-between gap-2">
+                <div>
+                  <CardTitle className="text-lg">{course.title}</CardTitle>
+                  <CardDescription>
+                    {course.author?.name || 'Без имени'} ({course.author?.email || '—'})
+                  </CardDescription>
+                </div>
+                <span
+                  className={cn(
+                    'rounded-full px-2.5 py-1 text-xs font-semibold',
+                    badgeMap[course.status] || 'bg-muted text-muted-foreground'
+                  )}
+                >
+                  {course.status}
+                </span>
+              </div>
+            </CardHeader>
+
+            <CardContent className="space-y-3">
+              <div className="grid gap-2 text-xs text-muted-foreground sm:grid-cols-3">
+                <p>Глав: {course._count?.chapters || 0}</p>
+                <p>Студентов: {course._count?.enrollments || 0}</p>
+                <p>Отзывов: {course._count?.reviews || 0}</p>
+              </div>
+
+              <input
+                value={noteDraft[course.id] || ''}
+                onChange={(e) => setNoteDraft((prev) => ({ ...prev, [course.id]: e.target.value }))}
+                placeholder="Комментарий модерации"
+                className="h-10 w-full rounded-lg border bg-background px-3 text-sm"
+              />
+
+              <div className="flex flex-wrap gap-2">
+                {course.status === 'PENDING_REVIEW' ? (
+                  <>
+                    <Button size="sm" onClick={() => approve(course.id)} disabled={actingId === course.id}>
+                      <CheckCircle2 className="mr-2 h-4 w-4" />
+                      Опубликовать
+                    </Button>
+                    <Button
+                      size="sm"
+                      variant="outline"
+                      onClick={() => reject(course.id)}
+                      disabled={actingId === course.id}
+                    >
+                      <XCircle className="mr-2 h-4 w-4" />
+                      Отклонить
+                    </Button>
+                  </>
+                ) : null}
+
+                <Button
+                  size="sm"
+                  variant="destructive"
+                  onClick={() => removeCourse(course.id)}
+                  disabled={actingId === course.id}
+                >
+                  <Trash2 className="mr-2 h-4 w-4" />
+                  Удалить курс
+                </Button>
+              </div>
+            </CardContent>
+          </Card>
+        ))}
+
+        {!loading && courses.length === 0 ? (
+          <Card className="border-dashed">
+            <CardContent className="p-10 text-center text-sm text-muted-foreground">
+              Курсы по заданным фильтрам не найдены.
+            </CardContent>
+          </Card>
+        ) : null}
+      </section>
+    </div>
+  );
+}

apps/web/src/app/admin/support/page.tsx

@@ -0,0 +1,188 @@
+'use client';
+
+import { useEffect, useMemo, useRef, useState } from 'react';
+import Link from 'next/link';
+import { io, Socket } from 'socket.io-client';
+import { ChevronLeft, Loader2, Send } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { api } from '@/lib/api';
+import { getWsBaseUrl } from '@/lib/ws';
+import { cn } from '@/lib/utils';
+
+export default function AdminSupportPage() {
+  const [tickets, setTickets] = useState<any[]>([]);
+  const [selectedTicketId, setSelectedTicketId] = useState<string | null>(null);
+  const [messages, setMessages] = useState<any[]>([]);
+  const [status, setStatus] = useState('in_progress');
+  const [message, setMessage] = useState('');
+  const [loading, setLoading] = useState(true);
+  const [sending, setSending] = useState(false);
+  const socketRef = useRef<Socket | null>(null);
+
+  const selected = useMemo(
+    () => tickets.find((ticket) => ticket.id === selectedTicketId) || null,
+    [tickets, selectedTicketId]
+  );
+
+  const loadTickets = async () => {
+    setLoading(true);
+    const data = await api.getAdminSupportTickets().catch(() => []);
+    setTickets(data);
+    if (!selectedTicketId && data.length > 0) {
+      setSelectedTicketId(data[0].id);
+    }
+    setLoading(false);
+  };
+
+  useEffect(() => {
+    loadTickets();
+  }, []);
+
+  useEffect(() => {
+    if (!selectedTicketId) return;
+    api
+      .getAdminSupportTicketMessages(selectedTicketId)
+      .then((data) => setMessages(data))
+      .catch(() => setMessages([]));
+
+    const token =
+      typeof window !== 'undefined' ? sessionStorage.getItem('coursecraft_api_token') || undefined : undefined;
+    const socket = io(`${getWsBaseUrl()}/ws/support`, {
+      transports: ['websocket'],
+      auth: { token },
+    });
+    socketRef.current = socket;
+    socket.emit('support:join', { ticketId: selectedTicketId });
+    socket.on('support:new-message', (msg: any) => {
+      setMessages((prev) => [...prev, msg]);
+    });
+    return () => {
+      socket.disconnect();
+      socketRef.current = null;
+    };
+  }, [selectedTicketId]);
+
+  useEffect(() => {
+    if (!selected) return;
+    setStatus(selected.status || 'in_progress');
+  }, [selected?.id]);
+
+  const sendReply = async () => {
+    if (!selectedTicketId || !message.trim()) return;
+    setSending(true);
+    await api.sendAdminSupportMessage(selectedTicketId, message.trim());
+    setMessage('');
+    const list = await api.getAdminSupportTicketMessages(selectedTicketId).catch(() => []);
+    setMessages(list);
+    await loadTickets();
+    setSending(false);
+  };
+
+  const updateStatus = async () => {
+    if (!selectedTicketId) return;
+    setSending(true);
+    await api.updateAdminSupportTicketStatus(selectedTicketId, status);
+    await loadTickets();
+    setSending(false);
+  };
+
+  if (loading) {
+    return (
+      <div className="flex min-h-[400px] items-center justify-center">
+        <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <h1 className="text-2xl font-bold tracking-tight">Тикеты поддержки</h1>
+        <Button variant="outline" asChild>
+          <Link href="/admin">
+            <ChevronLeft className="mr-2 h-4 w-4" />
+            К модерации
+          </Link>
+        </Button>
+      </div>
+
+      <div className="grid gap-4 lg:grid-cols-[340px_1fr]">
+        <Card>
+          <CardHeader>
+            <CardTitle>Очередь тикетов</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-2">
+            {tickets.map((ticket) => (
+              <button
+                key={ticket.id}
+                className={cn(
+                  'w-full rounded-xl border px-3 py-2 text-left text-sm transition',
+                  selectedTicketId === ticket.id ? 'border-primary bg-primary/5' : 'hover:bg-muted/50'
+                )}
+                onClick={() => setSelectedTicketId(ticket.id)}
+              >
+                <p className="font-medium">{ticket.title}</p>
+                <p className="text-xs text-muted-foreground">
+                  {ticket.user?.name || ticket.user?.email} • {ticket.status}
+                </p>
+              </button>
+            ))}
+          </CardContent>
+        </Card>
+
+        <Card className="min-h-[560px]">
+          <CardHeader>
+            <CardTitle>{selected ? `Тикет: ${selected.title}` : 'Выберите тикет'}</CardTitle>
+          </CardHeader>
+          <CardContent className="flex h-[470px] flex-col">
+            <div className="mb-3 flex items-center gap-2">
+              <select
+                className="h-9 rounded-lg border bg-background px-3 text-sm"
+                value={status}
+                onChange={(e) => setStatus(e.target.value)}
+                disabled={!selectedTicketId}
+              >
+                <option value="open">open</option>
+                <option value="in_progress">in_progress</option>
+                <option value="resolved">resolved</option>
+                <option value="closed">closed</option>
+              </select>
+              <Button variant="outline" onClick={updateStatus} disabled={!selectedTicketId || sending}>
+                Обновить статус
+              </Button>
+            </div>
+
+            <div className="flex-1 space-y-2 overflow-auto pr-2">
+              {messages.map((msg) => (
+                <div key={msg.id} className={cn('flex', msg.isStaff ? 'justify-end' : 'justify-start')}>
+                  <div
+                    className={cn(
+                      'max-w-[75%] rounded-2xl px-3 py-2 text-sm',
+                      msg.isStaff ? 'bg-primary text-primary-foreground' : 'bg-muted'
+                    )}
+                  >
+                    <p className="mb-1 text-xs opacity-80">{msg.user?.name || 'Пользователь'}</p>
+                    <p>{msg.content}</p>
+                  </div>
+                </div>
+              ))}
+            </div>
+
+            <div className="mt-3 flex gap-2">
+              <input
+                value={message}
+                onChange={(e) => setMessage(e.target.value)}
+                placeholder="Ответ поддержки"
+                className="h-10 flex-1 rounded-lg border bg-background px-3 text-sm"
+              />
+              <Button onClick={sendReply} disabled={!selectedTicketId || sending}>
+                <Send className="h-4 w-4" />
+              </Button>
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  );
+}

apps/web/src/app/courses/[id]/page.tsx

@@ -0,0 +1,268 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import Link from 'next/link';
+import { useParams, useRouter } from 'next/navigation';
+import { ArrowLeft, BookOpen, Check, ChevronDown, Clock, Loader2, Shield, Star, Users } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent } from '@/components/ui/card';
+import { api } from '@/lib/api';
+import { useAuth } from '@/contexts/auth-context';
+import { useToast } from '@/components/ui/use-toast';
+import { cn } from '@/lib/utils';
+import { Header } from '@/components/landing/header';
+import { Footer } from '@/components/landing/footer';
+
+export default function PublicCoursePage() {
+  const params = useParams();
+  const router = useRouter();
+  const { toast } = useToast();
+  const { user } = useAuth();
+  const id = params?.id as string;
+
+  const [course, setCourse] = useState<any>(null);
+  const [reviews, setReviews] = useState<any[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [enrolling, setEnrolling] = useState(false);
+  const [enrolled, setEnrolled] = useState(false);
+  const [expandedChapters, setExpandedChapters] = useState<string[]>([]);
+
+  useEffect(() => {
+    if (!id) return;
+    (async () => {
+      setLoading(true);
+      try {
+        const [courseData, reviewsData] = await Promise.all([
+          api.getPublicCourse(id),
+          api.getCourseReviews(id).catch(() => ({ data: [] })),
+        ]);
+        setCourse(courseData);
+        setReviews(reviewsData.data || []);
+
+        if (user) {
+          const enrollments = await api.getMyEnrollments().catch(() => []);
+          setEnrolled(enrollments.some((item: any) => item.course.id === id));
+        }
+      } catch {
+        setCourse(null);
+      } finally {
+        setLoading(false);
+      }
+    })();
+  }, [id, user]);
+
+  const handleEnroll = async () => {
+    if (!id || enrolling) return;
+    if (!user) {
+      router.push('/login');
+      return;
+    }
+
+    setEnrolling(true);
+    try {
+      if (course?.price) {
+        const session = await api.checkoutCourse(id);
+        if (session?.url) {
+          window.location.href = session.url;
+          return;
+        }
+      } else {
+        await api.enrollInCourse(id);
+        toast({ title: 'Готово', description: 'Вы записались на курс' });
+        router.push(`/dashboard/courses/${id}`);
+      }
+    } catch (error: any) {
+      toast({ title: 'Ошибка', description: error.message, variant: 'destructive' });
+    } finally {
+      setEnrolling(false);
+    }
+  };
+
+  if (loading) {
+    return (
+      <div className="min-h-screen flex flex-col">
+        <Header />
+        <div className="flex-1 flex min-h-[420px] items-center justify-center">
+          <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
+        </div>
+        <Footer />
+      </div>
+    );
+  }
+
+  if (!course) {
+    return (
+      <div className="min-h-screen flex flex-col">
+        <Header />
+        <div className="container py-20 text-center flex-1">
+          <p className="text-muted-foreground">Курс не найден</p>
+          <Link href="/courses" className="mt-3 inline-block text-sm text-primary hover:underline">
+            Вернуться в Курсы
+          </Link>
+        </div>
+        <Footer />
+      </div>
+    );
+  }
+
+  const totalLessons = course.chapters.reduce((acc: number, chapter: any) => acc + chapter.lessons.length, 0);
+
+  return (
+    <div className="min-h-screen flex flex-col">
+      <Header />
+      <main className="container max-w-6xl space-y-6 py-8 flex-1">
+        <Button variant="ghost" size="sm" asChild>
+          <Link href="/courses">
+            <ArrowLeft className="mr-2 h-4 w-4" />
+            Назад к курсам
+          </Link>
+        </Button>
+
+        <div className="grid gap-6 md:grid-cols-3">
+        <div className="space-y-5 md:col-span-2">
+          <div className="aspect-video overflow-hidden rounded-2xl bg-gradient-to-br from-amber-100 via-background to-cyan-100">
+            {course.coverImage ? (
+              <img src={course.coverImage} alt={course.title} className="h-full w-full object-cover" />
+            ) : (
+              <div className="flex h-full items-center justify-center">
+                <BookOpen className="h-12 w-12 text-primary/40" />
+              </div>
+            )}
+          </div>
+
+          <div>
+            <div className="mb-2 flex flex-wrap items-center gap-2">
+              {course.isVerified ? (
+                <span className="inline-flex items-center gap-1 rounded-full bg-emerald-600 px-2 py-0.5 text-xs font-medium text-white">
+                  <Shield className="h-3 w-3" />
+                  Проверен автором
+                </span>
+              ) : null}
+              {course.difficulty ? (
+                <span className="rounded-full bg-muted px-2 py-0.5 text-xs font-medium">
+                  {course.difficulty === 'beginner'
+                    ? 'Начинающий'
+                    : course.difficulty === 'intermediate'
+                      ? 'Средний'
+                      : 'Продвинутый'}
+                </span>
+              ) : null}
+            </div>
+            <h1 className="text-3xl font-bold tracking-tight">{course.title}</h1>
+            <p className="mt-2 text-muted-foreground">{course.description}</p>
+          </div>
+
+          <div className="flex flex-wrap items-center gap-4 text-sm text-muted-foreground">
+            <span className="inline-flex items-center gap-1">
+              <Users className="h-4 w-4" />
+              {course._count.enrollments} студентов
+            </span>
+            <span className="inline-flex items-center gap-1">
+              <Star className="h-4 w-4" />
+              {course.averageRating ? `${course.averageRating.toFixed(1)} (${course._count.reviews})` : 'Без рейтинга'}
+            </span>
+            <span>{totalLessons} уроков</span>
+            {course.estimatedHours ? (
+              <span className="inline-flex items-center gap-1">
+                <Clock className="h-4 w-4" />
+                {course.estimatedHours}ч
+              </span>
+            ) : null}
+          </div>
+
+          <Card>
+            <CardContent className="p-5">
+              <h2 className="mb-4 text-lg font-semibold">Содержание курса</h2>
+              <div className="space-y-2">
+                {course.chapters.map((chapter: any) => {
+                  const expanded = expandedChapters.includes(chapter.id);
+                  return (
+                    <div key={chapter.id} className="overflow-hidden rounded-xl border">
+                      <button
+                        onClick={() =>
+                          setExpandedChapters((prev) =>
+                            prev.includes(chapter.id) ? prev.filter((id: string) => id !== chapter.id) : [...prev, chapter.id]
+                          )
+                        }
+                        className="flex w-full items-center justify-between px-4 py-3 text-left hover:bg-muted/50"
+                      >
+                        <p className="font-medium">{chapter.title}</p>
+                        <div className="flex items-center gap-2 text-xs text-muted-foreground">
+                          <span>{chapter.lessons.length} уроков</span>
+                          <ChevronDown className={cn('h-4 w-4 transition', expanded && 'rotate-180')} />
+                        </div>
+                      </button>
+                      {expanded ? (
+                        <div className="border-t bg-muted/20 p-2">
+                          {chapter.lessons.map((lesson: any) => (
+                            <div key={lesson.id} className="flex items-center gap-2 px-2 py-2 text-sm">
+                              <Check className="h-3.5 w-3.5 text-muted-foreground" />
+                              <span>{lesson.title}</span>
+                              {lesson.durationMinutes ? (
+                                <span className="ml-auto text-xs text-muted-foreground">{lesson.durationMinutes} мин</span>
+                              ) : null}
+                            </div>
+                          ))}
+                        </div>
+                      ) : null}
+                    </div>
+                  );
+                })}
+              </div>
+            </CardContent>
+          </Card>
+        </div>
+
+        <Card className="h-fit md:sticky md:top-6">
+          <CardContent className="space-y-4 p-5">
+            <p className="text-3xl font-bold">
+              {course.price ? `${course.price} ${course.currency}` : 'Бесплатно'}
+            </p>
+            {enrolled ? (
+              <Button className="w-full" asChild>
+                <Link href={`/dashboard/courses/${id}`}>Перейти к обучению</Link>
+              </Button>
+            ) : (
+              <Button className="w-full" onClick={handleEnroll} disabled={enrolling}>
+                {enrolling ? <Loader2 className="mr-2 h-4 w-4 animate-spin" /> : null}
+                {course.price ? 'Купить курс' : 'Записаться'}
+              </Button>
+            )}
+            <div className="space-y-2 text-sm">
+              <div className="flex items-center gap-2">
+                <Check className="h-4 w-4 text-emerald-600" />
+                <span>{course.chapters.length} глав</span>
+              </div>
+              <div className="flex items-center gap-2">
+                <Check className="h-4 w-4 text-emerald-600" />
+                <span>{totalLessons} уроков</span>
+              </div>
+              <div className="flex items-center gap-2">
+                <Check className="h-4 w-4 text-emerald-600" />
+                <span>Сертификат по окончании</span>
+              </div>
+            </div>
+          </CardContent>
+        </Card>
+        </div>
+
+        {reviews.length ? (
+          <Card>
+            <CardContent className="space-y-4 p-5">
+              <h2 className="text-lg font-semibold">Отзывы</h2>
+              {reviews.map((review: any) => (
+                <div key={review.id} className="border-b pb-3 last:border-b-0">
+                  <p className="text-sm font-medium">{review.user.name || 'Пользователь'}</p>
+                  <p className="text-xs text-muted-foreground">Оценка: {review.rating}/5</p>
+                  {review.title ? <p className="mt-1 text-sm font-medium">{review.title}</p> : null}
+                  {review.content ? <p className="mt-1 text-sm text-muted-foreground">{review.content}</p> : null}
+                </div>
+              ))}
+            </CardContent>
+          </Card>
+        ) : null}
+      </main>
+      <Footer />
+    </div>
+  );
+}

apps/web/src/app/courses/page.tsx

@@ -0,0 +1,182 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import Link from 'next/link';
+import { Search, Star, Users, BookOpen, Shield, Loader2 } from 'lucide-react';
+import { Header } from '@/components/landing/header';
+import { Footer } from '@/components/landing/footer';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent } from '@/components/ui/card';
+import { api } from '@/lib/api';
+import { cn } from '@/lib/utils';
+
+interface CatalogCourse {
+  id: string;
+  title: string;
+  description: string | null;
+  coverImage: string | null;
+  difficulty: string | null;
+  price: number | null;
+  currency: string;
+  isVerified: boolean;
+  averageRating: number | null;
+  enrollmentCount: number;
+  reviewCount: number;
+  chaptersCount: number;
+  lessonsCount: number;
+  author: { id: string; name: string | null; avatarUrl: string | null };
+}
+
+const difficultyLabels: Record<string, { label: string; color: string }> = {
+  beginner: { label: 'Начинающий', color: 'text-green-600 bg-green-50 dark:bg-green-900/30' },
+  intermediate: { label: 'Средний', color: 'text-yellow-600 bg-yellow-50 dark:bg-yellow-900/30' },
+  advanced: { label: 'Продвинутый', color: 'text-red-600 bg-red-50 dark:bg-red-900/30' },
+};
+
+export default function CoursesPage() {
+  const [courses, setCourses] = useState<CatalogCourse[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [searchQuery, setSearchQuery] = useState('');
+  const [difficulty, setDifficulty] = useState('');
+
+  const loadCourses = async () => {
+    setLoading(true);
+    try {
+      const result = await api.getCatalog({
+        search: searchQuery || undefined,
+        difficulty: difficulty || undefined,
+      });
+      setCourses(result.data);
+    } catch {
+      setCourses([]);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    loadCourses();
+  }, [difficulty]);
+
+  const handleSearch = (e: React.FormEvent) => {
+    e.preventDefault();
+    loadCourses();
+  };
+
+  return (
+    <div className="min-h-screen flex flex-col">
+      <Header />
+      <main className="flex-1 container py-10 space-y-6">
+        <div>
+          <h1 className="text-3xl font-bold">Курсы</h1>
+          <p className="text-muted-foreground mt-1">Каталог доступных курсов для обучения</p>
+        </div>
+
+        <div className="flex flex-col sm:flex-row gap-3">
+          <form onSubmit={handleSearch} className="flex-1 flex gap-2">
+            <div className="relative flex-1">
+              <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+              <input
+                type="text"
+                placeholder="Поиск курсов..."
+                value={searchQuery}
+                onChange={(e) => setSearchQuery(e.target.value)}
+                className="w-full pl-10 pr-4 py-2 border rounded-lg bg-background text-sm focus:outline-none focus:ring-2 focus:ring-primary"
+              />
+            </div>
+            <Button type="submit" size="sm">Найти</Button>
+          </form>
+          <div className="flex gap-2">
+            {['', 'beginner', 'intermediate', 'advanced'].map((d) => (
+              <Button
+                key={d}
+                variant={difficulty === d ? 'default' : 'outline'}
+                size="sm"
+                onClick={() => setDifficulty(d)}
+              >
+                {d ? difficultyLabels[d]?.label : 'Все'}
+              </Button>
+            ))}
+          </div>
+        </div>
+
+        {loading ? (
+          <div className="flex justify-center py-20">
+            <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
+          </div>
+        ) : courses.length === 0 ? (
+          <div className="text-center py-20">
+            <BookOpen className="h-12 w-12 mx-auto text-muted-foreground/30 mb-4" />
+            <p className="text-muted-foreground">Пока нет опубликованных курсов</p>
+          </div>
+        ) : (
+          <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
+            {courses.map((course) => (
+              <Link key={course.id} href={`/courses/${course.id}`}>
+                <Card className="group overflow-hidden transition-all hover:shadow-lg hover:-translate-y-0.5 cursor-pointer h-full">
+                  <div className="aspect-video bg-gradient-to-br from-primary/20 to-primary/5 relative overflow-hidden">
+                    {course.coverImage ? (
+                      <img src={course.coverImage} alt="" className="w-full h-full object-cover" />
+                    ) : (
+                      <div className="absolute inset-0 flex items-center justify-center">
+                        <BookOpen className="h-10 w-10 text-primary/30" />
+                      </div>
+                    )}
+                    {course.isVerified && (
+                      <div className="absolute top-2 right-2 flex items-center gap-1 px-2 py-0.5 rounded-full bg-blue-600 text-white text-xs font-medium">
+                        <Shield className="h-3 w-3" />
+                        Проверен
+                      </div>
+                    )}
+                    {course.difficulty && difficultyLabels[course.difficulty] && (
+                      <div className={cn(
+                        'absolute top-2 left-2 px-2 py-0.5 rounded-full text-xs font-medium',
+                        difficultyLabels[course.difficulty].color
+                      )}>
+                        {difficultyLabels[course.difficulty].label}
+                      </div>
+                    )}
+                  </div>
+
+                  <CardContent className="p-4">
+                    <h3 className="font-semibold line-clamp-1 group-hover:text-primary transition-colors">
+                      {course.title}
+                    </h3>
+                    {course.description && (
+                      <p className="text-sm text-muted-foreground line-clamp-2 mt-1">{course.description}</p>
+                    )}
+
+                    <p className="text-xs text-muted-foreground mt-3">
+                      {course.author.name || 'Автор'}
+                    </p>
+
+                    <div className="flex items-center gap-3 mt-3 text-xs text-muted-foreground">
+                      {course.averageRating && (
+                        <span className="flex items-center gap-0.5 text-yellow-600 font-medium">
+                          <Star className="h-3.5 w-3.5 fill-current" />
+                          {course.averageRating.toFixed(1)}
+                        </span>
+                      )}
+                      <span className="flex items-center gap-0.5">
+                        <Users className="h-3.5 w-3.5" />
+                        {course.enrollmentCount}
+                      </span>
+                      <span>{course.lessonsCount} уроков</span>
+                    </div>
+
+                    <div className="mt-3 pt-3 border-t">
+                      <span className="font-bold text-lg">
+                        {course.price ? `${course.price} ${course.currency}` : 'Бесплатно'}
+                      </span>
+                    </div>
+                  </CardContent>
+                </Card>
+              </Link>
+            ))}
+          </div>
+        )}
+      </main>
+      <Footer />
+    </div>
+  );
+}

apps/web/src/app/staff/login/page.tsx

@@ -0,0 +1,128 @@
+'use client';
+
+import { FormEvent, useEffect, useState } from 'react';
+import Link from 'next/link';
+import { useRouter } from 'next/navigation';
+import { Loader2, Lock, Mail, ShieldCheck } from 'lucide-react';
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { useAuth } from '@/contexts/auth-context';
+import { useToast } from '@/components/ui/use-toast';
+
+export default function StaffLoginPage() {
+  const router = useRouter();
+  const { toast } = useToast();
+  const { signIn, backendUser, loading } = useAuth();
+
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [submitting, setSubmitting] = useState(false);
+  const [awaitingRole, setAwaitingRole] = useState(false);
+
+  useEffect(() => {
+    if (!awaitingRole || loading) return;
+
+    if (backendUser?.role === 'ADMIN' || backendUser?.role === 'MODERATOR') {
+      router.push('/admin');
+      return;
+    }
+
+    toast({
+      title: 'Нет доступа',
+      description: 'Этот вход доступен только администраторам и модераторам',
+      variant: 'destructive',
+    });
+    router.push('/dashboard');
+  }, [awaitingRole, loading, backendUser, router, toast]);
+
+  const onSubmit = async (event: FormEvent) => {
+    event.preventDefault();
+    if (submitting) return;
+
+    setSubmitting(true);
+    const { error } = await signIn(email, password);
+
+    if (error) {
+      toast({
+        title: 'Ошибка входа',
+        description: error.message || 'Проверьте логин и пароль',
+        variant: 'destructive',
+      });
+      setSubmitting(false);
+      return;
+    }
+
+    setAwaitingRole(true);
+    setSubmitting(false);
+  };
+
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-slate-50 via-background to-amber-50/40">
+      <div className="container flex min-h-screen items-center justify-center py-8">
+        <Card className="w-full max-w-md border-border/60 shadow-xl">
+          <CardHeader className="text-center">
+            <div className="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-2xl bg-primary/10 text-primary">
+              <ShieldCheck className="h-6 w-6" />
+            </div>
+            <CardTitle>Вход для staff</CardTitle>
+            <CardDescription>Отдельная авторизация для админов и модераторов</CardDescription>
+          </CardHeader>
+
+          <form onSubmit={onSubmit}>
+            <CardContent className="space-y-4">
+              <div className="space-y-2">
+                <Label htmlFor="staff-email">Email</Label>
+                <div className="relative">
+                  <Mail className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
+                  <Input
+                    id="staff-email"
+                    type="email"
+                    value={email}
+                    onChange={(e) => setEmail(e.target.value)}
+                    className="pl-10"
+                    placeholder="admin@company.com"
+                    required
+                  />
+                </div>
+              </div>
+
+              <div className="space-y-2">
+                <Label htmlFor="staff-password">Пароль</Label>
+                <div className="relative">
+                  <Lock className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
+                  <Input
+                    id="staff-password"
+                    type="password"
+                    value={password}
+                    onChange={(e) => setPassword(e.target.value)}
+                    className="pl-10"
+                    required
+                  />
+                </div>
+              </div>
+            </CardContent>
+
+            <CardFooter className="flex flex-col gap-3">
+              <Button type="submit" className="w-full" disabled={submitting || awaitingRole}>
+                {submitting || awaitingRole ? (
+                  <>
+                    <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                    Вход...
+                  </>
+                ) : (
+                  'Войти в staff'
+                )}
+              </Button>
+
+              <p className="text-center text-xs text-muted-foreground">
+                Обычный вход для пользователей: <Link href="/login" className="text-primary hover:underline">/login</Link>
+              </p>
+            </CardFooter>
+          </form>
+        </Card>
+      </div>
+    </div>
+  );
+}

apps/web/src/components/dashboard/course-card.tsx

@@ -33,7 +33,7 @@ interface CourseCardProps {
     id: string;
     title: string;
     description: string | null;
-    status: 'DRAFT' | 'GENERATING' | 'PUBLISHED' | 'ARCHIVED';
+    status: 'DRAFT' | 'GENERATING' | 'PENDING_REVIEW' | 'PUBLISHED' | 'REJECTED' | 'ARCHIVED';
     chaptersCount: number;
     lessonsCount: number;
     updatedAt: string;
@@ -55,6 +55,14 @@ const statusConfig = {
     label: 'Опубликован',
     className: 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200',
   },
+  PENDING_REVIEW: {
+    label: 'На модерации',
+    className: 'bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200',
+  },
+  REJECTED: {
+    label: 'Отклонён',
+    className: 'bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200',
+  },
   ARCHIVED: {
     label: 'Архив',
     className: 'bg-gray-100 text-gray-800 dark:bg-gray-900 dark:text-gray-200',

apps/web/src/components/dashboard/course-chat.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import { useState, useEffect, useRef } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
-import { Send, MessageCircle } from 'lucide-react';
+import { MessageCircle, Send } from 'lucide-react';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Button } from '@/components/ui/button';
 import { cn } from '@/lib/utils';
@@ -25,15 +25,17 @@ export function CourseChat({ groupId, userId, onSendMessage, messages }: CourseC
   const [sending, setSending] = useState(false);
   const messagesEndRef = useRef<HTMLDivElement>(null);
 
+  const groupedMessages = useMemo(() => messages, [messages]);
+
   useEffect(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
-  }, [messages]);
+  }, [groupedMessages]);
 
   const handleSend = async () => {
     if (!newMessage.trim() || sending) return;
     setSending(true);
     try {
-      await onSendMessage(newMessage);
+      await onSendMessage(newMessage.trim());
       setNewMessage('');
     } finally {
       setSending(false);
@@ -41,44 +43,60 @@ export function CourseChat({ groupId, userId, onSendMessage, messages }: CourseC
   };
 
   return (
-    <Card className="flex flex-col h-[500px]">
+    <Card className="flex h-[560px] flex-col overflow-hidden border-border/60">
-      <CardHeader className="pb-3">
+      <CardHeader className="border-b bg-muted/25 pb-3">
-        <CardTitle className="flex items-center gap-2 text-base">
+        <CardTitle className="flex items-center justify-between text-base">
+          <span className="flex items-center gap-2">
             <MessageCircle className="h-4 w-4" />
             Чат курса
+          </span>
+          <span className="text-xs font-medium text-muted-foreground">Группа {groupId.slice(0, 6)}</span>
         </CardTitle>
       </CardHeader>
-      <CardContent className="flex-1 flex flex-col min-h-0 p-4">
+
-        <div className="flex-1 overflow-auto space-y-3 mb-3">
+      <CardContent className="flex min-h-0 flex-1 flex-col p-4">
-          {messages.map((msg) => {
+        <div className="mb-3 flex-1 space-y-3 overflow-auto pr-2">
+          {groupedMessages.map((msg) => {
             const isOwn = msg.user.id === userId;
             return (
-              <div key={msg.id} className={cn('flex gap-2', isOwn && 'flex-row-reverse')}>
+              <div key={msg.id} className={cn('flex', isOwn ? 'justify-end' : 'justify-start')}>
-                <div className="h-8 w-8 shrink-0 rounded-full bg-primary/10 flex items-center justify-center text-xs font-bold text-primary">
+                <div className={cn('max-w-[80%] space-y-1', isOwn ? 'items-end' : 'items-start')}>
-                  {msg.user.name?.[0] || 'U'}
+                  <p className="text-xs text-muted-foreground">{msg.user.name || 'Участник'}</p>
-                </div>
+                  <div
-                <div className={cn('flex flex-col gap-1 max-w-[70%]', isOwn && 'items-end')}>
+                    className={cn(
-                  <span className="text-xs text-muted-foreground">{msg.user.name || 'Аноним'}</span>
+                      'rounded-2xl px-3 py-2 text-sm shadow-sm',
-                  <div className={cn('rounded-lg px-3 py-2 text-sm', isOwn ? 'bg-primary text-primary-foreground' : 'bg-muted')}>
+                      isOwn
+                        ? 'rounded-br-md bg-primary text-primary-foreground'
+                        : 'rounded-bl-md border bg-card'
+                    )}
+                  >
                     {msg.content}
                   </div>
                 </div>
               </div>
             );
           })}
+
+          {groupedMessages.length === 0 ? (
+            <div className="flex h-full items-center justify-center text-sm text-muted-foreground">
+              Сообщений пока нет. Начните обсуждение.
+            </div>
+          ) : null}
+
           <div ref={messagesEndRef} />
         </div>
-        <div className="flex gap-2">
+
+        <div className="flex gap-2 border-t pt-3">
           <input
             type="text"
             value={newMessage}
             onChange={(e) => setNewMessage(e.target.value)}
             onKeyDown={(e) => e.key === 'Enter' && !e.shiftKey && handleSend()}
             placeholder="Написать сообщение..."
-            className="flex-1 px-3 py-2 text-sm border rounded-lg focus:outline-none focus:ring-2 focus:ring-primary"
+            className="h-10 flex-1 rounded-xl border bg-background px-3 text-sm"
             disabled={sending}
           />
-          <Button size="sm" onClick={handleSend} disabled={sending || !newMessage.trim()}>
+          <Button size="sm" className="h-10 rounded-xl px-4" onClick={handleSend} disabled={sending || !newMessage.trim()}>
             <Send className="h-4 w-4" />
           </Button>
         </div>

apps/web/src/components/dashboard/header.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import Link from 'next/link';
-import { Bell, Menu, LogOut, Settings, CreditCard } from 'lucide-react';
+import { Bell, Menu, LogOut, Settings, CreditCard, ShieldCheck } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
 import {
@@ -15,7 +15,8 @@ import {
 import { useAuth } from '@/contexts/auth-context';
 
 export function DashboardHeader() {
-  const { user, signOut } = useAuth();
+  const { user, signOut, backendUser } = useAuth();
+  const isStaff = backendUser?.role === 'ADMIN' || backendUser?.role === 'MODERATOR';
 
   const initials = user?.user_metadata?.full_name
     ?.split(' ')
@@ -24,7 +25,7 @@ export function DashboardHeader() {
     .toUpperCase() || user?.email?.[0]?.toUpperCase() || 'U';
 
   return (
-    <header className="flex h-16 items-center justify-between border-b px-6">
+    <header className="flex h-16 items-center justify-between border-b border-border/60 bg-background/80 px-6 backdrop-blur">
       {/* Mobile menu button */}
       <Button variant="ghost" size="icon" className="lg:hidden">
         <Menu className="h-5 w-5" />
@@ -36,6 +37,14 @@ export function DashboardHeader() {
 
       {/* Right side */}
       <div className="flex items-center gap-4">
+        {isStaff ? (
+          <Button variant="outline" size="sm" asChild>
+            <Link href="/admin">
+              <ShieldCheck className="mr-2 h-4 w-4" />
+              Админ Панель
+            </Link>
+          </Button>
+        ) : null}
         {/* Notifications */}
         <Button variant="ghost" size="icon">
           <Bell className="h-5 w-5" />

apps/web/src/components/dashboard/lesson-quiz.tsx

@@ -3,7 +3,7 @@
 import { useState } from 'react';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Button } from '@/components/ui/button';
-import { CheckCircle2, XCircle, Trophy } from 'lucide-react';
+import { CheckCircle2, XCircle, Trophy, Loader2 } from 'lucide-react';
 import { cn } from '@/lib/utils';
 
 interface QuizQuestion {
@@ -13,36 +13,50 @@ interface QuizQuestion {
   correctAnswer: number;
 }
 
+interface QuizSubmitResult {
+  score: number;
+  passed: boolean;
+  correctAnswers?: number;
+  totalQuestions?: number;
+}
+
 interface LessonQuizProps {
   courseId: string;
   lessonId: string;
   questions: QuizQuestion[];
-  onComplete: (score: number) => void;
+  onComplete: (answers: number[]) => Promise<QuizSubmitResult>;
 }
 
-export function LessonQuiz({ courseId, lessonId, questions, onComplete }: LessonQuizProps) {
+export function LessonQuiz({ questions, onComplete }: LessonQuizProps) {
   const [currentQuestion, setCurrentQuestion] = useState(0);
   const [answers, setAnswers] = useState<number[]>([]);
   const [showResults, setShowResults] = useState(false);
   const [selectedAnswer, setSelectedAnswer] = useState<number | null>(null);
+  const [submitting, setSubmitting] = useState(false);
+  const [serverResult, setServerResult] = useState<QuizSubmitResult | null>(null);
 
   const handleSelectAnswer = (optionIndex: number) => {
     setSelectedAnswer(optionIndex);
   };
 
-  const handleNext = () => {
+  const handleNext = async () => {
-    if (selectedAnswer === null) return;
+    if (selectedAnswer === null || submitting) return;
     const newAnswers = [...answers, selectedAnswer];
     setAnswers(newAnswers);
 
     if (currentQuestion < questions.length - 1) {
       setCurrentQuestion(currentQuestion + 1);
       setSelectedAnswer(null);
-    } else {
+      return;
-      const correct = newAnswers.filter((ans, idx) => ans === questions[idx].correctAnswer).length;
+    }
-      const score = Math.round((correct / questions.length) * 100);
+
+    setSubmitting(true);
+    try {
+      const result = await onComplete(newAnswers);
+      setServerResult(result);
       setShowResults(true);
-      onComplete(score);
+    } finally {
+      setSubmitting(false);
     }
   };
 
@@ -51,37 +65,43 @@ export function LessonQuiz({ courseId, lessonId, questions, onComplete }: Lesson
   }
 
   if (showResults) {
-    const correct = answers.filter((ans, idx) => ans === questions[idx].correctAnswer).length;
+    const score = serverResult?.score ?? 0;
-    const score = Math.round((correct / questions.length) * 100);
+    const passed = Boolean(serverResult?.passed);
-    const passed = score >= 70;
+    const correct =
+      serverResult?.correctAnswers ??
+      answers.filter((ans, idx) => ans === questions[idx].correctAnswer).length;
+    const total = serverResult?.totalQuestions ?? questions.length;
 
     return (
       <Card className="mt-8">
         <CardContent className="p-8 text-center">
-          <div className={cn(
+          <div
+            className={cn(
               'mx-auto h-16 w-16 rounded-full flex items-center justify-center mb-4',
               passed ? 'bg-green-100 dark:bg-green-900' : 'bg-yellow-100 dark:bg-yellow-900'
-          )}>
+            )}
+          >
             {passed ? (
               <Trophy className="h-8 w-8 text-green-600 dark:text-green-400" />
             ) : (
               <CheckCircle2 className="h-8 w-8 text-yellow-600 dark:text-yellow-400" />
             )}
           </div>
-          <h3 className="text-xl font-bold mb-2">
+          <h3 className="text-xl font-bold mb-2">{passed ? 'Тест пройден' : 'Тест не пройден'}</h3>
-            {passed ? 'Отлично!' : 'Неплохо!'}
-          </h3>
           <p className="text-muted-foreground mb-4">
-            Ваш результат: {correct} из {questions.length} ({score}%)
+            Ваш результат: {correct} из {total} ({score}%)
           </p>
           <div className="space-y-2 max-w-md mx-auto">
             {questions.map((q, idx) => {
               const isCorrect = answers[idx] === q.correctAnswer;
               return (
-                <div key={q.id} className={cn(
+                <div
+                  key={q.id}
+                  className={cn(
                     'flex items-center gap-2 p-2 rounded text-sm',
                     isCorrect ? 'bg-green-50 dark:bg-green-900/30' : 'bg-red-50 dark:bg-red-900/30'
-                )}>
+                  )}
+                >
                   {isCorrect ? (
                     <CheckCircle2 className="h-4 w-4 text-green-600" />
                   ) : (
@@ -102,9 +122,7 @@ export function LessonQuiz({ courseId, lessonId, questions, onComplete }: Lesson
   return (
     <Card className="mt-8">
       <CardHeader>
-        <CardTitle>
+        <CardTitle>Тест по уроку ({currentQuestion + 1}/{questions.length})</CardTitle>
-          Тест по уроку ({currentQuestion + 1}/{questions.length})
-        </CardTitle>
       </CardHeader>
       <CardContent className="space-y-4">
         <p className="font-medium">{question.question}</p>
@@ -115,21 +133,24 @@ export function LessonQuiz({ courseId, lessonId, questions, onComplete }: Lesson
               onClick={() => handleSelectAnswer(idx)}
               className={cn(
                 'p-3 rounded-lg border text-left transition-colors',
-                selectedAnswer === idx
+                selectedAnswer === idx ? 'border-primary bg-primary/5' : 'hover:bg-muted'
-                  ? 'border-primary bg-primary/5'
-                  : 'hover:bg-muted'
               )}
             >
               {option}
             </button>
           ))}
         </div>
-        <Button
+        <Button onClick={handleNext} disabled={selectedAnswer === null || submitting} className="w-full">
-          onClick={handleNext}
+          {submitting ? (
-          disabled={selectedAnswer === null}
+            <>
-          className="w-full"
+              <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-        >
+              Проверка...
-          {currentQuestion < questions.length - 1 ? 'Следующий вопрос' : 'Завершить тест'}
+            </>
+          ) : currentQuestion < questions.length - 1 ? (
+            'Следующий вопрос'
+          ) : (
+            'Завершить тест'
+          )}
         </Button>
       </CardContent>
     </Card>

apps/web/src/components/dashboard/sidebar.tsx

@@ -5,30 +5,38 @@ import { usePathname } from 'next/navigation';
 import {
   Sparkles,
   LayoutDashboard,
-  BookOpen,
   GraduationCap,
-  Compass,
   Settings,
   CreditCard,
   Plus,
+  LifeBuoy,
+  Globe2,
+  ShieldCheck,
 } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import { Button } from '@/components/ui/button';
+import { useAuth } from '@/contexts/auth-context';
 
 const navigation = [
-  { name: 'Обзор', href: '/dashboard', icon: LayoutDashboard, exact: true },
+  { name: 'Мои курсы', href: '/dashboard', icon: LayoutDashboard, exact: true },
-  { name: 'Мои курсы', href: '/dashboard', icon: BookOpen, exact: true },
-  { name: 'Каталог', href: '/dashboard/catalog', icon: Compass },
   { name: 'Мои обучения', href: '/dashboard/learning', icon: GraduationCap },
+  { name: 'Курсы', href: '/courses', icon: Globe2, external: true },
 ];
 
 const bottomNavigation = [
+  { name: 'Поддержка', href: '/dashboard/support', icon: LifeBuoy },
   { name: 'Настройки', href: '/dashboard/settings', icon: Settings },
   { name: 'Подписка', href: '/dashboard/billing', icon: CreditCard },
 ];
 
 export function Sidebar() {
   const pathname = usePathname();
+  const { backendUser } = useAuth();
+  const isStaff = backendUser?.role === 'ADMIN' || backendUser?.role === 'MODERATOR';
+
+  const effectiveBottomNavigation = isStaff
+    ? [{ name: 'Админ Панель', href: '/admin', icon: ShieldCheck }, ...bottomNavigation]
+    : bottomNavigation;
 
   return (
     <aside className="hidden lg:flex lg:flex-col lg:w-64 lg:border-r lg:bg-muted/30">
@@ -78,7 +86,7 @@ export function Sidebar() {
 
       {/* Bottom navigation */}
       <nav className="p-4 border-t space-y-1">
-        {bottomNavigation.map((item) => {
+        {effectiveBottomNavigation.map((item) => {
           const isActive = pathname === item.href;
           return (
             <Link

apps/web/src/components/dashboard/support-widget.tsx

@@ -0,0 +1,273 @@
+'use client';
+
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { io, Socket } from 'socket.io-client';
+import { ChevronLeft, LifeBuoy, MessageCircle, Minus, Plus, Send } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { api } from '@/lib/api';
+import { getWsBaseUrl } from '@/lib/ws';
+import { cn } from '@/lib/utils';
+
+type Ticket = {
+  id: string;
+  title: string;
+  status: string;
+  updatedAt: string;
+};
+
+type TicketMessage = {
+  id: string;
+  content: string;
+  isStaff: boolean;
+  createdAt: string;
+  user?: { id?: string; name?: string | null };
+};
+
+export function SupportWidget() {
+  const [open, setOpen] = useState(false);
+  const [creating, setCreating] = useState(false);
+  const [tickets, setTickets] = useState<Ticket[]>([]);
+  const [selectedTicketId, setSelectedTicketId] = useState<string | null>(null);
+  const [messages, setMessages] = useState<TicketMessage[]>([]);
+  const [newMessage, setNewMessage] = useState('');
+  const [ticketTitle, setTicketTitle] = useState('');
+  const [ticketText, setTicketText] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [sending, setSending] = useState(false);
+  const messagesEndRef = useRef<HTMLDivElement | null>(null);
+  const socketRef = useRef<Socket | null>(null);
+
+  const selectedTicket = useMemo(
+    () => tickets.find((ticket) => ticket.id === selectedTicketId) || null,
+    [tickets, selectedTicketId]
+  );
+
+  const loadTickets = async () => {
+    setLoading(true);
+    try {
+      const data = await api.getMySupportTickets().catch(() => []);
+      setTickets(data || []);
+      if (!selectedTicketId && data?.length) {
+        setSelectedTicketId(data[0].id);
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    if (!open) return;
+    loadTickets();
+  }, [open]);
+
+  useEffect(() => {
+    if (!open || !selectedTicketId) return;
+
+    api
+      .getSupportTicketMessages(selectedTicketId)
+      .then((data) => setMessages(data || []))
+      .catch(() => setMessages([]));
+
+    const token =
+      typeof window !== 'undefined' ? sessionStorage.getItem('coursecraft_api_token') || undefined : undefined;
+    const socket = io(`${getWsBaseUrl()}/ws/support`, {
+      transports: ['websocket'],
+      auth: { token },
+    });
+    socketRef.current = socket;
+    socket.emit('support:join', { ticketId: selectedTicketId });
+    socket.on('support:new-message', (msg: TicketMessage) => {
+      setMessages((prev) => [...prev, msg]);
+    });
+
+    return () => {
+      socket.disconnect();
+      socketRef.current = null;
+    };
+  }, [open, selectedTicketId]);
+
+  useEffect(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
+  }, [messages, selectedTicketId]);
+
+  const createTicket = async () => {
+    if (!ticketTitle.trim()) return;
+    setSending(true);
+    try {
+      await api.createSupportTicket({
+        title: ticketTitle.trim(),
+        initialMessage: ticketText.trim() || undefined,
+      });
+      setTicketTitle('');
+      setTicketText('');
+      setCreating(false);
+      await loadTickets();
+    } finally {
+      setSending(false);
+    }
+  };
+
+  const sendMessage = async () => {
+    if (!selectedTicketId || !newMessage.trim()) return;
+    setSending(true);
+    try {
+      await api.sendSupportMessage(selectedTicketId, newMessage.trim());
+      setNewMessage('');
+      const latest = await api.getSupportTicketMessages(selectedTicketId).catch(() => []);
+      setMessages(latest || []);
+      await loadTickets();
+    } finally {
+      setSending(false);
+    }
+  };
+
+  return (
+    <div className="fixed bottom-4 right-4 z-40">
+      {open ? (
+        <div className="w-[360px] rounded-2xl border border-border/70 bg-background/95 shadow-2xl backdrop-blur-xl">
+          <div className="flex items-center justify-between border-b px-4 py-3">
+            <div className="flex items-center gap-2">
+              <div className="rounded-lg bg-primary/15 p-1.5 text-primary">
+                <LifeBuoy className="h-4 w-4" />
+              </div>
+              <div>
+                <p className="text-sm font-semibold">Поддержка</p>
+                <p className="text-xs text-muted-foreground">Тикеты и ответы</p>
+              </div>
+            </div>
+            <Button size="icon" variant="ghost" className="h-8 w-8" onClick={() => setOpen(false)}>
+              <Minus className="h-4 w-4" />
+            </Button>
+          </div>
+
+          {!selectedTicketId || creating ? (
+            <div className="space-y-3 p-4">
+              <div className="flex items-center justify-between">
+                <p className="text-sm font-medium">Новый тикет</p>
+                {!creating ? (
+                  <Button size="sm" variant="outline" onClick={() => setCreating(true)}>
+                    <Plus className="mr-1 h-3 w-3" />
+                    Создать
+                  </Button>
+                ) : (
+                  <Button size="sm" variant="ghost" onClick={() => setCreating(false)}>
+                    Назад
+                  </Button>
+                )}
+              </div>
+
+              {creating ? (
+                <div className="space-y-2">
+                  <input
+                    value={ticketTitle}
+                    onChange={(e) => setTicketTitle(e.target.value)}
+                    placeholder="Тема тикета"
+                    className="w-full rounded-lg border bg-background px-3 py-2 text-sm"
+                  />
+                  <textarea
+                    value={ticketText}
+                    onChange={(e) => setTicketText(e.target.value)}
+                    placeholder="Опишите вопрос"
+                    className="min-h-[110px] w-full rounded-lg border bg-background px-3 py-2 text-sm"
+                  />
+                  <Button size="sm" className="w-full" disabled={sending} onClick={createTicket}>
+                    Отправить тикет
+                  </Button>
+                </div>
+              ) : null}
+
+              <div className="border-t pt-3">
+                <p className="mb-2 text-xs font-medium uppercase tracking-wide text-muted-foreground">
+                  Мои тикеты
+                </p>
+                <div className="max-h-[260px] space-y-2 overflow-auto pr-1">
+                  {loading ? <p className="text-xs text-muted-foreground">Загрузка...</p> : null}
+                  {tickets.map((ticket) => (
+                    <button
+                      key={ticket.id}
+                      onClick={() => setSelectedTicketId(ticket.id)}
+                      className="w-full rounded-xl border px-3 py-2 text-left transition hover:bg-muted/60"
+                    >
+                      <p className="line-clamp-1 text-sm font-medium">{ticket.title}</p>
+                      <p className="mt-1 text-xs text-muted-foreground">Статус: {ticket.status}</p>
+                    </button>
+                  ))}
+                  {!loading && tickets.length === 0 ? (
+                    <p className="text-xs text-muted-foreground">Пока нет тикетов</p>
+                  ) : null}
+                </div>
+              </div>
+            </div>
+          ) : (
+            <div className="flex h-[500px] flex-col">
+              <div className="flex items-center gap-2 border-b px-3 py-2">
+                <Button
+                  variant="ghost"
+                  size="icon"
+                  className="h-8 w-8"
+                  onClick={() => setSelectedTicketId(null)}
+                >
+                  <ChevronLeft className="h-4 w-4" />
+                </Button>
+                <div className="min-w-0">
+                  <p className="truncate text-sm font-medium">{selectedTicket?.title}</p>
+                  <p className="text-xs text-muted-foreground">Статус: {selectedTicket?.status}</p>
+                </div>
+              </div>
+
+              <div className="flex-1 space-y-2 overflow-auto p-3">
+                {messages.map((msg) => (
+                  <div
+                    key={msg.id}
+                    className={cn('flex', msg.isStaff ? 'justify-start' : 'justify-end')}
+                  >
+                    <div
+                      className={cn(
+                        'max-w-[80%] rounded-2xl px-3 py-2 text-sm',
+                        msg.isStaff ? 'bg-muted text-foreground' : 'bg-primary text-primary-foreground'
+                      )}
+                    >
+                      <p>{msg.content}</p>
+                    </div>
+                  </div>
+                ))}
+                {messages.length === 0 ? (
+                  <div className="flex h-full items-center justify-center text-xs text-muted-foreground">
+                    <MessageCircle className="mr-2 h-4 w-4" />
+                    Сообщений пока нет
+                  </div>
+                ) : null}
+                <div ref={messagesEndRef} />
+              </div>
+
+              <div className="border-t p-3">
+                <div className="flex gap-2">
+                  <input
+                    value={newMessage}
+                    onChange={(e) => setNewMessage(e.target.value)}
+                    onKeyDown={(e) => e.key === 'Enter' && sendMessage()}
+                    placeholder="Ваш ответ"
+                    className="flex-1 rounded-lg border bg-background px-3 py-2 text-sm"
+                  />
+                  <Button size="icon" className="h-9 w-9" onClick={sendMessage} disabled={sending}>
+                    <Send className="h-4 w-4" />
+                  </Button>
+                </div>
+              </div>
+            </div>
+          )}
+        </div>
+      ) : (
+        <Button
+          size="icon"
+          className="h-12 w-12 rounded-full shadow-lg"
+          onClick={() => setOpen(true)}
+          aria-label="Открыть поддержку"
+        >
+          <LifeBuoy className="h-5 w-5" />
+        </Button>
+      )}
+    </div>
+  );
+}
+

apps/web/src/components/landing/footer.tsx

@@ -3,9 +3,10 @@ import { Sparkles } from 'lucide-react';
 
 const navigation = {
   product: [
-    { name: 'Возможности', href: '#features' },
+    { name: 'Курсы', href: '/courses' },
-    { name: 'Тарифы', href: '#pricing' },
+    { name: 'Возможности', href: '/#features' },
-    { name: 'FAQ', href: '#faq' },
+    { name: 'Тарифы', href: '/#pricing' },
+    { name: 'FAQ', href: '/#faq' },
   ],
   company: [
     { name: 'О нас', href: '/about' },

apps/web/src/components/landing/header.tsx

@@ -9,10 +9,11 @@ import { cn } from '@/lib/utils';
 import { useAuth } from '@/contexts/auth-context';
 
 const navigation = [
-  { name: 'Возможности', href: '#features' },
+  { name: 'Курсы', href: '/courses' },
-  { name: 'Как это работает', href: '#how-it-works' },
+  { name: 'Возможности', href: '/#features' },
-  { name: 'Тарифы', href: '#pricing' },
+  { name: 'Как это работает', href: '/#how-it-works' },
-  { name: 'FAQ', href: '#faq' },
+  { name: 'Тарифы', href: '/#pricing' },
+  { name: 'FAQ', href: '/#faq' },
 ];
 
 export function Header() {

apps/web/src/contexts/auth-context.tsx

@@ -12,6 +12,7 @@ interface BackendUser {
   name: string | null;
   avatarUrl: string | null;
   subscriptionTier: string;
+  role?: string;
 }
 
 interface AuthContextType {

apps/web/src/lib/api.ts

@@ -254,6 +254,10 @@ class ApiClient {
     return this.request<any>(`/catalog/${id}/submit`, { method: 'POST' });
   }
 
+  async checkoutCourse(id: string) {
+    return this.request<{ url: string }>(`/catalog/${id}/checkout`, { method: 'POST' });
+  }
+
   async toggleCourseVerification(id: string) {
     return this.request<any>(`/catalog/${id}/verify`, { method: 'PATCH' });
   }
@@ -275,10 +279,21 @@ class ApiClient {
     return this.request<any>(`/enrollment/${courseId}/lessons/${lessonId}/complete`, { method: 'POST' });
   }
 
-  async submitQuizScore(courseId: string, lessonId: string, score: number) {
+  async submitQuizAnswers(courseId: string, lessonId: string, answers: number[]) {
     return this.request<any>(`/enrollment/${courseId}/lessons/${lessonId}/quiz`, {
       method: 'POST',
-      body: JSON.stringify({ score }),
+      body: JSON.stringify({ answers }),
+    });
+  }
+
+  async getLessonHomework(courseId: string, lessonId: string) {
+    return this.request<any>(`/enrollment/${courseId}/lessons/${lessonId}/homework`);
+  }
+
+  async submitLessonHomework(courseId: string, lessonId: string, content: string) {
+    return this.request<any>(`/enrollment/${courseId}/lessons/${lessonId}/homework`, {
+      method: 'POST',
+      body: JSON.stringify({ content }),
     });
   }
 
@@ -305,6 +320,137 @@ class ApiClient {
     );
   }
 
+  async reviewHomeworkSubmission(
+    courseId: string,
+    submissionId: string,
+    data: { teacherScore: number; teacherFeedback?: string }
+  ) {
+    return this.request<any>(`/courses/${courseId}/homework-submissions/${submissionId}/review`, {
+      method: 'POST',
+      body: JSON.stringify(data),
+    });
+  }
+
+  async getHomeworkSubmissions(courseId: string) {
+    return this.request<any[]>(`/courses/${courseId}/homework-submissions`);
+  }
+
+  // Groups
+  async getDefaultCourseGroup(courseId: string) {
+    return this.request<any>(`/groups/course/${courseId}/default`);
+  }
+
+  async getGroupMessages(groupId: string) {
+    return this.request<any[]>(`/groups/${groupId}/messages`);
+  }
+
+  async getGroupMembers(groupId: string) {
+    return this.request<any[]>(`/groups/${groupId}/members`);
+  }
+
+  async sendGroupMessage(groupId: string, content: string) {
+    return this.request<any>(`/groups/${groupId}/messages`, {
+      method: 'POST',
+      body: JSON.stringify({ content }),
+    });
+  }
+
+  async createGroupInviteLink(groupId: string) {
+    return this.request<{ inviteUrl: string }>(`/groups/${groupId}/invite-link`, {
+      method: 'POST',
+    });
+  }
+
+  async joinGroupByInvite(groupId: string) {
+    return this.request<any>(`/groups/join/${groupId}`, { method: 'POST' });
+  }
+
+  // Support
+  async createSupportTicket(data: { title: string; initialMessage?: string; priority?: string }) {
+    return this.request<any>('/support/tickets', {
+      method: 'POST',
+      body: JSON.stringify(data),
+    });
+  }
+
+  async getMySupportTickets() {
+    return this.request<any[]>('/support/tickets');
+  }
+
+  async getSupportTicketMessages(id: string) {
+    return this.request<any[]>(`/support/tickets/${id}/messages`);
+  }
+
+  async sendSupportMessage(id: string, content: string) {
+    return this.request<any>(`/support/tickets/${id}/messages`, {
+      method: 'POST',
+      body: JSON.stringify({ content }),
+    });
+  }
+
+  async getAdminSupportTickets() {
+    return this.request<any[]>('/support/admin/tickets');
+  }
+
+  async getAdminSupportTicketMessages(id: string) {
+    return this.request<any[]>(`/support/admin/tickets/${id}/messages`);
+  }
+
+  async sendAdminSupportMessage(id: string, content: string) {
+    return this.request<any>(`/support/admin/tickets/${id}/messages`, {
+      method: 'POST',
+      body: JSON.stringify({ content }),
+    });
+  }
+
+  async updateAdminSupportTicketStatus(id: string, status: string) {
+    return this.request<any>(`/support/admin/tickets/${id}/status`, {
+      method: 'POST',
+      body: JSON.stringify({ status }),
+    });
+  }
+
+  // Moderation reviews
+  async hideReview(reviewId: string) {
+    return this.request<any>(`/moderation/reviews/${reviewId}/hide`, { method: 'POST' });
+  }
+
+  async unhideReview(reviewId: string) {
+    return this.request<any>(`/moderation/reviews/${reviewId}/unhide`, { method: 'POST' });
+  }
+
+  async getModerationCourses(params?: { status?: string; search?: string }) {
+    const searchParams = new URLSearchParams();
+    if (params?.status) searchParams.set('status', params.status);
+    if (params?.search) searchParams.set('search', params.search);
+    const query = searchParams.toString();
+    return this.request<any[]>(`/moderation/courses${query ? `?${query}` : ''}`);
+  }
+
+  async getPendingModerationCourses() {
+    return this.request<any[]>('/moderation/pending');
+  }
+
+  async approveModerationCourse(courseId: string, note?: string) {
+    return this.request<any>(`/moderation/${courseId}/approve`, {
+      method: 'POST',
+      body: JSON.stringify({ note }),
+    });
+  }
+
+  async rejectModerationCourse(courseId: string, reason: string) {
+    return this.request<any>(`/moderation/${courseId}/reject`, {
+      method: 'POST',
+      body: JSON.stringify({ reason }),
+    });
+  }
+
+  async deleteModerationCourse(courseId: string) {
+    return this.request<void>(`/moderation/${courseId}`, {
+      method: 'DELETE',
+    });
+  }
+
   // Search
   async searchCourses(query: string, filters?: { category?: string; difficulty?: string }) {
     const searchParams = new URLSearchParams({ q: query });

apps/web/src/lib/ws.ts

@@ -0,0 +1,21 @@
+export function getWsBaseUrl(): string {
+  if (process.env.NEXT_PUBLIC_API_ORIGIN) {
+    return process.env.NEXT_PUBLIC_API_ORIGIN;
+  }
+
+  if (typeof window === 'undefined') {
+    return 'http://localhost:3125';
+  }
+
+  const { protocol, hostname, port } = window.location;
+  if (hostname === 'localhost' || hostname === '127.0.0.1') {
+    return `${protocol}//${hostname}:3125`;
+  }
+
+  // In production-like environments backend can be served behind same host
+  // or exposed on a dedicated API origin via NEXT_PUBLIC_API_ORIGIN.
+  if (port === '3080') {
+    return `${protocol}//${hostname}:3125`;
+  }
+  return `${protocol}//${hostname}${port ? `:${port}` : ''}`;
+}

apps/web/src/middleware.ts

@@ -62,8 +62,8 @@ export async function middleware(request: NextRequest) {
     data: { session },
   } = await supabase.auth.getSession();
 
-  // Protect dashboard routes
+  // Protect dashboard and admin routes
-  if (request.nextUrl.pathname.startsWith('/dashboard')) {
+  if (request.nextUrl.pathname.startsWith('/dashboard') || request.nextUrl.pathname.startsWith('/admin')) {
     if (!session) {
       return NextResponse.redirect(new URL('/login', request.url));
     }
@@ -80,5 +80,5 @@ export async function middleware(request: NextRequest) {
 }
 
 export const config = {
-  matcher: ['/dashboard/:path*', '/login', '/register'],
+  matcher: ['/dashboard/:path*', '/admin/:path*', '/login', '/register'],
 };

packages/database/prisma/schema.prisma

@@ -440,6 +440,10 @@ model LessonProgress {
   
   completedAt   DateTime? @map("completed_at")
   quizScore     Int?      @map("quiz_score") // 0-100
+  quizPassed    Boolean   @default(false) @map("quiz_passed")
+  quizPassedAt  DateTime? @map("quiz_passed_at")
+  homeworkSubmitted   Boolean   @default(false) @map("homework_submitted")
+  homeworkSubmittedAt DateTime? @map("homework_submitted_at")
   
   createdAt     DateTime  @default(now()) @map("created_at")
   
@@ -461,6 +465,7 @@ model CourseGroup {
   courseId    String   @map("course_id")
   name        String
   description String?  @db.Text
+  isDefault   Boolean  @default(false) @map("is_default")
   
   createdAt   DateTime @default(now()) @map("created_at")
   updatedAt   DateTime @updatedAt @map("updated_at")
@@ -509,7 +514,7 @@ model GroupMessage {
 
 model Homework {
   id              String   @id @default(uuid())
-  lessonId        String   @map("lesson_id")
+  lessonId        String   @unique @map("lesson_id")
   title           String
   description     String   @db.Text
   dueDate         DateTime? @map("due_date")
@@ -524,6 +529,12 @@ model Homework {
   @@map("homework")
 }
 
+enum HomeworkReviewStatus {
+  SUBMITTED
+  AI_REVIEWED
+  TEACHER_REVIEWED
+}
+
 model HomeworkSubmission {
   id            String   @id @default(uuid())
   homeworkId    String   @map("homework_id")
@@ -531,12 +542,13 @@ model HomeworkSubmission {
   content       String   @db.Text
   
   // AI grading
-  aiScore       Int?     @map("ai_score") // 0-100
+  aiScore       Int?     @map("ai_score") // 1-5
   aiFeedback    String?  @db.Text @map("ai_feedback")
   
   // Teacher grading
-  teacherScore  Int?     @map("teacher_score") // 0-100
+  teacherScore  Int?     @map("teacher_score") // 1-5
   teacherFeedback String? @db.Text @map("teacher_feedback")
+  reviewStatus  HomeworkReviewStatus @default(SUBMITTED) @map("review_status")
   
   submittedAt   DateTime @default(now()) @map("submitted_at")
   gradedAt      DateTime? @map("graded_at")

pnpm-lock.yaml

@@ -74,7 +74,7 @@ importers:
         version: link:../../packages/shared
       '@nestjs/bullmq':
         specifier: ^10.0.0
-        version: 10.2.3(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2))(bullmq@5.67.3)
+        version: 10.2.3(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(@nestjs/websockets@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2))(bullmq@5.67.3)
       '@nestjs/common':
         specifier: ^10.3.0
         version: 10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2)
@@ -83,7 +83,7 @@ importers:
         version: 3.3.0(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(rxjs@7.8.2)
       '@nestjs/core':
         specifier: ^10.3.0
-        version: 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+        version: 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(@nestjs/websockets@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       '@nestjs/jwt':
         specifier: ^10.2.0
         version: 10.2.0(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))
@@ -93,9 +93,15 @@ importers:
       '@nestjs/platform-express':
         specifier: ^10.3.0
         version: 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22)
+      '@nestjs/platform-socket.io':
+        specifier: ^10.3.0
+        version: 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/websockets@10.4.22)(rxjs@7.8.2)
       '@nestjs/swagger':
         specifier: ^7.3.0
-        version: 7.4.2(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2))(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)
+        version: 7.4.2(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(@nestjs/websockets@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2))(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)
+      '@nestjs/websockets':
+        specifier: ^10.3.0
+        version: 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22)(@nestjs/platform-socket.io@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       '@supabase/supabase-js':
         specifier: ^2.39.0
         version: 2.95.0
@@ -129,6 +135,9 @@ importers:
       rxjs:
         specifier: ^7.8.1
         version: 7.8.2
+      socket.io:
+        specifier: ^4.8.1
+        version: 4.8.3
       stripe:
         specifier: ^14.14.0
         version: 14.25.0
@@ -141,7 +150,7 @@ importers:
         version: 10.2.3(chokidar@3.6.0)(typescript@5.9.3)
       '@nestjs/testing':
         specifier: ^10.3.0
-        version: 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22))
+        version: 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(@nestjs/websockets@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22))
       '@types/express':
         specifier: ^4.17.21
         version: 4.17.25
@@ -295,6 +304,9 @@ importers:
       react-hook-form:
         specifier: ^7.50.0
         version: 7.71.1(react@18.3.1)
+      socket.io-client:
+        specifier: ^4.8.1
+        version: 4.8.3
       tailwind-merge:
         specifier: ^2.2.1
         version: 2.6.1
@@ -893,6 +905,13 @@ packages:
       '@nestjs/common': ^10.0.0
       '@nestjs/core': ^10.0.0
 
+  '@nestjs/platform-socket.io@10.4.22':
+    resolution: {integrity: sha512-xxGw3R0Ihr51/Omq23z3//bKmCXyVKaikxbH0/pkwqMsQrxkUv9NabNUZ22b4Jnlwwi02X+zlwo8GRa9u8oV9g==}
+    peerDependencies:
+      '@nestjs/common': ^10.0.0
+      '@nestjs/websockets': ^10.0.0
+      rxjs: ^7.1.0
+
   '@nestjs/schematics@10.2.3':
     resolution: {integrity: sha512-4e8gxaCk7DhBxVUly2PjYL4xC2ifDFexCqq1/u4TtivLGXotVk0wHdYuPYe1tHTHuR1lsOkRbfOCpkdTnigLVg==}
     peerDependencies:
@@ -928,6 +947,18 @@ packages:
       '@nestjs/platform-express':
         optional: true
 
+  '@nestjs/websockets@10.4.22':
+    resolution: {integrity: sha512-OLd4i0Faq7vgdtB5vVUrJ54hWEtcXy9poJ6n7kbbh/5ms+KffUl+wwGsbe7uSXLrkoyI8xXU6fZPkFArI+XiRg==}
+    peerDependencies:
+      '@nestjs/common': ^10.0.0
+      '@nestjs/core': ^10.0.0
+      '@nestjs/platform-socket.io': ^10.0.0
+      reflect-metadata: ^0.1.12 || ^0.2.0
+      rxjs: ^7.1.0
+    peerDependenciesMeta:
+      '@nestjs/platform-socket.io':
+        optional: true
+
   '@next/env@14.1.0':
     resolution: {integrity: sha512-Py8zIo+02ht82brwwhTg36iogzFqGLPXlRGKQw5s+qP/kMNc4MAyDeEwBKDijk6zTIbegEgu8Qy7C1LboslQAw==}
 
@@ -1597,6 +1628,9 @@ packages:
   '@sinonjs/fake-timers@10.3.0':
     resolution: {integrity: sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==}
 
+  '@socket.io/component-emitter@3.1.2':
+    resolution: {integrity: sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==}
+
   '@supabase/auth-js@2.95.0':
     resolution: {integrity: sha512-n8EyMn8JL6aaUA8krQcFUGEd+/Qwlu/49dvSi68nHsAMMENGKixE67Pf43mo9iR42FH30Hcm9jACGflQi43e3w==}
     engines: {node: '>=20.0.0'}
@@ -1827,6 +1861,9 @@ packages:
   '@types/connect@3.4.38':
     resolution: {integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==}
 
+  '@types/cors@2.8.19':
+    resolution: {integrity: sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==}
+
   '@types/d3-array@3.2.2':
     resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
 
@@ -2508,6 +2545,10 @@ packages:
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
+  base64id@2.0.0:
+    resolution: {integrity: sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==}
+    engines: {node: ^4.5.0 || >= 5.9}
+
   baseline-browser-mapping@2.9.19:
     resolution: {integrity: sha512-ipDqC8FrAl/76p2SSWKSI+H9tFwm7vYqXQrItCuiVPt26Km0jS+NzSsBWAaBusvSbQcfJG+JitdMm+wZAgTYqg==}
     hasBin: true
@@ -2996,6 +3037,15 @@ packages:
       supports-color:
         optional: true
 
+  debug@4.3.7:
+    resolution: {integrity: sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
   debug@4.4.3:
     resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
     engines: {node: '>=6.0'}
@@ -3135,6 +3185,17 @@ packages:
     resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
     engines: {node: '>= 0.8'}
 
+  engine.io-client@6.6.4:
+    resolution: {integrity: sha512-+kjUJnZGwzewFDw951CDWcwj35vMNf2fcj7xQWOctq1F2i1jkDdVvdFG9kM/BEChymCH36KgjnW0NsL58JYRxw==}
+
+  engine.io-parser@5.2.3:
+    resolution: {integrity: sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==}
+    engines: {node: '>=10.0.0'}
+
+  engine.io@6.6.5:
+    resolution: {integrity: sha512-2RZdgEbXmp5+dVbRm0P7HQUImZpICccJy7rN7Tv+SFa55pH+lxnuw6/K1ZxxBfHoYpSkHLAO92oa8O4SwFXA2A==}
+    engines: {node: '>=10.2.0'}
+
   enhanced-resolve@5.19.0:
     resolution: {integrity: sha512-phv3E1Xl4tQOShqSte26C7Fl84EwUdZsyOuSSk9qtAGyyQs2s3jJzComh+Abf4g187lUUAvH+H26omrqia2aGg==}
     engines: {node: '>=10.13.0'}
@@ -5120,6 +5181,25 @@ packages:
     resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
     engines: {node: '>=8'}
 
+  socket.io-adapter@2.5.6:
+    resolution: {integrity: sha512-DkkO/dz7MGln0dHn5bmN3pPy+JmywNICWrJqVWiVOyvXjWQFIv9c2h24JrQLLFJ2aQVQf/Cvl1vblnd4r2apLQ==}
+
+  socket.io-client@4.8.3:
+    resolution: {integrity: sha512-uP0bpjWrjQmUt5DTHq9RuoCBdFJF10cdX9X+a368j/Ft0wmaVgxlrjvK3kjvgCODOMMOz9lcaRzxmso0bTWZ/g==}
+    engines: {node: '>=10.0.0'}
+
+  socket.io-parser@4.2.5:
+    resolution: {integrity: sha512-bPMmpy/5WWKHea5Y/jYAP6k74A+hvmRCQaJuJB6I/ML5JZq/KfNieUVo/3Mh7SAqn7TyFdIo6wqYHInG1MU1bQ==}
+    engines: {node: '>=10.0.0'}
+
+  socket.io@4.8.1:
+    resolution: {integrity: sha512-oZ7iUCxph8WYRHHcjBEc9unw3adt5CmSNlppj/5Q4k2RIrhl8Z5yY2Xr4j9zj0+wzVZ0bxmYoGSzKJnRl6A4yg==}
+    engines: {node: '>=10.2.0'}
+
+  socket.io@4.8.3:
+    resolution: {integrity: sha512-2Dd78bqzzjE6KPkD5fHZmDAKRNe3J15q+YHDrIsy9WEkqttc7GY+kT9OBLSMaPbQaEd0x1BjcmtMtXkfpc+T5A==}
+    engines: {node: '>=10.2.0'}
+
   source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
@@ -5757,6 +5837,18 @@ packages:
     resolution: {integrity: sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==}
     engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
 
+  ws@8.18.3:
+    resolution: {integrity: sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
   ws@8.19.0:
     resolution: {integrity: sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==}
     engines: {node: '>=10.0.0'}
@@ -5769,6 +5861,10 @@ packages:
       utf-8-validate:
         optional: true
 
+  xmlhttprequest-ssl@2.1.2:
+    resolution: {integrity: sha512-TEU+nJVUUnA4CYJFLvK5X9AOeH4KvDvhIfm0vV1GaQRtchnG0hgK5p8hw/xjv8cunWYCsiPCSDzObPyhEwq3KQ==}
+    engines: {node: '>=0.4.0'}
+
   xtend@4.0.2:
     resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
     engines: {node: '>=0.4'}
@@ -6401,17 +6497,17 @@ snapshots:
       '@tybys/wasm-util': 0.10.1
     optional: true
 
-  '@nestjs/bull-shared@10.2.3(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2))':
+  '@nestjs/bull-shared@10.2.3(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(@nestjs/websockets@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2))':
     dependencies:
       '@nestjs/common': 10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/core': 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(@nestjs/websockets@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       tslib: 2.8.1
 
-  '@nestjs/bullmq@10.2.3(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2))(bullmq@5.67.3)':
+  '@nestjs/bullmq@10.2.3(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(@nestjs/websockets@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2))(bullmq@5.67.3)':
     dependencies:
-      '@nestjs/bull-shared': 10.2.3(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2))
+      '@nestjs/bull-shared': 10.2.3(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(@nestjs/websockets@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2))
       '@nestjs/common': 10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/core': 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(@nestjs/websockets@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       bullmq: 5.67.3
       tslib: 2.8.1
 
@@ -6463,7 +6559,7 @@ snapshots:
       lodash: 4.17.21
       rxjs: 7.8.2
 
-  '@nestjs/core@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)':
+  '@nestjs/core@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(@nestjs/websockets@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)':
     dependencies:
       '@nestjs/common': 10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       '@nuxtjs/opencollective': 0.3.2
@@ -6476,6 +6572,7 @@ snapshots:
       uid: 2.0.2
     optionalDependencies:
       '@nestjs/platform-express': 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22)
+      '@nestjs/websockets': 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22)(@nestjs/platform-socket.io@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)
     transitivePeerDependencies:
       - encoding
 
@@ -6501,7 +6598,7 @@ snapshots:
   '@nestjs/platform-express@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22)':
     dependencies:
       '@nestjs/common': 10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/core': 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(@nestjs/websockets@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       body-parser: 1.20.4
       cors: 2.8.5
       express: 4.22.1
@@ -6510,6 +6607,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@nestjs/platform-socket.io@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/websockets@10.4.22)(rxjs@7.8.2)':
+    dependencies:
+      '@nestjs/common': 10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/websockets': 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22)(@nestjs/platform-socket.io@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      rxjs: 7.8.2
+      socket.io: 4.8.1
+      tslib: 2.8.1
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
   '@nestjs/schematics@10.2.3(chokidar@3.6.0)(typescript@5.7.2)':
     dependencies:
       '@angular-devkit/core': 17.3.11(chokidar@3.6.0)
@@ -6532,11 +6641,11 @@ snapshots:
     transitivePeerDependencies:
       - chokidar
 
-  '@nestjs/swagger@7.4.2(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2))(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)':
+  '@nestjs/swagger@7.4.2(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(@nestjs/websockets@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2))(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)':
     dependencies:
       '@microsoft/tsdoc': 0.15.1
       '@nestjs/common': 10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/core': 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(@nestjs/websockets@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       '@nestjs/mapped-types': 2.0.5(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)
       js-yaml: 4.1.0
       lodash: 4.17.21
@@ -6547,14 +6656,26 @@ snapshots:
       class-transformer: 0.5.1
       class-validator: 0.14.3
 
-  '@nestjs/testing@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22))':
+  '@nestjs/testing@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(@nestjs/websockets@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22))':
     dependencies:
       '@nestjs/common': 10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/core': 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(@nestjs/websockets@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       tslib: 2.8.1
     optionalDependencies:
       '@nestjs/platform-express': 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22)
 
+  '@nestjs/websockets@10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@10.4.22)(@nestjs/platform-socket.io@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)':
+    dependencies:
+      '@nestjs/common': 10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/platform-express@10.4.22)(@nestjs/websockets@10.4.22)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      iterare: 1.2.1
+      object-hash: 3.0.0
+      reflect-metadata: 0.2.2
+      rxjs: 7.8.2
+      tslib: 2.8.1
+    optionalDependencies:
+      '@nestjs/platform-socket.io': 10.4.22(@nestjs/common@10.4.22(class-transformer@0.5.1)(class-validator@0.14.3)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/websockets@10.4.22)(rxjs@7.8.2)
+
   '@next/env@14.1.0': {}
 
   '@next/eslint-plugin-next@14.1.0':
@@ -7217,6 +7338,8 @@ snapshots:
     dependencies:
       '@sinonjs/commons': 3.0.1
 
+  '@socket.io/component-emitter@3.1.2': {}
+
   '@supabase/auth-js@2.95.0':
     dependencies:
       tslib: 2.8.1
@@ -7496,6 +7619,10 @@ snapshots:
     dependencies:
       '@types/node': 20.19.32
 
+  '@types/cors@2.8.19':
+    dependencies:
+      '@types/node': 20.19.32
+
   '@types/d3-array@3.2.2': {}
 
   '@types/d3-axis@3.0.6':
@@ -8291,6 +8418,8 @@ snapshots:
 
   base64-js@1.5.1: {}
 
+  base64id@2.0.0: {}
+
   baseline-browser-mapping@2.9.19: {}
 
   binary-extensions@2.3.0: {}
@@ -8820,6 +8949,10 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
+  debug@4.3.7:
+    dependencies:
+      ms: 2.1.3
+
   debug@4.4.3:
     dependencies:
       ms: 2.1.3
@@ -8923,6 +9056,36 @@ snapshots:
 
   encodeurl@2.0.0: {}
 
+  engine.io-client@6.6.4:
+    dependencies:
+      '@socket.io/component-emitter': 3.1.2
+      debug: 4.4.3
+      engine.io-parser: 5.2.3
+      ws: 8.18.3
+      xmlhttprequest-ssl: 2.1.2
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
+  engine.io-parser@5.2.3: {}
+
+  engine.io@6.6.5:
+    dependencies:
+      '@types/cors': 2.8.19
+      '@types/node': 20.19.32
+      accepts: 1.3.8
+      base64id: 2.0.0
+      cookie: 0.7.2
+      cors: 2.8.5
+      debug: 4.4.3
+      engine.io-parser: 5.2.3
+      ws: 8.18.3
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
   enhanced-resolve@5.19.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -11410,6 +11573,61 @@ snapshots:
 
   slash@3.0.0: {}
 
+  socket.io-adapter@2.5.6:
+    dependencies:
+      debug: 4.4.3
+      ws: 8.18.3
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
+  socket.io-client@4.8.3:
+    dependencies:
+      '@socket.io/component-emitter': 3.1.2
+      debug: 4.4.3
+      engine.io-client: 6.6.4
+      socket.io-parser: 4.2.5
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
+  socket.io-parser@4.2.5:
+    dependencies:
+      '@socket.io/component-emitter': 3.1.2
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  socket.io@4.8.1:
+    dependencies:
+      accepts: 1.3.8
+      base64id: 2.0.0
+      cors: 2.8.5
+      debug: 4.3.7
+      engine.io: 6.6.5
+      socket.io-adapter: 2.5.6
+      socket.io-parser: 4.2.5
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
+  socket.io@4.8.3:
+    dependencies:
+      accepts: 1.3.8
+      base64id: 2.0.0
+      cors: 2.8.5
+      debug: 4.4.3
+      engine.io: 6.6.5
+      socket.io-adapter: 2.5.6
+      socket.io-parser: 4.2.5
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
   source-map-js@1.2.1: {}
 
   source-map-support@0.5.13:
@@ -12113,8 +12331,12 @@ snapshots:
       imurmurhash: 0.1.4
       signal-exit: 3.0.7
 
+  ws@8.18.3: {}
+
   ws@8.19.0: {}
 
+  xmlhttprequest-ssl@2.1.2: {}
+
   xtend@4.0.2: {}
 
   y18n@5.0.8: {}