Add new API endpoint for retrieving submissions by challenge chain; update frontend to support chain selection and display participant progress. Enhance localization for submissions page in English and Russian.

docs/API_CHAIN_SUBMISSIONS.md

@@ -0,0 +1,236 @@
+# Техническое задание: Эндпоинт получения попыток по цепочке
+
+## Цель
+
+Создать новый API эндпоинт для получения списка попыток (submissions) участников в рамках конкретной цепочки заданий. Это упростит работу админ-панели и уменьшит объём передаваемых данных.
+
+## Текущая проблема
+
+Сейчас для отображения попыток по цепочке фронтенд должен:
+1. Загрузить список цепочек (`GET /challenge/chains/admin`)
+2. Загрузить общую статистику (`GET /challenge/stats/v2`)
+3. Для каждого участника отдельно загрузить его submissions (`GET /challenge/user/:userId/submissions`)
+4. На клиенте фильтровать submissions по taskIds из выбранной цепочки
+
+Это создаёт избыточные запросы и усложняет логику на фронтенде.
+
+---
+
+## Новый эндпоинт
+
+### `GET /challenge/chain/:chainId/submissions`
+
+Возвращает все попытки всех участников для заданий из указанной цепочки.
+
+### Параметры URL
+
+| Параметр | Тип | Обязательный | Описание |
+|----------|-----|--------------|----------|
+| `chainId` | string | Да | ID цепочки заданий |
+
+### Query параметры (опциональные)
+
+| Параметр | Тип | По умолчанию | Описание |
+|----------|-----|--------------|----------|
+| `userId` | string | - | Фильтр по конкретному пользователю |
+| `status` | string | - | Фильтр по статусу: `pending`, `in_progress`, `accepted`, `needs_revision` |
+| `limit` | number | 100 | Лимит записей |
+| `offset` | number | 0 | Смещение для пагинации |
+
+### Формат ответа
+
+```typescript
+interface ChainSubmissionsResponse {
+  success: boolean;
+  body: {
+    chain: {
+      id: string;
+      name: string;
+      tasks: Array<{
+        id: string;
+        title: string;
+      }>;
+    };
+    participants: Array<{
+      userId: string;
+      nickname: string;
+      completedTasks: number;
+      totalTasks: number;
+      progressPercent: number;
+    }>;
+    submissions: Array<{
+      id: string;
+      user: {
+        id: string;
+        nickname: string;
+      };
+      task: {
+        id: string;
+        title: string;
+      };
+      status: 'pending' | 'in_progress' | 'accepted' | 'needs_revision';
+      attemptNumber: number;
+      submittedAt: string; // ISO date
+      checkedAt?: string;  // ISO date
+      feedback?: string;
+    }>;
+    pagination: {
+      total: number;
+      limit: number;
+      offset: number;
+    };
+  };
+}
+```
+
+### Пример запроса
+
+```bash
+GET /api/challenge/chain/607f1f77bcf86cd799439021/submissions?status=needs_revision&limit=50
+```
+
+### Пример ответа
+
+```json
+{
+  "success": true,
+  "body": {
+    "chain": {
+      "id": "607f1f77bcf86cd799439021",
+      "name": "Основы JavaScript",
+      "tasks": [
+        { "id": "507f1f77bcf86cd799439011", "title": "Реализовать сортировку массива" },
+        { "id": "507f1f77bcf86cd799439015", "title": "Валидация формы" }
+      ]
+    },
+    "participants": [
+      {
+        "userId": "user_123",
+        "nickname": "alex_dev",
+        "completedTasks": 1,
+        "totalTasks": 2,
+        "progressPercent": 50
+      },
+      {
+        "userId": "user_456",
+        "nickname": "maria_coder",
+        "completedTasks": 2,
+        "totalTasks": 2,
+        "progressPercent": 100
+      }
+    ],
+    "submissions": [
+      {
+        "id": "sub_001",
+        "user": {
+          "id": "user_123",
+          "nickname": "alex_dev"
+        },
+        "task": {
+          "id": "507f1f77bcf86cd799439011",
+          "title": "Реализовать сортировку массива"
+        },
+        "status": "needs_revision",
+        "attemptNumber": 2,
+        "submittedAt": "2024-12-10T14:30:00.000Z",
+        "checkedAt": "2024-12-10T14:30:45.000Z",
+        "feedback": "Алгоритм работает неверно для отрицательных чисел"
+      }
+    ],
+    "pagination": {
+      "total": 15,
+      "limit": 50,
+      "offset": 0
+    }
+  }
+}
+```
+
+---
+
+## Логика на бэкенде
+
+### Алгоритм
+
+1. Получить цепочку по `chainId`
+2. Если цепочка не найдена — вернуть 404
+3. Получить список `taskIds` из цепочки
+4. Найти все submissions где `task._id` входит в `taskIds`
+5. Применить фильтры (`userId`, `status`) если указаны
+6. Вычислить прогресс по каждому участнику:
+   - Найти уникальных пользователей из submissions
+   - Для каждого посчитать `completedTasks` (количество уникальных tasks со статусом `accepted`)
+   - Рассчитать `progressPercent = (completedTasks / totalTasks) * 100`
+7. Применить пагинацию к submissions
+8. Вернуть результат
+
+### Индексы MongoDB (рекомендуется)
+
+```javascript
+// Для быстрой выборки submissions по task
+db.submissions.createIndex({ "task": 1, "submittedAt": -1 })
+
+// Составной индекс для фильтрации
+db.submissions.createIndex({ "task": 1, "status": 1, "submittedAt": -1 })
+```
+
+---
+
+## Права доступа
+
+Эндпоинт должен быть доступен только пользователям с ролями:
+- `challenge-admin`
+- `challenge-teacher`
+
+---
+
+## Коды ошибок
+
+| Код | Описание |
+|-----|----------|
+| 200 | Успешный ответ |
+| 400 | Некорректные параметры запроса |
+| 401 | Не авторизован |
+| 403 | Недостаточно прав |
+| 404 | Цепочка не найдена |
+| 500 | Внутренняя ошибка сервера |
+
+---
+
+## Изменения на фронтенде после реализации
+
+После добавления эндпоинта в `src/__data__/api/api.ts` нужно добавить:
+
+```typescript
+// В endpoints builder
+getChainSubmissions: builder.query<ChainSubmissionsResponse, { 
+  chainId: string; 
+  userId?: string; 
+  status?: SubmissionStatus;
+  limit?: number;
+  offset?: number;
+}>({
+  query: ({ chainId, userId, status, limit, offset }) => ({
+    url: `/challenge/chain/${chainId}/submissions`,
+    params: { userId, status, limit, offset },
+  }),
+  transformResponse: (response: { body: ChainSubmissionsResponse }) => response.body,
+  providesTags: ['Submission'],
+}),
+```
+
+Это позволит упростить `SubmissionsPage.tsx`:
+- Один запрос вместо нескольких
+- Убрать клиентскую фильтрацию по taskIds
+- Получать готовый прогресс участников
+
+---
+
+## Приоритет
+
+**Средний** — текущая реализация работает, но создаёт избыточную нагрузку при большом количестве участников.
+
+## Оценка трудозатрат
+
+~4-6 часов (включая тесты)
+

