1.3.1

Comment out navigation to tasks after successful form submission in TaskFormPage to prevent unintended redirects during testing.
1.3.0
2025-12-14 16:33:15 +03:00 · 2025-12-14 16:25:35 +03:00 · 2025-12-14 15:43:08 +03:00 · 2025-12-14 15:02:43 +03:00 · 2025-12-14 14:47:50 +03:00 · 2025-12-14 14:46:28 +03:00
16 changed files with 765 additions and 46 deletions
--- a/bro.config.js
+++ b/bro.config.js
@@ -18,7 +18,7 @@ module.exports = {
  /* use https://admin.bro-js.ru/ to create config, navigations and features */
  navigations: {
    'challenge-admin.main': '/challenge-admin',
-    'link.challenge': '/challenge',
+    'link.challenge.main': '/challenge',
  },
  features: {
    'challenge-admin': {
--- a/docs/CHALLENGE_LEARNING_MATERIAL.md
+++ b/docs/CHALLENGE_LEARNING_MATERIAL.md
@@ -0,0 +1,202 @@
+# Добавление поля learningMaterial в задачу челленджа
+
+## Описание изменений
+
+В модель задачи челленджа (`ChallengeTask`) добавлено новое необязательное текстовое поле `learningMaterial` для хранения дополнительной обучающей информации в формате Markdown.
+
+## Структура данных
+
+### Модель ChallengeTask
+
+```typescript
+{
+  title: string,           // Заголовок задания (обязательное)
+  description: string,     // Основное описание в Markdown (обязательное, видно студентам)
+  learningMaterial: string, // Дополнительный учебный материал в Markdown (необязательное, видно студентам)
+  hiddenInstructions: string, // Скрытые инструкции для LLM (необязательное, только для преподавателей)
+  createdAt: Date,         // Дата создания
+  updatedAt: Date,         // Дата последнего обновления
+  creator: Object          // Данные создателя из Keycloak
+}
+```
+
+## Изменения в API
+
+### 1. Создание задания (POST /challenge/task)
+
+**Добавлено поле в тело запроса:**
+```json
+{
+  "title": "Название задания",
+  "description": "Основное описание в Markdown",
+  "learningMaterial": "Дополнительный учебный материал в Markdown",
+  "hiddenInstructions": "Скрытые инструкции для преподавателей"
+}
+```
+
+**Пример запроса:**
+```bash
+POST /challenge/task
+Content-Type: application/json
+
+{
+  "title": "Реализация алгоритма сортировки",
+  "description": "Напишите функцию сортировки массива методом пузырька",
+  "learningMaterial": "## Теория\n\nМетод пузырьковой сортировки работает путем...\n\n## Полезные ссылки\n- [Википедия](https://ru.wikipedia.org/wiki/Сортировка_пузырьком)\n- [Видео объяснение](https://example.com/video)",
+  "hiddenInstructions": "Оценить эффективность алгоритма и стиль кода"
+}
+```
+
+### 2. Обновление задания (PUT /challenge/task/:taskId)
+
+**Добавлено поле в тело запроса:**
+```json
+{
+  "title": "Новое название",
+  "description": "Обновленное описание",
+  "learningMaterial": "Обновленный учебный материал",
+  "hiddenInstructions": "Обновленные инструкции"
+}
+```
+
+## Получение данных
+
+### Получение задания (GET /challenge/task/:taskId)
+
+**Ответ содержит новое поле:**
+```json
+{
+  "id": "task_id",
+  "title": "Название задания",
+  "description": "Основное описание в Markdown",
+  "learningMaterial": "Дополнительный учебный материал в Markdown",
+  "createdAt": "2025-01-15T10:00:00.000Z",
+  "updatedAt": "2025-01-15T10:30:00.000Z"
+}
+```
+
+**Важно:** Поле `learningMaterial` видно всем пользователям (студентам и преподавателям), в отличие от `hiddenInstructions`, которое скрывается от студентов.
+
+### Получение всех заданий (GET /challenge/tasks)
+
+Возвращает массив заданий с новым полем `learningMaterial`.
+
+### Получение цепочек (GET /challenge/chains, GET /challenge/chain/:chainId)
+
+При получении цепочек с populate заданий, поле `learningMaterial` будет доступно в каждом задании цепочки.
+
+## Frontend изменения
+
+### Интерфейсы TypeScript
+
+```typescript
+interface ChallengeTask {
+  id: string;
+  title: string;
+  description: string;     // Markdown
+  learningMaterial?: string; // Новое поле - дополнительный материал в Markdown
+  createdAt: string;
+  updatedAt: string;
+}
+```
+
+### Формы создания/редактирования заданий
+
+В формах создания и редактирования заданий необходимо добавить поле для ввода `learningMaterial`:
+
+```typescript
+// Пример компонента формы
+const TaskForm = () => {
+  const [formData, setFormData] = useState({
+    title: '',
+    description: '',
+    learningMaterial: '', // Новое поле
+    hiddenInstructions: ''
+  });
+
+  // Визуальный редактор или textarea для learningMaterial
+  return (
+    <form>
+      <input name="title" value={formData.title} />
+      <textarea name="description" value={formData.description} />
+
+      {/* Новое поле для дополнительного материала */}
+      <label>Дополнительный учебный материал (Markdown)</label>
+      <textarea
+        name="learningMaterial"
+        value={formData.learningMaterial}
+        placeholder="Дополнительные объяснения, ссылки, примеры..."
+      />
+
+      {/* Только для преподавателей */}
+      <textarea name="hiddenInstructions" value={formData.hiddenInstructions} />
+    </form>
+  );
+};
+```
+
+### Отображение заданий
+
+При отображении задания студентам показывать `learningMaterial` как дополнительную информацию:
+
+```typescript
+const TaskView = ({ task }: { task: ChallengeTask }) => {
+  return (
+    <div>
+      <h1>{task.title}</h1>
+
+      {/* Основное описание */}
+      <div dangerouslySetInnerHTML={{ __html: marked(task.description) }} />
+
+      {/* Дополнительный учебный материал */}
+      {task.learningMaterial && (
+        <div className="learning-material">
+          <h2>Дополнительные материалы</h2>
+          <div dangerouslySetInnerHTML={{ __html: marked(task.learningMaterial) }} />
+        </div>
+      )}
+    </div>
+  );
+};
+```
+
+## Миграция данных
+
+Поле `learningMaterial` добавлено как необязательное с значением по умолчанию `''`, поэтому:
+- Существующие задания будут работать без изменений
+- Новое поле будет пустым для старых заданий
+- Можно постепенно добавлять учебный материал к существующим заданиям
+
+## Тестирование
+
+### Создание задания с учебным материалом
+```bash
+# Создать задание с дополнительным материалом
+POST /challenge/task
+{
+  "title": "Тестовое задание",
+  "description": "Основное задание",
+  "learningMaterial": "# Полезная информация\n\nЭто дополнительный материал для студентов"
+}
+```
+
+### Получение задания
+```bash
+GET /challenge/task/{taskId}
+# Проверить, что learningMaterial присутствует в ответе
+```
+
+### Обновление учебного материала
+```bash
+PUT /challenge/task/{taskId}
+{
+  "learningMaterial": "# Обновленная информация\n\nНовые полезные материалы..."
+}
+```
+
+## Влияние на существующий код
+
+- Все существующие эндпоинты получения данных автоматически возвращают новое поле
+- Создание заданий без указания `learningMaterial` работает как прежде
+- Фильтрация и валидация не затрагиваются
+- Поле индексируется MongoDB автоматически
--- a/locales/en.json
+++ b/locales/en.json
@@ -20,6 +20,9 @@
  "challenge.admin.tasks.field.description": "Description (Markdown)",
  "challenge.admin.tasks.field.description.placeholder": "# Task title\n\nTask description in Markdown format...",
  "challenge.admin.tasks.field.description.helper": "Use Markdown to format text",
+  "challenge.admin.tasks.field.learning.material": "Additional Learning Material (Markdown)",
+  "challenge.admin.tasks.field.learning.material.placeholder": "# Additional Materials\n\nTheory, links, solution examples...",
+  "challenge.admin.tasks.field.learning.material.helper": "Materials for in-depth study. Displayed with scrolling like a book.",
  "challenge.admin.tasks.tab.editor": "Editor",
  "challenge.admin.tasks.tab.preview": "Preview",
  "challenge.admin.tasks.preview.empty": "Preview will appear here...",
@@ -112,6 +115,21 @@
  "challenge.admin.chains.delete.confirm.title": "Delete chain",
  "challenge.admin.chains.delete.confirm.message": "Are you sure you want to delete chain \"{name}\"? This action cannot be undone.",
  "challenge.admin.chains.delete.confirm.button": "Delete",
+  "challenge.admin.chains.duplicate.button": "Duplicate",
+  "challenge.admin.chains.duplicate.dialog.title": "Duplicate chain",
+  "challenge.admin.chains.duplicate.dialog.description": "Create a copy of chain \"{name}\" with the same tasks. The new chain will be created as inactive.",
+  "challenge.admin.chains.duplicate.dialog.field.name": "New chain name",
+  "challenge.admin.chains.duplicate.dialog.field.name.placeholder": "Copy - {name}",
+  "challenge.admin.chains.duplicate.dialog.field.name.helper": "Leave empty for auto-generated name",
+  "challenge.admin.chains.duplicate.dialog.button.confirm": "Create copy",
+  "challenge.admin.chains.duplicate.success": "Chain successfully duplicated",
+  "challenge.admin.chains.duplicate.error": "Failed to duplicate chain",
+  "challenge.admin.chains.clear.submissions.button": "Clear submissions",
+  "challenge.admin.chains.clear.submissions.dialog.title": "Clear chain submissions",
+  "challenge.admin.chains.clear.submissions.dialog.message": "Are you sure you want to delete all submissions for chain \"{name}\"? This action is irreversible. All deleted submissions cannot be restored.",
+  "challenge.admin.chains.clear.submissions.dialog.button.confirm": "Delete all submissions",
+  "challenge.admin.chains.clear.submissions.success": "Submissions successfully deleted",
+  "challenge.admin.chains.clear.submissions.error": "Failed to delete submissions",
  "challenge.admin.dashboard.title": "Dashboard",
  "challenge.admin.dashboard.loading": "Loading statistics...",
  "challenge.admin.dashboard.load.error": "Failed to load system statistics",
--- a/locales/ru.json
+++ b/locales/ru.json
@@ -19,6 +19,9 @@
  "challenge.admin.tasks.field.description": "Описание (Markdown)",
  "challenge.admin.tasks.field.description.placeholder": "# Заголовок задания\n\nОписание задания в формате Markdown...",
  "challenge.admin.tasks.field.description.helper": "Используйте Markdown для форматирования текста",
+  "challenge.admin.tasks.field.learning.material": "Дополнительный учебный материал (Markdown)",
+  "challenge.admin.tasks.field.learning.material.placeholder": "# Дополнительные материалы\n\nТеория, ссылки, примеры решений...",
+  "challenge.admin.tasks.field.learning.material.helper": "Материалы для углубленного изучения. Отображаются с прокруткой как книга.",
  "challenge.admin.tasks.tab.editor": "Редактор",
  "challenge.admin.tasks.tab.preview": "Превью",
  "challenge.admin.tasks.preview.empty": "Предпросмотр появится здесь...",
@@ -111,6 +114,21 @@
  "challenge.admin.chains.delete.confirm.title": "Удалить цепочку",
  "challenge.admin.chains.delete.confirm.message": "Вы уверены, что хотите удалить цепочку \"{name}\"? Это действие нельзя отменить.",
  "challenge.admin.chains.delete.confirm.button": "Удалить",
+  "challenge.admin.chains.duplicate.button": "Дублировать",
+  "challenge.admin.chains.duplicate.dialog.title": "Дублировать цепочку",
+  "challenge.admin.chains.duplicate.dialog.description": "Создать копию цепочки \"{name}\" с теми же заданиями. Новая цепочка будет создана неактивной.",
+  "challenge.admin.chains.duplicate.dialog.field.name": "Название новой цепочки",
+  "challenge.admin.chains.duplicate.dialog.field.name.placeholder": "Копия - {name}",
+  "challenge.admin.chains.duplicate.dialog.field.name.helper": "Оставьте пустым для автоматического названия",
+  "challenge.admin.chains.duplicate.dialog.button.confirm": "Создать копию",
+  "challenge.admin.chains.duplicate.success": "Цепочка успешно скопирована",
+  "challenge.admin.chains.duplicate.error": "Не удалось скопировать цепочку",
+  "challenge.admin.chains.clear.submissions.button": "Очистить попытки",
+  "challenge.admin.chains.clear.submissions.dialog.title": "Очистить попытки по цепочке",
+  "challenge.admin.chains.clear.submissions.dialog.message": "Вы уверены, что хотите удалить все попытки по цепочке \"{name}\"? Это действие необратимо. Все удаленные попытки невозможно восстановить.",
+  "challenge.admin.chains.clear.submissions.dialog.button.confirm": "Удалить все попытки",
+  "challenge.admin.chains.clear.submissions.success": "Попытки успешно удалены",
+  "challenge.admin.chains.clear.submissions.error": "Не удалось удалить попытки",
  "challenge.admin.dashboard.title": "Dashboard",
  "challenge.admin.dashboard.loading": "Загрузка статистики...",
  "challenge.admin.dashboard.load.error": "Не удалось загрузить статистику системы",
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
  "name": "challenge-admin-pl",
-  "version": "1.1.0",
+  "version": "1.3.1",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "challenge-admin-pl",
-      "version": "1.1.0",
+      "version": "1.3.1",
      "license": "ISC",
      "dependencies": {
        "@brojs/cli": "^1.9.4",
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "challenge-admin",
-  "version": "1.1.0",
+  "version": "1.3.1",
  "description": "",
  "main": "./src/index.tsx",
  "scripts": {
--- a/src/data/api/api.ts
+++ b/src/data/api/api.ts
@@ -13,6 +13,8 @@ import type {
  UpdateTaskRequest,
  CreateChainRequest,
  UpdateChainRequest,
+  DuplicateChainRequest,
+  ClearSubmissionsResponse,
  SubmitRequest,
  TestSubmissionResult,
  ChainSubmissionsResponse,
@@ -115,6 +117,23 @@ export const api = createApi({
      }),
      invalidatesTags: ['Chain'],
    }),
+    duplicateChain: builder.mutation<ChallengeChain, { chainId: string; name?: string }>({
+      query: ({ chainId, name }) => ({
+        url: `/challenge/chain/${chainId}/duplicate`,
+        method: 'POST',
+        body: name ? { name } : {},
+      }),
+      transformResponse: (response: { body: ChallengeChain }) => response.body,
+      invalidatesTags: ['Chain'],
+    }),
+    clearChainSubmissions: builder.mutation<ClearSubmissionsResponse, string>({
+      query: (chainId) => ({
+        url: `/challenge/chain/${chainId}/submissions`,
+        method: 'DELETE',
+      }),
+      transformResponse: (response: { body: ClearSubmissionsResponse }) => response.body,
+      invalidatesTags: ['Chain', 'Submission'],
+    }),

    // Statistics
    getSystemStats: builder.query<SystemStats, void>({
@@ -187,6 +206,8 @@ export const {
  useCreateChainMutation,
  useUpdateChainMutation,
  useDeleteChainMutation,
+  useDuplicateChainMutation,
+  useClearChainSubmissionsMutation,
  useGetSystemStatsQuery,
  useGetSystemStatsV2Query,
  useGetUserStatsQuery,
--- a/src/data/kc.ts
+++ b/src/data/kc.ts
@@ -3,6 +3,6 @@ import Keycloak from 'keycloak-js'
 export const keycloak = new Keycloak({
  url: KC_URL,
  realm: KC_REALM,
-  clientId: KC_CLIENT_ID,
-});
+  clientId: KC_CLIENT_ID
+})

--- a/src/components/ClearSubmissionsDialog.tsx
+++ b/src/components/ClearSubmissionsDialog.tsx
@@ -0,0 +1,87 @@
+import React, { useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import {
+  DialogRoot,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogBody,
+  DialogFooter,
+  DialogActionTrigger,
+  Button,
+  Text,
+} from '@chakra-ui/react'
+import { useClearChainSubmissionsMutation } from '../__data__/api/api'
+import { toaster } from './ui/toaster'
+import type { ChallengeChain } from '../types/challenge'
+
+interface ClearSubmissionsDialogProps {
+  isOpen: boolean
+  onClose: () => void
+  chain: ChallengeChain | null
+}
+
+export const ClearSubmissionsDialog: React.FC<ClearSubmissionsDialogProps> = ({
+  isOpen,
+  onClose,
+  chain,
+}) => {
+  const { t } = useTranslation()
+  const [clearSubmissions, { isLoading }] = useClearChainSubmissionsMutation()
+
+  // Прокручиваем страницу к началу при открытии диалога
+  useEffect(() => {
+    if (isOpen) {
+      window.scrollTo({ top: 0, behavior: 'smooth' })
+    }
+  }, [isOpen])
+
+  const handleConfirm = async () => {
+    if (!chain) return
+
+    try {
+      await clearSubmissions(chain.id).unwrap()
+      toaster.create({
+        title: t('challenge.admin.common.success'),
+        description: t('challenge.admin.chains.clear.submissions.success'),
+        type: 'success',
+      })
+      onClose()
+    } catch (err) {
+      toaster.create({
+        title: t('challenge.admin.common.error'),
+        description: t('challenge.admin.chains.clear.submissions.error'),
+        type: 'error',
+      })
+    }
+  }
+
+  if (!chain) return null
+
+  return (
+    <DialogRoot open={isOpen} onOpenChange={(e) => !e.open && onClose()} scrollBehavior="inside">
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>{t('challenge.admin.chains.clear.submissions.dialog.title')}</DialogTitle>
+        </DialogHeader>
+        <DialogBody>
+          <Text>{t('challenge.admin.chains.clear.submissions.dialog.message', { name: chain.name })}</Text>
+        </DialogBody>
+        <DialogFooter>
+          <DialogActionTrigger asChild>
+            <Button variant="outline" onClick={onClose} disabled={isLoading}>
+              {t('challenge.admin.common.cancel')}
+            </Button>
+          </DialogActionTrigger>
+          <Button colorPalette="red" onClick={handleConfirm} disabled={isLoading}>
+            {t('challenge.admin.chains.clear.submissions.dialog.button.confirm')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </DialogRoot>
+  )
+}
+
+
+
+
--- a/src/components/ConfirmDialog.tsx
+++ b/src/components/ConfirmDialog.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
 import {
  DialogRoot,
@@ -36,8 +36,16 @@ export const ConfirmDialog: React.FC<ConfirmDialogProps> = ({
  
  const confirm = confirmLabel || t('challenge.admin.common.confirm')
  const cancel = cancelLabel || t('challenge.admin.common.cancel')
+
+  // Прокручиваем страницу к началу при открытии диалога
+  useEffect(() => {
+    if (isOpen) {
+      window.scrollTo({ top: 0, behavior: 'smooth' })
+    }
+  }, [isOpen])
+
  return (
-    <DialogRoot open={isOpen} onOpenChange={(e) => !e.open && onClose()}>
+    <DialogRoot open={isOpen} onOpenChange={(e) => !e.open && onClose()} scrollBehavior="inside">
      <DialogContent>
        <DialogHeader>
          <DialogTitle>{title}</DialogTitle>
--- a/src/components/DuplicateChainDialog.tsx
+++ b/src/components/DuplicateChainDialog.tsx
@@ -0,0 +1,116 @@
+import React, { useState, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import {
+  DialogRoot,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogBody,
+  DialogFooter,
+  DialogActionTrigger,
+  Button,
+  Field,
+  Input,
+  Text,
+  VStack,
+} from '@chakra-ui/react'
+import { useDuplicateChainMutation } from '../__data__/api/api'
+import { toaster } from './ui/toaster'
+import type { ChallengeChain } from '../types/challenge'
+
+interface DuplicateChainDialogProps {
+  isOpen: boolean
+  onClose: () => void
+  chain: ChallengeChain | null
+}
+
+export const DuplicateChainDialog: React.FC<DuplicateChainDialogProps> = ({
+  isOpen,
+  onClose,
+  chain,
+}) => {
+  const { t } = useTranslation()
+  const [name, setName] = useState('')
+  const [duplicateChain, { isLoading }] = useDuplicateChainMutation()
+
+  // Прокручиваем страницу к началу при открытии диалога
+  useEffect(() => {
+    if (isOpen) {
+      window.scrollTo({ top: 0, behavior: 'smooth' })
+    }
+  }, [isOpen])
+
+  const handleClose = () => {
+    setName('')
+    onClose()
+  }
+
+  const handleConfirm = async () => {
+    if (!chain) return
+
+    try {
+      await duplicateChain({
+        chainId: chain.id,
+        name: name.trim() || undefined,
+      }).unwrap()
+      toaster.create({
+        title: t('challenge.admin.common.success'),
+        description: t('challenge.admin.chains.duplicate.success'),
+        type: 'success',
+      })
+      handleClose()
+    } catch (err) {
+      toaster.create({
+        title: t('challenge.admin.common.error'),
+        description: t('challenge.admin.chains.duplicate.error'),
+        type: 'error',
+      })
+    }
+  }
+
+  if (!chain) return null
+
+  const defaultPlaceholder = t('challenge.admin.chains.duplicate.dialog.field.name.placeholder', {
+    name: chain.name,
+  })
+
+  return (
+    <DialogRoot open={isOpen} onOpenChange={(e) => !e.open && handleClose()} scrollBehavior="inside">
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>{t('challenge.admin.chains.duplicate.dialog.title')}</DialogTitle>
+        </DialogHeader>
+        <DialogBody>
+          <VStack gap={4} align="stretch">
+            <Text>{t('challenge.admin.chains.duplicate.dialog.description', { name: chain.name })}</Text>
+            <Field.Root>
+              <Field.Label>{t('challenge.admin.chains.duplicate.dialog.field.name')}</Field.Label>
+              <Input
+                value={name}
+                onChange={(e) => setName(e.target.value)}
+                placeholder={defaultPlaceholder}
+              />
+              <Field.HelperText>
+                {t('challenge.admin.chains.duplicate.dialog.field.name.helper')}
+              </Field.HelperText>
+            </Field.Root>
+          </VStack>
+        </DialogBody>
+        <DialogFooter>
+          <DialogActionTrigger asChild>
+            <Button variant="outline" onClick={handleClose} disabled={isLoading}>
+              {t('challenge.admin.common.cancel')}
+            </Button>
+          </DialogActionTrigger>
+          <Button colorPalette="teal" onClick={handleConfirm} disabled={isLoading}>
+            {t('challenge.admin.chains.duplicate.dialog.button.confirm')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </DialogRoot>
+  )
+}
+
+
+
+
--- a/src/pages/chains/ChainsListPage.tsx
+++ b/src/pages/chains/ChainsListPage.tsx
@@ -17,7 +17,8 @@ import { URLs } from '../../__data__/urls'
 import { LoadingSpinner } from '../../components/LoadingSpinner'
 import { ErrorAlert } from '../../components/ErrorAlert'
 import { EmptyState } from '../../components/EmptyState'
-import { ConfirmDialog } from '../../components/ConfirmDialog'
+import { DuplicateChainDialog } from '../../components/DuplicateChainDialog'
+import { ClearSubmissionsDialog } from '../../components/ClearSubmissionsDialog'
 import type { ChallengeChain } from '../../types/challenge'
 import { toaster } from '../../components/ui/toaster'

@@ -25,24 +26,28 @@ export const ChainsListPage: React.FC = () => {
  const navigate = useNavigate()
  const { t } = useTranslation()
  const { data: chains, isLoading, error, refetch } = useGetChainsQuery()
-  const [deleteChain, { isLoading: isDeleting }] = useDeleteChainMutation()
+  const [deleteChain] = useDeleteChainMutation()

  const [searchQuery, setSearchQuery] = useState('')
-  const [chainToDelete, setChainToDelete] = useState<ChallengeChain | null>(null)
+  const [chainToDuplicate, setChainToDuplicate] = useState<ChallengeChain | null>(null)
+  const [chainToClearSubmissions, setChainToClearSubmissions] = useState<ChallengeChain | null>(null)
  const [updatingChainId, setUpdatingChainId] = useState<string | null>(null)
  const [updateChain] = useUpdateChainMutation()

-  const handleDeleteChain = async () => {
-    if (!chainToDelete) return
+  const handleDeleteChain = async (chain: ChallengeChain) => {
+    const confirmed = window.confirm(
+      t('challenge.admin.chains.delete.confirm.message', { name: chain.name })
+    )
+
+    if (!confirmed) return

    try {
-      await deleteChain(chainToDelete.id).unwrap()
+      await deleteChain(chain.id).unwrap()
      toaster.create({
        title: t('challenge.admin.common.success'),
        description: t('challenge.admin.chains.deleted'),
        type: 'success',
      })
-      setChainToDelete(null)
    } catch (err) {
      toaster.create({
        title: t('challenge.admin.common.error'),
@@ -182,11 +187,26 @@ export const ChainsListPage: React.FC = () => {
                      >
                        {t('challenge.admin.chains.list.button.edit')}
                      </Button>
+                      <Button
+                        size="sm"
+                        variant="ghost"
+                        onClick={() => setChainToDuplicate(chain)}
+                      >
+                        {t('challenge.admin.chains.duplicate.button')}
+                      </Button>
                      <Button
                        size="sm"
                        variant="ghost"
                        colorPalette="red"
-                        onClick={() => setChainToDelete(chain)}
+                        onClick={() => setChainToClearSubmissions(chain)}
+                      >
+                        {t('challenge.admin.chains.clear.submissions.button')}
+                      </Button>
+                      <Button
+                        size="sm"
+                        variant="ghost"
+                        colorPalette="red"
+                        onClick={() => handleDeleteChain(chain)}
                      >
                        {t('challenge.admin.chains.list.button.delete')}
                      </Button>
@@ -199,14 +219,16 @@ export const ChainsListPage: React.FC = () => {
        </Box>
      )}

-      <ConfirmDialog
-        isOpen={!!chainToDelete}
-        onClose={() => setChainToDelete(null)}
-        onConfirm={handleDeleteChain}
-        title={t('challenge.admin.chains.delete.confirm.title')}
-        message={t('challenge.admin.chains.delete.confirm.message', { name: chainToDelete?.name })}
-        confirmLabel={t('challenge.admin.chains.delete.confirm.button')}
-        isLoading={isDeleting}
+      <DuplicateChainDialog
+        isOpen={!!chainToDuplicate}
+        onClose={() => setChainToDuplicate(null)}
+        chain={chainToDuplicate}
+      />
+
+      <ClearSubmissionsDialog
+        isOpen={!!chainToClearSubmissions}
+        onClose={() => setChainToClearSubmissions(null)}
+        chain={chainToClearSubmissions}
      />
    </Box>
  )
--- a/src/pages/tasks/TaskFormPage.tsx
+++ b/src/pages/tasks/TaskFormPage.tsx
@@ -40,6 +40,7 @@ export const TaskFormPage: React.FC = () => {

  const [title, setTitle] = useState('')
  const [description, setDescription] = useState('')
+  const [learningMaterial, setLearningMaterial] = useState('')
  const [hiddenInstructions, setHiddenInstructions] = useState('')
  const [showDescPreview, setShowDescPreview] = useState(false)
  const [testAnswer, setTestAnswer] = useState('')
@@ -50,6 +51,7 @@ export const TaskFormPage: React.FC = () => {
    if (task) {
      setTitle(task.title)
      setDescription(task.description)
+      setLearningMaterial(task.learningMaterial || '')
      setHiddenInstructions(task.hiddenInstructions || '')
    }
  }, [task])
@@ -106,6 +108,7 @@ export const TaskFormPage: React.FC = () => {
          data: {
            title: title.trim(),
            description: description.trim(),
+            learningMaterial: learningMaterial.trim() || undefined,
            hiddenInstructions: hiddenInstructions.trim() || undefined,
          },
        }).unwrap()
@@ -118,6 +121,7 @@ export const TaskFormPage: React.FC = () => {
        await createTask({
          title: title.trim(),
          description: description.trim(),
+          learningMaterial: learningMaterial.trim() || undefined,
          hiddenInstructions: hiddenInstructions.trim() || undefined,
        }).unwrap()
        toaster.create({
@@ -126,7 +130,7 @@ export const TaskFormPage: React.FC = () => {
          type: 'success',
        })
      }
-      navigate(URLs.tasks)
+      // navigate(URLs.tasks)
    } catch (err: unknown) {
      const errorMessage = 
        (err && typeof err === 'object' && 'data' in err && 
@@ -355,6 +359,128 @@ export const TaskFormPage: React.FC = () => {
            <Field.HelperText>{t('challenge.admin.tasks.field.description.helper')}</Field.HelperText>
          </Field.Root>

+          {/* Learning Material */}
+          <Field.Root>
+            <Field.Label>{t('challenge.admin.tasks.field.learning.material')}</Field.Label>
+            <Box display={{ base: 'block', lg: 'none' }}>
+              {/* Табы для мобильных */}
+              <Tabs.Root
+                value={showDescPreview ? 'preview' : 'editor'}
+                onValueChange={(e) => setShowDescPreview(e.value === 'preview')}
+              >
+                <Tabs.List>
+                  <Tabs.Trigger value="editor">{t('challenge.admin.tasks.tab.editor')}</Tabs.Trigger>
+                  <Tabs.Trigger value="preview">{t('challenge.admin.tasks.tab.preview')}</Tabs.Trigger>
+                </Tabs.List>
+                <Tabs.Content value="editor" pt={4}>
+                  <Textarea
+                    value={learningMaterial}
+                    onChange={(e) => setLearningMaterial(e.target.value)}
+                    placeholder={t('challenge.admin.tasks.field.learning.material.placeholder')}
+                    rows={12}
+                    fontFamily="monospace"
+                    disabled={isLoading}
+                  />
+                </Tabs.Content>
+                <Tabs.Content value="preview" pt={4}>
+                  <Box
+                    p={4}
+                    borderWidth="1px"
+                    borderColor="gray.200"
+                    borderRadius="md"
+                    minH="250px"
+                    maxH="400px"
+                    bg="gray.50"
+                    overflowY="auto"
+                  >
+                    {learningMaterial ? (
+                      <Box
+                        className="markdown-preview"
+                        css={{
+                          '& a': {
+                            color: '#0f766e',
+                            textDecoration: 'underline',
+                            cursor: 'pointer',
+                            '&:hover': {
+                              color: '#115e59',
+                            }
+                          }
+                        }}
+                      >
+                        <ReactMarkdown>{learningMaterial}</ReactMarkdown>
+                      </Box>
+                    ) : (
+                      <Text color="gray.400" fontStyle="italic">
+                        {t('challenge.admin.tasks.preview.empty')}
+                      </Text>
+                    )}
+                  </Box>
+                </Tabs.Content>
+              </Tabs.Root>
+            </Box>
+
+            {/* Две колонки для десктопа */}
+            <Grid
+              display={{ base: 'none', lg: 'grid' }}
+              templateColumns="1fr 1fr"
+              gap={4}
+              mt={2}
+            >
+              <Box>
+                <Text fontSize="sm" fontWeight="medium" mb={2} color="gray.700">
+                  {t('challenge.admin.tasks.tab.editor')}
+                </Text>
+                <Textarea
+                  value={learningMaterial}
+                  onChange={(e) => setLearningMaterial(e.target.value)}
+                  placeholder={t('challenge.admin.tasks.field.learning.material.placeholder')}
+                  rows={15}
+                  fontFamily="monospace"
+                  disabled={isLoading}
+                />
+              </Box>
+              <Box>
+                <Text fontSize="sm" fontWeight="medium" mb={2} color="gray.700">
+                  {t('challenge.admin.tasks.tab.preview')}
+                </Text>
+                <Box
+                  p={4}
+                  borderWidth="1px"
+                  borderColor="gray.200"
+                  borderRadius="md"
+                  minH="250px"
+                  maxH="400px"
+                  bg="gray.50"
+                  overflowY="auto"
+                  height="100%"
+                >
+                  {learningMaterial ? (
+                    <Box
+                      className="markdown-preview"
+                      css={{
+                        '& a': {
+                          color: '#0f766e',
+                          textDecoration: 'underline',
+                          cursor: 'pointer',
+                          '&:hover': {
+                            color: '#115e59',
+                          }
+                        }
+                      }}
+                    >
+                      <ReactMarkdown>{learningMaterial}</ReactMarkdown>
+                    </Box>
+                  ) : (
+                    <Text color="gray.400" fontStyle="italic">
+                      {t('challenge.admin.tasks.preview.empty')}
+                    </Text>
+                  )}
+                </Box>
+              </Box>
+            </Grid>
+            <Field.HelperText>{t('challenge.admin.tasks.field.learning.material.helper')}</Field.HelperText>
+          </Field.Root>
+
          {/* Hidden Instructions */}
          <Field.Root>
            <Box bg="purple.50" p={4} borderRadius="md" borderWidth="1px" borderColor="purple.200">
--- a/src/pages/tasks/TasksListPage.tsx
+++ b/src/pages/tasks/TasksListPage.tsx
@@ -17,7 +17,6 @@ import { URLs } from '../../__data__/urls'
 import { LoadingSpinner } from '../../components/LoadingSpinner'
 import { ErrorAlert } from '../../components/ErrorAlert'
 import { EmptyState } from '../../components/EmptyState'
-import { ConfirmDialog } from '../../components/ConfirmDialog'
 import type { ChallengeTask } from '../../types/challenge'
 import { toaster } from '../../components/ui/toaster'

@@ -25,22 +24,24 @@ export const TasksListPage: React.FC = () => {
  const navigate = useNavigate()
  const { t } = useTranslation()
  const { data: tasks, isLoading, error, refetch } = useGetTasksQuery()
-  const [deleteTask, { isLoading: isDeleting }] = useDeleteTaskMutation()
+  const [deleteTask] = useDeleteTaskMutation()

  const [searchQuery, setSearchQuery] = useState('')
-  const [taskToDelete, setTaskToDelete] = useState<ChallengeTask | null>(null)

-  const handleDeleteTask = async () => {
-    if (!taskToDelete) return
+  const handleDeleteTask = async (task: ChallengeTask) => {
+    const confirmed = window.confirm(
+      t('challenge.admin.tasks.delete.confirm.message', { title: task.title })
+    )
+
+    if (!confirmed) return

    try {
-      await deleteTask(taskToDelete.id).unwrap()
+      await deleteTask(task.id).unwrap()
      toaster.create({
        title: t('challenge.admin.common.success'),
        description: t('challenge.admin.tasks.deleted'),
        type: 'success',
      })
-      setTaskToDelete(null)
    } catch (_err) {
      toaster.create({
        title: t('challenge.admin.common.error'),
@@ -152,7 +153,7 @@ export const TasksListPage: React.FC = () => {
                        size="sm"
                        variant="ghost"
                        colorPalette="red"
-                        onClick={() => setTaskToDelete(task)}
+                        onClick={() => handleDeleteTask(task)}
                      >
                        {t('challenge.admin.tasks.list.button.delete')}
                      </Button>
@@ -164,16 +165,6 @@ export const TasksListPage: React.FC = () => {
          </Table.Root>
        </Box>
      )}
-
-      <ConfirmDialog
-        isOpen={!!taskToDelete}
-        onClose={() => setTaskToDelete(null)}
-        onConfirm={handleDeleteTask}
-        title={t('challenge.admin.tasks.delete.confirm.title')}
-        message={t('challenge.admin.tasks.delete.confirm.message', { title: taskToDelete?.title })}
-        confirmLabel={t('challenge.admin.tasks.delete.confirm.button')}
-        isLoading={isDeleting}
-      />
    </Box>
  )
 }
--- a/src/types/challenge.ts
+++ b/src/types/challenge.ts
@@ -12,6 +12,7 @@ export interface ChallengeTask {
  id: string
  title: string
  description: string // Markdown
+  learningMaterial?: string // Дополнительный учебный материал в Markdown
  hiddenInstructions?: string // Только для преподавателей
  creator?: {
    sub: string
@@ -121,12 +122,14 @@ export interface APIResponse<T> {
 export interface CreateTaskRequest {
  title: string
  description: string
+  learningMaterial?: string
  hiddenInstructions?: string
 }

 export interface UpdateTaskRequest {
  title?: string
  description?: string
+  learningMaterial?: string
  hiddenInstructions?: string
 }

@@ -142,6 +145,16 @@ export interface UpdateChainRequest {
  isActive?: boolean
 }

+export interface DuplicateChainRequest {
+  name?: string
+}
+
+export interface ClearSubmissionsResponse {
+  deletedCount: number
+  chainId: string
+  userId?: string
+}
+
 // ========== Stats v2 Types ==========

 export type TaskProgressStatus = 'not_started' | 'pending' | 'in_progress' | 'needs_revision' | 'completed'
--- a/stubs/api/index.js
+++ b/stubs/api/index.js
@@ -312,6 +312,84 @@ router.delete('/challenge/chain/:id', (req, res) => {
  respond(res, { success: true });
 });

+// POST /api/challenge/chain/:chainId/duplicate
+router.post('/challenge/chain/:chainId/duplicate', (req, res) => {
+  const chains = getChains();
+  const chainIndex = chains.findIndex(c => c.id === req.params.chainId);
+  
+  if (chainIndex === -1) {
+    return respondError(res, 'Chain not found', 404);
+  }
+  
+  const originalChain = chains[chainIndex];
+  const { name } = req.body;
+  
+  // Generate new name if not provided
+  const newName = name || `Копия - ${originalChain.name}`;
+  
+  // Create duplicate with same tasks but inactive
+  const duplicatedChain = {
+    _id: `chain_${Date.now()}`,
+    id: `chain_${Date.now()}`,
+    name: newName,
+    tasks: originalChain.tasks.map(task => ({
+      _id: task._id,
+      id: task.id,
+      title: task.title,
+      description: task.description,
+      createdAt: task.createdAt,
+      updatedAt: task.updatedAt
+    })),
+    isActive: false,
+    createdAt: new Date().toISOString(),
+    updatedAt: new Date().toISOString()
+  };
+  
+  chains.push(duplicatedChain);
+  
+  // Update stats
+  const stats = getStats();
+  stats.chains = chains.length;
+  
+  respond(res, duplicatedChain);
+});
+
+// DELETE /api/challenge/chain/:chainId/submissions
+router.delete('/challenge/chain/:chainId/submissions', (req, res) => {
+  const chains = getChains();
+  const submissions = getSubmissions();
+  
+  const chain = chains.find(c => c.id === req.params.chainId);
+  
+  if (!chain) {
+    return respondError(res, 'Chain not found', 404);
+  }
+  
+  // Get task IDs from chain
+  const taskIds = new Set(chain.tasks.map(t => t.id));
+  
+  // Count and remove submissions for tasks in this chain
+  let deletedCount = 0;
+  for (let i = submissions.length - 1; i >= 0; i--) {
+    const sub = submissions[i];
+    const taskId = typeof sub.task === 'object' ? sub.task.id : sub.task;
+    
+    if (taskIds.has(taskId)) {
+      submissions.splice(i, 1);
+      deletedCount++;
+    }
+  }
+  
+  // Update stats
+  const stats = getStats();
+  stats.submissions.total = Math.max(0, stats.submissions.total - deletedCount);
+  
+  respond(res, {
+    deletedCount: deletedCount,
+    chainId: chain.id
+  });
+});
+
 // ============= STATS =============

 // GET /api/challenge/stats
@@ -331,13 +409,32 @@ router.get('/challenge/stats/v2', (req, res) => {
    return;
  }
  
-  // Фильтруем данные по выбранной цепочке
-  const filteredChain = statsV2.chainsDetailed.find(c => c.chainId === chainId);
+  // Сначала проверяем наличие цепочки в chains.json
+  const chains = getChains();
+  const chain = chains.find(c => c.id === chainId);
  
-  if (!filteredChain) {
+  if (!chain) {
    return respondError(res, 'Chain not found', 404);
  }
  
+  // Ищем данные цепочки в stats-v2.json
+  let filteredChain = statsV2.chainsDetailed.find(c => c.chainId === chainId);
+  
+  // Если цепочка не найдена в stats-v2.json, создаем пустую структуру на основе chains.json
+  if (!filteredChain) {
+    filteredChain = {
+      chainId: chain.id,
+      name: chain.name,
+      totalTasks: chain.tasks.length,
+      tasks: chain.tasks.map(t => ({
+        taskId: t.id,
+        title: t.title,
+        description: t.description || ''
+      })),
+      participantProgress: []
+    };
+  }
+  
  // Фильтруем tasksTable - только задания из этой цепочки
  const chainTaskIds = new Set(filteredChain.tasks.map(t => t.taskId));
  const filteredTasksTable = statsV2.tasksTable.filter(t => chainTaskIds.has(t.taskId));
Author	SHA1	Message	Date
Primakov Alexandr	6b7c773977	1.3.1	2025-12-14 16:33:15 +03:00
Primakov Alexandr	a748e608cf	Comment out navigation to tasks after successful form submission in TaskFormPage to prevent unintended redirects during testing.	2025-12-14 16:25:35 +03:00
Primakov Alexandr	d0e26b02c7	1.3.0	2025-12-14 15:43:08 +03:00
Primakov Alexandr	4aae3c154e	Add optional learningMaterial field to ChallengeTask model for additional educational content; update API endpoints, TypeScript interfaces, and frontend forms to support this feature. Enhance localization for English and Russian to include new field descriptions and placeholders.	2025-12-14 15:02:43 +03:00
Primakov Alexandr	e93de750fc	1.2.0	2025-12-14 14:47:50 +03:00
Primakov Alexandr	5f41c4a943	Enhance dialog components by adding smooth scroll to top functionality upon opening; update ConfirmDialog, ClearSubmissionsDialog, and DuplicateChainDialog for improved user experience. Remove unused ConfirmDialog from ChainsListPage and TasksListPage, streamlining code.	2025-12-14 14:46:28 +03:00
Primakov Alexandr	1d364a2351	Refactor ClearSubmissionsDialog and DuplicateChainDialog components by removing unnecessary whitespace; improve code cleanliness and maintainability.	2025-12-14 13:00:57 +03:00
Primakov Alexandr	88b95a7651	Add duplicate and clear submissions functionality for challenge chains; implement corresponding dialogs and API endpoints, enhancing user experience and task management. Update localization for new features in English and Russian.	2025-12-13 21:32:22 +03:00