diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index 518f8c8..ce89aab 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -2,8 +2,7 @@
   "recommendations": [
     "dbaeumer.vscode-eslint",
     "editorconfig.editorconfig",
-    "vue.volar",
-    "wayou.vscode-todo-highlight"
+    "vue.volar"
   ],
   "unwantedRecommendations": [
     "octref.vetur",
diff --git a/i18n-2.xlsm b/i18n-2.xlsm
index 8e5cbbb..246ef95 100644
Binary files a/i18n-2.xlsm and b/i18n-2.xlsm differ
diff --git a/src/components/admin/account-page/qtyChatCard.vue b/src/components/admin/account-page/qtyChatCard.vue
index 1c96b0d..9ff7891 100644
--- a/src/components/admin/account-page/qtyChatCard.vue
+++ b/src/components/admin/account-page/qtyChatCard.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="qty-card glossy text-white flex column items-center q-ma-xs"
+    class="qty-card glossy text-white flex column items-center"
     :style="{ backgroundColor: bgColor }"
     >
     <div class="qty-card-title q-pa-none text-caption col-grow">
diff --git a/src/components/admin/accountHelper.vue b/src/components/admin/accountHelper.vue
index 36e63da..5bde9b2 100644
--- a/src/components/admin/accountHelper.vue
+++ b/src/components/admin/accountHelper.vue
@@ -81,7 +81,6 @@
   const password = ref<string>('')
 
   async function goProjects() {
-    console.log('go to projects')
     await router.push({ name: 'projects' })
   }
 </script>
diff --git a/src/components/admin/project-page/ProjectPageChats.vue b/src/components/admin/project-page/ProjectPageChats.vue
index e3eb95d..181e3d2 100644
--- a/src/components/admin/project-page/ProjectPageChats.vue
+++ b/src/components/admin/project-page/ProjectPageChats.vue
@@ -64,49 +64,59 @@
       </q-list>
 
     </pn-scroll-list>
-    <q-page-sticky
+
+
+  </div>
+
+  <q-page-sticky
+      :style="{ zIndex: !showOverlay ? 'inherit' : '5100 !important' }"
       position="bottom-right"
       :offset="[18, 18]"
-      :style="{ zIndex: !showOverlay ? 'inherit' : '5100 !important' }"
       >
+      <transition
+        appear
+        enter-active-class="animated slideInUp"
+        >
         <q-fab
-          v-if="showFab"
-          icon="add"
-          color="brand"
-          direction="up"
-          vertical-actions-align="right"
-          @click="showOverlay = !showOverlay"
-          >
-          <q-fab-action
-            v-for="item in fabMenu"
-            :key="item.id"
-            square
-            clickable
-            v-ripple
-            class="bg-white change-fab-action"
+            v-if="fixShowFab"
+            icon="add"
+            color="brand"
+            direction="up"
+            vertical-actions-align="right"
+            @click="showOverlay = !showOverlay"
             >
-            <template #icon>
-              <q-item class="q-pa-xs w100">
-                <q-item-section avatar class="items-center">
-                  <q-avatar color="brand" rounded text-color="white" :icon="item.icon" />
-                </q-item-section>
+            <q-fab-action
+              v-for="item in fabMenu"
+              :key="item.id"
+              square
+              clickable
+              v-ripple
+              class="bg-white change-fab-action"
+              >
+              <template #icon>
+                <q-item class="q-pa-xs w100">
+                  <q-item-section avatar class="items-center">
+                    <q-avatar color="brand" rounded text-color="white" :icon="item.icon" />
+                  </q-item-section>
 
-                <q-item-section class="items-start">
-                    <q-item-label class="fab-action-item">
-                      {{ $t(item.name) }}
-                    </q-item-label>
-                    <q-item-label caption class="fab-action-item">
-                      {{ $t(item.description) }}
-                    </q-item-label>
+                  <q-item-section class="items-start">
+                      <q-item-label class="fab-action-item">
+                        {{ $t(item.name) }}
+                      </q-item-label>
+                      <q-item-label caption class="fab-action-item">
+                        {{ $t(item.description) }}
+                      </q-item-label>
 
-                </q-item-section>
-              </q-item>
-            </template>
-          </q-fab-action>
+                  </q-item-section>
+                </q-item>
+              </template>
+            </q-fab-action>
+      
         </q-fab>
+      </transition>
     </q-page-sticky>
+
     <pn-overlay  v-if="showOverlay"/>
-  </div>
   <q-dialog v-model="showDialogDeleteChat" @before-hide="onDialogBeforeHide()">
     <q-card class="q-pa-none q-ma-none">
       <q-card-section align="center">
@@ -138,9 +148,13 @@
 </template>
 
 <script setup lang="ts">
-  import { ref, computed, onMounted, onUnmounted } from 'vue'
+  import { ref, computed, watch } from 'vue'
   import { useChatsStore } from 'stores/chats'
 
+  const props = defineProps<{
+    showFab: boolean
+  }>()
+
   const search = ref('')
   const showOverlay = ref<boolean>(false)
   const chatsStore = useChatsStore()
@@ -200,15 +214,17 @@
     currentSlideEvent.value = null
   }
 
-  const showFab = ref(false)
+  // fix fab jumping
+  const fixShowFab = ref(true)
+  const showFabFixTrue = () => fixShowFab.value = true
 
-  onMounted(() => {
-    setTimeout(() => showFab.value = true, 500) 
-  })
-
-  onUnmounted(() => {
-    showFab.value = false
-  })
+  watch(() => props.showFab, (newVal) => {
+    const timerId = setTimeout(showFabFixTrue, 700)
+    if (newVal === false) {
+      clearTimeout(timerId)
+      fixShowFab.value = false
+    }
+  }, {immediate: true})
 </script>
 
 <style scoped>
@@ -231,4 +247,10 @@
     align-self: center;
     height: 98%;
   }
+
+  .fix-fab {
+    top: calc(100vh - 92px);
+    left: calc(100vw - 92px);
+    padding: 18px;
+  }
 </style>
diff --git a/src/components/admin/project-page/ProjectPageCompanies.vue b/src/components/admin/project-page/ProjectPageCompanies.vue
index aa19888..e254b3c 100644
--- a/src/components/admin/project-page/ProjectPageCompanies.vue
+++ b/src/components/admin/project-page/ProjectPageCompanies.vue
@@ -58,13 +58,18 @@
       position="bottom-right"
       :offset="[18, 18]"
       >
+      <transition
+        appear
+        enter-active-class="animated slideInUp"
+        >
         <q-btn
+          v-if="fixShowFab"
           fab 
           icon="add"
           color="brand"
           @click="createCompany()"
-          v-if="showFab"
         />
+      </transition>
     </q-page-sticky>
   </div>
   <q-dialog v-model="showDialogDeleteCompany" @before-hide="onDialogBeforeHide()">
@@ -98,11 +103,15 @@
 </template>
     
 <script setup lang="ts">
-  import { ref, computed, onMounted, onUnmounted } from 'vue'
+  import { ref, computed, watch } from 'vue'
   import { useRouter, useRoute  } from 'vue-router'
   import { useCompaniesStore } from 'stores/companies'
   import { parseIntString } from 'boot/helpers'
 
+  const props = defineProps<{
+    showFab: boolean
+  }>()
+  
   const router = useRouter()
   const route = useRoute()
   const companiesStore = useCompaniesStore()
