diff --git a/package-lock.json b/package-lock.json
index dc1ebb2f..86b5f683 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.8",
+        "@webitel/ui-sdk": "^24.12.13",
         "axios": "^1.7.7",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
@@ -24,7 +24,7 @@
         "vue-i18n": "^9.13.1",
         "vue-router": "^4.3.2",
         "vuex": "^4.1.0",
-        "webitel-sdk": "^24.4.16"
+        "webitel-sdk": "^24.10.2"
       },
       "devDependencies": {
         "@vitejs/plugin-vue": "5.1.3",
@@ -2073,9 +2073,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.12.8",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.8.tgz",
-      "integrity": "sha512-RbfKCwFKxdpn7z4u/fS3JEWbWuxKllUyXI6hwlSu3AyPo4Uvg5SdNs9x3eIK1Y75p4Rs0XK/fZyBtZBJAWZT0A==",
+      "version": "24.12.13",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.13.tgz",
+      "integrity": "sha512-+sCrne9hD/76WDYGcgxxCXimWejfiGtClhGZy52uGWurDfnZGq6LmiqJrZr1zH6DBeLUAMiivI2lRFcc4Z8K3w==",
       "dependencies": {
         "@floating-ui/vue": "^1.1.5",
         "@morev/vue-transitions": "^3.0.5",
@@ -10451,9 +10451,10 @@
       }
     },
     "node_modules/webitel-sdk": {
-      "version": "24.8.8",
-      "resolved": "https://registry.npmjs.org/webitel-sdk/-/webitel-sdk-24.8.8.tgz",
-      "integrity": "sha512-YwivCEjnnsH/8VedFUcMjCX9Kdhy+KSp2MkKtladyKxMKjttGysM7D3jEyqAAH5jSL1XYL/sr8D3ntmr2FOg/A==",
+      "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==",
+      "license": "MIT",
       "dependencies": {
         "@types/webrtc": "~0.0.41",
         "deep-copy": "1.4.2",
diff --git a/package.json b/package.json
index 97b16fba..7304d469 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.8",
+    "@webitel/ui-sdk": "^24.12.13",
     "axios": "^1.7.7",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",
@@ -27,11 +27,7 @@
     "vue-i18n": "^9.13.1",
     "vue-router": "^4.3.2",
     "vuex": "^4.1.0",
-    "webitel-sdk": "^24.4.16"
-  },
-  "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.9.5",
-    "@esbuild/darwin-arm64": "^0.24.0"
+    "webitel-sdk": "^24.10.2"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "5.1.3",
@@ -47,5 +43,9 @@
     "vite-plugin-node-polyfills": "^0.22.0",
     "vite-plugin-svg-sprite": "^0.5.2",
     "vitest": "^2.0.5"
+  },
+  "optionalDependencies": {
+    "@esbuild/darwin-arm64": "^0.24.0",
+    "@rollup/rollup-linux-x64-gnu": "4.9.5"
   }
 }
diff --git a/src/app/css/main.scss b/src/app/css/main.scss
index 62373937..62b03527 100644
--- a/src/app/css/main.scss
+++ b/src/app/css/main.scss
@@ -16,19 +16,6 @@ body {
   min-height: 100%;
 }
 
