bfg-common 1.5.630 → 1.5.632

package/assets/localization/local_be.json

@@ -3691,5 +3691,9 @@
     "lastCreateSubtitle": "Праверце падрабязнасці перад рэгістрацыяй віртуальнай машыны.",
     "registerVmSelectFile": "Рэгістрацыя ВМ — Выбар файла",
     "nameAlreadyExistsDescription": "Запіс з такой назвай ужо існуе."
+  },
+  "files": {
+    "deleteFileDescription": "Вы ўпэўнены, што хочаце выдаліць «{0}»?",
+    "deleteFilesDescription": "Вы ўпэўнены, што хочаце выдаліць {0} файлаў?"
   }
 }

package/assets/localization/local_en.json

@@ -3695,5 +3695,9 @@
     "lastCreateSubtitle": "Review the details before the virtual machine is registered.",
     "registerVmSelectFile": "Register VM - Select File",
     "nameAlreadyExistsDescription": "A record with this name already exists."
+  },
+  "files": {
+    "deleteFileDescription": "Are you sure you want to delete “{0}”?",
+    "deleteFilesDescription": "Are you sure you want to delete {0} files?"
   }
 }

package/assets/localization/local_hy.json

@@ -3696,5 +3696,9 @@
     "lastCreateSubtitle": "Ստուգեք մանրամասները՝ մինչ վիրտուալ մեքենայի գրանցումը։",
     "registerVmSelectFile": "Գրանցել VM — Ընտրել ֆայլ",
     "nameAlreadyExistsDescription": "Այս անունով գրառում արդեն գոյություն ունի։"
+  },
+  "files": {
+    "deleteFileDescription": "Վստա՞հ եք, որ ցանկանում եք ջնջել «{0}»-ը։",
+    "deleteFilesDescription": "Վստա՞հ եք, որ ցանկանում եք ջնջել {0} ֆայլ։"
   }
 }

package/assets/localization/local_kk.json

@@ -3694,5 +3694,9 @@
     "lastCreateSubtitle": "Виртуалды машинаны тіркемес бұрын мәліметтерді тексеріңіз.",
     "registerVmSelectFile": "VM тіркеу — Файл таңдау",
     "nameAlreadyExistsDescription": "Бұл атаумен жазба бұрыннан бар."
+  },
+  "files": {
+    "deleteFileDescription": "«{0}» файлын жоюға сенімдісіз бе?",
+    "deleteFilesDescription": "{0} файлды жоюға сенімдісіз бе?"
   }
 }

package/assets/localization/local_ru.json

@@ -3694,5 +3694,9 @@
     "lastCreateSubtitle": "Проверьте данные перед регистрацией виртуальной машины.",
     "registerVmSelectFile": "Зарегистрировать ВМ — Выбор файла",
     "nameAlreadyExistsDescription": "Запись с таким именем уже существует."
+  },
+  "files": {
+    "deleteFileDescription": "Вы уверены, что хотите удалить «{0}»?",
+    "deleteFilesDescription": "Вы уверены, что хотите удалить {0} файлов?"
   }
 }

package/assets/localization/local_zh.json

@@ -3692,5 +3692,9 @@
     "lastCreateSubtitle": "在注册虚拟机之前请先检查详细信息。",
     "registerVmSelectFile": "注册虚拟机 — 选择文件",
     "nameAlreadyExistsDescription": "已存在同名记录。"
+  },
+  "files": {
+    "deleteFileDescription": "您确定要删除“{0}”吗？",
+    "deleteFilesDescription": "您确定要删除 {0} 个文件吗？"
   }
 }

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/config/utils.ts