@@ -159,15 +168,17 @@
     currentSlideEvent.value = null
   }
 
-  const showFab = ref(false)
+  // fix fab jumping
+  const fixShowFab = ref(false)
+  const showFabFixTrue = () => fixShowFab.value = true
 
-  onMounted(() => {
-    setTimeout(() => showFab.value = true, 500) 
-  })
-
-  onUnmounted(() => {
-    showFab.value = false
-  })
+  watch(() => props.showFab, (newVal) => {
+    const timerId = setTimeout(showFabFixTrue, 500)
+    if (newVal === false) {
+      clearTimeout(timerId)
+      fixShowFab.value = false
+    }
+  }, {immediate: true})
 
 </script>
 
diff --git a/src/components/admin/project-page/ProjectPagePersons.vue b/src/components/admin/project-page/ProjectPagePersons.vue
index 832af81..f29da04 100644
--- a/src/components/admin/project-page/ProjectPagePersons.vue
+++ b/src/components/admin/project-page/ProjectPagePersons.vue
@@ -53,6 +53,7 @@
 <script setup lang="ts">
   import { ref, computed } from 'vue'
   import { useRouter } from 'vue-router'
+  defineOptions({ inheritAttrs: false })
 
   const router = useRouter()
   const search = ref('')
diff --git a/src/i18n/en-US/index.ts b/src/i18n/en-US/index.ts
index fda8ff3..40f68b3 100644
--- a/src/i18n/en-US/index.ts
+++ b/src/i18n/en-US/index.ts
@@ -1 +1 @@
-export default  { EN: 'EN',  RU: 'RU',  continue: 'Continue',  back: 'Back',  month: 'month',  months: 'months',  slogan: 'Work together - it\'s magic!',  login__email: 'E-mail',  login__password: 'Password',  login__forgot_password: 'Forgot Password?',  login__sign_in: 'Log in',  login__incorrect_login_data: 'User data not found. Edit your auth details before continuing',  login__or_continue_as: 'or continue as',  login__terms_of_use: 'Terms of use',  login__accept_terms_of_use: 'I accept the',  login__register: 'Create account',  login__registration_message_error: 'Error',  login__licensing_agreement: 'Licensing agreement',  login__have_account: 'Already have an accont?',  user__logout: 'Logout',  projects__projects: 'Projects',  projects__show_archive: 'Show archive',  projects__hide_archive: 'Hide archive',  projects__restore_archive_warning: 'Attention!',  projects__restore_archive_warning_message: 'To restore a project from an archive, you must manually attach chats to it.',  project__chats: 'Chats',  project__persons: 'Persons',  project__companies: 'Companies',  project__edit: 'Edit',  project__backup: 'Backup',  project__archive: 'Archive',  project__archive_warning: 'Are you sure?',  project__archive_warning_message: 'Chat tracking in the project will be disabled after moving to the archive.',  project__delete: 'Delete',  project__delete_warning: 'Warning!',  project__delete_warning_message: 'All project data will be removed. This action cannot be undone.',  project_chats__search: 'Search',  project_chats__send_chat: 'Request for attach chat',  project_chats__send_chat_description: 'Provide instructions to the chat admin',  project_chats__attach_chat: 'Attach chat',  project_chats__attach_chat_description: 'Requires chat administrator privileges',  project_chat__delete_warning: 'Warning!',  project_chat__delete_warning_message: 'Chat tracking will be discontinued. If necessary, the cat can be attached again.',  project_card__project_card: 'Project card',  project_card__add_project: 'Add project',  project_card__project_name: 'Name',  project_card__project_description: 'Description',  project_card__btn_accept: 'Accept',  project_card__btn_back: 'Back',  project_card__image_use_as_background_chats: 'logo as background for chats',  project_card__error_name: 'Field is required',  forgot_password__password_recovery: 'Password recovery',  account_helper__enter_email: 'Enter account e-mail',  account_helper__email: 'E-mail',  account_helper__confirm_email: 'Confirm e-mail',  account_helper__confirm_email_message: 'Enter the Code from e-mail to continue recover your password. If you haven\'t received an e-mail with the Code, check the Spam folder.',  account_helper__code: 'Code',  account_helper__code_error: 'Incorrect code. Ensure your e-mail is correct and try again.',  account_helper__set_password: 'Set password',  account_helper__password: 'Password',  account_helper__finish: 'Finish',  account_helper__finish_after_message: 'Done!',  account__user_settings: 'User settings',  account__your_company: 'Your company',  account__change_auth: 'Change authorization method',  account__change_auth_message_1: 'In case of corporate use, it is recommended to log in with a username and password.',  account__change_auth_message_2: 'After creating a user, all data from the Telegram account will be transferred to the new account.',  account__change_auth_btn: 'Create system account',  account__change_auth_warning: 'WARNING!',  account__change_auth_warning_message: 'Reverse data transfer is not possible.',  account__chats: 'Chats',  account__chats_active: 'Active',  account__chats_archive: 'Archive',  account__chats_free: 'Free',  account__chats_total: 'Total',  account__subscribe: 'Subscribe',  account__subscribe_info: 'With a subscription, you can attach more chats. Archived chats are not counted.',  account__subscribe_current_balance: 'Current balance',  account__subscribe_about: 'about',  account__subscribe_select_payment_1: 'You can pay for your subscription using ',  account__subscribe_select_payment_2: 'Telegram stars',  company__mask: 'Company cloacking',  mask__title_table: 'Ignore cloaking',  mask__title_table2: '(exclusion list)',  mask__help_title: 'Cloacking',  mask__help_message: 'It is possible to cloacking a company by representing its personnel as your own to companies other than those on the exclusion list.',  company_info__title_card: 'Company card',  company_info__name: 'Name',  company_info__description: 'Description',  company_info__persons: 'Persons',  company_create__title_card: 'Add company',  project_persons__search: 'Search',  person_card__title: 'Person card',  person_card__name: 'Name',  person_card__company: 'Company name',  person_card__department: 'Department',  person_card__role: 'Role',  settings__title: 'Settings',  settings__language: 'Language',  settings__font_size: 'Font size',  terms__title: 'Terms of use' }
\ No newline at end of file
+export default  { EN: 'EN',  RU: 'RU',  continue: 'Continue',  back: 'Back',  month: 'month',  months: 'months',  slogan: 'Work together - it\'s magic!',  under_construction: 'Under construction.',  login__email: 'E-mail',  login__password: 'Password',  login__forgot_password: 'Forgot Password?',  login__sign_in: 'Log in',  login__incorrect_login_data: 'User data not found. Edit your auth details before continuing',  login__or_continue_as: 'or continue as',  login__terms_of_use: 'Terms of use',  login__accept_terms_of_use: 'I accept the',  login__register: 'Create account',  login__registration_message_error: 'Error',  login__licensing_agreement: 'Licensing agreement',  login__have_account: 'Already have an accont?',  user__logout: 'Logout',  projects__projects: 'Projects',  projects__show_archive: 'Show archive',  projects__hide_archive: 'Hide archive',  projects__restore_archive_warning: 'Attention!',  projects__restore_archive_warning_message: 'To restore a project from an archive, you must manually attach chats to it.',  project__chats: 'Chats',  project__persons: 'Persons',  project__companies: 'Companies',  project__edit: 'Edit',  project__backup: 'Backup',  project__archive: 'Archive',  project__archive_warning: 'Are you sure?',  project__archive_warning_message: 'Chat tracking in the project will be disabled after moving to the archive.',  project__delete: 'Delete',  project__delete_warning: 'Warning!',  project__delete_warning_message: 'All project data will be removed. This action cannot be undone.',  project_chats__search: 'Search',  project_chats__send_chat: 'Request for attach chat',  project_chats__send_chat_description: 'Provide instructions to the chat admin',  project_chats__attach_chat: 'Attach chat',  project_chats__attach_chat_description: 'Requires chat administrator privileges',  project_chat__delete_warning: 'Warning!',  project_chat__delete_warning_message: 'Chat tracking will be discontinued. If necessary, the cat can be attached again.',  project_card__project_card: 'Project card',  project_card__add_project: 'Add project',  project_card__project_name: 'Name',  project_card__project_description: 'Description',  project_card__btn_accept: 'Accept',  project_card__btn_back: 'Back',  project_card__image_use_as_background_chats: 'logo as background for chats',  project_card__error_name: 'Field is required',  forgot_password__password_recovery: 'Password recovery',  account_helper__enter_email: 'Enter account e-mail',  account_helper__email: 'E-mail',  account_helper__confirm_email: 'Confirm e-mail',  account_helper__confirm_email_message: 'Enter the Code from e-mail to continue recover your password. If you haven\'t received an e-mail with the Code, check the Spam folder.',  account_helper__code: 'Code',  account_helper__code_error: 'Incorrect code. Ensure your e-mail is correct and try again.',  account_helper__set_password: 'Set password',  account_helper__password: 'Password',  account_helper__finish: 'Finish',  account_helper__finish_after_message: 'Done!',  account__user_settings: 'User settings',  account__your_company: 'Your company',  account__change_auth_message_2: 'After creating a user, all data from the Telegram account will be transferred to the new account.',  account__change_auth_btn: 'Create system account',  account__change_auth_warning: 'WARNING!',  account__change_auth_warning_message: 'Reverse data transfer is not possible.',  account__chats: 'Chats',  account__chats_active: 'Active',  account__chats_unbound: 'Unbound',  account__chats_free: 'Free',  account__chats_total: 'Total',  account__subscribe: 'Subscribe',  account__subscribe_description: 'With a subscription, you can attach more active chats.',  account__auth_change_method: 'Change authorization method',  account__auth_change_method_description: 'In case of corporate use, it is recommended to log in with a username and password.',  account__auth_change_password: 'Change account password',  account__auth_change_password_description: 'Access to the email address used for system login is required.',  account__auth_change_account: 'Change account e-mail',  account__auth_change_account_description: 'Access to both the current and new email addresses used for system authentication is required.',  account__company_data: 'Your company data',  account__company_data_description: 'Projects will automatically include this data.',  account__manual: 'Manual',  account__manual_description: 'Go to our Telegram channel with video tutorials.',  account__support: 'Support',  account__support_description: 'Need help? Contact us!',  account__terms_of_use: 'Terms of use',  account__privacy: 'Privacy and Cookie Policy',  company__mask: 'Company cloacking',  mask__title_table: 'Excluded',  mask__help_title: 'Cloacking',  mask__help_message: 'It is possible to cloacking a company by representing its personnel as your own to companies other than those on the exclusion list.',  company_info__title_card: 'Company card',  company_info__name: 'Name',  company_info__description: 'Description',  company_info__persons: 'Persons',  company_create__title_card: 'Add company',  project_persons__search: 'Search',  person_card__title: 'Person card',  person_card__name: 'Name',  person_card__company: 'Company name',  person_card__department: 'Department',  person_card__role: 'Role',  settings__title: 'Settings',  settings__language: 'Language',  settings__font_size: 'Font size',  terms__title: 'Terms of use',  subscribe__title: 'Subscribe',  subscribe__current_balance: 'Current balance',  subscribe__token_formula: '1 = 1 day of access to 1 chat',  subscribe__token_formula_description: 'unbound and free chats are not counted',  subscribe__info: 'With a subscription, you can attach more chats. Archived chats are not counted.',  subscribe__about: 'about',  subscribe__select_payment_1: 'You can pay for your subscription using ',  subscribe__select_payment_2: 'Telegram stars',  subscribe__select_option_1: 'Telegram stars',  subscribe__select_option_2: 'Telegram stars',  subscribe__select_option_3: 'Telegram stars',  subscribe__select_option_user: 'Telegram stars' }
\ No newline at end of file
diff --git a/src/i18n/ru-RU/index.ts b/src/i18n/ru-RU/index.ts
index 2cdfa48..e3dd6da 100644
--- a/src/i18n/ru-RU/index.ts
+++ b/src/i18n/ru-RU/index.ts
@@ -1 +1 @@
-export default  { EN: 'EN',  RU: 'RU',  continue: 'Продолжить',  back: 'Назад',  month: 'мес.',  months: 'мес.',  slogan: 'Работайте вместе - это волшебство!',  login__email: 'Электронная почта',  login__password: 'Пароль',  login__forgot_password: 'Забыли пароль?',  login__sign_in: 'Войти',  login__incorrect_login_data: 'Пользователь с такими данными не найден. Отредактируйте введенные данные',  login__or_continue_as: 'или продолжить',  login__terms_of_use: 'Пользовательское соглашение',  login__accept_terms_of_use: 'Я принимаю',  login__register: 'Зарегестрироваться',  login__registration_message_error: 'Ошибка',  login__licensing_agreement: 'Договор о лицензировании',  login__have_account: 'Есть учетная запись',  user__logout: 'Выход',  projects__projects: 'Проекты',  projects__show_archive: 'Показать архив',  projects__hide_archive: 'Скрыть архив',  projects__restore_archive_warning: 'Внимание!',  projects__restore_archive_warning_message: 'При восстановлении проекта из архива - присоединение чатов к проекту требуется осуществлять вручную.',  project__chats: 'Чаты',  project__persons: 'Люди',  project__companies: 'Компании',  project__edit: 'Редактировать',  project__backup: 'Резервная копия',  project__archive: 'В архив',  project__archive_warning: 'Вы уверены?',  project__archive_warning_message: 'После перемещения проекта в архив отслеживание чатов будет отключено.',  project__delete: 'Удалить',  project__delete_warning: 'Внимание!',  project__delete_warning_message: 'Все данные проекта будут безвозвратно удалены.',  project_chats__search: 'Поиск',  project_chats__send_chat: 'Запрос на добавление чата',  project_chats__send_chat_description: 'Отправить инструкцию администратору чата',  project_chats__attach_chat: 'Добавить чат',  project_chats__attach_chat_description: 'Необходимы права администратора чата',  project_chat__delete_warning: 'Внимание!',  project_chat__delete_warning_message: 'Отслеживание чата будет прекращено. При необходимости чат можно будет подключить снова.',  project_card__project_card: 'Карточка компании',  project_card__add_project: 'Новый проект',  project_card__project_name: 'Название',  project_card__project_description: 'Описание',  project_card__btn_accept: 'Подтвердить',  project_card__btn_back: 'Назад',  project_card__image_use_as_background_chats: 'логотип в качестве фона для чатов',  project_card__error_name: 'Поле обязательно к заполнению',  forgot_password__password_recovery: 'Восстановление пароля',  account_helper__enter_email: 'Введите электронную почту',  account_helper__email: 'Электронная почта',  account_helper__confirm_email: 'Подтверждение электронной почты',  account_helper__confirm_email_message: 'Введите код из письма для продолжения восстановления пароля. Если не получили письмо с кодом - проверьте папку Спам',  account_helper__code: 'Код',  account_helper__code_error: 'Был введен неверный код. Проверьте адрес электронной почты и повторите попытку.',  account_helper__set_password: 'Установка пароля',  account_helper__password: 'Пароль',  account_helper__finish: 'Отправить',  account_helper__finish_after_message: 'Готово!',  account__user_settings: 'Пользовательские настройки',  account__your_company: 'Ваша компания',  account__change_auth: 'Сменить способ авторизации',  account__change_auth_message_1: 'В случае корпоративного использования рекомендуется входить в систему,  указав логин и пароль.',  account__change_auth_message_2: 'После создания пользователя все данные с учетной записи Telegram будут перенесены на новую учетную запись.',  account__change_auth_btn: 'Создать пользователя',  account__change_auth_warning: 'ВНИМАНИЕ!',  account__change_auth_warning_message: 'Обратный перенос данных не возможен.',  account__chats: 'Чаты',  account__chats_active: 'Активные',  account__chats_archive: 'Архивные',  account__chats_free: 'Бесплатные',  account__chats_total: 'Всего',  account__subscribe: 'Подписка',  account__subscribe_info: 'С помощью подписки можно подключить к бесплатным групповым чатам дополнительные.  Архивные чаты не учитываются. ',  account__subscribe_current_balance: 'Текущий баланс',  account__subscribe_about: 'около',  account__subscribe_select_payment_1: 'Вы можете оплатить подписку с помощью',  account__subscribe_select_payment_2: 'Telegram stars',  company__mask: 'Маскировка компаний',  mask__title_table: 'Игнорирование маскировки',  mask__title_table2: '(перечень исключений)',  mask__help_title: 'Маскировка',  mask__help_message: 'Возможно замаскировать компанию,  представляя ее персонал как собственный для других компаний, кроме тех что есть в перечне исключений.  ',  company_info__title_card: 'Карточка компании',  company_info__name: 'Название',  company_info__description: 'Описание',  company_info__persons: 'Сотрудники',  company_create__title_card: 'Добавление компании',  project_persons__search: 'Поиск',  person_card__title: 'Карточка сотрудника',  person_card__name: 'ФИО',  person_card__company: 'Название компании',  person_card__department: 'Подразделение',  person_card__role: 'Функционал (должность)',  settings__title: 'Настройки',  settings__language: 'Язык',  settings__font_size: 'Размер шрифта',  terms__title: 'Пользовательское соглашение' }
\ No newline at end of file
+export default  { EN: 'EN',  RU: 'RU',  continue: 'Продолжить',  back: 'Назад',  month: 'мес.',  months: 'мес.',  slogan: 'Работайте вместе - это волшебство!',  under_construction: 'В разработке.',  login__email: 'Электронная почта',  login__password: 'Пароль',  login__forgot_password: 'Забыли пароль?',  login__sign_in: 'Войти',  login__incorrect_login_data: 'Пользователь с такими данными не найден. Отредактируйте введенные данные',  login__or_continue_as: 'или продолжить',  login__terms_of_use: 'Пользовательское соглашение',  login__accept_terms_of_use: 'Я принимаю',  login__register: 'Зарегестрироваться',  login__registration_message_error: 'Ошибка',  login__licensing_agreement: 'Договор о лицензировании',  login__have_account: 'Есть учетная запись',  user__logout: 'Выход',  projects__projects: 'Проекты',  projects__show_archive: 'Показать архив',  projects__hide_archive: 'Скрыть архив',  projects__restore_archive_warning: 'Внимание!',  projects__restore_archive_warning_message: 'При восстановлении проекта из архива - присоединение чатов к проекту требуется осуществлять вручную.',  project__chats: 'Чаты',  project__persons: 'Люди',  project__companies: 'Компании',  project__edit: 'Редактировать',  project__backup: 'Резервная копия',  project__archive: 'В архив',  project__archive_warning: 'Вы уверены?',  project__archive_warning_message: 'После перемещения проекта в архив отслеживание чатов будет отключено.',  project__delete: 'Удалить',  project__delete_warning: 'Внимание!',  project__delete_warning_message: 'Все данные проекта будут безвозвратно удалены.',  project_chats__search: 'Поиск',  project_chats__send_chat: 'Запрос на добавление чата',  project_chats__send_chat_description: 'Отправить инструкцию администратору чата',  project_chats__attach_chat: 'Добавить чат',  project_chats__attach_chat_description: 'Необходимы права администратора чата',  project_chat__delete_warning: 'Внимание!',  project_chat__delete_warning_message: 'Отслеживание чата будет прекращено. При необходимости чат можно будет подключить снова.',  project_card__project_card: 'Карточка компании',  project_card__add_project: 'Новый проект',  project_card__project_name: 'Название',  project_card__project_description: 'Описание',  project_card__btn_accept: 'Подтвердить',  project_card__btn_back: 'Назад',  project_card__image_use_as_background_chats: 'логотип в качестве фона для чатов',  project_card__error_name: 'Поле обязательно к заполнению',  forgot_password__password_recovery: 'Восстановление пароля',  account_helper__enter_email: 'Введите электронную почту',  account_helper__email: 'Электронная почта',  account_helper__confirm_email: 'Подтверждение электронной почты',  account_helper__confirm_email_message: 'Введите код из письма для продолжения восстановления пароля. Если не получили письмо с кодом - проверьте папку Спам',  account_helper__code: 'Код',  account_helper__code_error: 'Был введен неверный код. Проверьте адрес электронной почты и повторите попытку.',  account_helper__set_password: 'Установка пароля',  account_helper__password: 'Пароль',  account_helper__finish: 'Отправить',  account_helper__finish_after_message: 'Готово!',  account__user_settings: 'Пользовательские настройки',  account__your_company: 'Ваша компания',  account__change_auth_message_2: 'После создания пользователя все данные с учетной записи Telegram будут перенесены на новую учетную запись.',  account__change_auth_btn: 'Создать пользователя',  account__change_auth_warning: 'ВНИМАНИЕ!',  account__change_auth_warning_message: 'Обратный перенос данных не возможен.',  account__chats: 'Чаты',  account__chats_active: 'Активные',  account__chats_unbound: 'Открепленные',  account__chats_free: 'Бесплатные',  account__chats_total: 'Всего',  account__subscribe: 'Подписка',  account__subscribe_description: 'С помощью подписки можно подключить дополнительные чаты.',  account__auth_change_method: 'Сменить способ авторизации',  account__auth_change_method_description: 'В случае корпоративного использования рекомендуется входить в систему,  указав логин и пароль.',  account__auth_change_password: 'Изменить пользовательский пароль',  account__auth_change_password_description: 'Необходим доступ к электронной почте, используемой для входа в систему.',  account__auth_change_account: 'Сменить электронную почту учетной записи',  account__auth_change_account_description: 'Необходим доступ к текущей и новой электронной почте, используемым для входа в систему.',  account__company_data: 'Данные вашей компании',  account__company_data_description: 'Эти данные будут автоматически подгружаться в проекты. ',  account__manual: 'Инструкции',  account__manual_description: 'Перейдите в наш Telegram-канал с обучающими видеороликами.',  account__support: 'Поддержка',  account__support_description: 'Есть вопросы - напишите нам!',  account__terms_of_use: 'Пользовательское соглашение',  account__privacy: 'Политика конфидециальности',  company__mask: 'Маскировка компаний',  mask__title_table: 'Исключения',  mask__help_title: 'Маскировка',  mask__help_message: 'Возможно замаскировать компанию,  представляя ее персонал как собственный для других компаний, кроме тех, что есть в перечне исключений.  ',  company_info__title_card: 'Карточка компании',  company_info__name: 'Название',  company_info__description: 'Описание',  company_info__persons: 'Сотрудники',  company_create__title_card: 'Добавление компании',  project_persons__search: 'Поиск',  person_card__title: 'Карточка сотрудника',  person_card__name: 'ФИО',  person_card__company: 'Название компании',  person_card__department: 'Подразделение',  person_card__role: 'Функционал (должность)',  settings__title: 'Настройки',  settings__language: 'Язык',  settings__font_size: 'Размер шрифта',  terms__title: 'Пользовательское соглашение',  subscribe__title: 'Подписка',  subscribe__current_balance: 'Текущий баланс',  subscribe__token_formula: '1 = 1 день подключения к 1 чату',  subscribe__token_formula_description: 'отвязанные и бесплатные чаты не учитываются',  subscribe__info: 'С помощью подписки можно подключить к бесплатным групповым чатам дополнительные.  Архивные чаты не учитываются. ',  subscribe__about: 'около',  subscribe__select_payment_1: 'Вы можете оплатить подписку с помощью',  subscribe__select_payment_2: 'Telegram stars',  subscribe__select_option_1: 'Telegram stars',  subscribe__select_option_2: 'Telegram stars',  subscribe__select_option_3: 'Telegram stars',  subscribe__select_option_user: 'Telegram stars' }
\ No newline at end of file
diff --git a/src/pages/AccountChangeEmailPage.vue b/src/pages/AccountChangeEmailPage.vue
new file mode 100644
index 0000000..73d4a21
--- /dev/null
+++ b/src/pages/AccountChangeEmailPage.vue
@@ -0,0 +1,17 @@
+<template>
+  <pn-page-card>
+    <template #title>
+      <div class="col-grow">
+        {{$t('account__change_password')}}
+      </div>
+    </template>
+    <pn-scroll-list>
+      <account-helper :type />
+    </pn-scroll-list>
+  </pn-page-card>
+</template>
+
+<script setup lang="ts">
+  import accountHelper from 'components/admin/accountHelper.vue'
+  const type = 'change'
+</script>
diff --git a/src/pages/AccountChangePasswordPage.vue b/src/pages/AccountChangePasswordPage.vue
new file mode 100644
index 0000000..73d4a21
--- /dev/null
+++ b/src/pages/AccountChangePasswordPage.vue
@@ -0,0 +1,17 @@
+<template>
+  <pn-page-card>
+    <template #title>
+      <div class="col-grow">
+        {{$t('account__change_password')}}
+      </div>
+    </template>
+    <pn-scroll-list>
+      <account-helper :type />
+    </pn-scroll-list>
+  </pn-page-card>
+</template>
+
+<script setup lang="ts">
+  import accountHelper from 'components/admin/accountHelper.vue'
+  const type = 'change'
+</script>
diff --git a/src/pages/CreateAccountPage.vue b/src/pages/AccountCreatePage.vue
similarity index 100%
rename from src/pages/CreateAccountPage.vue
rename to src/pages/AccountCreatePage.vue
diff --git a/src/pages/ForgotPasswordPage.vue b/src/pages/AccountForgotPasswordPage.vue
similarity index 100%
rename from src/pages/ForgotPasswordPage.vue
rename to src/pages/AccountForgotPasswordPage.vue
diff --git a/src/pages/AccountPage.vue b/src/pages/AccountPage.vue
index 1edc152..2b0f59c 100644
--- a/src/pages/AccountPage.vue
+++ b/src/pages/AccountPage.vue
@@ -19,258 +19,70 @@
             </span>
           </div>
         </div>
