diff --git a/package-lock.json b/package-lock.json
index 7bcc6f3e..d0e7ae5a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^11.0.3",
-        "@webitel/ui-sdk": "^24.12.21",
+        "@webitel/ui-sdk": "^24.12.28",
         "axios": "^1.7.7",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
@@ -2073,9 +2073,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.12.21",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.21.tgz",
-      "integrity": "sha512-NLvYrK1clg98pXtpyuwWQYuXQ4BH3pldC+EDd97viITiPwRFz1cOQ4vcmsUgc59TEGq/x1q5xgIYIXVwouEqQA==",
+      "version": "24.12.28",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.28.tgz",
+      "integrity": "sha512-al2PT2gg6dpaNLgIK/nrD98tWybHZk/QJRjz6lUQWGYS12NTDvneFY4TfhG8ZtvpanROCkQKbvQFmkPOOX+j0Q==",
       "dependencies": {
         "@floating-ui/vue": "^1.1.5",
         "@morev/vue-transitions": "^3.0.5",
@@ -2105,7 +2105,7 @@
         "vue-multiselect": "^3.1.0",
         "vue-observe-visibility": "^2.0.0-alpha.1",
         "vue-router": "^4.4.5",
-        "webitel-sdk": "^24.10.2",
+        "webitel-sdk": "^24.10.4",
         "xlsx": "^0.18.5"
       },
       "engines": {
@@ -10451,9 +10451,9 @@
       }
     },
     "node_modules/webitel-sdk": {
-      "version": "24.10.2",
-      "resolved": "https://registry.npmjs.org/webitel-sdk/-/webitel-sdk-24.10.2.tgz",
-      "integrity": "sha512-gkyMawfT5EDQwq44RlXP5MkeE2Cx8SqV7JXsQ/HCQSMIEQQWoSTVvX/6UMVOWgyZocxiHAK/wHU8QFGe+GTs+w==",
+      "version": "24.10.4",
+      "resolved": "https://registry.npmjs.org/webitel-sdk/-/webitel-sdk-24.10.4.tgz",
+      "integrity": "sha512-90wMSqqxwBsJ/wazDSQe2YzryWaPrMl+DaU+SS73lEZsKhZrzuhmI4vFfZlsOKd8X40oAJZZjocp00vGI4GPJw==",
       "license": "MIT",
       "dependencies": {
         "@types/webrtc": "~0.0.41",
diff --git a/package.json b/package.json
index 8f823eeb..f4f3e4af 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^11.0.3",
-    "@webitel/ui-sdk": "^24.12.21",
+    "@webitel/ui-sdk": "^24.12.28",
     "axios": "^1.7.7",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",
diff --git a/src/app/locale/en/en.js b/src/app/locale/en/en.js
index d9832ba8..45247b69 100644
--- a/src/app/locale/en/en.js
+++ b/src/app/locale/en/en.js
@@ -106,6 +106,8 @@ export default {
     slas: {
       slas: 'SLA | SLAs',
       conditions: 'Condition | Conditions',
+      editCondition: 'Edit condition',
+      addCondition: 'Add condition',
       reactionTime: 'Reaction time',
       resolutionTime: 'Resolution time',
       validFrom: 'Valid from',
diff --git a/src/app/locale/ru/ru.js b/src/app/locale/ru/ru.js
index 0488b22b..fe24d697 100644
--- a/src/app/locale/ru/ru.js
+++ b/src/app/locale/ru/ru.js
@@ -105,6 +105,8 @@ export default {
     slas: {
       slas: 'SLA | SLAs',
       conditions: 'Условие | Условия',
+      editCondition: 'Редактировать условие',
+      addCondition: 'Добавить условие',
       reactionTime: 'Плановое время реакции',
       resolutionTime: 'Плановое время решения',
       validFrom: 'Действителен с',
diff --git a/src/app/locale/ua/ua.js b/src/app/locale/ua/ua.js
index 276339cf..95e53013 100644
--- a/src/app/locale/ua/ua.js
+++ b/src/app/locale/ua/ua.js
@@ -105,6 +105,8 @@ export default {
     slas: {
       slas: 'SLA | SLAs',
       conditions: 'Умова | Умови',
+      editCondition: 'Редагувати умову',
+      addCondition: 'Додати умову',
       reactionTime: 'Плановий час реакції',
       resolutionTime: 'Плановий час вирішення',
       validFrom: 'Дійсний з',
diff --git a/src/modules/configuration/components/the-configuration.vue b/src/modules/configuration/components/the-configuration.vue
index daf4a994..8ab821e7 100644
--- a/src/modules/configuration/components/the-configuration.vue
+++ b/src/modules/configuration/components/the-configuration.vue
@@ -1,11 +1,13 @@
 <template>
   <wt-navigation-menu
     :nav="nav"
-    :icons="icons"/>
+    :icons="icons"
+  />
 </template>
 
 <script setup>
 import { useI18n } from 'vue-i18n';
+import { computed, reactive } from 'vue';
 import lookupsIcon from '../../../app/assets/icons/sprite/crm-lookups.svg';
 import CrmSections from '@webitel/ui-sdk/src/enums/WebitelApplications/CrmSections.enum.js';
 
@@ -13,19 +15,19 @@ const { t } = useI18n();
 
 const icons = [lookupsIcon];
 
-const nav = [
+const nav = reactive([
   {
     value: 'lookups',
-    name: t('lookups.lookups'),
+    name: computed(() => t('lookups.lookups')),
     subNav: [
       {
         value: CrmSections.SOURCES,
-        name: t('lookups.sources.sources', 2),
+        name: computed(() => t('lookups.sources.sources', 2)),
         route: 'lookups/sources',
       },
       {
         value: CrmSections.SLAS,
-        name: t('lookups.slas.slas', 2),
+        name: computed(() => t('lookups.slas.slas', 2)),
         route: 'lookups/slas',
       },
       {
@@ -35,7 +37,7 @@ const nav = [
       },
     ],
   },
-];
+]);
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/modules/configuration/modules/lookups/modules/contact-groups/api/contactGroups.js b/src/modules/configuration/modules/lookups/modules/contact-groups/api/contactGroups.js
new file mode 100644
index 00000000..7f57bbc6
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/contact-groups/api/contactGroups.js
@@ -0,0 +1,188 @@
+import {
+  getDefaultGetListResponse,
+  getDefaultGetParams,
+  getDefaultInstance,
+  getDefaultOpenAPIConfig,
+} from '@webitel/ui-sdk/src/api/defaults/index.js';
+import applyTransform, {
+  camelToSnake,
+  merge,
+  mergeEach,
+  notify,
+  sanitize,
+  snakeToCamel,
+  starToSearch,
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
+import { GroupsApiFactory } from 'webitel-sdk';
+import {
+  generatePermissionsApi,
+} from '@webitel/ui-sdk/src/api/clients/_shared/generatePermissionsApi.js';
+
+const instance = getDefaultInstance();
+const configuration = getDefaultOpenAPIConfig();
+
+const contactGroupsService = new GroupsApiFactory(configuration, '', instance);
+
+const baseUrl = '/contacts/groups';
+
+const fieldsToSend = [
+  'name',
+  'description',
+  'enabled',
+  'type',
+  'default_group',
+];
+
+const getContactGroupsList = async (params) => {
+  const fieldsToSend = ['page', 'size', 'q', 'sort', 'fields', 'type'];
+  const defaultObject = {
+    enabled: false,
+  };
+
+  const listResponseHandler = (items) => {
+    return items.map((item) => {
+      if (item.type) {
+        item.type = item.type.toLowerCase();
+      }
+      return item;
+    });
+  };
+
+  const {
+    page,
+    size,
+    fields,
+    sort,
+    id,
+    q,
+  } = applyTransform(params, [
+    merge(getDefaultGetParams()),
+    starToSearch('search'),
+    (params) => ({ ...params, q: params.search }),
+    sanitize(fieldsToSend),
+    camelToSnake(),
+  ]);
+
+  try {
+    const response = await contactGroupsService.listGroups(
+      page,
+      size,
+      fields,
+      sort,
+      id,
+      q,
+    );
+    const { items, next } = applyTransform(response.data, [
+      merge(getDefaultGetListResponse()),
+    ]);
+    return {
+      items: applyTransform(items, [
+        mergeEach(defaultObject),
+        listResponseHandler,
+      ]),
+      next,
+    };
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const getContactGroup = async ({ itemId: id }) => {
+  const itemResponseHandler = (item) => {
+    if (item.group.type) {
+      item.group.type = item.group.type.toLowerCase();
+    }
+    return item.group;
+  };
+
+  try {
+    const response = await contactGroupsService.locateGroup(id, fieldsToSend);
+    return applyTransform(response.data, [
+      snakeToCamel(),
+      itemResponseHandler,
+    ]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const preRequestHandler = (item) => {
+  return {
+    ...item,
+    type: item.type.toUpperCase(),
+  };
+};
+
+const addStaticContactGroup = async ({ itemInstance }) => {
+
+  const item = applyTransform(itemInstance, [
+    preRequestHandler,
+    camelToSnake(),
+    sanitize(fieldsToSend),
+  ]);
+  try {
+    const response = await contactGroupsService.createGroup(item);
+    return applyTransform(response.data, [
+      snakeToCamel(),
+    ]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const updateStaticContactGroup = async ({ itemInstance, itemId: id }) => {
+  const item = applyTransform(itemInstance, [
+    camelToSnake(),
+    sanitize(fieldsToSend),
+  ]);
+
+  try {
+    const response = await contactGroupsService.updateGroup(id, item);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const patchStaticContactGroup = async ({ id, changes }) => {
+  const item = applyTransform(changes, [
+    camelToSnake(),
+    sanitize(fieldsToSend),
+  ]);
+
+  try {
+    const response = await contactGroupsService.updateGroup2(id, item);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const deleteStaticContactGroup = async ({ id }) => {
+  try {
+    const response = await contactGroupsService.deleteGroup(id);
+    return applyTransform(response.data, []);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const getLookup = (params) => getContactGroupsList({
+  ...params,
+  fields: params.fields || ['id', 'name'],
+});
+
+const ContactGroupsAPI = {
+  getList: getContactGroupsList,
+  get: getContactGroup,
+  add: addStaticContactGroup,
+  update: updateStaticContactGroup,
+  patch: patchStaticContactGroup,
+  delete: deleteStaticContactGroup,
+  getLookup,
+
+  ...generatePermissionsApi(baseUrl),
+
+};
+
+export default ContactGroupsAPI;
diff --git a/src/modules/configuration/modules/lookups/modules/contact-groups/api/dymanicGroups.js b/src/modules/configuration/modules/lookups/modules/contact-groups/api/dymanicGroups.js
new file mode 100644
index 00000000..a701adbe
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/contact-groups/api/dymanicGroups.js
@@ -0,0 +1,60 @@
+import {
+  getDefaultInstance, getDefaultOpenAPIConfig,
+} from '@webitel/ui-sdk/src/api/defaults/index.js';
+import applyTransform, {
+  camelToSnake,
+  notify,
+  sanitize,
+  snakeToCamel,
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
+import { DynamicGroupsApiFactory } from 'webitel-sdk';
+
+const instance = getDefaultInstance();
+const configuration = getDefaultOpenAPIConfig();
+
+const dynamicContactGroupsService = new DynamicGroupsApiFactory(configuration, '', instance);
+
+const fieldsToSend = ['name', 'description', 'enabled', 'type', 'default_group_id'];
+
+const preRequestHandler = (item) => {
+  return {
+    ...item,
+    type: item.type.toUpperCase(),
+    defaultGroupId: item.defaultGroup.id,
+  }
+};
+
+const addDynamicContactGroup = async (itemInstance) => {
+  const item = applyTransform(itemInstance, [
+    preRequestHandler,
+    camelToSnake(),
+    sanitize(fieldsToSend),
+  ]);
+
+  try {
+    const response = await dynamicContactGroupsService.createDynamicGroup(item);
+    return applyTransform(response.data, [
+      snakeToCamel()
+    ]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const updateDynamicContactGroup = async ({ itemInstance, itemId: id }) => {
+  const item = applyTransform(itemInstance, [preRequestHandler, camelToSnake(), sanitize(fieldsToSend)]);
+
+  try {
+    const response = await dynamicContactGroupsService.updateDynamicGroup(id, item);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const dynamicContactGroupsAPI = {
+  add: addDynamicContactGroup,
+  update: updateDynamicContactGroup,
+}
+
+export default dynamicContactGroupsAPI;
diff --git a/src/modules/configuration/modules/lookups/modules/slas/components/opened-sla-general.vue b/src/modules/configuration/modules/lookups/modules/slas/components/opened-sla-general.vue
index 8b58c741..f061a3b3 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/components/opened-sla-general.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/components/opened-sla-general.vue
@@ -27,23 +27,23 @@
         @input="setItemProp({ path: 'description', value: $event })"
       />
 
-      <div>
+      <div class="opened-card-input-grid ">
         <wt-timepicker
           :label="t('lookups.slas.reactionTime')"
           :value="itemInstance.reactionTime"
-          format='hh:mm'
+          format="hh:mm"
+          required
           @input="setItemProp({ path: 'reactionTime', value: +$event })"
         />
 
         <wt-timepicker
           :label="t('lookups.slas.resolutionTime')"
           :value="itemInstance.resolutionTime"
-          format='hh:mm'
+          format="hh:mm"
+          required
           @input="setItemProp({ path: 'resolutionTime', value: +$event })"
         />
-      </div>
 
-      <div class="opened-sla-general__wrapper">
         <wt-datepicker
           :label="t('lookups.slas.validFrom')"
           :value="itemInstance.validFrom"
@@ -84,8 +84,10 @@ function loadCalendarsList(search) {
 </script>
 
 <style lang="scss" scoped>
-.opened-sla-general__wrapper {
-  display: flex;
-  gap: var(--spacing-sm);
+// TODO: temporary solution. Will be fixed with typography
+.opened-sla-general {
+  :deep(.wt-textarea__textarea) {
+    min-height: 120px;
+  }
 }
 </style>
diff --git a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
index e66a1f3b..7a682081 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
@@ -20,9 +20,9 @@
           <wt-action-bar
             :include="[IconAction.ADD, IconAction.REFRESH, IconAction.DELETE]"
             :disabled:add="!hasCreateAccess"
-            :disabled:delete="!hasDeleteAccess || !selected.length"
+            :disabled:delete="!selected.length"
             @click:add="router.push({ name: `${CrmSections.SLAS}-card`, params: { id: 'new' }})"
-            @click:refresh="loadData"
+            @click:refresh="refresh"
             @click:delete="askDeleteConfirmation({
                   deleted: selected,
                   callback: () => deleteData(selected),
@@ -37,8 +37,6 @@
           </wt-action-bar>
         </header>
 
-        <wt-loader v-show="isLoading" />
-
         <delete-confirmation-popup
           :shown="isDeleteConfirmationPopup"
           :callback="deleteCallback"
@@ -56,7 +54,9 @@
             :text="textEmpty"
           />
 
-          <wt-table-transition v-if="dataList.length && !isLoading">
+          <wt-loader v-show="isLoading" />
+
+          <div v-if="dataList.length && !isLoading">
             <wt-table
               :data="dataList"
               :headers="headers"
@@ -94,7 +94,7 @@
                 />
               </template>
             </wt-table>
-          </wt-table-transition>
+          </div>
           <filter-pagination
             :namespace="filtersNamespace"
             :is-next="isNext"
@@ -106,14 +106,13 @@
 </template>
 
 <script setup>
-import { computed, onUnmounted } from 'vue';
+import { computed, onUnmounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { useStore } from 'vuex';
 import { useClose } from '@webitel/ui-sdk/src/composables/useClose/useClose.js';
 import IconAction from '@webitel/ui-sdk/src/enums/IconAction/IconAction.enum.js';
 import { useAccessControl } from '@webitel/ui-sdk/src/composables/useAccessControl/useAccessControl.js';
-import WtTableTransition from '@webitel/ui-sdk/src/components/on-demand/wt-table-transition/wt-table-transition.vue';
 import CrmSections from '@webitel/ui-sdk/src/enums/WebitelApplications/CrmSections.enum.js';
 import {
   useDeleteConfirmationPopup,
@@ -123,7 +122,7 @@ import FilterPagination from '@webitel/ui-sdk/src/modules/Filters/components/fil
 import DeleteConfirmationPopup
   from '@webitel/ui-sdk/src/modules/DeleteConfirmationPopup/components/delete-confirmation-popup.vue';
 import { useTableFilters } from '@webitel/ui-sdk/src/modules/Filters/composables/useTableFilters.js';
-import { useTableStore } from '@webitel/ui-sdk/src/modules/TableStoreModule/composables/useTableStore.js';
+import { useTableStore } from '@webitel/ui-sdk/src/store/new/modules/tableStoreModule/useTableStore.js';
 import { useTableEmpty } from '@webitel/ui-sdk/src/modules/TableComponentModule/composables/useTableEmpty.js';
 import filters from '../modules/filters/store/filters.js';
 
@@ -160,10 +159,12 @@ const {
   sort,
   setSelected,
   onFilterEvent,
+  resetState,
 } = useTableStore(baseNamespace);
 
 const {
   namespace: filtersNamespace,
+  filtersValue,
   restoreFilters,
 
   subscribe,
@@ -179,13 +180,14 @@ restoreFilters();
 
 onUnmounted(() => {
   flushSubscribers();
+  resetState();
 });
 
 const path = computed(() => [
   { name: t('crm') },
   { name: t('startPage.configuration.name'), route: '/configuration' },
   { name: t('lookups.lookups'), route: '/configuration' },
-  { name: t('lookups.slas.slas', 2), route: '/slas' },
+  { name: t('lookups.slas.slas', 2) },
 ]);
 
 const { close } = useClose('configuration');
@@ -202,6 +204,21 @@ const {
   image: imageEmpty,
   text: textEmpty,
 } = useTableEmpty({ dataList, filters, error, isLoading });
+
+const refresh = () => {
+  // https://webitel.atlassian.net/browse/WTEL-5711
+  // because 'selected' value needs cleaned
+
+  resetState();
+  loadData();
+};
+
+watch(() => filtersValue.value, () => {
+  // https://webitel.atlassian.net/browse/WTEL-5744
+  // because 'selected' value needs cleaned when changing filters
+
+  resetState();
+});
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
index e71ad2d8..d03fde4b 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
@@ -1,15 +1,15 @@
 <template>
   <wt-popup
+    class="opened-sla-condition-popup"
     :shown="!!conditionId"
     size="sm"
     @close="close"
   >
     <template #title>
-      {{ !isNew ? t('reusable.edit') : t('reusable.add') }}
-      {{ t('lookups.slas.conditions', 1).toLowerCase() }}
+      {{ !isNew ? t('lookups.slas.editCondition') : t('lookups.slas.addCondition') }}
     </template>
     <template #main>
-      <form>
+      <form class="opened-card-input-grid opened-card-input-grid--1-col">
         <wt-input
           :value="itemInstance.name"
           :label="t('reusable.name')"
@@ -21,21 +21,27 @@
           :label="t('vocabulary.priority')"
           :search-method="PrioritiesAPI.getLookup"
           multiple
+          required
           @input="setItemProp({ path: 'priorities', value: $event })"
         />
-        <wt-timepicker
-          :label="t('lookups.slas.reactionTime')"
-          :value="itemInstance.reactionTime"
-          format="hh:mm"
-          @input="setItemProp({ path: 'reactionTime', value: $event })"
-        />
+        <div class="opened-sla-condition-popup__wrapper">
+          <wt-timepicker
+            :label="t('lookups.slas.reactionTime')"
+            :value="itemInstance.reactionTime"
+            format="hh:mm"
+            required
+            @input="setItemProp({ path: 'reactionTime', value: $event })"
+          />
+
+          <wt-timepicker
+            :label="t('lookups.slas.resolutionTime')"
+            :value="itemInstance.resolutionTime"
+            format="hh:mm"
+            required
+            @input="setItemProp({ path: 'resolutionTime', value: $event })"
+          />
+        </div>
 
-        <wt-timepicker
-          :label="t('lookups.slas.resolutionTime')"
-          :value="itemInstance.resolutionTime"
-          format="hh:mm"
-          @input="setItemProp({ path: 'resolutionTime', value: $event })"
-        />
       </form>
     </template>
     <template #actions>
@@ -90,7 +96,7 @@ const {
 const conditionId = computed(() => route.params.conditionId);
 const isNew = computed(() => conditionId.value === 'new');
 
-const { close } = useClose( `${CrmSections.SLAS}-conditions`);
+const { close } = useClose(`${CrmSections.SLAS}-conditions`);
 
 function loadDataList() {
   emit('load-data');
@@ -103,10 +109,8 @@ const save = async () => {
     await updateItem({ itemInstance, itemId: id.value });
   }
 
-  if (id?.value) {
     close();
     loadDataList();
-  }
 };
 
 async function initializePopup() {
@@ -121,7 +125,7 @@ async function initializePopup() {
 }
 
 watch(() => conditionId.value, (value) => {
-  if(value) {
+  if (value) {
     initializePopup();
   } else {
     resetState();
@@ -130,4 +134,8 @@ watch(() => conditionId.value, (value) => {
 </script>
 
 <style lang="scss" scoped>
+.opened-sla-condition-popup__wrapper {
+  display: flex;
+  justify-content: space-between;
+}
 </style>
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
index 499b1c6f..faa357da 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
@@ -17,8 +17,13 @@
 
       <wt-action-bar
         :include="[IconAction.ADD, IconAction.REFRESH, IconAction.DELETE]"
+        :disabled:delete="!selected.length"
         @click:add="router.push({ ...route, params: { conditionId: 'new' } })"
-        @click:refresh="loadData"
+        @click:refresh="refresh"
+        @click:delete="askDeleteConfirmation({
+                  deleted: selected,
+                  callback: () => deleteData(selected),
+                })"
       >
         <template #search-bar>
           <filter-search
@@ -29,8 +34,6 @@
       </wt-action-bar>
     </header>
 
-    <wt-loader v-show="isLoading" />
-
     <div
       class="table-section__table-wrapper"
     >
@@ -41,7 +44,9 @@
         :text="textEmpty"
       />
 
-      <wt-table-transition v-if="dataList.length && !isLoading">
+      <wt-loader v-show="isLoading" />
+
+      <div v-if="dataList.length && !isLoading">
         <wt-table
           :data="dataList"
           :headers="headers"
@@ -100,7 +105,7 @@
             />
           </template>
         </wt-table>
-      </wt-table-transition>
+      </div>
       <filter-pagination
         :namespace="filtersNamespace"
         :next="isNext"
@@ -117,8 +122,9 @@ import {
 } from '@webitel/ui-sdk/src/modules/DeleteConfirmationPopup/composables/useDeleteConfirmationPopup';
 import FilterPagination from '@webitel/ui-sdk/src/modules/Filters/components/filter-pagination.vue';
 import { useTableFilters } from '@webitel/ui-sdk/src/modules/Filters/composables/useTableFilters.js';
-import { useCardStore, useTableStore } from '@webitel/ui-sdk/store';
-import { onUnmounted } from 'vue';
+import { useCardStore } from '@webitel/ui-sdk/store';
+import { useTableStore } from '@webitel/ui-sdk/src/store/new/modules/tableStoreModule/useTableStore.js';
+import { onUnmounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute, useRouter } from 'vue-router';
 import IconAction from '@webitel/ui-sdk/src/enums/IconAction/IconAction.enum.js';
@@ -128,7 +134,7 @@ import ConditionPopup from './opened-sla-condition-popup.vue';
 import convertDurationWithMinutes from '@webitel/ui-sdk/src/scripts/convertDurationWithMinutes.js';
 import { useTableEmpty } from '@webitel/ui-sdk/src/modules/TableComponentModule/composables/useTableEmpty.js';
 import filters from '../modules/filters/store/filters.js';
-import WtTableTransition from '@webitel/ui-sdk/src/components/on-demand/wt-table-transition/wt-table-transition.vue';
+import deepEqual from 'deep-equal';
 
 const props = defineProps({
   namespace: {
@@ -163,10 +169,12 @@ const {
   sort,
   setSelected,
   onFilterEvent,
+  resetState,
 } = useTableStore(namespace);
 
 const {
   namespace: filtersNamespace,
+  filtersValue,
   restoreFilters,
 
   subscribe,
@@ -182,6 +190,7 @@ restoreFilters();
 
 onUnmounted(() => {
   flushSubscribers();
+  resetState();
 });
 
 const {
@@ -199,6 +208,22 @@ const {
   text: textEmpty,
 } = useTableEmpty({ dataList, filters, error, isLoading });
 
+const refresh = () => {
+  // https://webitel.atlassian.net/browse/WTEL-5711
+  // because 'selected' value needs cleaned
+
+  resetState();
+  loadData();
+};
+
+watch(() => filtersValue.value, (newValue, oldValue) => {
+  // https://webitel.atlassian.net/browse/WTEL-5744
+  // because 'selected' value needs cleaned when changing filters
+
+  if(!deepEqual(newValue, oldValue)) {
+    resetState();
+  }
+});
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/store/conditions.js b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/store/conditions.js
index d9c82f03..2f69e5ee 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/store/conditions.js
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/store/conditions.js
@@ -8,8 +8,23 @@ import ConditionsAPI from '../api/conditions.js';
 import filters from '../modules/filters/store/filters.js';
 import headers from './_internals/headers.js';
 
-const resettableItemState = {
+const resetTableState = {
+  dataList: [],
+  selected: [],
+  error: {},
+  isLoading: false,
+  isNextPage: false,
+};
+
+const resetCardState = {
+  itemId: '',
   itemInstance: {
+    id: '',
+    name: '',
+    priorities: [],
+    reactionTime: 0,
+    resolutionTime: 0,
+    slaId: 0,
   },
 };
 
@@ -17,6 +32,15 @@ const getters = {
   PARENT_ID: (s, g, rootState) => rootState.configuration.lookups.slas.card.itemId,
 };
 
+const actions = {
+  ADD_ITEM: async (context) => {
+    await context.dispatch('api/POST_ITEM', { context });
+  },
+  UPDATE_ITEM: async (context) => {
+    await context.dispatch('api/UPD_ITEM', { context });
+  },
+}
+
 const api = createApiStoreModule({
   state: {
     api: ConditionsAPI,
@@ -26,6 +50,7 @@ const api = createApiStoreModule({
 const table = createTableStoreModule({
   state: {
     headers,
+    _resettable: resetTableState,
   },
   getters,
   modules: {
@@ -35,8 +60,9 @@ const table = createTableStoreModule({
 });
 
 const card = createCardStoreModule({
-  state: { _resettable: resettableItemState },
+  state: { _resettable: resetCardState },
   getters,
+  actions,
   modules: {
     api,
   },
diff --git a/src/modules/configuration/modules/lookups/modules/slas/store/slas.js b/src/modules/configuration/modules/lookups/modules/slas/store/slas.js
index 160041a4..5f270436 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/store/slas.js
+++ b/src/modules/configuration/modules/lookups/modules/slas/store/slas.js
@@ -9,7 +9,16 @@ import headers from './_internals/headers';
 import filters from '../modules/filters/store/filters';
 import conditions from '../modules/conditions/store/conditions';
 
-const resettableState = {
+const resetTableState = {
+  dataList: [],
+  selected: [],
+  error: {},
+  isLoading: false,
+  isNextPage: false,
+};
+
+const resetCardState = {
+  itemId: '',
   itemInstance: {
     name: '',
     description: '',
@@ -28,9 +37,7 @@ const api = createApiStoreModule({
 });
 
 const table = createTableStoreModule({
-  state: {
-    headers,
-  },
+  state: { _resettable: resetTableState, headers },
   modules: {
     filters,
     api,
@@ -38,7 +45,7 @@ const table = createTableStoreModule({
 });
 
 const card = createCardStoreModule({
-  state: { _resettable: resettableState },
+  state: { _resettable: resetCardState },
   modules: {
     api,
     conditions,
diff --git a/src/modules/configuration/modules/lookups/modules/sources/components/opened-source-general.vue b/src/modules/configuration/modules/lookups/modules/sources/components/opened-source-general.vue
index 97416ded..906493f2 100644
--- a/src/modules/configuration/modules/lookups/modules/sources/components/opened-source-general.vue
+++ b/src/modules/configuration/modules/lookups/modules/sources/components/opened-source-general.vue
@@ -5,7 +5,7 @@
         {{ t('reusable.generalInfo') }}
       </h3>
     </header>
-    <div class="opened-card-input-grid">
+    <div class="opened-card-input-grid opened-card-input-grid--1-col opened-card-input-grid--w50">
       <wt-input
         :label="t('reusable.name')"
         :value="itemInstance.name"
diff --git a/src/modules/configuration/modules/lookups/modules/sources/components/opened-source.vue b/src/modules/configuration/modules/lookups/modules/sources/components/opened-source.vue
index 64e93818..364e3550 100644
--- a/src/modules/configuration/modules/lookups/modules/sources/components/opened-source.vue
+++ b/src/modules/configuration/modules/lookups/modules/sources/components/opened-source.vue
@@ -1,6 +1,6 @@
 <template>
   <wt-page-wrapper
-    :actions-panel="!!currentTab.filters"
+    :actions-panel="false"
   >
     <template #header>
       <wt-page-header
@@ -14,23 +14,11 @@
       </wt-page-header>
     </template>
 
-    <template #actions-panel>
-      <component
-        :is="currentTab.filters"
-        :namespace="namespace"
-      />
-    </template>
-
     <template #main>
       <form
         class="main-container"
         @submit.prevent="save"
       >
-        <wt-tabs
-          :current="currentTab"
-          :tabs="tabs"
-          @change="changeTab"
-        />
         <router-view v-slot="{ Component }">
           <component
             :is="Component"
@@ -50,17 +38,14 @@
 <script setup>
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useRoute } from 'vue-router';
 import { useCardStore } from '@webitel/ui-sdk/src/store/new/index.js';
 import { useAccessControl } from '@webitel/ui-sdk/src/composables/useAccessControl/useAccessControl.js';
 import { useCardComponent } from '@webitel/ui-sdk/src/composables/useCard/useCardComponent.js';
-import { useCardTabs } from '@webitel/ui-sdk/src/composables/useCard/useCardTabs.js';
 import { useClose } from '@webitel/ui-sdk/src/composables/useClose/useClose.js';
 import CrmSections from '@webitel/ui-sdk/src/enums/WebitelApplications/CrmSections.enum.js';
 
 const namespace = 'configuration/lookups/sources';
 const { t } = useI18n();
-const route = useRoute();
 
 const {
   namespace: cardNamespace,
@@ -78,17 +63,6 @@ const { hasSaveActionAccess, disableUserInput } = useAccessControl();
 
 const { close } = useClose(CrmSections.SOURCES);
 
-const tabs = computed(() => {
-  const general = {
-    text: t('reusable.general'),
-    value: 'general',
-    pathName: `${CrmSections.SOURCES}-general`,
-  };
-  return [general];
-});
-
-const { currentTab, changeTab } = useCardTabs(tabs);
-
 const path = computed(() => {
 
   return [
@@ -96,13 +70,7 @@ const path = computed(() => {
     { name: t('startPage.configuration.name'), route: '/configuration' },
     { name: t('lookups.lookups'), route: '/configuration' },
     { name: t('lookups.sources.sources', 2), route: '/lookups/sources' },
-    {
-      name: isNew.value ? t('reusable.new') : pathName.value,
-      route: {
-        name: currentTab.value.pathName,
-        query: route.query,
-      },
-    },
+    { name: isNew.value ? t('reusable.new') : pathName.value },
   ];
 });
 
diff --git a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
index d1a62846..4b6eca39 100644
--- a/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
+++ b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
@@ -20,9 +20,9 @@
           <wt-action-bar
             :include="[IconAction.ADD, IconAction.REFRESH, IconAction.DELETE]"
             :disabled:add="!hasCreateAccess"
-            :disabled:delete="!hasDeleteAccess || !selected.length"
+            :disabled:delete="!selected.length"
             @click:add="router.push({ name: `${CrmSections.SOURCES}-card`, params: { id: 'new' }})"
-            @click:refresh="loadData"
+            @click:refresh="refresh"
             @click:delete="askDeleteConfirmation({
                   deleted: selected,
                   callback: () => deleteData(selected),
@@ -37,8 +37,6 @@
           </wt-action-bar>
         </header>
 
-        <wt-loader v-show="isLoading" />
-
         <delete-confirmation-popup
           :shown="isDeleteConfirmationPopup"
           :callback="deleteCallback"
@@ -55,7 +53,9 @@
             :text="textEmpty"
           />
 
-          <wt-table-transition v-if="dataList.length && !isLoading">
+          <wt-loader v-show="isLoading" />
+
+          <div v-if="dataList.length && !isLoading">
             <wt-table
               :data="dataList"
               :headers="headers"
@@ -96,7 +96,7 @@
                 />
               </template>
             </wt-table>
-          </wt-table-transition>
+          </div>
           <filter-pagination
             :namespace="filtersNamespace"
             :is-next="isNext"
@@ -111,7 +111,6 @@
 import { useClose } from '@webitel/ui-sdk/src/composables/useClose/useClose.js';
 import IconAction from '@webitel/ui-sdk/src/enums/IconAction/IconAction.enum.js';
 import { useAccessControl } from '@webitel/ui-sdk/src/composables/useAccessControl/useAccessControl.js';
-import WtTableTransition from '@webitel/ui-sdk/src/components/on-demand/wt-table-transition/wt-table-transition.vue';
 import CrmSections from '@webitel/ui-sdk/src/enums/WebitelApplications/CrmSections.enum.js';
 import {
   useDeleteConfirmationPopup,
@@ -121,11 +120,11 @@ import FilterPagination from '@webitel/ui-sdk/src/modules/Filters/components/fil
 import DeleteConfirmationPopup
   from '@webitel/ui-sdk/src/modules/DeleteConfirmationPopup/components/delete-confirmation-popup.vue';
 import { useTableFilters } from '@webitel/ui-sdk/src/modules/Filters/composables/useTableFilters.js';
-import { useTableStore } from '@webitel/ui-sdk/src/modules/TableStoreModule/composables/useTableStore.js';
-import { computed, onUnmounted } from 'vue';
+import { computed, onUnmounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { useTableEmpty } from '@webitel/ui-sdk/src/modules/TableComponentModule/composables/useTableEmpty.js';
+import { useTableStore } from '@webitel/ui-sdk/src/store/new/modules/tableStoreModule/useTableStore.js';
 import filters from '../modules/filters/store/filters.js';
 
 const baseNamespace = 'configuration/lookups/sources';
@@ -133,7 +132,6 @@ const baseNamespace = 'configuration/lookups/sources';
 const { t } = useI18n();
 const router = useRouter();
 
-
 const { hasCreateAccess, hasEditAccess, hasDeleteAccess } = useAccessControl();
 
 const {
@@ -160,10 +158,12 @@ const {
   sort,
   setSelected,
   onFilterEvent,
+  resetState,
 } = useTableStore(baseNamespace);
 
 const {
   namespace: filtersNamespace,
+  filtersValue,
   restoreFilters,
 
   subscribe,
@@ -179,13 +179,14 @@ restoreFilters();
 
 onUnmounted(() => {
   flushSubscribers();
+  resetState();
 });
 
 const path = computed(() => [
   { name: t('crm') },
   { name: t('startPage.configuration.name'), route: '/configuration' },
   { name: t('lookups.lookups'), route: '/configuration' },
-  { name: t('lookups.sources.sources', 2), route: '/sources' },
+  { name: t('lookups.sources.sources', 2) },
 ]);
 
 const { close } = useClose('configuration');
@@ -202,6 +203,21 @@ const {
   image: imageEmpty,
   text: textEmpty,
 } = useTableEmpty({ dataList, filters, error, isLoading });
+
+const refresh = () => {
+  // https://webitel.atlassian.net/browse/WTEL-5711
+  // because 'selected' value needs cleaned
+
+  resetState();
+  loadData();
+};
+
+watch(() => filtersValue.value, () => {
+  // https://webitel.atlassian.net/browse/WTEL-5744
+  // because 'selected' value needs cleaned when changing filters
+
+  resetState();
+});
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/modules/configuration/modules/lookups/modules/sources/store/sources.js b/src/modules/configuration/modules/lookups/modules/sources/store/sources.js
index 790d650d..ae284ca4 100644
--- a/src/modules/configuration/modules/lookups/modules/sources/store/sources.js
+++ b/src/modules/configuration/modules/lookups/modules/sources/store/sources.js
@@ -8,7 +8,15 @@ import SourcesAPI from '../api/sources.js';
 import headers from './_internals/headers';
 import filters from '../modules/filters/store/filters';
 
-const resettableState = {
+const resetTableState = {
+  dataList: [],
+  selected: [],
+  error: {},
+  isLoading: false,
+  isNextPage: false,
+};
+
+const resetCardState = {
   itemInstance: {
     name: '',
     description: '',
@@ -25,6 +33,7 @@ const api = createApiStoreModule({
 const table = createTableStoreModule({
   state: {
     headers,
+    _resettable: resetTableState,
   },
   modules: {
     filters,
@@ -33,7 +42,7 @@ const table = createTableStoreModule({
 });
 
 const card = createCardStoreModule({
-  state: { _resettable: resettableState },
+  state: { _resettable: resetCardState },
   modules: {
     api,
   },