@@ -63,8 +63,7 @@ const hostItemsFunc = (
     },
   ]
   if (['zone', 'datacenter', 'cluster'].includes(type)) {
-    cpu.splice(1, 1)
-    cpu.splice(1, 1)
+    cpu.splice(1, 2)
   }
   const datastore: UI_I_AdvancedCounterItem[] = [
     {

package/lib/models/interfaces.ts

@@ -57,6 +57,7 @@ export interface UI_I_Localization {
   identityProvider: UI_I_ArbitraryObject<string>
   sphereAvailability: UI_I_ArbitraryObject<string>
   registerVm: UI_I_ArbitraryObject<string>
+  files: UI_I_ArbitraryObject<string>
 }
 export interface UI_I_SendTaskParams {
   method: string

package/lib/models/store/tasks/interfaces.ts

@@ -33,6 +33,10 @@ export interface API_UI_I_RecentTaskItem<T, E = any> {
   args: string // base64
   completion: number
   creation_time: number
+  progress: {
+    percent: number
+    message: string
+  }
   details: string
   error: string
   id: string
@@ -76,6 +80,11 @@ export interface UI_I_RecentTaskItem<T, E = any> {
   id: string
   zone: string
   extra: E
+  progress: {
+    percent: number
+    message: string
+  }
+  isCanceled: boolean
 }
 
 export interface API_UI_I_RecentTask<T, I = API_UI_I_RecentTaskItem<T>> {

package/lib/models/store/tasks/types.ts

@@ -1,2 +1,8 @@
 export type UI_T_TasksStateLoading = 'tasks' | 'recentTasks'
-export type UI_T_TaskStatus = 0 | 1 | 2 | 3
+export type UI_T_TaskStatus =
+    0 | // queued
+    1 | // running
+    2 | // completed
+    3 | // failed
+    4 | // canceled
+    5 // retrying

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.630",
+  "version": "1.5.632",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",

package/store/tasks/actions.ts

@@ -1,144 +1,165 @@
-import type {
-  API_UI_I_Error,
-  API_UI_I_Response,
-  UI_I_CommitOptions,
-} from '~/lib/models/store/interfaces'
-import type {
-  UI_I_DataTableQuery,
-  UI_I_TableQuery,
-} from '~/lib/models/table/interfaces'
-import type { UI_I_Options } from '~/lib/models/composables/useMyFetch/interfaces'
-import type {
-  API_UI_I_RecentTask,
-  UI_I_RTaskQuery,
-  UI_I_TasksLoadingPayload,
-  UI_I_RawRecentTask,
-  UI_I_RecentTask,
-  API_UI_I_Task,
-} from '~/lib/models/store/tasks/interfaces'
-import type { UI_I_TasksState } from '~/store/tasks/lib/models/interfaces'
-import type { UI_I_RefreshStack } from '~/store/main/lib/interfaces'
-import { tasksConstructor } from '~/store/tasks/mappers/tasks'
-import { recentTasks } from '~/store/tasks/mappers/recentTasks'
-
-export default {
-  async A_GET_TASKS(
-    context: {
-      commit: <T>(arg0: string, arg1: T) => void
-      state: UI_I_TasksState
-      dispatch: <T>(arg0: string, arg1: T, arg2: UI_I_CommitOptions) => void
-    },
-    payload: UI_I_DataTableQuery
-  ): Promise<API_UI_I_Error | void> {
-    const { page, pageSize, sortBy, filter } = payload
-
-    const query: UI_I_TableQuery = {
-      page_size: pageSize,
-      page,
-    }
-
-    if (sortBy) query.sortBy = sortBy
-    if (filter) query.filter = filter
-
-    const queryJson: string = JSON.stringify({ type: 'tasks', ...query })
-    const lastQuery: string = context.state.taskQuery || ''
-
-    if (queryJson === lastQuery) {
-      // Снимаем с паузы сам запрос, для глобального обновления
-      context.dispatch<string>('main/A_CONTINUE_GLOBAL_REFRESH', queryJson, {
-        root: true,
-      })
-      return
-    }
-    context.commit('M_SET_TASKS_LAST_QUERY', queryJson)
-
-    const url = '/ui/tasks'
-    const options: UI_I_Options = {
-      query,
-      method: 'GET',
-      key: Date.now().toString(),
-      onRequest() {
-        context.commit<UI_I_TasksLoadingPayload>('M_SET_LOADING', {
-          prop: 'tasks',
-          value: true,
-        })
-      },
-      onResponse({ response }: API_UI_I_Response<API_UI_I_Task<string>>) {
-        const tasks = tasksConstructor(response._data)
-
-        context.commit('M_SET_TASKS_LIST', tasks)
-        context.commit<UI_I_TasksLoadingPayload>('M_SET_LOADING', {
-          prop: 'tasks',
-          value: false,
-        })
-      },
-    }
-    const { error } = await useMyFetch<API_UI_I_Task<string>, API_UI_I_Error>(
-      url,
-      options
-    )
-
-    if (error.value?.data?.error_code)
-      throw new Error(error.value.data.error_message)
-
-    context.dispatch<UI_I_RefreshStack>(
-      'main/A_ADD_IN_GLOBAL_REFRESH',
-      { key: queryJson, url, options },
-      { root: true }
-    )
-  },
-  async A_GET_RECENT_TASKS(
-    context: {
-      commit: <T>(arg0: string, arg1: T) => void
-      state: UI_I_TasksState
-    },
-    payload: string
-  ): Promise<void> {
-    const query: UI_I_RTaskQuery = {
-      last: context.state.recentTaskList?.last || 0,
-    }
-    if (payload) query.sortBy = payload
-
-    // Создаем контроллер для возможности отмены
-    const abortController = new AbortController()
-    context.commit('M_SET_ABORT_CONTROLLER', abortController)
-
-    const { data, error } = await useMyFetch<
-      API_UI_I_RecentTask<string>,
-      API_UI_I_Error
-    >('/ui/rtasks', {
-      query,
-      method: 'GET',
-      initialCache: false,
-      signal: abortController.signal,
-    })
-
-    if (error.value?.data?.error_code)
-      throw new Error(error.value.data.error_message)
-
-    context.commit<UI_I_RecentTask<string>>(
-      'M_SET_RECENT_TASKS_LIST',
-      recentTasks(data.value)
-    )
-    context.commit<UI_I_RawRecentTask<string>>(
-      'M_SET_UPDATED_RECENT_TASKS_LIST',
-      data.value
-    )
-    // context.commit<I_TasksLoadingPayload>('M_SET_LOADING', {
-    //   prop: 'recentTasks',
-    //   value: false,
-    // })
-  },
-  A_CANCEL_RECENT_TASKS(context: {
-    commit: (arg0: string) => void
-  }): void {
-    context.commit('M_CANCEL_RECENT_TASKS')
-  },
-
-  // Вызывается в useMyFetch когда получаем первый ответ от запроса с url tasks
-  // и default.vue когда срабатывает watch на recentTasks
-  // Нужно для того чтобы не обрабатывали те таски которые были сделаны перед загрузкой страницы
-  A_SET_FIRST_TASK(context: { commit: (arg0: string) => void }): void {
-    context.commit('M_SET_FIRST_TASK')
-  },
-}
+import type {
+  API_UI_I_Error,
+  API_UI_I_Response,
+  UI_I_CommitOptions,
+} from '~/lib/models/store/interfaces'
+import type {
+  UI_I_DataTableQuery,
+  UI_I_TableQuery,
+} from '~/lib/models/table/interfaces'
+import type { UI_I_Options } from '~/lib/models/composables/useMyFetch/interfaces'
+import type {
+  API_UI_I_RecentTask,
+  UI_I_RTaskQuery,
+  UI_I_TasksLoadingPayload,
+  UI_I_RawRecentTask,
+  UI_I_RecentTask,
+  API_UI_I_Task,
+} from '~/lib/models/store/tasks/interfaces'
+import type { UI_I_TasksState } from '~/store/tasks/lib/models/interfaces'
+import type { UI_I_RefreshStack } from '~/store/main/lib/interfaces'
+import { tasksConstructor } from '~/store/tasks/mappers/tasks'
+import { recentTasks } from '~/store/tasks/mappers/recentTasks'
+
+export default {
+  async A_GET_TASKS(
+    context: {
+      commit: <T>(arg0: string, arg1: T) => void
+      state: UI_I_TasksState
+      dispatch: <T>(arg0: string, arg1: T, arg2: UI_I_CommitOptions) => void
+    },
+    payload: UI_I_DataTableQuery
+  ): Promise<API_UI_I_Error | void> {
+    const { page, pageSize, sortBy, filter } = payload
+
+    const query: UI_I_TableQuery = {
+      page_size: pageSize,
+      page,
+    }
+
+    if (sortBy) query.sortBy = sortBy
+    if (filter) query.filter = filter
+
+    const queryJson: string = JSON.stringify({ type: 'tasks', ...query })
+    const lastQuery: string = context.state.taskQuery || ''
+
+    if (queryJson === lastQuery) {
+      // Снимаем с паузы сам запрос, для глобального обновления
+      context.dispatch<string>('main/A_CONTINUE_GLOBAL_REFRESH', queryJson, {
+        root: true,
+      })
+      return
+    }
+    context.commit('M_SET_TASKS_LAST_QUERY', queryJson)
+
+    const url = '/ui/tasks'
+    const options: UI_I_Options = {
+      query,
+      method: 'GET',
+      key: Date.now().toString(),
+      onRequest() {
+        context.commit<UI_I_TasksLoadingPayload>('M_SET_LOADING', {
+          prop: 'tasks',
+          value: true,
+        })
+      },
+      onResponse({ response }: API_UI_I_Response<API_UI_I_Task<string>>) {
+        const tasks = tasksConstructor(response._data)
+
+        context.commit('M_SET_TASKS_LIST', tasks)
+        context.commit<UI_I_TasksLoadingPayload>('M_SET_LOADING', {
+          prop: 'tasks',
+          value: false,
+        })
+      },
+    }
+    const { error } = await useMyFetch<API_UI_I_Task<string>, API_UI_I_Error>(
+      url,
+      options
+    )
+
+    if (error.value?.data?.error_code)
+      throw new Error(error.value.data.error_message)
+
+    context.dispatch<UI_I_RefreshStack>(
+      'main/A_ADD_IN_GLOBAL_REFRESH',
+      { key: queryJson, url, options },
+      { root: true }
+    )
+  },
+  async A_GET_RECENT_TASKS(
+    context: {
+      commit: <T>(arg0: string, arg1: T) => void
+      state: UI_I_TasksState
+    },
+    payload: string
+  ): Promise<void> {
+    const query: UI_I_RTaskQuery = {
+      last: context.state.recentTaskList?.last || 0,
+    }
+    if (payload) query.sortBy = payload
+
+    // Создаем контроллер для возможности отмены
+    const abortController = new AbortController()
+    context.commit('M_SET_ABORT_CONTROLLER', abortController)
+
+    const { data, error } = await useMyFetch<
+      API_UI_I_RecentTask<string>,
+      API_UI_I_Error
+      // >('/ui/tasks/watch', {
+    >('/ui/rtasks', {
+      query,
+      method: 'GET',
+      initialCache: false,
+      signal: abortController.signal,
+    })
+
+    if (error.value?.data?.error_code)
+      throw new Error(error.value.data.error_message)
+
+    context.commit<UI_I_RecentTask<string>>(
+      'M_SET_RECENT_TASKS_LIST',
+      recentTasks(data.value)
+    )
+    context.commit<UI_I_RawRecentTask<string>>(
+      'M_SET_UPDATED_RECENT_TASKS_LIST',
+      data.value
+    )
+    // context.commit<I_TasksLoadingPayload>('M_SET_LOADING', {
+    //   prop: 'recentTasks',
+    //   value: false,
+    // })
+  },
+  A_CANCEL_RECENT_TASKS(context: { commit: (arg0: string) => void }): void {
+    context.commit('M_CANCEL_RECENT_TASKS')
+  },
+  async M_HIDE_CANCEL_RECENT_TASK_BY_ID(
+    context: {
+      commit: (arg0: string, arg1: string) => void
+    },
+    payload: string
+  ): Promise<void> {
+    // Скрываем кнопку cancel
+    context.commit(
+      'A_HIDE_CANCEL_RECENT_TASK_BY_ID',
+      payload
+    )
+    const { error } = await useMyFetch<
+      API_UI_I_RecentTask<string>,
+      API_UI_I_Error
+    >(`/ui/tasks/${payload}/cancel`, {
+      method: 'POST',
+      initialCache: false,
+    })
+
+    if (error.value?.data?.error_code)
+      throw new Error(error.value.data.error_message)
+  },
+
+  // Вызывается в useMyFetch когда получаем первый ответ от запроса с url tasks
+  // и default.vue когда срабатывает watch на recentTasks
+  // Нужно для того чтобы не обрабатывали те таски которые были сделаны перед загрузкой страницы
+  A_SET_FIRST_TASK(context: { commit: (arg0: string) => void }): void {
+    context.commit('M_SET_FIRST_TASK')
+  },
+}

package/store/tasks/mappers/recentTasks.ts

@@ -1,94 +1,118 @@
-import {
-  UI_E_RecentTaskStatus,
-  UI_E_IconNameByRecentTaskStatus,
-} from '~/lib/models/store/tasks/enums'
-import type {
-  API_UI_I_RecentTask,
-  UI_I_RecentTask,
-  UI_T_TaskStatusDetails,
-} from '~/lib/models/store/tasks/interfaces'
-import { base64 } from '~/lib/utils/base64'
-import {
-  UI_E_RecentTaskStatusIcon,
-  UI_E_RecentTaskStatusIconNewView,
-} from '~/store/tasks/lib/models/enums'
-
-export const recentTasks = (
-  data: API_UI_I_RecentTask<string>
-): UI_I_RecentTask<string> => {
-  const { $store }: any = useNuxtApp()
-
-  const isNewView = $store.getters['main/getIsNewView']
-
-  const items =
-    data.items
-      ?.sort((a, b) => {
-        return b.start_time - a.start_time
-      })
-      .map((task) => {
-        let args: any = {}
-        try {
-          args = base64.decode(task.args)
-        } catch (error) {
-          args = {}
-        }
-
-        let completion: string = task.completion + '' || '--'
-        let execution: string | number = Math.abs(
-          task.start_time - task.completion
-        )
-        let queuedFor: number = task.start_time - task.creation_time
-        let startTime: string = task.start_time + '' || '--'
-        // Обрабатываем данные когда задачка в ожидании
-        if (task.status === 0) {
-          completion = '--'
-          execution = '--'
-          queuedFor = 0
-          startTime = Date.now() / 1000 + ''
-          // Обрабатываем данные когда задачка в работе
-        } else if (task.status === 1) {
-          completion = '--'
-          execution = '--'
-        }
-
-        const { upd_operations } = task.extra
-        const operations: UI_T_TaskStatusDetails[] =
-          upd_operations?.operations?.map(
-            (operation: UI_T_TaskStatusDetails) => {
-              return {
-                ...operation,
-                iconClassName: isNewView
-                  ? UI_E_RecentTaskStatusIconNewView[operation.status]
-                  : UI_E_RecentTaskStatusIcon[operation.status],
-                testId: operation.operation_type.replaceAll(' ', '-'),
-              }
-            }
-          ) || []
-
-        return {
-          args,
-          completion,
-          execution,
-          queuedFor,
-          startTime,
-          details: task.details,
-          error: task.error,
-          initiator: task.initiator,
-          server: task.server,
-          statusIcon: UI_E_IconNameByRecentTaskStatus[task.status],
-          statusText: task.error || UI_E_RecentTaskStatus[task.status],
-          status: task.status,
-          statusDetails: operations,
-          target: task.target,
-          targetType: task.target_type,
-          taskName: task.task_name,
-          id: task.id,
-          zone: task.zone,
-          extra: task.extra,
-        }
-      }) || []
-  return {
-    items,
-    last: data.last,
-  }
-}
+import {
+  UI_E_RecentTaskStatus,
+  UI_E_IconNameByRecentTaskStatus,
+} from '~/lib/models/store/tasks/enums'
+import type {
+  API_UI_I_RecentTask,
+  UI_I_RecentTask,
+  UI_T_TaskStatusDetails,
+} from '~/lib/models/store/tasks/interfaces'
+import { base64 } from '~/lib/utils/base64'
+import {
+  UI_E_RecentTaskStatusIcon,
+  UI_E_RecentTaskStatusIconNewView,
+} from '~/store/tasks/lib/models/enums'
+
+export const recentTasks = (
+  data: API_UI_I_RecentTask<string>
+): UI_I_RecentTask<string> => {
+  const { $store }: any = useNuxtApp()
+
+  const isNewView = $store.getters['main/getIsNewView']
+
+  const items =
+    data.items
+      ?.sort((a, b) => {
+        return b.start_time - a.start_time
+      })
+      .map((task) => {
+        let args: any = {}
+        try {
+          args = base64.decode(task.args)
+        } catch (error) {
+          args = {}
+        }
+
+        let completion: string = task.completion + '' || '--'
+        let execution: string | number = Math.abs(
+          task.start_time - task.completion
+        )
+        let queuedFor: number = task.start_time - task.creation_time
+        let startTime: string = task.start_time + '' || '--'
+        // Обрабатываем данные когда задачка в ожидании
+        if (task.status === 0) {
+          completion = '--'
+          execution = '--'
+          queuedFor = 0
+          startTime = Date.now() / 1000 + ''
+          // Обрабатываем данные когда задачка в работе
+        } else if (task.status === 1) {
+          completion = '--'
+          execution = '--'
+        }
+
+        const { upd_operations } = task.extra
+        const operations: UI_T_TaskStatusDetails[] =
+          upd_operations?.operations?.map(
+            (operation: UI_T_TaskStatusDetails) => {
+              return {
+                ...operation,
+                iconClassName: isNewView
+                  ? UI_E_RecentTaskStatusIconNewView[operation.status]
+                  : UI_E_RecentTaskStatusIcon[operation.status],
+                testId: operation.operation_type.replaceAll(' ', '-'),
+              }
+            }
+          ) || []
+
+        // TODO
+        let statusIcon = 'help-icon'
+        switch (task.status) {
+          case 0:
+            statusIcon = 'help-icon'
+            break
+          case 1:
+            statusIcon = 'green-play'
+            break
+          case 2:
+            statusIcon = 'success-circle'
+            break
+          case 3:
+          case 4:
+            statusIcon = 'error-outline'
+            break
+          case 5:
+            statusIcon = 'warning-outline'
+            break
+        }
+
+        return {
+          args,
+          completion,
+          execution,
+          queuedFor,
+          startTime,
+          statusIcon,
+          progress: task.progress,
+          details: task.details,
+          error: task.error,
+          initiator: task.initiator,
+          server: task.server,
+          // statusIcon: UI_E_IconNameByRecentTaskStatus[task.status],
+          statusText: task.error || UI_E_RecentTaskStatus[task.status],
+          status: task.status,
+          statusDetails: operations,
+          target: task.target,
+          targetType: task.target_type,
+          taskName: task.task_name,
+          id: task.id,
+          zone: task.zone,
+          extra: task.extra,
+          isCanceled: task.status === 4
+        }
+      }) || []
+  return {
+    items,
+    last: data.last,
+  }
+}

package/store/tasks/mutations.ts

@@ -1,64 +1,82 @@
-import type {
-  UI_I_RawRecentTask,
-  UI_I_TasksLoadingPayload,
-  UI_I_RecentTask,
-  UI_I_Task,
-} from '~/lib/models/store/tasks/interfaces'
-import type { UI_I_TasksState } from '~/store/tasks/lib/models/interfaces'
-
-export default {
-  M_SET_RECENT_TASKS_LIST(
-    state: UI_I_TasksState,
-    payload: UI_I_RecentTask<string>
-  ): void {
-    if (state.recentTaskList) {
-      state.recentTaskList.last = payload.last
-
-      // Заменяем которые уже имеются и удаляем их из payload.items
-      state.recentTaskList.items = state.recentTaskList.items.map((task) => {
-        let changedTask = null
-        payload.items = payload.items.filter((task2) => {
-          if (task2.id === task.id) changedTask = task2
-          return task2.id !== task.id
-        })
-
-        return changedTask || task
-      })
-
-      // Делаем слияние новых и старых tasks
-      state.recentTaskList.items = [
-        ...payload.items,
-        ...state.recentTaskList.items,
-      ]
-      return
-    }
-
-    state.recentTaskList = payload
-  },
-  M_SET_ABORT_CONTROLLER(state: UI_I_TasksState, payload: AbortController): void {
-    state.abortController = payload
-  },
-  M_CANCEL_RECENT_TASKS(state: UI_I_TasksState): void {
-    state.abortController && state.abortController.abort()
-  },
-  M_SET_TASKS_LAST_QUERY(state: UI_I_TasksState, payload: string): void {
-    state.taskLastRequestType = payload
-  },
-  M_SET_TASKS_LIST(state: UI_I_TasksState, payload: UI_I_Task<string>): void {
-    state.taskList = payload
-  },
-  M_SET_UPDATED_RECENT_TASKS_LIST(
-    state: UI_I_TasksState,
-    payload: UI_I_RawRecentTask<string>
-  ): void {
-    state.updatedTaskList = payload.items
-  },
-  M_SET_FIRST_TASK(state: UI_I_TasksState): void {
-    state.hasFirstTask = true
-  },
-
-  M_SET_LOADING(state: UI_I_TasksState, payload: UI_I_TasksLoadingPayload): void {
-    const { prop, value } = payload
-    state.loading[prop] = value
-  },
-}
+import type {
+  UI_I_RawRecentTask,
+  UI_I_TasksLoadingPayload,
+  UI_I_RecentTask,
+  UI_I_Task,
+} from '~/lib/models/store/tasks/interfaces'
+import type { UI_I_TasksState } from '~/store/tasks/lib/models/interfaces'
+
+export default {
+  M_SET_RECENT_TASKS_LIST(
+    state: UI_I_TasksState,
+    payload: UI_I_RecentTask<string>
+  ): void {
+    if (state.recentTaskList) {
+      state.recentTaskList.last = payload.last
+
+      // Заменяем которые уже имеются и удаляем их из payload.items
+      state.recentTaskList.items = state.recentTaskList.items.map((task) => {
+        let changedTask = null
+        payload.items = payload.items.filter((task2) => {
+          if (task2.id === task.id) changedTask = task2
+          return task2.id !== task.id
+        })
+
+        return changedTask || task
+      })
+
+      // Делаем слияние новых и старых tasks
+      state.recentTaskList.items = [
+        ...payload.items,
+        ...state.recentTaskList.items,
+      ]
+      return
+    }
+
+    state.recentTaskList = payload
+  },
+  M_SET_ABORT_CONTROLLER(
+    state: UI_I_TasksState,
+    payload: AbortController
+  ): void {
+    state.abortController = payload
+  },
+  M_CANCEL_RECENT_TASKS(state: UI_I_TasksState): void {
+    state.abortController && state.abortController.abort()
+  },
+  M_HIDE_CANCEL_RECENT_TASK_BY_ID(
+    state: UI_I_TasksState,
+    payload: string
+  ): void {
+    if (!state.recentTaskList) return
+    state.recentTaskList.items = state.recentTaskList.items.map((task) => {
+      if (task.id === payload) {
+        task.isCanceled = true
+      }
+      return task
+    })
+  },
+  M_SET_TASKS_LAST_QUERY(state: UI_I_TasksState, payload: string): void {
+    state.taskLastRequestType = payload
+  },
+  M_SET_TASKS_LIST(state: UI_I_TasksState, payload: UI_I_Task<string>): void {
+    state.taskList = payload
+  },
+  M_SET_UPDATED_RECENT_TASKS_LIST(
+    state: UI_I_TasksState,
+    payload: UI_I_RawRecentTask<string>
+  ): void {
+    state.updatedTaskList = payload.items
+  },
+  M_SET_FIRST_TASK(state: UI_I_TasksState): void {
+    state.hasFirstTask = true
+  },
+
+  M_SET_LOADING(
+    state: UI_I_TasksState,
+    payload: UI_I_TasksLoadingPayload
+  ): void {
+    const { prop, value } = payload
+    state.loading[prop] = value
+  },
+}