+        <q-btn flat icon="mdi-logout"/>
       </div>
     </template>
 
     <pn-scroll-list>
-      <div class="w100 flex column items-center q-pb-md q-pt-sm q-px-md" >
-        <div class="flex w100 justify-between items-center q-pl-sm">
-          <div class="text-caption text-bold">
-            {{ $t('account__user_settings') }}</div>
-          <q-btn
-            @click = "goProjects()"
-            flat round
-            color="primary"
-            icon="mdi-check"
-          />
-        </div>
-        <q-transition-group
-          tag="div"
-          class="flex w100 company-container"
-          enter-active-class="animate__animated animate__fadeIn"
-          leave-active-class="animate__animated animate__fadeOut"
-          appear
+      <q-list separator>
+        <q-item
+          v-for="item in items"
+          :key="item.id"
+          @click="goTo(item.pathName)"
+          clickable
+          v-ripple
           >
-          <template v-if="company">
-            <pn-image-selector
-              key="image"
-              class="q-mr-sm company-logo"
-              :size="40"
-              :iconsize="40"
-            />
-          </template>
-
-          <q-input
-            key="input"
-            v-model="company"
-            dense
-            filled
-            class="q-mb-md col-grow company-input"
-            :label="$t('account__your_company')"
-            :style="{ marginLeft: !company ? '0' : '48px', transition: 'all 0.3s' }"
-          />
-        </q-transition-group>
-        <q-expansion-item
-          dense
-          id="warning"
-          class="q-mt-sm w100 q-pa-sm"
-          style="border: solid 1px var(--q-warning)"
-          >
-          <template #header>
-            <q-item-section>
-              <div class="flex row w100 items-center">
-                <q-icon name="mdi-alert-decagram-outline" color="warning " size="sm" />
-                <span class="q-pl-xs">{{$t('account__change_auth')}}</span>
-              </div>
+            <q-item-section avatar>
+              <q-avatar
+                :icon="item.icon"
+                :color="item.iconColor ? item.iconColor: 'brand'"
+                text-color="white"
+                rounded
+                font-size ="26px"
+              />
             </q-item-section>