locales/en.json

@@ -166,8 +166,21 @@
   "challenge.admin.submissions.title": "Solution attempts",
   "challenge.admin.submissions.loading": "Loading attempts...",
   "challenge.admin.submissions.load.error": "Failed to load attempts list",
+  "challenge.admin.submissions.select.chain": "Select a chain to view participant attempts",
+  "challenge.admin.submissions.chain.tasks": "tasks",
+  "challenge.admin.submissions.chain.click": "Click to view attempts",
+  "challenge.admin.submissions.no.chains.title": "No chains",
+  "challenge.admin.submissions.no.chains.description": "Create a task chain to get started",
+  "challenge.admin.submissions.back.to.chains": "Back to chain selection",
+  "challenge.admin.submissions.chain.description": "Total tasks in chain: {{count}}",
+  "challenge.admin.submissions.participants.title": "Chain participants",
+  "challenge.admin.submissions.participants.description": "Select a participant to view their attempts in this chain",
+  "challenge.admin.submissions.participants.empty.title": "No participants",
+  "challenge.admin.submissions.participants.empty.description": "No one has submitted solutions in this chain yet",
+  "challenge.admin.submissions.participants.click.to.view": "→ view",
   "challenge.admin.submissions.search.placeholder": "Search by user or task...",
   "challenge.admin.submissions.filter.user": "Select user",
