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.

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,

src/components/ClearSubmissionsDialog.tsx

@@ -0,0 +1,77 @@
+import React 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()
+
+  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()}>
+      <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>
+  )
+}
+

src/components/DuplicateChainDialog.tsx

@@ -0,0 +1,106 @@
+import React, { useState } 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()
+
+  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()}>
+      <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>
+  )
+}
+

src/pages/chains/ChainsListPage.tsx

@@ -18,6 +18,8 @@ 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'
 
@@ -29,6 +31,8 @@ export const ChainsListPage: React.FC = () => {
 
   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()
 
@@ -182,6 +186,21 @@ 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={() => setChainToClearSubmissions(chain)}
+                      >
+                        {t('challenge.admin.chains.clear.submissions.button')}
+                      </Button>
                       <Button
                         size="sm"
                         variant="ghost"
@@ -208,6 +227,18 @@ export const ChainsListPage: React.FC = () => {
         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>
   )
 }

src/types/challenge.ts

@@ -142,6 +142,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'