-          </template>
-          <q-card class="q-pa-none">
-            <q-card-section class="q-pa-sm">
-              <div class="flex justify-center column">
-                <span>{{$t('account__change_auth_message_1')}}</span>
-                <span>{{$t('account__change_auth_message_2')}}</span>
-                <div class="flex justify-end">
-                  <q-btn
-                    @click="showChangeAuthDialog = true"
-                    flat
-                    color="primary"
-                    no-caps
-                    class="q-pb-none"
-                    >
-                    {{$t('account__change_auth_btn')}} &#9658;
-                  </q-btn>
-                </div>
-              </div>
-            </q-card-section>
-          </q-card>
-        </q-expansion-item>
-
-        <div id="qty_chats" class="flex column q-pt-lg w100 q-pl-sm">
-          <div class="text-caption text-bold flex items-center">
-            <span>{{ $t('account__chats') }}</span>
-          </div>
-          <div class="flex row justify-between">
-            <qty-chat-card
-              v-for = "chat in chats"
-              :key = chat.title
-              :qty = chat.qty
-              :bgColor = chat.color
-              :title = chat.title
-            />
-          </div>
-        </div>
-
-        <div id="subscribe" class="flex column q-pt-lg w100 q-pl-sm">
-          <div class="text-caption text-bold">
-            {{ $t('account__subscribe') }}
-          </div>
-
-            <q-item class="q-pa-sm text-caption">
-              <q-item-section
-                avatar
-                class="q-pr-none"
-                :style="{ minWidth: 'inherit !important' }"
-                >
-                <q-icon name = "mdi-crown-circle-outline" color="orange" size="md"/>
-              </q-item-section>
-              <q-item-section class="q-pl-sm">
-                <span>{{ $t('account__subscribe_info') }}</span>
-                <span>{{ $t('account__subscribe_select_payment_1') }}</span>
-              <q-icon name = "mdi-star" class="text-orange" size="sm"/>
-              <span>{{ $t('account__subscribe_select_payment_2') }}</span>
-              </q-item-section>
-            </q-item>
-          
-          <div class="flex w100 justify-between items-center no-wrap q-pt-sm">
-            <div class="flex column">
-              <div>
-                {{ $t('account__subscribe_current_balance') }}
-              </div>
-            </div>
-
-            <div class="flex items-center">
-              <q-icon name = "mdi-crown-circle-outline" color="orange" size="sm"/>
-              <div class="text-bold q-pa-xs text-h6">
-                50
-              </div>
-              
-            </div>
-          </div>
-      
-          <div id="payment-selector">
-            <div class="q-py-sm">
-              
-            </div>
-            <q-list>
-              <q-item
-              v-for="item in payment"
-              :key="item.id"
-              >
-                <q-radio
-                v-model="paymentSelect"
-                :val="item.stars"
-                dense
-                >
-                  <option-payment
-                    :qty="item.qty"
-                    :stars="item.stars"
-                    :discount="item.discount"
-                  />
-                </q-radio>
-              </q-item>
-            </q-list>
-
-          </div>
-        </div>
-      </div>
+            <q-item-section>
+              <q-item-label>
+                {{ $t(item.name) }}
+              </q-item-label>
+              <q-item-label class="text-caption">
+                {{ $t(item.description) }}
+              </q-item-label>
+            </q-item-section>
+        </q-item>
+      </q-list>
     </pn-scroll-list>