-.wt-page-wrapper {
-  flex-grow: 1;
-  display: flex;
-  max-height: 100%;
-
-  :deep(.wt-page-wrapper__main) {
-    display: flex;
-    flex-direction: column;
-    max-height: 100%;
-    min-height: 0;
-  }
-}
-
 .table-wrapper {
   flex-grow: 1;
   display: flex;
@@ -78,3 +65,26 @@ a {
   text-decoration: none;
   color: #000;
 }
+
+
+.wt-page-wrapper {
+  width: 100%;
+
+  &__main {
+    flex-grow: 1;
+    display: flex;
+    max-height: 100%;
+  }
+
+  .main-container {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+
+    & > section {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+    }
+  }
+}
diff --git a/src/app/locale/en/en.js b/src/app/locale/en/en.js
index 5c6aecfe..5faf9024 100644
--- a/src/app/locale/en/en.js
+++ b/src/app/locale/en/en.js
@@ -7,6 +7,8 @@ import AccessMode
   from '../../../modules/contacts/modules/permissions/enums/AccessMode.enum.js';
 import TimelineTaskStatusEnum
   from '../../../modules/contacts/modules/timeline/enums/TimelineTaskStatus.enum.js';
+import TypesSourcesEnum
+  from '../../../modules/configuration/modules/lookups/modules/sources/enums/TypesSources.enum.js';
 
 export default {
   crm: 'CRM',
@@ -93,7 +95,7 @@ export default {
       name: 'Contacts',
       text: 'In this section, you can work with your contacts: clients, customers etc.',
     },
-    'configuration': {
+    configuration: {
       name: 'Configuration',
       text: 'In this section, you will set up the Case management process.',
     },
@@ -103,9 +105,25 @@ export default {
 
     slas: {
       slas: 'SLA | SLAs',
+      conditions: 'Condition | Conditions',
+      reactionTime: 'Reaction time',
+      resolutionTime: 'Resolution time',
+      validFrom: 'Valid from',
+      validTo: 'Valid to',
     },
+    sources: {
+      sources: 'Case source | Case sources',
+      types: {
+        [TypesSourcesEnum.CALL]: 'Call',
+        [TypesSourcesEnum.CHAT]: 'Chat',
+        [TypesSourcesEnum.SOCIAL_MEDIA]: 'Social Media',
+        [TypesSourcesEnum.EMAIL]: 'Email',
+        [TypesSourcesEnum.API]: 'API',
+        [TypesSourcesEnum.MANUAL]: 'Manual',
+      }
+    },
+
     [CrmSections.CONTACT_GROUPS]: 'Contact groups',
     [CrmSections.STATUSES]: 'Statuses',
-    [CrmSections.SOURCES]: 'Sources',
   },
 };
diff --git a/src/app/locale/ru/ru.js b/src/app/locale/ru/ru.js
index 62c4e4fa..9f16cf68 100644
--- a/src/app/locale/ru/ru.js
+++ b/src/app/locale/ru/ru.js
@@ -2,6 +2,8 @@ import { WebitelContactsTimelineEventType } from 'webitel-sdk';
 import ChatGatewayProvider
   from '@webitel/ui-sdk/src/enums/ChatGatewayProvider/ChatGatewayProvider.enum.js';
 import CrmSections from '@webitel/ui-sdk/src/enums/WebitelApplications/CrmSections.enum';
+import TypesSourcesEnum
+  from '../../../modules/configuration/modules/lookups/modules/sources/enums/TypesSources.enum.js';
 import AccessMode
   from '../../../modules/contacts/modules/permissions/enums/AccessMode.enum.js';
 import TimelineTaskStatusEnum
@@ -92,7 +94,7 @@ export default {
       name: 'Контакты',
       text: 'В этом разделе вы можете работать с Контактами: клиентами, партнерами и т.д.',
     },
-    'configuration': {
+    configuration: {
       name: 'Конфигурация',
       text: 'Здесь вы можете просматривать Обращения, зарегистрированные в системе.',
     },
@@ -102,9 +104,25 @@ export default {
 
     slas: {
       slas: 'SLA | SLAs',
+      conditions: 'Условие | Условия',
+      reactionTime: 'Плановое время реакции',
+      resolutionTime: 'Плановое время решения',
+      validFrom: 'Действителен с',
+      validTo: 'Действителен до',
+    },
+
+    sources: {
+      sources: 'Источник обращений | Источники обращений',
+      types: {
+        [TypesSourcesEnum.CALL]: 'Звонок',
+        [TypesSourcesEnum.CHAT]: 'Чат',
+        [TypesSourcesEnum.SOCIAL_MEDIA]: 'Социальная сеть',
+        [TypesSourcesEnum.EMAIL]: 'Письмо',
+        [TypesSourcesEnum.API]: 'API',
+        [TypesSourcesEnum.MANUAL]: 'Созданное вручную',
+      },
     },
     [CrmSections.CONTACT_GROUPS]: 'Группы контактов',
     [CrmSections.STATUSES]: 'Статусы',
-    [CrmSections.SOURCES]: 'Источники',
   },
 };
diff --git a/src/app/locale/ua/ua.js b/src/app/locale/ua/ua.js
index 91c42c0b..e23fa9af 100644
--- a/src/app/locale/ua/ua.js
+++ b/src/app/locale/ua/ua.js
@@ -2,6 +2,8 @@ import { WebitelContactsTimelineEventType } from 'webitel-sdk';
 import ChatGatewayProvider
   from '@webitel/ui-sdk/src/enums/ChatGatewayProvider/ChatGatewayProvider.enum.js';
 import CrmSections from '@webitel/ui-sdk/src/enums/WebitelApplications/CrmSections.enum';
+import TypesSourcesEnum
+  from '../../../modules/configuration/modules/lookups/modules/sources/enums/TypesSources.enum.js';
 import AccessMode
   from '../../../modules/contacts/modules/permissions/enums/AccessMode.enum.js';
 import TimelineTaskStatusEnum
@@ -92,7 +94,7 @@ export default {
       name: 'Контакти',
       text: 'У цьому розділі ви можете працювати з Контактами: клієнтами, партнерами тощо.',
     },
-    'configuration': {
+    configuration: {
       name: 'Конфігурація',
       text: 'Тут ви можете переглядати Звернення, зареєстровані у системі.',
     },
@@ -102,10 +104,26 @@ export default {
 
     slas: {
       slas: 'SLA | SLAs',
+      conditions: 'Умова | Умови',
+      reactionTime: 'Плановий час реакції',
+      resolutionTime: 'Плановий час вирішення',
+      validFrom: 'Дійсний з',
+      validTo: 'Дійсний до',
     },
 
+    sources: {
+      sources: 'Джерело звернень | Джерела звернень',
+
+      types: {
+        [TypesSourcesEnum.CALL]: 'Дзвінок',
+        [TypesSourcesEnum.CHAT]: 'Чат',
+        [TypesSourcesEnum.SOCIAL_MEDIA]: 'Соціальна мережа',
+        [TypesSourcesEnum.EMAIL]: 'Лист',
+        [TypesSourcesEnum.API]: 'API',
+        [TypesSourcesEnum.MANUAL]: 'Створене вручну',
+      },
+    },
     [CrmSections.CONTACT_GROUPS]: 'Групи контактів',
     [CrmSections.STATUSES]: 'Статуси',
-    [CrmSections.SOURCES]: 'Джерела',
   },
 };
diff --git a/src/app/router/index.js b/src/app/router/index.js
index 3ee9a97f..406a625d 100644
--- a/src/app/router/index.js
+++ b/src/app/router/index.js
@@ -16,7 +16,18 @@ import AccessDenied from '../components/utils/access-denied-component.vue';
 import TheStartPage
   from '../../modules/start-page/components/the-start-page.vue';
 import TheContacts from '../../modules/contacts/components/the-contacts.vue';
-
+import TheSlas
+  from '../../modules/configuration/modules/lookups/modules/slas/components/the-slas.vue';
+import OpenedSla from '../../modules/configuration/modules/lookups/modules/slas/components/opened-sla.vue';
+import OpenedSlaGeneral from '../../modules/configuration/modules/lookups/modules/slas/components/opened-sla-general.vue';
+import TheSources
+  from '../../modules/configuration/modules/lookups/modules/sources/components/the-sources.vue';
+import OpenedSource
+  from '../../modules/configuration/modules/lookups/modules/sources/components/opened-source.vue';
+import OpenedSourceGeneral
+  from '../../modules/configuration/modules/lookups/modules/sources/components/opened-source-general.vue';
+import OpenedSlaConditions
+  from '../../modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue';
 
 import store from '../store';
 import TheConfiguration from '../../modules/configuration/components/the-configuration.vue';
@@ -124,6 +135,45 @@ const routes = [
           {
             path: 'slas',
             name: CrmSections.SLAS,
+            component: TheSlas,
+            // beforeEnter: checkRouteAccess,
+          },
+          {
+            path: 'slas/:id',
+            name: `${CrmSections.SLAS}-card`,
+            component: OpenedSla,
+            redirect: { name: `${CrmSections.SLAS}-general` },
+            children: [
+              {
+                path: 'general',
+                name: `${CrmSections.SLAS}-general`,
+                component: OpenedSlaGeneral,
+              },
+              {
+                path: 'conditions/:conditionId?',
+                name: `${CrmSections.SLAS}-conditions`,
+                component: OpenedSlaConditions,
+              },
+            ],
+          },
+          {
+            path: 'sources',
+            name: CrmSections.SOURCES,
+            component: TheSources,
+            // beforeEnter: checkRouteAccess,
+          },
+          {
+            path: 'sources/:id',
+            name: `${CrmSections.SOURCES}-card`,
+            component: OpenedSource,
+            redirect: { name: `${CrmSections.SOURCES}-general` },
+            children: [
+              {
+                path: 'general',
+                name: `${CrmSections.SOURCES}-general`,
+                component: OpenedSourceGeneral,
+              },
+            ],
           },
       ],
       },
diff --git a/src/app/store/index.js b/src/app/store/index.js
index 83f58fb1..f8d3a936 100644
--- a/src/app/store/index.js
+++ b/src/app/store/index.js
@@ -3,7 +3,7 @@ import contacts from '../../modules/contacts/store/contacts';
 import userinfo from '../../modules/userinfo/store/userinfo';
 import appearance from '../../modules/appearance/store/appearance';
 import instance from '../api/instance';
-// import configuration from '../../modules/configuration/store/configuration';
+import configuration from '../../modules/configuration/store/configuration';
 
 export default createStore({
   state: {
@@ -23,5 +23,6 @@ export default createStore({
     contacts,
     userinfo,
     appearance,
+    configuration,
   },
 });
diff --git a/src/modules/configuration/components/the-configuration.vue b/src/modules/configuration/components/the-configuration.vue
index 13711b9a..06902861 100644
--- a/src/modules/configuration/components/the-configuration.vue
+++ b/src/modules/configuration/components/the-configuration.vue
@@ -20,7 +20,7 @@ const nav = [
     subNav: [
       {
         value: CrmSections.SOURCES,
-        name: t('lookups.sources'),
+        name: t('lookups.sources.sources', 2),
         route: 'lookups/sources',
       },
       {
diff --git a/src/modules/configuration/modules/lookups/modules/ priorities/api/priorities.js b/src/modules/configuration/modules/lookups/modules/ priorities/api/priorities.js
new file mode 100644
index 00000000..9664e086
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/ priorities/api/priorities.js	
@@ -0,0 +1,59 @@
+import {
+  getDefaultGetListResponse,
+  getDefaultGetParams,
+  getDefaultInstance,
+} from '@webitel/ui-sdk/src/api/defaults/index.js';
+import applyTransform, {
+  camelToSnake,
+  generateUrl,
+  merge,
+  mergeEach,
+  notify,
+  sanitize,
+  snakeToCamel,
+  starToSearch,
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
+
+const instance = getDefaultInstance();
+
+const baseUrl = '/cases/priorities';
+
+const fieldsToSend = ['name', 'description', 'color'];
+
+const getPrioritiesList = async (params) => {
+  const fieldsToSend = ['page', 'size', 'q', 'sort', 'fields', 'id'];
+
+  const url = applyTransform(params, [
+    merge(getDefaultGetParams()),
+    starToSearch('search'),
+    (params) => ({ ...params, q: params.search }),
+    sanitize(fieldsToSend),
+    camelToSnake(),
+    generateUrl(baseUrl),
+  ]);
+  try {
+    const response = await instance.get(url);
+    const { items, next } = applyTransform(response.data, [
+      merge(getDefaultGetListResponse()),
+    ]);
+    return {
+      items: applyTransform(items, []),
+      next,
+    };
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const getConditionsLookup = (params) =>
+  getPrioritiesList({
+    ...params,
+    fields: params.fields || ['id', 'name'],
+  });
+
+const PrioritiesAPI = {
+  getList: getPrioritiesList,
+  getLookup: getConditionsLookup,
+}
+
+export default PrioritiesAPI;
diff --git a/src/modules/configuration/modules/lookups/modules/slas/api/slas.js b/src/modules/configuration/modules/lookups/modules/slas/api/slas.js
new file mode 100644
index 00000000..704cb121
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/slas/api/slas.js
@@ -0,0 +1,133 @@
+import {
+  getDefaultGetListResponse,
+  getDefaultGetParams,
+  getDefaultInstance,
+  getDefaultOpenAPIConfig,
+} from '@webitel/ui-sdk/src/api/defaults/index.js';
+import applyTransform, {
+  camelToSnake,
+  merge,
+  notify,
+  sanitize,
+  snakeToCamel,
+  starToSearch,
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
+import { SLAsApiFactory } from 'webitel-sdk';
+
+const instance = getDefaultInstance();
+const configuration = getDefaultOpenAPIConfig();
+
+const slaService = new SLAsApiFactory(configuration, '', instance);
+
+const fieldsToSend = ['name', 'description', 'valid_from', 'valid_to', 'calendar', 'reaction_time', 'resolution_time'];
+
+const getSlasList = async (params) => {
+  const fieldsToSend = ['page', 'size', 'q', 'sort', 'fields', 'id'];
+
+  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 slaService.listSLAs(
+      page,
+      size,
+      fields,
+      sort,
+      id,
+      q,
+    );
+    const { items, next } = applyTransform(response.data, [
+      merge(getDefaultGetListResponse()),
+    ]);
+    return {
+      items: applyTransform(items, []),
+      next,
+    };
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const getSla = async ({ itemId: id }) => {
+  const itemResponseHandler = (item) => {
+    return item.sla;
+  };
+
+  try {
+    const response = await slaService.locateSLA(id, fieldsToSend);
+    return applyTransform(response.data, [
+      snakeToCamel(),
+      itemResponseHandler,
+    ]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const preRequestHandler = (item) => {
+  return {
+    ...item,
+    calendarId: item.calendar.id,
+  }
+};
+
+const addSla = async ({ itemInstance }) => {
+  const fieldsToSend = ['name', 'description', 'valid_from', 'valid_to', 'calendar_id', 'reaction_time', 'resolution_time']; //difference with top list - field calendar_id
+  const item = applyTransform(itemInstance, [
+    preRequestHandler,
+    camelToSnake(),
+    sanitize(fieldsToSend),
+  ]);
+  try {
+    const response = await slaService.createSLA(item);
+    return applyTransform(response.data, [
+      snakeToCamel()
+    ]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const updateSla = async ({ itemInstance, itemId: id }) => {
+  const fieldsToSend = ['name', 'description', 'valid_from', 'valid_to', 'calendar_id', 'reaction_time', 'resolution_time'];
+  const item = applyTransform(itemInstance, [
+    preRequestHandler,
+    camelToSnake(),
+    sanitize(fieldsToSend)]);
+  try {
+    const response = await slaService.updateSLA(id, item);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const deleteSla = async ({ id }) => {
+  try {
+    const response = await slaService.deleteSLA(id);
+    return applyTransform(response.data, []);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const SlasAPI = {
+  getList: getSlasList,
+  get: getSla,
+  add: addSla,
+  update: updateSla,
+  delete: deleteSla,
+}
+
+export default SlasAPI;
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
new file mode 100644
index 00000000..8b58c741
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/slas/components/opened-sla-general.vue
@@ -0,0 +1,91 @@
+<template>
+  <section class="opened-sla-general">
+    <header class="opened-card-header">
+      <h3 class="opened-card-header__title">
+        {{ t('reusable.generalInfo') }}
+      </h3>
+    </header>
+    <div class="opened-card-input-grid">
+      <wt-input
+        :label="t('reusable.name')"
+        :value="itemInstance.name"
+        required
+        @input="setItemProp({ path: 'name', value: $event })"
+      />
+
+      <wt-select
+        :label="t('objects.calendar')"
+        :search-method="loadCalendarsList"
+        :value="itemInstance.calendar"
+        required
+        @input="setItemProp({ path: 'calendar', value: $event })"
+      />
+
+      <wt-textarea
+        :label="t('vocabulary.description')"
+        :value="itemInstance.description"
+        @input="setItemProp({ path: 'description', value: $event })"
+      />
+
+      <div>
+        <wt-timepicker
+          :label="t('lookups.slas.reactionTime')"
+          :value="itemInstance.reactionTime"
+          format='hh:mm'
+          @input="setItemProp({ path: 'reactionTime', value: +$event })"
+        />
+
+        <wt-timepicker
+          :label="t('lookups.slas.resolutionTime')"
+          :value="itemInstance.resolutionTime"
+          format='hh:mm'
+          @input="setItemProp({ path: 'resolutionTime', value: +$event })"
+        />
+      </div>
+
+      <div class="opened-sla-general__wrapper">
+        <wt-datepicker
+          :label="t('lookups.slas.validFrom')"
+          :value="itemInstance.validFrom"
+          mode="datetime"
+          @input="setItemProp({ path: 'validFrom', value: $event })"
+        />
+
+        <wt-datepicker
+          :label="t('lookups.slas.validTo')"
+          :value="itemInstance.validTo"
+          mode="datetime"
+          @input="setItemProp({ path: 'validTo', value: $event })"
+        />
+      </div>
+    </div>
+  </section>
+</template>
+
+<script setup>
+import { useCardStore } from '@webitel/ui-sdk/store';
+import { useI18n } from 'vue-i18n';
+import CalendarsAPI from '@webitel/ui-sdk/src/api/clients/calendars/calendars.js';
+
+const props = defineProps({
+  namespace: {
+    type: String,
+    required: true,
+  },
+});
+
+const { t } = useI18n();
+
+const { itemInstance, setItemProp } = useCardStore(props.namespace);
+
+function loadCalendarsList(search) {
+  return CalendarsAPI.getLookup(search);
+}
+</script>
+
+<style lang="scss" scoped>
+.opened-sla-general__wrapper {
+  display: flex;
+  gap: var(--spacing-sm);
+}
+</style>
diff --git a/src/modules/configuration/modules/lookups/modules/slas/components/opened-sla.vue b/src/modules/configuration/modules/lookups/modules/slas/components/opened-sla.vue
new file mode 100644
index 00000000..f9834daf
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/slas/components/opened-sla.vue
@@ -0,0 +1,122 @@
+<template>
+  <wt-page-wrapper
+    :actions-panel="!!currentTab.filters"
+  >
+    <template #header>
+      <wt-page-header
+        :hide-primary="!hasSaveActionAccess"
+        :primary-action="save"
+        :primary-disabled="disabledSave"
+        :primary-text="saveText"
+        :secondary-action="close"
+      >
+        <wt-headline-nav :path="path" />
+      </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"
+            :namespace="cardNamespace"
+            :access="{ read: true, edit: !disableUserInput, delete: !disableUserInput, add: !disableUserInput }"
+          />
+        </router-view>
+        <input
+          hidden
+          type="submit"
+        > <!--  submit form on Enter  -->
+      </form>
+    </template>
+  </wt-page-wrapper>
+</template>
+
+<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/slas';
+const { t } = useI18n();
+const route = useRoute();
+
+const {
+  namespace: cardNamespace,
+  id,
+  itemInstance,
+  ...restStore
+} = useCardStore(namespace);
+
+const { isNew, pathName, disabledSave, saveText, save, initialize } = useCardComponent({
+  ...restStore,
+  id,
+  itemInstance,
+});
+const { hasSaveActionAccess, disableUserInput } = useAccessControl();
+
+const { close } = useClose(CrmSections.SLAS);
+
+const tabs = computed(() => {
+  const general = {
+    text: t('reusable.general'),
+    value: 'general',
+    pathName: `${CrmSections.SLAS}-general`,
+  };
+  const conditions = {
+    text: t('lookups.slas.conditions', 2),
+    value: 'conditions',
+    pathName: `${CrmSections.SLAS}-conditions`,
+  };
+
+  const tabs = [general];
+
+  if (id.value) tabs.push(conditions);
+  return tabs;
+});
+
+const { currentTab, changeTab } = useCardTabs(tabs);
+
+const path = computed(() => {
+
+  return [
+    { name: t('crm') },
+    { name: t('startPage.configuration.name'), route: '/configuration' },
+    { name: t('lookups.lookups'), route: '/configuration' },
+    { name: t('lookups.slas.slas', 2), route: '/lookups/slas' },
+    {
+      name: isNew.value ? t('reusable.new') : pathName.value,
+      route: {
+        name: currentTab.value.pathName,
+        query: route.query,
+      },
+    },
+  ];
+});
+
+initialize();
+</script>
+
+<style lang="scss" scoped>
+</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
new file mode 100644
index 00000000..e66a1f3b
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue
@@ -0,0 +1,208 @@
+<template>
+  <wt-page-wrapper
+    class="table-page"
+    :actions-panel="false"
+  >
+    <template #header>
+      <wt-page-header
+        :secondary-action="close"
+        hide-primary
+      >
+        <wt-headline-nav :path="path" />
+      </wt-page-header>
+    </template>
+    <template #main>
+      <section class="table-section">
+        <header class="table-title">
+          <h3 class="table-title__title">
+            {{ t('lookups.slas.slas') }}
+          </h3>
+          <wt-action-bar
+            :include="[IconAction.ADD, IconAction.REFRESH, IconAction.DELETE]"
+            :disabled:add="!hasCreateAccess"
+            :disabled:delete="!hasDeleteAccess || !selected.length"
+            @click:add="router.push({ name: `${CrmSections.SLAS}-card`, params: { id: 'new' }})"
+            @click:refresh="loadData"
+            @click:delete="askDeleteConfirmation({
+                  deleted: selected,
+                  callback: () => deleteData(selected),
+                })"
+          >
+            <template #search-bar>
+              <filter-search
+                :namespace="filtersNamespace"
+                name="search"
+              />
+            </template>
+          </wt-action-bar>
+        </header>
+
+        <wt-loader v-show="isLoading" />
+
+        <delete-confirmation-popup
+          :shown="isDeleteConfirmationPopup"
+          :callback="deleteCallback"
+          :delete-count="deleteCount"
+          @close="closeDelete"
+        />
+
+        <div
+          class="table-section__table-wrapper"
+        >
+
+          <wt-empty
+            v-show="showEmpty"
+            :image="imageEmpty"
+            :text="textEmpty"
+          />
+
+          <wt-table-transition v-if="dataList.length && !isLoading">
+            <wt-table
+              :data="dataList"
+              :headers="headers"
+              :selected="selected"
+              sortable
+              @sort="sort"
+              @update:selected="setSelected"
+            >
+              <template #name="{ item }">
+                <wt-item-link
+                  :link="{ name: `${CrmSections.SLAS}-card`, params: { id: item.id } }"
+                >
+                  {{ item.name }}
+                </wt-item-link>
+              </template>
+              <template #description="{ item }">
+                {{ item.description }}
+              </template>
+              <template #calendar="{ item }">
+                {{ item.calendar.name }}
+              </template>
+              <template #actions="{ item }">
+                <wt-icon-action
+                  v-if="hasEditAccess"
+                  action="edit"
+                  @click="edit(item)"
+                />
+                <wt-icon-action
+                  v-if="hasDeleteAccess"
+                  action="delete"
+                  @click="askDeleteConfirmation({
+                deleted: [item],
+                callback: () => deleteData(item),
+              })"
+                />
+              </template>
+            </wt-table>
+          </wt-table-transition>
+          <filter-pagination
+            :namespace="filtersNamespace"
+            :is-next="isNext"
+          />
+        </div>
+      </section>
+    </template>
+  </wt-page-wrapper>
+</template>
+
+<script setup>
+import { computed, onUnmounted } 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,
+} from '@webitel/ui-sdk/src/modules/DeleteConfirmationPopup/composables/useDeleteConfirmationPopup.js';
+import FilterSearch from '@webitel/ui-sdk/src/modules/Filters/components/filter-search.vue';
+import FilterPagination from '@webitel/ui-sdk/src/modules/Filters/components/filter-pagination.vue';
+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 { useTableEmpty } from '@webitel/ui-sdk/src/modules/TableComponentModule/composables/useTableEmpty.js';
+import filters from '../modules/filters/store/filters.js';
+
+const baseNamespace = 'configuration/lookups/slas';
+
+const { t } = useI18n();
+const router = useRouter();
+
+const store = useStore();
+
+const { hasCreateAccess, hasEditAccess, hasDeleteAccess } = useAccessControl();
+
+const {
+  isVisible: isDeleteConfirmationPopup,
+  deleteCount,
+  deleteCallback,
+
+  askDeleteConfirmation,
+  closeDelete,
+} = useDeleteConfirmationPopup();
+
+const {
+  namespace,
+
+  dataList,
+  selected,
+  isLoading,
+  headers,
+  isNext,
+  error,
+
+  loadData,
+  deleteData,
+  sort,
+  setSelected,
+  onFilterEvent,
+} = useTableStore(baseNamespace);
+
+const {
+  namespace: filtersNamespace,
+  restoreFilters,
+
+  subscribe,
+  flushSubscribers,
+} = useTableFilters(namespace);
+
+subscribe({
+  event: '*',
+  callback: onFilterEvent,
+});
+
+restoreFilters();
+
+onUnmounted(() => {
+  flushSubscribers();
+});
+
+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' },
+]);
+
+const { close } = useClose('configuration');
+
+function edit(item) {
+  return router.push({
+    name: `${CrmSections.SLAS}-card`,
+    params: { id: item.id },
+  });
+}
+
+const {
+  showEmpty,
+  image: imageEmpty,
+  text: textEmpty,
+} = useTableEmpty({ dataList, filters, error, isLoading });
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/api/conditions.js b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/api/conditions.js
new file mode 100644
index 00000000..8ec34a3a
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/api/conditions.js
@@ -0,0 +1,137 @@
+import {
+  getDefaultGetListResponse,
+  getDefaultGetParams,
+  getDefaultInstance,
+  getDefaultOpenAPIConfig,
+} from '@webitel/ui-sdk/src/api/defaults/index.js';
+import applyTransform, {
+  camelToSnake,
+  merge,
+  notify,
+  sanitize,
+  snakeToCamel,
+  starToSearch,
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
+import { SLAConditionsApiFactory } from 'webitel-sdk';
+
+const instance = getDefaultInstance();
+const configuration = getDefaultOpenAPIConfig();
+
+const slaConditionsService = new SLAConditionsApiFactory(configuration, '', instance);
+
+const fieldsToSend = [
+  'name',
+  'priorities',
+  'sla_id',
+  'reaction_time',
+  'resolution_time',
+];
+
+const getConditionsList = async ({ parentId, ...rest }) => {
+  const fieldsToSend = ['page', 'size', 'q', 'sort', 'fields', 'id'];
+
+  const {
+    page,
+    size,
+    fields,
+    sort,
+    id,
+    q,
+  } = applyTransform(rest, [
+    merge(getDefaultGetParams()),
+    starToSearch('search'),
+    (params) => ({ ...params, q: params.search }),
+    sanitize(fieldsToSend),
+    camelToSnake(),
+  ]);
+  try {
+    const response = await slaConditionsService.listSLAConditions(
+      parentId,
+      page,
+      size,
+      fields,
+      sort,
+      id,
+      q,
+    );
+    const { items, next } = applyTransform(response.data, [
+      merge(getDefaultGetListResponse()),
+    ]);
+    return {
+      items: applyTransform(items, [snakeToCamel()]),
+      next,
+    };
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const getCondition = async ({ parentId, itemId: id }) => {
+  const itemResponseHandler = (item) => {
+    return item.slaCondition;
+  };
+
+  try {
+    const response = await slaConditionsService.locateSLACondition(parentId, id, fieldsToSend);
+    return applyTransform(response.data, [snakeToCamel(), itemResponseHandler]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const preRequestHandler = (item) => {
+  if (!item.priorities) return item;
+  return {
+    ...item,
+    priorities: item.priorities?.map((priority) => priority.id),
+  };
+};
+
+const updateCondition = async ({ itemInstance, itemId: id }) => {
+  const item = applyTransform(itemInstance, [
+    preRequestHandler,
+    camelToSnake(),
+    sanitize(fieldsToSend),
+  ]);
+
+  try {
+    const response = await slaConditionsService.updateSLACondition(itemInstance.slaId, id, item);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const addCondition = async ({ itemInstance, parentId }) => {
+  const item = applyTransform(itemInstance, [
+    preRequestHandler,
+    camelToSnake(),
+    sanitize(fieldsToSend),
+  ]);
+
+  try {
+    const response = await slaConditionsService.createSLACondition(parentId, item);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const deleteCondition = async ({ id, parentId }) => {
+  try {
+    const response = await slaConditionsService.deleteSLACondition(parentId, id);
+    return applyTransform(response.data, []);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const ConditionsAPI = {
+  getList: getConditionsList,
+  get: getCondition,
+  update: updateCondition,
+  delete: deleteCondition,
+  add: addCondition,
+};
+
+export default ConditionsAPI;
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
new file mode 100644
index 00000000..e71ad2d8
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
@@ -0,0 +1,133 @@
+<template>
+  <wt-popup
+    :shown="!!conditionId"
+    size="sm"
+    @close="close"
+  >
+    <template #title>
+      {{ !isNew ? t('reusable.edit') : t('reusable.add') }}
+      {{ t('lookups.slas.conditions', 1).toLowerCase() }}
+    </template>
+    <template #main>
+      <form>
+        <wt-input
+          :value="itemInstance.name"
+          :label="t('reusable.name')"
+          required
+          @input="setItemProp({ path: 'name', value: $event })"
+        />
+        <wt-select
+          :value="itemInstance.priorities"
+          :label="t('vocabulary.priority')"
+          :search-method="PrioritiesAPI.getLookup"
+          multiple
+          @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 })"
+        />
+
+        <wt-timepicker
+          :label="t('lookups.slas.resolutionTime')"
+          :value="itemInstance.resolutionTime"
+          format="hh:mm"
+          @input="setItemProp({ path: 'resolutionTime', value: $event })"
+        />
+      </form>
+    </template>
+    <template #actions>
+      <wt-button
+        @click="save">
+        {{ t('reusable.save') }}
+      </wt-button>
+      <wt-button
+        color="secondary"
+        @click="close"
+      >
+        {{ t('reusable.cancel') }}
+      </wt-button>
+    </template>
+  </wt-popup>
+</template>
+
+<script setup>
+import { useClose } from '@webitel/ui-sdk/src/composables/useClose/useClose.js';
+import CrmSections from '@webitel/ui-sdk/src/enums/WebitelApplications/CrmSections.enum.js';
+import { computed, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRoute, useRouter } from 'vue-router';
+import { useCardStore } from '@webitel/ui-sdk/store';
+import PrioritiesAPI from '../../../../ priorities/api/priorities.js';
+
+const props = defineProps({
+  namespace: {
+    type: String,
+    required: true,
+  },
+});
+
+const emit = defineEmits(['load-data']);
+
+const route = useRoute();
+const router = useRouter();
+const { t } = useI18n();
+
+const {
+  namespace: cardNamespace,
+  itemInstance,
+  resetState,
+  addItem,
+  loadItem,
+  updateItem,
+  setId,
+  setItemProp,
+  id,
+} = useCardStore(props.namespace);
+
+const conditionId = computed(() => route.params.conditionId);
+const isNew = computed(() => conditionId.value === 'new');
+
+const { close } = useClose( `${CrmSections.SLAS}-conditions`);
+
+function loadDataList() {
+  emit('load-data');
+}
+
+const save = async () => {
+  if (isNew.value) {
+    await addItem({ itemInstance, parentId: id.value });
+  } else {
+    await updateItem({ itemInstance, itemId: id.value });
+  }
+
+  if (id?.value) {
+    close();
+    loadDataList();
+  }
+};
+
+async function initializePopup() {
+  try {
+    if (!isNew.value) {
+      await setId(conditionId.value);
+      await loadItem();
+    }
+  } catch (error) {
+    throw error;
+  }
+}
+
+watch(() => conditionId.value, (value) => {
+  if(value) {
+    initializePopup();
+  } else {
+    resetState();
+  }
+}, { immediate: true });
+</script>
+
+<style lang="scss" scoped>
+</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
new file mode 100644
index 00000000..499b1c6f
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue
@@ -0,0 +1,209 @@
+<template>
+  <section class="table-page opened-sla-conditions">
+    <condition-popup
+      :namespace="namespace"
+      @load-data="loadData"
+    />
+    <delete-confirmation-popup
+      :shown="isDeleteConfirmationPopup"
+      :delete-count="deleteCount"
+      :callback="deleteCallback"
+      @close="closeDelete"
+    />
+    <header class="table-title">
+      <h3 class="table-title__title">
+        {{ t('lookups.slas.conditions', 2) }}
+      </h3>
+
+      <wt-action-bar
+        :include="[IconAction.ADD, IconAction.REFRESH, IconAction.DELETE]"
+        @click:add="router.push({ ...route, params: { conditionId: 'new' } })"
+        @click:refresh="loadData"
+      >
+        <template #search-bar>
+          <filter-search
+            :namespace="filtersNamespace"
+            name="search"
+          />
+        </template>
+      </wt-action-bar>
+    </header>
+
+    <wt-loader v-show="isLoading" />
+
+    <div
+      class="table-section__table-wrapper"
+    >
+
+      <wt-empty
+        v-show="showEmpty"
+        :image="imageEmpty"
+        :text="textEmpty"
+      />
+
+      <wt-table-transition v-if="dataList.length && !isLoading">
+        <wt-table
+          :data="dataList"
+          :headers="headers"
+          :selected="selected"
+          sortable
+          @sort="sort"
+          @update:selected="setSelected"
+        >
+          <template #name="{ item }">
+            {{ item.name }}
+          </template>
+          <template #priorities="{ item }">
+            <div
+              v-if="item.priorities?.length"
+              class="opened-sla-conditions__priorities"
+            >
+              <p>{{ item.priorities[0]?.name }}</p>
+              <wt-tooltip
+                v-if="item.priorities?.length > 1"
+                :triggers="['click']"
+              >
+                <template #activator>
+                  <wt-chip>
+                    +{{ item.priorities?.length - 1 }}
+                  </wt-chip>
+                </template>
+
+                <ul>
+                  <li
+                    v-for="({ id, name }) of item.priorities?.slice(1)"
+                    :key="id"
+                  >
+                    <p>{{ name }}</p>
+                  </li>
+                </ul>
+              </wt-tooltip>
+            </div>
+          </template>
+          <template #reactionTime="{ item }">
+            {{ convertDurationWithMinutes(item.reactionTime / 60) }}
+          </template>
+          <template #resolutionTime="{ item }">
+            {{ convertDurationWithMinutes(item.resolutionTime / 60) }}
+          </template>
+          <template #actions="{ item }">
+            <wt-icon-action
+              action="edit"
+              @click="router.push({ ...route, params: { conditionId: item.id } })"
+            />
+            <wt-icon-action
+              action="delete"
+              @click="askDeleteConfirmation({
+                deleted: [item],
+                callback: () => deleteData(item),
+              })"
+            />
+          </template>
+        </wt-table>
+      </wt-table-transition>
+      <filter-pagination
+        :namespace="filtersNamespace"
+        :next="isNext"
+      />
+    </div>
+  </section>
+</template>
+
+<script setup>
+import DeleteConfirmationPopup
+  from '@webitel/ui-sdk/src/modules/DeleteConfirmationPopup/components/delete-confirmation-popup.vue';
+import {
+  useDeleteConfirmationPopup,
+} 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 { useI18n } from 'vue-i18n';
+import { useRoute, useRouter } from 'vue-router';
+import IconAction from '@webitel/ui-sdk/src/enums/IconAction/IconAction.enum.js';
+import FilterSearch
+  from '@webitel/ui-sdk/src/modules/Filters/components/filter-search.vue';
+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';
+
+const props = defineProps({
+  namespace: {
+    type: String,
+    required: true,
+  },
+});
+
+const {
+  namespace: parentCardNamespace,
+  id: parentId,
+} = useCardStore(props.namespace);
+
+const namespace = `${parentCardNamespace}/conditions`;
+
+const router = useRouter();
+const route = useRoute();
+const { t } = useI18n();
+
+const {
+  namespace: tableNamespace,
+
+  dataList,
+  selected,
+  isLoading,
+  headers,
+  isNext,
+  error,
+
+  loadData,
+  deleteData,
+  sort,
+  setSelected,
+  onFilterEvent,
+} = useTableStore(namespace);
+
+const {
+  namespace: filtersNamespace,
+  restoreFilters,
+
+  subscribe,
+  flushSubscribers,
+} = useTableFilters(tableNamespace);
+
+subscribe({
+  event: '*',
+  callback: onFilterEvent,
+});
+
+restoreFilters();
+
+onUnmounted(() => {
+  flushSubscribers();
+});
+
+const {
+  isVisible: isDeleteConfirmationPopup,
+  deleteCount,
+  deleteCallback,
+
+  askDeleteConfirmation,
+  closeDelete,
+} = useDeleteConfirmationPopup();
+
+const {
+  showEmpty,
+  image: imageEmpty,
+  text: textEmpty,
+} = useTableEmpty({ dataList, filters, error, isLoading });
+
+</script>
+
+<style lang="scss" scoped>
+.opened-sla-conditions__priorities {
+  display: flex;
+  gap: var(--spacing-xs);
+}
+</style>
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/modules/filters/store/filters.js b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/modules/filters/store/filters.js
new file mode 100644
index 00000000..a5e65c90
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/modules/filters/store/filters.js
@@ -0,0 +1,25 @@
+import FiltersStoreModule
+  from '@webitel/ui-sdk/src/modules/Filters/store/FiltersStoreModule';
+
+const filtersList = [
+  {
+    name: 'page',
+    value: 1,
+    defaultValue: 1,
+  },
+  {
+    name: 'size',
+    value: 10,
+    defaultValue: 10,
+  },
+  {
+    name: 'sort',
+  },
+  { name: 'search' },
+];
+
+const filters = new FiltersStoreModule()
+.addFilter(filtersList)
+.getModule();
+
+export default filters;
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/store/_internals/headers.js b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/store/_internals/headers.js
new file mode 100644
index 00000000..949c96ef
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/store/_internals/headers.js
@@ -0,0 +1,32 @@
+import { SortSymbols } from '@webitel/ui-sdk/src/scripts/sortQueryAdapters';
+
+export default [
+  {
+    value: 'name',
+    locale: 'reusable.name',
+    show: true,
+    field: 'name',
+    sort: SortSymbols.NONE,
+  },
+  {
+    value: 'priorities',
+    locale: 'vocabulary.priority',
+    show: true,
+    field: 'priorities',
+    sort: SortSymbols.NONE,
+  },
+  {
+    value: 'reactionTime',
+    locale: 'lookups.slas.reactionTime',
+    show: true,
+    field: 'reaction_time',
+    sort: SortSymbols.NONE,
+  },
+  {
+    value: 'resolutionTime',
+    locale: 'lookups.slas.resolutionTime',
+    show: true,
+    field: 'resolution_time',
+    sort: SortSymbols.NONE,
+  },
+];
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
new file mode 100644
index 00000000..d9c82f03
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/store/conditions.js
@@ -0,0 +1,52 @@
+import {
+  createApiStoreModule,
+  createBaseStoreModule,
+  createTableStoreModule,
+  createCardStoreModule,
+} from '@webitel/ui-sdk/store';
+import ConditionsAPI from '../api/conditions.js';
+import filters from '../modules/filters/store/filters.js';
+import headers from './_internals/headers.js';
+
+const resettableItemState = {
+  itemInstance: {
+  },
+};
+
+const getters = {
+  PARENT_ID: (s, g, rootState) => rootState.configuration.lookups.slas.card.itemId,
+};
+
+const api = createApiStoreModule({
+  state: {
+    api: ConditionsAPI,
+  },
+});
+
+const table = createTableStoreModule({
+  state: {
+    headers,
+  },
+  getters,
+  modules: {
+    api,
+    filters,
+  },
+});
+
+const card = createCardStoreModule({
+  state: { _resettable: resettableItemState },
+  getters,
+  modules: {
+    api,
+  },
+});
+
+const conditions = createBaseStoreModule({
+  modules: {
+    table,
+    card,
+  },
+});
+
+export default conditions;
diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/filters/store/filters.js b/src/modules/configuration/modules/lookups/modules/slas/modules/filters/store/filters.js
new file mode 100644
index 00000000..a5e65c90
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/filters/store/filters.js
@@ -0,0 +1,25 @@
+import FiltersStoreModule
+  from '@webitel/ui-sdk/src/modules/Filters/store/FiltersStoreModule';
+
+const filtersList = [
+  {
+    name: 'page',
+    value: 1,
+    defaultValue: 1,
+  },
+  {
+    name: 'size',
+    value: 10,
+    defaultValue: 10,
+  },
+  {
+    name: 'sort',
+  },
+  { name: 'search' },
+];
+
+const filters = new FiltersStoreModule()
+.addFilter(filtersList)
+.getModule();
+
+export default filters;
diff --git a/src/modules/configuration/modules/lookups/modules/slas/store/_internals/headers.js b/src/modules/configuration/modules/lookups/modules/slas/store/_internals/headers.js
new file mode 100644
index 00000000..2467ca7b
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/slas/store/_internals/headers.js
@@ -0,0 +1,26 @@
+import { SortSymbols } from '@webitel/ui-sdk/src/scripts/sortQueryAdapters';
+
+export default [
+  {
+    value: 'name',
+    locale: 'reusable.name',
+    show: true,
+    field: 'name',
+    sort: SortSymbols.NONE,
+  },
+  {
+    value: 'description',
+    locale: 'vocabulary.description',
+    show: true,
+    field: 'description',
+    sort: SortSymbols.NONE,
+  },
+  {
+    value: 'calendar',
+    locale: 'objects.calendar',
+    show: true,
+    field: 'calendar',
+    sort: SortSymbols.NONE,
+  },
+
+];
diff --git a/src/modules/configuration/modules/lookups/modules/slas/store/slas.js b/src/modules/configuration/modules/lookups/modules/slas/store/slas.js
new file mode 100644
index 00000000..160041a4
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/slas/store/slas.js
@@ -0,0 +1,55 @@
+import {
+  createApiStoreModule,
+  createBaseStoreModule,
+  createCardStoreModule,
+  createTableStoreModule,
+} from '@webitel/ui-sdk/store';
+import SlasAPI from '../api/slas.js';
+import headers from './_internals/headers';
+import filters from '../modules/filters/store/filters';
+import conditions from '../modules/conditions/store/conditions';
+
+const resettableState = {
+  itemInstance: {
+    name: '',
+    description: '',
+    calendar: {},
+    reactionTime: 0,
+    resolutionTime: 0,
+    validTo: 0,
+    validFrom: 0,
+  },
+};
+
+const api = createApiStoreModule({
+  state: {
+    api: SlasAPI,
+  },
+});
+
+const table = createTableStoreModule({
+  state: {
+    headers,
+  },
+  modules: {
+    filters,
+    api,
+  },
+});
+
+const card = createCardStoreModule({
+  state: { _resettable: resettableState },
+  modules: {
+    api,
+    conditions,
+  },
+});
+
+const slas = createBaseStoreModule({
+  modules: {
+    table,
+    card,
+  },
+});
+
+export default slas;
diff --git a/src/modules/configuration/modules/lookups/modules/sources/api/sources.js b/src/modules/configuration/modules/lookups/modules/sources/api/sources.js
new file mode 100644
index 00000000..5a185b1b
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/sources/api/sources.js
@@ -0,0 +1,145 @@
+import {
+  getDefaultGetListResponse,
+  getDefaultGetParams,
+  getDefaultInstance,
+  getDefaultOpenAPIConfig,
+} from '@webitel/ui-sdk/src/api/defaults/index.js';
+import applyTransform, {
+  camelToSnake,
+  merge,
+  notify,
+  sanitize,
+  snakeToCamel,
+  starToSearch,
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
+import { SourcesApiFactory } from 'webitel-sdk';
+
+const instance = getDefaultInstance();
+const configuration = getDefaultOpenAPIConfig();
+
+const sourceService = new SourcesApiFactory(configuration, '', instance);
+
+const fieldsToSend = ['name', 'description', 'type'];
+
+const getSourcesList = async (params) => {
+  const fieldsToSend = ['page', 'size', 'q', 'sort', 'fields', 'id'];
+
+  const listResponseHandler = (items) => {
+    return items.map((item) => ({
+      ...item,
+      type: item.type.toLowerCase(),
+    }));
+  };
+
+  const {
+    page,
+    size,
+    fields,
+    sort,
+    id,
+    q,
+    type,
+  } = applyTransform(params, [
+    merge(getDefaultGetParams()),
+    starToSearch('search'),
+    (params) => ({ ...params, q: params.search }),
+    sanitize(fieldsToSend),
+    camelToSnake(),
+  ]);
+
+  try {
+    const response = await sourceService.listSources(
+      page,
+      size,
+      fields,
+      sort,
+      id,
+      q,
+      type,
+    )
+    const { items, next } = applyTransform(response.data, [
+      merge(getDefaultGetListResponse()),
+    ]);
+    return {
+      items: applyTransform(items, [listResponseHandler]),
+      next,
+    };
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const getSource = async ({ itemId: id }) => {
+  const itemResponseHandler = (item) => {
+    if(item.source.type) {
+      item.source.type = item.source.type.toLowerCase();
+    }
+    return item.source;
+  };
+
+  try {
+    const response = await sourceService.locateSource(id);
+    return applyTransform(response.data, [
+      snakeToCamel(),
+      itemResponseHandler,
+    ]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const preRequestHandler = (item) => {
+  return {
+    ...item,
+    type: item.type.toUpperCase(),
+  }
+};
+
+const addSource = async ({ itemInstance }) => {
+  const item = applyTransform(itemInstance, [
+    preRequestHandler,
+    sanitize(fieldsToSend),
+    camelToSnake(),
+  ]);
+  try {
+    const response = await sourceService.createSource(item);
+    return applyTransform(response.data, [
+      snakeToCamel()
+    ]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const updateSource = async ({ itemInstance, itemId: id }) => {
+  const item = applyTransform(itemInstance, [
+    preRequestHandler,
+    camelToSnake(),
+    sanitize(fieldsToSend)]);
+
+  try {
+    const response = await sourceService.updateSource(id, item);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const deleteSource = async ({ id }) => {
+  try {
+    const response = await sourceService.deleteSource(id);
+    return applyTransform(response.data, []);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const SourcesAPI = {
+  getList: getSourcesList,
+  get: getSource,
+  add: addSource,
+  update: updateSource,
+  delete: deleteSource,
+}
+
+export default SourcesAPI;
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
new file mode 100644
index 00000000..97416ded
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/sources/components/opened-source-general.vue
@@ -0,0 +1,63 @@
+<template>
+  <section>
+    <header class="opened-card-header">
+      <h3 class="opened-card-header__title">
+        {{ t('reusable.generalInfo') }}
+      </h3>
+    </header>
+    <div class="opened-card-input-grid">
+      <wt-input
+        :label="t('reusable.name')"
+        :value="itemInstance.name"
+        required
+        @input="setItemProp({ path: 'name', value: $event })"
+      />
+
+      <wt-select
+        :label="t('vocabulary.type')"
+        :options="typesSourcesOptions"
+        :value="currentTypeSource"
+        required
+        @input="setItemProp({ path: 'type', value: $event.id })"
+      />
+
+      <wt-textarea
+        :label="t('vocabulary.description')"
+        :value="itemInstance.description"
+        @input="setItemProp({ path: 'description', value: $event })"
+      />
+    </div>
+  </section>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+import { useCardStore } from '@webitel/ui-sdk/store';
+import { useI18n } from 'vue-i18n';
+import TypesSources from '../enums/TypesSources.enum.js';
+
+const props = defineProps({
+  namespace: {
+    type: String,
+    required: true,
+  },
+});
+
+const { t } = useI18n();
+
+const { itemInstance, setItemProp } = useCardStore(props.namespace);
+
+const typesSourcesOptions = computed(() => Object.values(TypesSources).map((type) => {
+  return {
+    id: type,
+    name: t(`lookups.sources.types.${type}`),
+  };
+}));
+
+const currentTypeSource = computed(() => {
+  return typesSourcesOptions.value.find((type) => type.id === itemInstance.value?.type);
+});
+</script>
+
+<style lang="scss" scoped>
+</style>
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
new file mode 100644
index 00000000..64e93818
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/sources/components/opened-source.vue
@@ -0,0 +1,113 @@
+<template>
+  <wt-page-wrapper
+    :actions-panel="!!currentTab.filters"
+  >
+    <template #header>
+      <wt-page-header
+        :hide-primary="!hasSaveActionAccess"
+        :primary-action="save"
+        :primary-disabled="disabledSave"
+        :primary-text="saveText"
+        :secondary-action="close"
+      >
+        <wt-headline-nav :path="path" />
+      </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"
+            :namespace="cardNamespace"
+            :access="{ read: true, edit: !disableUserInput, delete: !disableUserInput, add: !disableUserInput }"
+          />
+        </router-view>
+        <input
+          hidden
+          type="submit"
+        > <!--  submit form on Enter  -->
+      </form>
+    </template>
+  </wt-page-wrapper>
+</template>
+
+<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,
+  id,
+  itemInstance,
+  ...restStore
+} = useCardStore(namespace);
+
+const { isNew, pathName, disabledSave, saveText, save, initialize } = useCardComponent({
+  ...restStore,
+  id,
+  itemInstance,
+});
+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 [
+    { name: t('crm') },
+    { 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,
+      },
+    },
+  ];
+});
+
+initialize();
+</script>
+
+<style lang="scss" scoped>
+</style>
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
new file mode 100644
index 00000000..d1a62846
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue
@@ -0,0 +1,208 @@
+<template>
+  <wt-page-wrapper
+    class="table-page"
+    :actions-panel="false"
+  >
+    <template #header>
+      <wt-page-header
+        :secondary-action="close"
+        hide-primary
+      >
+        <wt-headline-nav :path="path" />
+      </wt-page-header>
+    </template>
+    <template #main>
+      <section class="table-section">
+        <header class="table-title">
+          <h3 class="table-title__title">
+            {{ t('lookups.sources.sources', 2) }}
+          </h3>
+          <wt-action-bar
+            :include="[IconAction.ADD, IconAction.REFRESH, IconAction.DELETE]"
+            :disabled:add="!hasCreateAccess"
+            :disabled:delete="!hasDeleteAccess || !selected.length"
+            @click:add="router.push({ name: `${CrmSections.SOURCES}-card`, params: { id: 'new' }})"
+            @click:refresh="loadData"
+            @click:delete="askDeleteConfirmation({
+                  deleted: selected,
+                  callback: () => deleteData(selected),
+                })"
+          >
+            <template #search-bar>
+              <filter-search
+                :namespace="filtersNamespace"
+                name="search"
+              />
+            </template>
+          </wt-action-bar>
+        </header>
+
+        <wt-loader v-show="isLoading" />
+
+        <delete-confirmation-popup
+          :shown="isDeleteConfirmationPopup"
+          :callback="deleteCallback"
+          :delete-count="deleteCount"
+          @close="closeDelete"
+        />
+
+        <div
+          class="table-section__table-wrapper"
+        >
+          <wt-empty
+            v-show="showEmpty"
+            :image="imageEmpty"
+            :text="textEmpty"
+          />
+
+          <wt-table-transition v-if="dataList.length && !isLoading">
+            <wt-table
+              :data="dataList"
+              :headers="headers"
+              :selected="selected"
+              sortable
+              @sort="sort"
+              @update:selected="setSelected"
+            >
+              <template #name="{ item }">
+                <wt-item-link
+                  :link="{ name: `${CrmSections.SOURCES}-card`, params: { id: item.id } }"
+                >
+                  {{ item.name }}
+                </wt-item-link>
+              </template>
+
+              <template #type="{ item }">
+                {{ t(`lookups.sources.types.${item.type}`) }}
+              </template>
+
+              <template #description="{ item }">
+                {{ item.description }}
+              </template>
+
+              <template #actions="{ item }">
+                <wt-icon-action
+                  v-if="hasEditAccess"
+                  action="edit"
+                  @click="edit(item)"
+                />
+                <wt-icon-action
+                  v-if="hasDeleteAccess"
+                  action="delete"
+                  @click="askDeleteConfirmation({
+                deleted: [item],
+                callback: () => deleteData(item),
+              })"
+                />
+              </template>
+            </wt-table>
+          </wt-table-transition>
+          <filter-pagination
+            :namespace="filtersNamespace"
+            :is-next="isNext"
+          />
+        </div>
+      </section>
+    </template>
+  </wt-page-wrapper>
+</template>
+
+<script setup>
+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,
+} from '@webitel/ui-sdk/src/modules/DeleteConfirmationPopup/composables/useDeleteConfirmationPopup.js';
+import FilterSearch from '@webitel/ui-sdk/src/modules/Filters/components/filter-search.vue';
+import FilterPagination from '@webitel/ui-sdk/src/modules/Filters/components/filter-pagination.vue';
+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 { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+import { useTableEmpty } from '@webitel/ui-sdk/src/modules/TableComponentModule/composables/useTableEmpty.js';
+import filters from '../modules/filters/store/filters.js';
+
+const baseNamespace = 'configuration/lookups/sources';
+
+const { t } = useI18n();
+const router = useRouter();
+
+
+const { hasCreateAccess, hasEditAccess, hasDeleteAccess } = useAccessControl();
+
+const {
+  isVisible: isDeleteConfirmationPopup,
+  deleteCount,
+  deleteCallback,
+
+  askDeleteConfirmation,
+  closeDelete,
+} = useDeleteConfirmationPopup();
+
+const {
+  namespace,
+
+  dataList,
+  selected,
+  isLoading,
+  headers,
+  isNext,
+  error,
+
+  loadData,
+  deleteData,
+  sort,
+  setSelected,
+  onFilterEvent,
+} = useTableStore(baseNamespace);
+
+const {
+  namespace: filtersNamespace,
+  restoreFilters,
+
+  subscribe,
+  flushSubscribers,
+} = useTableFilters(namespace);
+
+subscribe({
+  event: '*',
+  callback: onFilterEvent,
+});
+
+restoreFilters();
+
+onUnmounted(() => {
+  flushSubscribers();
+});
+
+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' },
+]);
+
+const { close } = useClose('configuration');
+
+function edit(item) {
+  return router.push({
+    name: `${CrmSections.SOURCES}-card`,
+    params: { id: item.id },
+  });
+}
+
+const {
+  showEmpty,
+  image: imageEmpty,
+  text: textEmpty,
+} = useTableEmpty({ dataList, filters, error, isLoading });
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/modules/configuration/modules/lookups/modules/sources/enums/TypesSources.enum.js b/src/modules/configuration/modules/lookups/modules/sources/enums/TypesSources.enum.js
new file mode 100644
index 00000000..20927759
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/sources/enums/TypesSources.enum.js
@@ -0,0 +1,10 @@
+const TypesSources = Object.freeze({
+  CALL: 'call',
+  CHAT: 'chat',
+  SOCIAL_MEDIA: 'social_media',
+  EMAIL: 'email',
+  API: 'api',
+  MANUAL: 'manual',
+});
+
+export default TypesSources;
diff --git a/src/modules/configuration/modules/lookups/modules/sources/modules/filters/store/filters.js b/src/modules/configuration/modules/lookups/modules/sources/modules/filters/store/filters.js
new file mode 100644
index 00000000..a5e65c90
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/sources/modules/filters/store/filters.js
@@ -0,0 +1,25 @@
+import FiltersStoreModule
+  from '@webitel/ui-sdk/src/modules/Filters/store/FiltersStoreModule';
+
+const filtersList = [
+  {
+    name: 'page',
+    value: 1,
+    defaultValue: 1,
+  },
+  {
+    name: 'size',
+    value: 10,
+    defaultValue: 10,
+  },
+  {
+    name: 'sort',
+  },
+  { name: 'search' },
+];
+
+const filters = new FiltersStoreModule()
+.addFilter(filtersList)
+.getModule();
+
+export default filters;
diff --git a/src/modules/configuration/modules/lookups/modules/sources/store/_internals/headers.js b/src/modules/configuration/modules/lookups/modules/sources/store/_internals/headers.js
new file mode 100644
index 00000000..b888b22b
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/sources/store/_internals/headers.js
@@ -0,0 +1,25 @@
+import { SortSymbols } from '@webitel/ui-sdk/src/scripts/sortQueryAdapters';
+
+export default [
+  {
+    value: 'name',
+    locale: 'reusable.name',
+    show: true,
+    field: 'name',
+    sort: SortSymbols.NONE,
+  },
+  {
+    value: 'type',
+    locale: 'vocabulary.type',
+    show: true,
+    field: 'type',
+    sort: SortSymbols.NONE,
+  },
+  {
+    value: 'description',
+    locale: 'vocabulary.description',
+    show: true,
+    field: 'description',
+    sort: SortSymbols.NONE,
+  },
+];
diff --git a/src/modules/configuration/modules/lookups/modules/sources/store/sources.js b/src/modules/configuration/modules/lookups/modules/sources/store/sources.js
new file mode 100644
index 00000000..790d650d
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/sources/store/sources.js
@@ -0,0 +1,49 @@
+import {
+  createApiStoreModule,
+  createBaseStoreModule,
+  createCardStoreModule,
+  createTableStoreModule,
+} from '@webitel/ui-sdk/store';
+import SourcesAPI from '../api/sources.js';
+import headers from './_internals/headers';
+import filters from '../modules/filters/store/filters';
+
+const resettableState = {
+  itemInstance: {
+    name: '',
+    description: '',
+    type: '',
+  },
+};
+
+const api = createApiStoreModule({
+  state: {
+    api: SourcesAPI,
+  },
+});
+
+const table = createTableStoreModule({
+  state: {
+    headers,
+  },
+  modules: {
+    filters,
+    api,
+  },
+});
+
+const card = createCardStoreModule({
+  state: { _resettable: resettableState },
+  modules: {
+    api,
+  },
+});
+
+const sources = createBaseStoreModule({
+  modules: {
+    table,
+    card,
+  },
+});
+
+export default sources;
diff --git a/src/modules/configuration/modules/lookups/store/lookups.js b/src/modules/configuration/modules/lookups/store/lookups.js
new file mode 100644
index 00000000..8aee8af3
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/store/lookups.js
@@ -0,0 +1,12 @@
+import { createBaseStoreModule } from '@webitel/ui-sdk/src/store/new/index.js';
+import slas from '../modules/slas/store/slas.js';
+import sources from '../modules/sources/store/sources.js';
+
+const lookups = createBaseStoreModule({
+  modules: {
+    slas,
+    sources,
+  },
+});
+
+export default lookups;
diff --git a/src/modules/configuration/store/configuration.js b/src/modules/configuration/store/configuration.js
new file mode 100644
index 00000000..6563ef84
--- /dev/null
+++ b/src/modules/configuration/store/configuration.js
@@ -0,0 +1,10 @@
+import { createBaseStoreModule } from '@webitel/ui-sdk/src/store/new/index.js';
+import lookups from '../modules/lookups/store/lookups.js';
+
+const configuration = createBaseStoreModule({
+  modules: {
+    lookups,
+  },
+});
+
+export default configuration;