+  "challenge.admin.submissions.filter.user.clear": "← All participants",
   "challenge.admin.submissions.filter.status": "Status",
   "challenge.admin.submissions.status.all": "All statuses",
   "challenge.admin.submissions.status.accepted": "Accepted",

locales/ru.json

@@ -165,9 +165,21 @@
   "challenge.admin.submissions.title": "Попытки решений",
   "challenge.admin.submissions.loading": "Загрузка попыток...",
   "challenge.admin.submissions.load.error": "Не удалось загрузить список попыток",
+  "challenge.admin.submissions.select.chain": "Выберите цепочку для просмотра попыток участников",
+  "challenge.admin.submissions.chain.tasks": "заданий",
+  "challenge.admin.submissions.chain.click": "Нажмите для просмотра попыток",
+  "challenge.admin.submissions.no.chains.title": "Нет цепочек",
+  "challenge.admin.submissions.no.chains.description": "Создайте цепочку заданий для начала работы",
+  "challenge.admin.submissions.back.to.chains": "Назад к выбору цепочки",
+  "challenge.admin.submissions.chain.description": "Всего заданий в цепочке: {{count}}",
+  "challenge.admin.submissions.participants.title": "Участники цепочки",
+  "challenge.admin.submissions.participants.description": "Выберите участника для просмотра его попыток в этой цепочке",
+  "challenge.admin.submissions.participants.empty.title": "Нет участников",
+  "challenge.admin.submissions.participants.empty.description": "Пока никто не отправил решения в этой цепочке",
+  "challenge.admin.submissions.participants.click.to.view": "→ посмотреть",
   "challenge.admin.submissions.search.placeholder": "Поиск по пользователю или заданию...",
   "challenge.admin.submissions.filter.user": "Выберите пользователя",
-  "challenge.admin.submissions.filter.user.clear": "Показать всех",
+  "challenge.admin.submissions.filter.user.clear": "← Все участники",
   "challenge.admin.submissions.filter.status": "Статус",
   "challenge.admin.submissions.status.all": "Все статусы",
   "challenge.admin.submissions.status.accepted": "Принято",

src/__data__/urls.ts