-
-    <q-dialog v-model="showChangeAuthDialog">
-      <q-card>
-        <q-card-section align="center">
-          <div class="text-h6 text-negative ">{{ $t('account__change_auth_warning') }}</div>
-        </q-card-section>
-
-        <q-card-section class="q-pt-none" align="center">
-          {{ $t('account__change_auth_warning_message') }}
-        </q-card-section>
-
-        <q-card-actions align="center">
-          <q-btn
-            flat
-            :label="$t('back')"
-            color="primary"
-            v-close-popup
-          />
-          <q-btn
-            flat
-            :label="$t('continue')"
-            color="primary"
-            v-close-popup
-            @click="change_auth()"
-          />
-        </q-card-actions>
-      </q-card>
-    </q-dialog>
   </pn-page-card>
 </template>
 
 <script setup lang="ts">
-  import { ref, inject } from 'vue'
-  import qtyChatCard from 'components/admin/account-page/qtyChatCard.vue'
-  import optionPayment from 'components/admin/account-page/optionPayment.vue'
+  import { inject, computed } from 'vue'
   import { useRouter } from 'vue-router'
-  import { useAuthStore } from 'stores/auth'
+  // import { useAuthStore } from 'stores/auth'
   import type { WebApp } from '@twa-dev/types'
 
   const router = useRouter()
-  const authStore = useAuthStore()
+  // const authStore = useAuthStore()
 
   const tg = inject('tg') as WebApp
   const tgUser = tg.initDataUnsafe.user
-  const company = ref<string>('')
-  const showChangeAuthDialog = ref<boolean>(false)
 
-  const chats = ref([
-    { title: 'account__chats_active', qty: 8, color: 'var(--q-primary)' },
-    { title: 'account__chats_archive', qty: 2, color: 'grey' },
-    { title: 'account__chats_free', qty: 5, color: 'green' },
-    { title: 'account__chats_total', qty: 15, color: 'var(--q-info)' },
-  ])
-  const payment=ref([
-    { id: 1, qty: 50, stars: 200, discount: 0 },
-    { id: 2, qty: 120, stars: 400, discount: 20 },
-    { id: 3, qty: 220, stars: 500, discount: 30 }
-  ])
+  const items = computed(() => ([
+    { id: 1, name: 'account__subscribe', description: 'account__subscribe_description', icon: 'mdi-crown-circle-outline', iconColor: 'orange', pathName: 'subscribe' },
+    { id: 2, name: 'account__auth_change_method', description: 'account__auth_change_method_description', icon: 'mdi-account-sync-outline', iconColor: 'primary', pathName: '' },
+    { id: 3, name: 'account__auth_change_password', description: 'account__auth_change_password_description', icon: 'mdi-account-key-outline', iconColor: 'primary', pathName: 'change_account_password' },
+    { id: 4, name: 'account__auth_change_account', description: 'account__auth_change_account_description', icon: 'mdi-account-switch-outline', iconColor: 'primary', pathName: 'change_account_email' },
+    { id: 5, name: 'account__company_data', icon: 'mdi-account-group-outline', description: 'account__company_data_description', pathName: 'your_company' },
+    { id: 6, name: 'account__support', icon: 'mdi-lifebuoy', description: 'account__support_description', iconColor: 'info', pathName: 'support' },
+    { id: 7, name: 'account__terms_of_use', icon: 'mdi-book-open-variant-outline', description: '', iconColor: 'grey', pathName: 'terms' },
+    { id: 8, name: 'account__privacy', icon: 'mdi-lock-outline', description: '', iconColor: 'grey', pathName: 'privacy' }
+  ]))
 
-  const paymentSelect = ref(200)
-
-  async function change_auth () {
-    console.log('update')
-    console.log(authStore)
-    await router.push({ name: 'login' })
-  }
-
-  async function goProjects () {
-    await router.push({ name: 'projects' })
+  async function goTo (path: string) {
+    await router.push({ name: path })
   }
 
 </script>
 
 <style lang="scss">
-  #warning {
-    & >div .q-item {
-      padding: 0 !important;
-    }
-  }
 </style>
-
-<style scoped>
-  .company-container {
-    position: relative;
-    overflow: hidden;
-    min-height: 60px;
-  }
-
-  .company-logo {
-    position: absolute;
-    left: 0;
-    z-index: 1;
-  }
-
-
-  :deep(.animate__animated) {
-    --animate-duration: 0.4s;
-    animation-fill-mode: both;
-  }
-</style>
\ No newline at end of file
diff --git a/src/pages/CreateCompanyPage.vue b/src/pages/CompanyCreatePage.vue
similarity index 100%
rename from src/pages/CreateCompanyPage.vue
rename to src/pages/CompanyCreatePage.vue
diff --git a/src/pages/CompanyMaskPage.vue b/src/pages/CompanyMaskPage.vue
index 653f352..9a51a34 100644
--- a/src/pages/CompanyMaskPage.vue
+++ b/src/pages/CompanyMaskPage.vue
@@ -19,11 +19,8 @@
             </div>
           </q-item-section>
           <q-item-section></q-item-section>