@@ -36,8 +36,10 @@ export const URLs = {
   
   // Submissions
   submissions: makeUrl('/submissions'),
-  submissionDetails: (userId: string, submissionId: string) => makeUrl(`/submissions/${userId}/${submissionId}`),
+  submissionsChain: (chainId: string) => makeUrl(`/submissions/${chainId}`),
-  submissionDetailsPath: makeUrl('/submissions/:userId/:submissionId'),
+  submissionsChainPath: makeUrl('/submissions/:chainId'),
+  submissionDetails: (chainId: string, userId: string, submissionId: string) => makeUrl(`/submissions/${chainId}/${userId}/${submissionId}`),
+  submissionDetailsPath: makeUrl('/submissions/:chainId/:userId/:submissionId'),
   
   // External links
   challengePlayer: navs['link.challenge.main'] || '/challenge',

src/dashboard.tsx

@@ -130,6 +130,14 @@ export const Dashboard = () => {
           </PageWrapper>
         }
       />
+      <Route
+        path={URLs.submissionsChainPath}
+        element={
+          <PageWrapper>
+            <SubmissionsPage />
+          </PageWrapper>
+        }
+      />
       <Route
         path={URLs.submissionDetailsPath}
         element={

src/pages/submissions/SubmissionDetailsPage.tsx

@@ -12,7 +12,7 @@ import { URLs } from '../../__data__/urls'
 
 export const SubmissionDetailsPage: React.FC = () => {
   const { t } = useTranslation()
-  const { userId, submissionId } = useParams<{ userId: string; submissionId: string }>()
+  const { chainId, userId, submissionId } = useParams<{ chainId: string; userId: string; submissionId: string }>()
   const navigate = useNavigate()
 
   // Получаем submissions для конкретного пользователя
@@ -24,8 +24,8 @@ export const SubmissionDetailsPage: React.FC = () => {
   const submission = submissions?.find((s) => s.id === submissionId)
 
   const handleBack = () => {
-    if (userId) {
+    if (chainId) {
-      navigate(`${URLs.submissions}?userId=${encodeURIComponent(userId)}`)
+      navigate(URLs.submissionsChain(chainId))
     } else {
       navigate(URLs.submissions)
     }

src/pages/submissions/SubmissionsPage.tsx

@@ -1,6 +1,6 @@
-import React, { useState } from 'react'
+import React, { useState, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useNavigate, useSearchParams } from 'react-router-dom'
+import { useNavigate, useParams, Link } from 'react-router-dom'
 import {
   Box,
   Heading,
@@ -10,37 +10,56 @@ import {
   Button,
   HStack,
   VStack,
-  Select,
+  Badge,
   Progress,
   Grid,
+  SimpleGrid,
+  Select,
   createListCollection,
 } from '@chakra-ui/react'
-import { useGetSystemStatsV2Query, useGetUserSubmissionsQuery } from '../../__data__/api/api'
+import { useGetChainsQuery, useGetSystemStatsV2Query, useGetUserSubmissionsQuery } from '../../__data__/api/api'
 import { LoadingSpinner } from '../../components/LoadingSpinner'
 import { ErrorAlert } from '../../components/ErrorAlert'
 import { EmptyState } from '../../components/EmptyState'
 import { StatusBadge } from '../../components/StatusBadge'
 import { URLs } from '../../__data__/urls'
 import type {
-  ActiveParticipant,
   ChallengeSubmission,
   SubmissionStatus,
   ChallengeTask,
   ChallengeUser,
+  ActiveParticipant,
 } from '../../types/challenge'
 
 export const SubmissionsPage: React.FC = () => {
   const { t } = useTranslation()
   const navigate = useNavigate()
-  const [searchParams] = useSearchParams()
+  const { chainId } = useParams<{ chainId?: string }>()
-  const initialUserId = searchParams.get('userId')
-  const { data: stats, isLoading: isStatsLoading, error: statsError, refetch: refetchStats } =
-    useGetSystemStatsV2Query(undefined)
 
+  // Состояние для выбранного пользователя и фильтров
+  const [selectedUserId, setSelectedUserId] = useState<string | null>(null)
   const [searchQuery, setSearchQuery] = useState('')
   const [statusFilter, setStatusFilter] = useState<SubmissionStatus | 'all'>('all')
-  const [selectedUserId, setSelectedUserId] = useState<string | null>(initialUserId)
 
+  // Получаем список цепочек
+  const { 
+    data: chains, 
+    isLoading: isChainsLoading, 
+    error: chainsError,
+    refetch: refetchChains,
+  } = useGetChainsQuery()
+
+  // Получаем общую статистику (без фильтра по chainId - получаем всех участников)
+  const {
+    data: stats,
+    isLoading: isStatsLoading,
+    error: statsError,
+    refetch: refetchStats,
+  } = useGetSystemStatsV2Query(undefined, {
+    skip: !chainId, // Загружаем только когда выбрана цепочка
+  })
+
+  // Получаем submissions для выбранного пользователя
   const {
     data: submissions,
     isLoading: isSubmissionsLoading,
@@ -51,51 +70,85 @@ export const SubmissionsPage: React.FC = () => {
     { skip: !selectedUserId }
   )
 
-  const isLoading = isStatsLoading || (selectedUserId && isSubmissionsLoading)
+  const isLoading = isChainsLoading || (chainId && isStatsLoading) || (selectedUserId && isSubmissionsLoading)
-  const error = statsError || submissionsError
+  const error = chainsError || statsError || submissionsError
 
   const handleRetry = () => {
+    refetchChains()
     refetchStats()
     if (selectedUserId) {
       refetchSubmissions()
     }
   }
 
-  if (isLoading) {
+  // Получаем данные выбранной цепочки из списка chains
-    return <LoadingSpinner message={t('challenge.admin.submissions.loading')} />
+  const selectedChain = useMemo(() => {
-  }
+    if (!chainId || !chains) return null
+    return chains.find((c) => c.id === chainId) || null
+  }, [chainId, chains])
 
-  if (error || !stats) {
+  // Получаем taskIds из текущей цепочки
-    return <ErrorAlert message={t('challenge.admin.submissions.load.error')} onRetry={handleRetry} />
+  const chainTaskIds = useMemo(() => {
-  }
+    if (!selectedChain) return new Set<string>()
+    return new Set(selectedChain.tasks.map((t) => t.id))
+  }, [selectedChain])
 
-  const participants: ActiveParticipant[] = stats.activeParticipants || []
+  // Фильтруем участников - только те, кто имеет прогресс в этой цепочке
-  const submissionsList: ChallengeSubmission[] = submissions || []
+  const chainParticipants = useMemo(() => {
+    if (!stats?.activeParticipants || !chainId) return []
+    
+    return stats.activeParticipants
+      .map((participant) => {
+        // Ищем прогресс участника по выбранной цепочке
+        const chainProgress = participant.chainProgress?.find((cp) => cp.chainId === chainId)
+        
+        // Если нет прогресса по этой цепочке, пробуем рассчитать на основе submissions
+        // Для простоты показываем всех участников с базовым прогрессом 0%
+        return {
+          ...participant,
+          progressPercent: chainProgress?.progressPercent ?? 0,
+          completedTasks: chainProgress?.completedTasks ?? 0,
+          totalTasks: selectedChain?.tasks.length ?? 0,
+        }
+      })
+      .sort((a, b) => a.progressPercent - b.progressPercent)
+  }, [stats?.activeParticipants, chainId, selectedChain])
+
+  // Фильтруем submissions только по заданиям из текущей цепочки
+  const filteredSubmissions = useMemo(() => {
+    if (!submissions || chainTaskIds.size === 0) return []
 
     const normalizedSearchQuery = (searchQuery ?? '').toLowerCase()
 
-  const filteredSubmissions = submissionsList.filter((submission) => {
+    return submissions.filter((submission) => {
-    const rawUser = submission.user as ChallengeUser | string | undefined
+      // Фильтр по цепочке (по taskId)
       const rawTask = submission.task as ChallengeTask | string | undefined
+      const taskId = rawTask && typeof rawTask === 'object' && 'id' in rawTask 
+        ? rawTask.id 
+        : typeof rawTask === 'string' ? rawTask : ''
       
+      if (!chainTaskIds.has(taskId)) return false
+
+      // Фильтр по поиску
+      const rawUser = submission.user as ChallengeUser | string | undefined
       const nickname =
         rawUser && typeof rawUser === 'object' && 'nickname' in rawUser
           ? (rawUser.nickname ?? '')
           : ''
-
       const title =
         rawTask && typeof rawTask === 'object' && 'title' in rawTask
           ? (rawTask.title ?? '')
           : ''
-
       const matchesSearch =
         nickname.toLowerCase().includes(normalizedSearchQuery) ||
         title.toLowerCase().includes(normalizedSearchQuery)
 
+      // Фильтр по статусу
       const matchesStatus = statusFilter === 'all' || submission.status === statusFilter
 
       return matchesSearch && matchesStatus
     })
+  }, [submissions, chainTaskIds, searchQuery, statusFilter])
 
   const formatDate = (dateStr: string) => {
     return new Date(dateStr).toLocaleString('ru-RU', {
@@ -125,70 +178,119 @@ export const SubmissionsPage: React.FC = () => {
     ],
   })
 
-  const userOptions = createListCollection({
+  if (isLoading) {
-    items: participants.map((participant) => ({
+    return <LoadingSpinner message={t('challenge.admin.submissions.loading')} />
-      label: `${participant.nickname} (${participant.userId})`,
-      value: participant.userId,
-    })),
-  })
-
-  const hasParticipants = participants.length > 0
-  const hasSelectedUser = !!selectedUserId
-
-  const participantOverviewRows = participants
-    .map((participant) => {
-      const chains = participant.chainProgress || []
-
-      const totalTasks = chains.reduce((sum, chain) => sum + (chain.totalTasks ?? 0), 0)
-      const completedTasks = chains.reduce(
-        (sum, chain) => sum + (chain.completedTasks ?? 0),
-        0
-      )
-
-      const overallPercent =
-        totalTasks > 0 ? Math.round((completedTasks / totalTasks) * 100) : 0
-
-      return {
-        userId: participant.userId,
-        nickname: participant.nickname,
-        totalSubmissions: participant.totalSubmissions,
-        completedTasks,
-        totalTasks,
-        overallPercent,
   }
-    })
+
-    .sort((a, b) => a.overallPercent - b.overallPercent)
+  if (error) {
+    return <ErrorAlert message={t('challenge.admin.submissions.load.error')} onRetry={handleRetry} />
+  }
+
+  // Если chainId не указан - показываем выбор цепочки
+  if (!chainId) {
+    return (
+      <Box>
+        <Box mb={6}>
+          <Heading mb={2}>{t('challenge.admin.submissions.title')}</Heading>
+          <Text color="gray.600" fontSize="sm">
+            {t('challenge.admin.submissions.select.chain')}
+          </Text>
+        </Box>
+
+        {chains && chains.length > 0 ? (
+          <SimpleGrid columns={{ base: 1, md: 2, lg: 3 }} gap={6}>
+            {chains.map((chain) => (
+              <Link key={chain.id} to={URLs.submissionsChain(chain.id)} style={{ textDecoration: 'none' }}>
+                <Box
+                  p={6}
+                  bg="white"
+                  borderRadius="lg"
+                  boxShadow="sm"
+                  borderWidth="1px"
+                  borderColor="gray.200"
+                  _hover={{
+                    boxShadow: 'md',
+                    borderColor: 'teal.400',
+                    transform: 'translateY(-2px)',
+                  }}
+                  transition="all 0.2s"
+                  cursor="pointer"
+                  height="100%"
+                >
+                  <VStack align="start" gap={3}>
+                    <Heading size="md" color="teal.600">
+                      {chain.name}
+                    </Heading>
+                    <HStack>
+                      <Badge colorPalette="teal" size="lg">
+                        {chain.tasks.length} {t('challenge.admin.submissions.chain.tasks')}
+                      </Badge>
+                      {!chain.isActive && (
+                        <Badge colorPalette="gray" size="lg">
+                          {t('challenge.admin.chains.list.status.inactive')}
+                        </Badge>
+                      )}
+                    </HStack>
+                    <Text fontSize="sm" color="gray.600" mt={2}>
+                      {t('challenge.admin.submissions.chain.click')}
+                    </Text>
+                  </VStack>
+                </Box>
+              </Link>
+            ))}
+          </SimpleGrid>
+        ) : (
+          <EmptyState
+            title={t('challenge.admin.submissions.no.chains.title')}
+            description={t('challenge.admin.submissions.no.chains.description')}
+          />
+        )}
+      </Box>
+    )
+  }
+
+  // Если цепочка выбрана но данных нет
+  if (!selectedChain) {
+    return (
+      <Box>
+        <Link to={URLs.submissions} style={{ textDecoration: 'none', color: '#319795' }}>
+          <Text fontSize="sm" _hover={{ textDecoration: 'underline' }} mb={4}>
+            ← {t('challenge.admin.submissions.back.to.chains')}
+          </Text>
+        </Link>
+        <ErrorAlert message={t('challenge.admin.common.not.found')} onRetry={handleRetry} />
+      </Box>
+    )
+  }
+
+  const participants: ActiveParticipant[] = stats?.activeParticipants || []
 
   return (
     <Box>
-      <Heading mb={6}>{t('challenge.admin.submissions.title')}</Heading>
+      {/* Header с навигацией */}
+      <Box mb={6}>
+        <HStack gap={2} mb={2}>
+          <Link to={URLs.submissions} style={{ textDecoration: 'none', color: '#319795' }}>
+            <Text fontSize="sm" _hover={{ textDecoration: 'underline' }}>
+              ← {t('challenge.admin.submissions.back.to.chains')}
+            </Text>
+          </Link>
+        </HStack>
+        <Heading mb={2}>{selectedChain.name}</Heading>
+        <Text color="gray.600" fontSize="sm">
+          {t('challenge.admin.submissions.chain.description', { count: selectedChain.tasks.length })}
+        </Text>
+      </Box>
 
-      {/* Filters */}
+      {/* Выбор участника и фильтры */}
-      {hasParticipants && (
+      {participants.length > 0 && (
         <VStack mb={4} gap={3} align="stretch">
-          <HStack gap={4} align="center">
+          <HStack gap={4} align="center" wrap="wrap">
-            <Select.Root
+            {selectedUserId && (
-              collection={userOptions}
-              value={selectedUserId ? [selectedUserId] : []}
-              onValueChange={(e) => setSelectedUserId(e.value[0] ?? null)}
-              maxW="300px"
-            >
-              <Select.Trigger>
-                <Select.ValueText placeholder={t('challenge.admin.submissions.filter.user')} />
-              </Select.Trigger>
-              <Select.Content>
-                {userOptions.items.map((option) => (
-                  <Select.Item key={option.value} item={option}>
-                    {option.label}
-                  </Select.Item>
-                ))}
-              </Select.Content>
-            </Select.Root>
-
-            {hasSelectedUser && (
               <Button
                 size="sm"
-                variant="ghost"
+                variant="outline"
+                colorPalette="teal"
                 onClick={() => {
                   setSelectedUserId(null)
                   setSearchQuery('')
@@ -199,13 +301,13 @@ export const SubmissionsPage: React.FC = () => {
               </Button>
             )}
 
-            {submissionsList.length > 0 && (
+            {selectedUserId && filteredSubmissions.length > 0 && (
               <>
                 <Input
                   placeholder={t('challenge.admin.submissions.search.placeholder')}
                   value={searchQuery}
                   onChange={(e) => setSearchQuery(e.target.value)}
-                  maxW="400px"
+                  maxW="300px"
                 />
                 <Select.Root
                   collection={statusOptions}
@@ -230,24 +332,20 @@ export const SubmissionsPage: React.FC = () => {
         </VStack>
       )}
 
-      {!hasParticipants ? (
+      {/* Если не выбран пользователь - показываем обзор участников */}
-        <EmptyState
+      {!selectedUserId ? (
-          title={t('challenge.admin.submissions.empty.title')}
-          description={t('challenge.admin.submissions.empty.description')}
-        />
-      ) : !hasSelectedUser ? (
         <Box>
           <Heading size="md" mb={4}>
-            {t('challenge.admin.submissions.overview.title')}
+            {t('challenge.admin.submissions.participants.title')}
           </Heading>
           <Text mb={4} color="gray.600">
-            {t('challenge.admin.submissions.overview.description')}
+            {t('challenge.admin.submissions.participants.description')}
           </Text>
 
-          {participantOverviewRows.length === 0 ? (
+          {chainParticipants.length === 0 ? (
             <EmptyState
-              title={t('challenge.admin.detailed.stats.participants.empty')}
+              title={t('challenge.admin.submissions.participants.empty.title')}
-              description={t('challenge.admin.detailed.stats.chains.empty')}
+              description={t('challenge.admin.submissions.participants.empty.description')}
             />
           ) : (
             <Grid
@@ -257,43 +355,50 @@ export const SubmissionsPage: React.FC = () => {
                 lg: 'repeat(3, minmax(0, 1fr))',
                 xl: 'repeat(4, minmax(0, 1fr))',
               }}
-              gap={2}
+              gap={3}
             >
-              {participantOverviewRows.map((row) => {
+              {chainParticipants.map((participant) => {
                 const colorPalette =
-                  row.overallPercent >= 70
+                  participant.progressPercent >= 70
                     ? 'green'
-                    : row.overallPercent >= 40
+                    : participant.progressPercent >= 40
                       ? 'orange'
                       : 'red'
 
                 return (
                   <Box
-                    key={row.userId}
+                    key={participant.userId}
-                    p={2}
+                    p={3}
                     borderWidth="1px"
                     borderRadius="md"
                     borderColor="gray.200"
-                    _hover={{ bg: 'gray.50' }}
+                    bg="white"
+                    _hover={{ bg: 'gray.50', borderColor: 'teal.300' }}
                     cursor="pointer"
-                    onClick={() => setSelectedUserId(row.userId)}
+                    onClick={() => setSelectedUserId(participant.userId)}
+                    transition="all 0.2s"
                   >
-                    <HStack justify="space-between" mb={1} gap={2}>
+                    <HStack justify="space-between" mb={2} gap={2}>
-                      <Text fontSize="xs" fontWeight="medium" truncate maxW="150px">
+                      <Text fontSize="sm" fontWeight="medium" truncate maxW="180px">
-                        {row.nickname}
+                        {participant.nickname}
-                      </Text>
-                      <Text fontSize="xs" color="gray.500">
-                        {row.overallPercent}%
                       </Text>
+                      <Badge colorPalette={colorPalette} size="sm">
+                        {participant.progressPercent}%
+                      </Badge>
                     </HStack>
-                    <Progress.Root value={row.overallPercent} size="xs" colorPalette={colorPalette}>
+                    <Progress.Root value={participant.progressPercent} size="sm" colorPalette={colorPalette}>
                       <Progress.Track>
                         <Progress.Range />
                       </Progress.Track>
                     </Progress.Root>
-                    <Text fontSize="xs" color="gray.500" mt={1}>
+                    <HStack justify="space-between" mt={2}>
-                      {row.completedTasks} / {row.totalTasks}
+                      <Text fontSize="xs" color="gray.500">
+                        {participant.completedTasks} / {participant.totalTasks}
                       </Text>
+                      <Text fontSize="xs" color="gray.400">
+                        {t('challenge.admin.submissions.participants.click.to.view')}
+                      </Text>
+                    </HStack>
                   </Box>
                 )
               })}
@@ -306,6 +411,7 @@ export const SubmissionsPage: React.FC = () => {
           description={t('challenge.admin.submissions.search.empty.description')}
         />
       ) : (
+        /* Таблица попыток выбранного пользователя */
         <Box bg="white" borderRadius="lg" boxShadow="sm" borderWidth="1px" borderColor="gray.200" overflowX="auto">
           <Table.Root size="sm">
             <Table.Header>
@@ -316,7 +422,9 @@ export const SubmissionsPage: React.FC = () => {
                 <Table.ColumnHeader>{t('challenge.admin.submissions.table.attempt')}</Table.ColumnHeader>
                 <Table.ColumnHeader>{t('challenge.admin.submissions.table.submitted')}</Table.ColumnHeader>
                 <Table.ColumnHeader>{t('challenge.admin.submissions.table.check.time')}</Table.ColumnHeader>
-                <Table.ColumnHeader textAlign="right">{t('challenge.admin.submissions.table.actions')}</Table.ColumnHeader>
+                <Table.ColumnHeader textAlign="right">
+                  {t('challenge.admin.submissions.table.actions')}
+                </Table.ColumnHeader>
               </Table.Row>
             </Table.Header>
             <Table.Body>
@@ -365,7 +473,7 @@ export const SubmissionsPage: React.FC = () => {
                         size="sm"
                         variant="ghost"
                         colorPalette="teal"
-                        onClick={() => navigate(URLs.submissionDetails(selectedUserId!, submission.id))}
+                        onClick={() => navigate(URLs.submissionDetails(chainId!, selectedUserId, submission.id))}
                       >
                         {t('challenge.admin.submissions.button.details')}
                       </Button>
@@ -380,4 +488,3 @@ export const SubmissionsPage: React.FC = () => {
     </Box>
   )
 }
-