-          <q-item-section align="end">
+          <q-item-section align="end" class="col-grow">
             {{ $t('mask__title_table') }}
-            <span class="text-caption">
-              {{ $t('mask__title_table2') }}
-            </span>
           </q-item-section>
         </q-item>
         <q-item
@@ -91,7 +88,10 @@
     <q-dialog v-model="showDialogHelp">
       <q-card class="q-ma-sm w100">
         <q-card-section class="row items-center q-pb-none">
-          <div class="text-h6">{{ $t('mask__help_title')}}</div>
+          <span class="text-h6">
+            <q-icon name="mdi-drama-masks"/>
+            {{ $t('mask__help_title')}}
+          </span>
           <q-space />
           <q-btn icon="close" flat round dense v-close-popup />
         </q-card-section>
diff --git a/src/pages/CompanyYourPage.vue b/src/pages/CompanyYourPage.vue
new file mode 100644
index 0000000..2678853
--- /dev/null
+++ b/src/pages/CompanyYourPage.vue
@@ -0,0 +1,39 @@
+<template>
+  <pn-page-card>
+    <template #title>
+      <div class="flex items-center justify-between col-grow">
+        <div>
+          {{$t('Your_company__title_card')}}
+        </div>
+        <q-btn
+          v-if="(Object.keys(companyMod).length !== 0)"
+          @click = "addCompany(companyMod)"
+          flat round
+          icon="mdi-check"
+        />
+      </div>
+    </template>
+    <pn-scroll-list>
+      <company-info-block v-model="companyMod"/>
+    </pn-scroll-list>
+  </pn-page-card>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue'
+  import { useRouter } from 'vue-router'
+  import companyInfoBlock from 'components/admin/companyInfoBlock.vue'
+  import { useCompaniesStore } from 'stores/companies'
+  import type { Company } from 'src/types'
+
+  const router = useRouter()
+  const companiesStore = useCompaniesStore()
+
+  const companyMod = ref(<Company>{})
+  
+  function addCompany (data: Company) {
+    companiesStore.addCompany(data)
+    router.go(-1)
+  }
+
+</script>
diff --git a/src/pages/PrivacyPage.vue b/src/pages/PrivacyPage.vue
new file mode 100644
index 0000000..bc1de39
--- /dev/null
+++ b/src/pages/PrivacyPage.vue
@@ -0,0 +1,22 @@
+<template>
+    <pn-page-card>
+    <template #title>
+      <div class="flex items-center justify-between col-grow">
+        <div>
+          {{ $t('privacy__title') }}
+        </div>
+      </div>
+    </template>
+
+    <pn-scroll-list>
+      {{ $t('under_construction') }}
+    </pn-scroll-list>
+  </pn-page-card>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style>
+</style>
diff --git a/src/pages/CreateProjectPage.vue b/src/pages/ProjectCreatePage.vue
similarity index 100%
rename from src/pages/CreateProjectPage.vue
rename to src/pages/ProjectCreatePage.vue
diff --git a/src/pages/ProjectPage.vue b/src/pages/ProjectPage.vue
index 0a6649c..57658b2 100644
--- a/src/pages/ProjectPage.vue
+++ b/src/pages/ProjectPage.vue
@@ -7,6 +7,9 @@
     <q-tab-panels
       v-model="tabSelect"
       animated
+      keep-alive
+      @before-transition="showFab = false"
+      @transition="showFab = true"
       class="tab-panel-color full-height-panel w100 flex column col-grow no-scroll"
       >
       <q-tab-panel
@@ -16,17 +19,18 @@
         class="q-pa-none flex column col-grow no-scroll"
         style="flex-grow: 2"
         >
-        <component :is="tab.component"/>
+        <component :is="tab.component" :showFab = "tab.name === tabSelect" />
       </q-tab-panel>
     </q-tab-panels>
 
     <template #footer>
-      <q-footer class="bg-grey-1 text-grey"> 
+      <q-footer class="bg-grey-1 text-grey">
         <q-tabs
           style = "z-index: 1000"
           v-model="tabSelect"
           dense
           align="justify"
+          id="tabs"
           >
           <q-route-tab
             v-for="tab in tabs"
@@ -60,13 +64,18 @@
 </template>
 
 <script setup lang="ts">
-  import { ref, computed } from 'vue'
+  import { ref, onBeforeMount, computed } from 'vue'
   import { useProjectsStore } from 'stores/projects'
   import projectPageHeader from 'components/admin/project-page/ProjectPageHeader.vue' 
   import projectPageChats from 'components/admin/project-page/ProjectPageChats.vue'  
   import projectPageCompanies from 'components/admin/project-page/ProjectPageCompanies.vue'  
   import projectPagePersons from 'components/admin/project-page/ProjectPagePersons.vue'  
-  
+  import { useRoute } from 'vue-router'
+
+  const route = useRoute()
+
+  const showFab = ref<boolean>(false)
+
   const projectStore = useProjectsStore()
   const currentProject = computed(() => projectStore.getCurrentProject() )
 
@@ -82,7 +91,12 @@
     {name: 'companies', label: 'project__companies', icon: 'mdi-account-group-outline', component: tabComponents.projectPageCompanies, to: { name: 'companies'} },
   ]
 
-  const tabSelect =  ref<string>(tabs[0]?.name ? tabs[0]?.name : '')
+  const tabSelect = ref<string>()
+
+  onBeforeMount(() => {
+    const initialTab = tabs.find(t => t.to.name === route.name)?.name || tabs[0]?.name || ''
+    tabSelect.value = initialTab
+  })
 
 </script>
 
@@ -101,4 +115,11 @@
     flex-grow: 2;
     width: 100%
   }
+
+</style>
+
+<style scoped>
+#tabs :deep(.q-tab__indicator) {
+  height: 3px !important;
+}
 </style>
diff --git a/src/pages/SubscribePage.vue b/src/pages/SubscribePage.vue
new file mode 100644
index 0000000..6db5ca0
--- /dev/null
+++ b/src/pages/SubscribePage.vue
@@ -0,0 +1,82 @@
+<template>
+  <pn-page-card>
+    <template #title>
+      <div class="flex items-center justify-between col-grow">
+        <div>
+          {{$t('subscribe__title')}}
+        </div>
+      </div>
+    </template>
+
+    <pn-scroll-list class="q-px-md">
+      <div id="subscribe-current-balance" class="flex w100 justify-between items-center no-wrap text-h6">
+        <span>
+          {{ $t('subscribe__current_balance') }}
+        </span>
+
+        <div class="flex items-center">
+          <q-icon name = "mdi-crown-circle-outline" color="orange" size="sm"/>
+          <div class="text-bold q-pa-xs ">
+            50
+          </div>
+        </div>
+      </div>
+      <div id="subscribe-need-tocken" :style = "{ borderLeft: 'solid 5px var(--q-info)' }" class="q-pl-sm">
+       <q-icon name = "mdi-crown-circle-outline" color="orange" size="xs"/>{{ $t('subscribe__token_formula') }}
+       <div class="text-caption">{{ $t('subscribe__token_formula_description') }}</div>
+      </div>
+      
+      <div id="qty_chats" class="flex column q-pt-lg w100">
+          <div class="text-h6 flex items-center">
+            <span>{{ $t('account__chats') }}</span>
+          </div>
+          <div class="flex row justify-between">
+            <qty-chat-card
+              v-for = "chat in chats"
+              :key = chat.title
+              :qty = chat.qty
+              :bgColor = chat.color
+              :title = chat.title
+            />
+          </div>
+        </div>
+
+    </pn-scroll-list>
+  </pn-page-card>
+</template>
+
+<script setup lang="ts">
+  import { ref, inject, computed } from 'vue'
+  // import { useRouter } from 'vue-router'
+  // import { useAuthStore } from 'stores/auth'
+  // import type { WebApp } from '@twa-dev/types'
+  import qtyChatCard from 'components/admin/account-page/qtyChatCard.vue'
+  // import optionPayment from 'components/admin/account-page/optionPayment.vue'
+
+  // const router = useRouter()
+  // const authStore = useAuthStore()
+
+  // const tg = inject('tg') as WebApp
+  // const tgUser = tg.initDataUnsafe.user
+
+  const chats = ref([
+    { title: 'account__chats_active', qty: 8, color: 'var(--q-primary)' },
+    { title: 'account__chats_unbound', qty: 2, color: 'grey' },
+    { title: 'account__chats_free', qty: 5, color: 'green' },
+    { title: 'account__chats_total', qty: 15, color: 'var(--q-info)' },
+  ])
+
+  /* const payment=ref([
+    { id: 1, qty: 50, stars: 200, discount: 0 },
+    { id: 2, qty: 120, stars: 400, discount: 20 },
+    { id: 3, qty: 220, stars: 500, discount: 30 }
+  ]) */
+
+
+
+
+
+</script>
+
+<style lang="scss">
+</style>
diff --git a/src/pages/TermsPage.vue b/src/pages/TermsPage.vue
index edd5408..e70761f 100644
--- a/src/pages/TermsPage.vue
+++ b/src/pages/TermsPage.vue
@@ -9,7 +9,7 @@
     </template>
 
     <pn-scroll-list>
-      Фигня которую никто не читает!
+      {{ $t('under_construction') }}
     </pn-scroll-list>
   </pn-page-card>
 </template>
diff --git a/src/router/index.ts b/src/router/index.ts
index 124bd68..d77f8b4 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -33,7 +33,7 @@ export default defineRouter(function (/* { store, ssrContext } */) {
     history: createHistory(process.env.VUE_ROUTER_BASE),
   })
   
-  const publicPaths = ['/login', '/terms-of-use', '/create-account', '/recovery-password']
+  const publicPaths = ['/login', '/create-account', '/recovery-password']
 
   Router.beforeEach(async (to) => {
     const authStore = useAuthStore()
diff --git a/src/router/routes.ts b/src/router/routes.ts
index acb2807..108ce26 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -27,7 +27,7 @@ const routes: RouteRecordRaw[] = [
       {
         name: 'project_add',
         path: '/project/add',
-        component: () => import('pages/CreateProjectPage.vue')
+        component: () => import('pages/ProjectCreatePage.vue')
       },
     
       {
@@ -94,9 +94,38 @@ const routes: RouteRecordRaw[] = [
        {
         name: 'create_account',
         path: '/create-account',
-        component: () => import('pages/CreateAccountPage.vue') 
+        component: () => import('src/pages/AccountCreatePage.vue') 
+       },
+       {
+        name: 'change_account_password',
+        path: '/change-password',
+        component: () => import('pages/AccountChangePasswordPage.vue') 
+       },
+       {
+        name: 'change_account_email',
+        path: '/change-email',
+        component: () => import('pages/AccountChangeEmailPage.vue') 
+       },
+       {
+        name: 'subscribe',
+        path: '/subscribe',
+        component: () => import('pages/SubscribePage.vue') 
+       },
+       {
+        name: 'terms',
+        path: '/terms-of-use',
+        component: () => import('pages/TermsPage.vue') 
+       },
+       {
+        name: 'privacy',
+        path: '/privacy',
+        component: () => import('pages/PrivacyPage.vue') 
+       },
+       {
+        name: 'your_company',
+        path: '/your-company',
+        component: () => import('src/pages/CompanyYourPage.vue') 
        },
-
        {
         name: 'login',
         path: '/login',
@@ -106,13 +135,13 @@ const routes: RouteRecordRaw[] = [
        {
         name: 'recovery_password',
         path: '/recovery-password',
-        component: () => import('pages/ForgotPasswordPage.vue') 
+        component: () => import('src/pages/AccountForgotPasswordPage.vue') 
        },
 
        {
         name: 'add_company',
         path: '/add-company',
-        component: () => import('pages/CreateCompanyPage.vue') 
+        component: () => import('src/pages/CompanyCreatePage.vue') 
        },
 
        {
@@ -125,12 +154,6 @@ const routes: RouteRecordRaw[] = [
         name: 'settings',
         path: '/settings',
         component: () => import('pages/SettingsPage.vue') 
-       },
-
-       {
-        name: 'terms',
-        path: '/terms-of-use',
-        component: () => import('pages/TermsPage.vue') 
        }
     ]
   },
diff --git a/todo.txt b/todo.txt
index e405bf0..e313d65 100644
--- a/todo.txt
+++ b/todo.txt
@@ -4,8 +4,7 @@
 + Окно "Забыли пароль?"
 + Надпись "Неправильный логин или пароль"
 + Окно "Регистрация нового пользователя"
-- Переводы
-+ Верификация e-mail (не делать - плохо выглядит)
++ Верификация поля ввода e-mail (не делать - плохо выглядит)
 
 2. Account:
 + Работа с изображением логотипа компании
@@ -34,6 +33,7 @@
 + Настроить роутинг
 + У чатов добавить кол-во пользователей
 - У чатов добавить указание владельца чата и его компанию
+- Удаление чата свайпом и отключенные чаты.
 
 4.3 ProjectPage - Люди:
 - Перечень сотрудников
@@ -54,7 +54,7 @@
 5. Settings:
 - Роутинг
 - Переключатель языков
-- Встроить в Телеграмм
++ Встроить в Телеграмм
 
 6. Лицензионное соглашение:
 - Роутинг и заготовка
@@ -62,7 +62,7 @@
 - Встроить в Телеграмм
 
 BUGS:
-- 1. Прыгает кнопка fab при перещелкивании табов
++- 1. Прыгает кнопка fab при перещелкивании табов (при быстром переключении все равно прыгает, проблема установлена в q-page-sticky -как-то некорректно отрабатывается bottom и right)
 + 2. Верстка в шапке Projects плохая - переделать
 - 3. Не хватает перевода местами
 + 4. При нажатии Back браузера скидывается активная табка.
@@ -73,7 +73,7 @@ Need refactor
 
 Current ToDo:
 + 1. pinia
-+ 2. Реализовать функционал меню - редактирование проекта. (Бекар на потом)
++ 2. Реализовать функционал меню - редактирование проекта. (Бекап на потом)
 + 3. Архивные чаты и проекты. (Чаты отказался)
 +4. Добавление компании.
 + 5. Удаление компании (слайдер), как в чате.