diff --git a/i18n-2.xlsm b/i18n-2.xlsm
index 541682a..36c86b3 100644
Binary files a/i18n-2.xlsm and b/i18n-2.xlsm differ
diff --git a/src/App.vue b/src/App.vue
index 64de8e0..2262f89 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,13 +3,14 @@
 </template>
 
 <script setup lang="ts">
-  import { onMounted, inject, onUnmounted, watch } from 'vue'
+  import { computed, watch, inject, onMounted, onUnmounted } from 'vue'
   import { useSettingsStore } from 'stores/settings'
   import { useAuthStore } from 'stores/auth'
   import { useSSEStore } from 'stores/SSE'
   import { useRouter } from 'vue-router'
   import type { WebApp } from '@twa-dev/types'
   import { storeToRefs } from 'pinia'
+  import { useQuasar } from 'quasar'
   import { useI18n } from 'vue-i18n'
   import type { CompanyParams } from 'types/Company'
 
@@ -39,6 +40,25 @@
 
     if (newVal) await settingsStore.init()
   })
+
+  // displayMode
+  const displayMode = computed(() => settingsStore.settings.displayMode)
+  const bgColor = getComputedStyle(document.documentElement)
+    .getPropertyValue('--bg-base').trim() as `#${string}`
+  const headerColor = bgColor || tg.themeParams.header_bg_color || tg.themeParams.bg_color
+  
+  watch(displayMode, (val) => {
+    if (val === 'full' && tg.isVersionAtLeast('8.0')) {
+      tg.requestFullscreen()
+      tg.setHeaderColor('bg_color') 
+    }
+      
+    else {
+      tg.exitFullscreen()
+      tg.expand()
+      tg.setHeaderColor(headerColor)
+    }
+  }, { immediate: true })
   
   onMounted(async () => {
     await settingsStore.init()
@@ -48,5 +68,17 @@
   onUnmounted(() => {
     sseStore.disconnect()
   })
+
+  const $q = useQuasar()
+
+  $q.iconMapFn = (iconName) => {
+    if (iconName.startsWith('pn-') === true) {
+      const name = iconName.substring(3)
+
+      return {
+        cls: 'pn-icon ' + name
+      }
+    }
+  }
   
 </script>
diff --git a/src/Global-properties.d.ts b/src/Global-properties.d.ts
index 1973d98..377b77b 100644
--- a/src/Global-properties.d.ts
+++ b/src/Global-properties.d.ts
@@ -5,6 +5,8 @@ declare module 'vue' {
     $tg: WebApp;
     $isDesktop: boolean;
     $isMobile: boolean;
+    $isIOS: boolean;
+    $isAndroid: boolean;
   }
 }
 
diff --git a/src/boot/global-components.ts b/src/boot/global-components.ts
index bcc5483..cb7c5dc 100644
--- a/src/boot/global-components.ts
+++ b/src/boot/global-components.ts
@@ -5,7 +5,6 @@ import pnPageTemplate from 'components/pnPageTemplate.vue'
 import pnAutoAvatar from 'components/pnAutoAvatar.vue'
 import pnOverlay from 'components/pnOverlay.vue'
 import pnSmallDialog from 'components/pnSmallDialog.vue'
-import pnImageSelector from 'components/pnImageSelector.vue'
 import pnShadowScroll from 'components/pnShadowScroll.vue'
 import pnMagicOverlay from 'components/pnMagicOverlay.vue'
 import pnAccountBlockName from 'components/pnAccountBlockName.vue'
@@ -18,7 +17,6 @@ const components = {
   pnPageTemplate,
   pnAutoAvatar,
   pnOverlay,
-  pnImageSelector,
   pnSmallDialog,
   pnShadowScroll,
   pnMagicOverlay,
diff --git a/src/boot/telegram-boot.ts b/src/boot/telegram-boot.ts
index 8207c06..cf6cb91 100644
--- a/src/boot/telegram-boot.ts
+++ b/src/boot/telegram-boot.ts
@@ -25,16 +25,15 @@ export default defineBoot(({ app }) => {
     'webk'
   ].includes(platform)
   const isTablet = window.innerWidth > 1024
-  if (!isDesktopOrWeb && !isTablet) {
-    if (tg.isVersionAtLeast('8.0')) tg.requestFullscreen()
-      else tg.expand()
-  }
+  if (!isDesktopOrWeb && !isTablet) tg.expand()
 
   tg.SettingsButton.show()
   
   app.config.globalProperties.$tg = tg
   app.config.globalProperties.$isDesktop = isDesktopOrWeb || isTablet
   app.config.globalProperties.$isMobile = !isDesktopOrWeb && !isTablet
+  app.config.globalProperties.$isIOS = platform === 'ios'
+  app.config.globalProperties.$isAndroid = platform === 'android'
 
   app.provide('tg', tg)
 })
@@ -46,7 +45,6 @@ export default defineBoot(({ app }) => {
 
 script setup
 import { getCurrentInstance } from 'vue'
-
-const { proxy } = getCurrentInstance()
-and use proxy.$isMobile
+const app = getCurrentInstance()
+const isMobile = app?.appContext.config.globalProperties.$isMobile
  */
\ No newline at end of file
diff --git a/src/components/companyBlock.vue b/src/components/companyBlock.vue
index 25cb1bd..0c4470c 100644
--- a/src/components/companyBlock.vue
+++ b/src/components/companyBlock.vue
@@ -16,7 +16,6 @@
 
     <div class="flex column items-center q-pa-md q-pb-sm w100">
       <slot name="myCompany"/>
-
       <pn-image-selector
         v-model="companyMod.logo"  
         :size="100"
@@ -30,31 +29,33 @@
         @validation-error="isFormValid = false"
         class="q-gutter-y-lg w100"
         >
-
-        <q-input
+        <template 
           v-for="input in textInputs"
           :key="input.id"
-          :model-value="companyMod[input.val]"
-          @update:model-value="handleInput(input.val, $event, input.useTrim)"
-          dense
-          filled
-          class="w100 fix-bottom-padding"
-          :class="input.val === 'name' ? '' : 'q-pt-sm'"
-          :autogrow="input.val === 'description' || input.val === 'address'"
-          :label="input.label ? $t(input.label) : void 0"
-          :rules="input.rules"
-          no-error-icon
-          :label-slot="Boolean(input.label)"
-          debounce="300"
           >
-          <template #prepend>
-            <q-icon v-if="input.icon" :name="input.icon"/>
-          </template>
-          <template #label v-if="input.label">
-            {{$t(input.label) }}
-            <span v-if="input.val === 'name'" class="text-red">*</span>
-          </template>
-        </q-input>
+          <q-input
+            v-model="companyMod[input.val]"
+            no-error-icon
+            dense
+            filled
+            :label="input.label ? $t(input.label) : void 0"
+            :label-slot="Boolean(input.label)"
+            class="w100 fix-bottom-padding"
+            :class="input.val === 'name' ? '' : 'q-pt-sm'"
+            :rules="input.rules"
+            @update:model-value="formRef.validate()"
+            :autogrow="input.val === 'description' || input.val === 'address'"
+            debounce="300"
+            >
+            <template #prepend>
+              <q-icon v-if="input.icon" :name="input.icon"/>
+            </template>
+            <template #label v-if="input.label">
+              {{$t(input.label) }}
+              <span v-if="input.val === 'name'" class="text-red">*</span>
+            </template>
+          </q-input>
+        </template>
       </q-form>
     </div>
   </pn-page-template>
@@ -62,8 +63,9 @@
 
 <script setup lang="ts">
   import { ref, reactive, onMounted, } from 'vue'
-  import { removeNullKeys, getFieldValue } from 'utils/helpers'
+  import pnImageSelector from 'components/pnImageSelector.vue'
   import { useInputRules } from 'composables/useInputRules'
+  import { removeNullKeys, getFieldValue } from 'utils/helpers'
   import type { CompanyParams } from 'types/Company'
 
   const { inputRules } = useInputRules()
@@ -96,37 +98,37 @@
     icon?: string
     val: keyof CompanyParams
     rules: ((value: string) => boolean | string)[]
-    useTrim: boolean
   }
 
   const textInputs: TextInput[] = [
-    { id:  1, val: 'name', label: 'company_block__name', rules: [inputRules.require, inputRules.middleText], useTrim: true },
-    { id:  2, val: 'description', label: 'company_block__description', rules: [inputRules.longText], useTrim: false },
-    { id:  3, val: 'site', icon: 'mdi-web', rules: [inputRules.middleText], useTrim: true },
-    { id:  4, val: 'address', icon: 'mdi-map-marker-outline', rules: [inputRules.longText], useTrim: false },
-    { id:  5, val: 'phone', icon: 'mdi-phone-outline', rules: [inputRules.middleText], useTrim: true },
-    { id:  6, val: 'email', icon: 'mdi-email-outline', rules: [inputRules.middleText], useTrim: true }
+    { id:  1, val: 'name', label: 'company_block__name', rules: [inputRules.require, inputRules.middleText] },
+    { id:  2, val: 'description', label: 'company_block__description', rules: [inputRules.longText] },
+    { id:  3, val: 'site', icon: 'mdi-web', rules: [inputRules.middleText] },
+    { id:  4, val: 'address', icon: 'mdi-map-marker-outline', rules: [inputRules.longText] },
+    { id:  5, val: 'phone', icon: 'mdi-phone-outline', rules: [inputRules.middleText] },
+    { id:  6, val: 'email', icon: 'mdi-email-outline', rules: [inputRules.middleText] }
   ] as const
 
-  const handleInput = (field: keyof CompType, value: string | null | number, useTrim: boolean) => {
-    companyMod[field] = typeof value === 'string' ? (useTrim ? value.trim() : value) : value
-    if (formRef.value) formRef.value.validate()
-  }
-    
   const formRef = ref()
   const isFormValid = ref(false)
 
   function onSubmit() {
-    // companyMod.description! - ! on end for TS, i promise: params !== null | undefined
+    const { logo, name, description, site, address, phone, email } = companyMod
+    let logoValue: string | null | undefined = undefined
+
+    if (typeof logo === 'string' && logo.startsWith('data:image')) logoValue = logo
+    if (logo === null) logoValue = null
+
     const outData = {
-      name: companyMod.name,
-      description: getFieldValue(companyMod.description!, props.company?.description),
-      site: getFieldValue(companyMod.site!, props.company?.site),
-      address: getFieldValue(companyMod.address!, props.company?.address),
-      phone: getFieldValue(companyMod.phone!, props.company?.phone),
-      email: getFieldValue(companyMod.email!, props.company?.email),
-      logo: companyMod.logo !== '' ? companyMod.logo : null
+      name: name.trim(),
+      description: getFieldValue(description!.trim(), props.company?.description),
+      site: getFieldValue(site!.trim(), props.company?.site),
+      address: getFieldValue(address!.trim(), props.company?.address),
+      phone: getFieldValue(phone!.trim(), props.company?.phone),
+      email: getFieldValue(email!.trim(), props.company?.email),
+      ...(logoValue !== undefined && { logo: logoValue })
     }
+
     emit('update', removeNullKeys(outData, ['logo']))
   }
 
diff --git a/src/components/infoBlockEmpty.vue b/src/components/infoBlockEmpty.vue
new file mode 100644
index 0000000..5ff44f0
--- /dev/null
+++ b/src/components/infoBlockEmpty.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="column items-center text-grey w100">
+    <div class="text-h6 w60 text-center">
+      {{$t('empty_description')}}
+    </div>
+    <q-icon size="120px" name="mdi-clippy" class="q-ma-sm"/>
+  </div>
+</template>
+
+<script setup lang="ts">
+</script>
+
+<style scoped>
+</style>
diff --git a/src/components/meshBackground.vue b/src/components/meshBackground.vue
index e5175b3..439cc76 100644
--- a/src/components/meshBackground.vue
+++ b/src/components/meshBackground.vue
@@ -1,138 +1,106 @@
 <template>
-  <div id="background-canvas-wrapper" class="flex fit column bg-base">
-    <canvas id="canvas"/>
+  <div
+    id="background-canvas-wrapper"
+    class="w100 no-scroll overflow-hidden bg-base position-relative"
+    style="height: 100vh;"
+    >
+    <canvas id="canvas" class="absolute-top"/>
   </div>
 </template>
 
-<script setup> // eslint-disable-line
+<script setup lang="ts">
+  import { onMounted, onUnmounted } from 'vue'
 
-import { onMounted } from 'vue'
-
-onMounted(() => {
-  const canvasBody = document.getElementById("canvas")
-  const drawArea = canvasBody.getContext("2d")
-
-  const opts = { 
-    particleColor: "rgb(200,200,200)",
-    lineColor: "rgb(200,200,200)",
-    particleAmount: 30,
-    defaultSpeed: 0.1,
-    variantSpeed: 1,
-    defaultRadius: 2,
-    variantRadius: 2,
-    linkRadius: 200
-  }
-
-  const delay = 200
-  let tid
-  const rgb = opts.lineColor.match(/\d+/g)
-  let w
-  let h
-  const particles = []
-
-  function resizeReset () {
-    w = canvasBody.width = window.innerWidth
-    h = canvasBody.height = window.innerHeight
-  }
-
-  function deBouncer () {
-    clearTimeout(tid)
-    tid = setTimeout(function () { resizeReset() }, delay)
-  }
-
-  function checkDistance (x1, y1, x2, y2) { 
-    return Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2))
-  }
-
-  function setup () { 
-    resizeReset()
-    for (let i = 0; i < opts.particleAmount; i++) {
-      particles.push(new Particle())
+  onMounted(() => {
+    const canvas = document.getElementById("canvas") as HTMLCanvasElement
+    const ctx = canvas.getContext("2d")!
+    const opts = {
+      pColor: "rgb(200,200,200)",
+      lRGB: "200,200,200",
+      amt: 20,
+      defS: 0.1,
+      varS: 1,
+      defR: 2,
+      varR: 2,
+      linkR2: 200 ** 2
     }
-    window.requestAnimationFrame(loop)
-  }
 
-  function loop() { 
-    window.requestAnimationFrame(loop)
-    drawArea.clearRect(0, 0, w, h)
-    for (let i = 0; i < particles.length; i++) {
-      particles[i].update()
-      particles[i].draw()
-    }
-    for (let i = 0; i < particles.length; i++) {
-      linkPoints(particles[i], particles)
-    }
-  }
+    let w: number, h: number, aid: number
+    const particles: Particle[] = []
 
-  function linkPoints (point1, hubs) { 
-    for (let i = 0; i < hubs.length; i++) {
-      const distance = checkDistance(point1.x, point1.y, hubs[i].x, hubs[i].y)
-      const opacity = 1 - distance / opts.linkRadius
-      if (opacity > 0) { 
-        drawArea.lineWidth = 0.5
-        drawArea.strokeStyle = `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${opacity})`
-        drawArea.beginPath()
-        drawArea.moveTo(point1.x, point1.y)
-        drawArea.lineTo(hubs[i].x, hubs[i].y)
-        drawArea.closePath()
-        drawArea.stroke()
+    const resize = () => {
+      w = canvas.width = window.innerWidth
+      h = canvas.height = window.innerHeight
+    }
+
+    class Particle {
+      x = Math.random() * w
+      y = Math.random() * h
+      s = opts.defS + Math.random() * opts.varS
+      a = Math.random() * Math.PI * 2
+      vx = Math.cos(this.a) * this.s
+      vy = Math.sin(this.a) * this.s
+      r = opts.defR + Math.random() * opts.varR
+
+      update() {
+        if (this.x + this.vx > w || this.x + this.vx < 0) this.vx *= -1
+        if (this.y + this.vy > h || this.y + this.vy < 0) this.vy *= -1
+        this.x += this.vx
+        this.y += this.vy
+        ctx.beginPath()
+        ctx.arc(this.x, this.y, this.r, 0, Math.PI * 2)
+        ctx.fillStyle = opts.pColor
+        ctx.fill()
       }
     }
-  }
 
-  function Particle () { 
-    this.x = Math.random() * w
-    this.y = Math.random() * h
-    this.speed = opts.defaultSpeed + Math.random() * opts.variantSpeed
-    this.directionAngle = Math.floor(Math.random() * 360)
-    this.color = opts.particleColor
-    this.radius = opts.defaultRadius + Math.random() * opts. variantRadius
-    this.vector = {
-      x: Math.cos(this.directionAngle) * this.speed,
-      y: Math.sin(this.directionAngle) * this.speed
-    }
-    this.update = function () { 
-      this.border()
-      this.x += this.vector.x
-      this.y += this.vector.y
-    }
-    this.border = function () { 
-      if (this.x >= w || this.x <= 0) { 
-        this.vector.x *= -1
+    resize()
+    for (let i = 0; i < opts.amt; i++) particles.push(new Particle())
+
+    const loop = () => {
+      ctx.clearRect(0, 0, w, h)
+      particles.forEach(p => p.update())
+
+      for (let i = 0; i < particles.length; i++) {
+        const p1 = particles[i]
+        for (let j = i + 1; j < particles.length; j++) {
+          const p2 = particles[j]
+          if (!p1 || !p2) continue
+          
+          const dx = p1.x - p2.x
+          const dy = p1.y - p2.y
+          const d2 = dx * dx + dy * dy
+          if (d2 < opts.linkR2) {
+            ctx.strokeStyle = `rgba(${opts.lRGB}, ${1 - d2 / opts.linkR2})`
+            ctx.lineWidth = 0.5
+            ctx.beginPath()
+            ctx.moveTo(p1.x, p1.y)
+            ctx.lineTo(p2.x, p2.y)
+            ctx.stroke()
+          }
+        }
       }
-      if (this.y >= h || this.y <= 0) {
-        this.vector.y *= -1
-      }
-      if (this.x > w) this.x = w
-      if (this.y > h) this.y = h
-      if (this.x < 0) this.x = 0
-      if (this.y < 0) this.y = 0
+      aid = requestAnimationFrame(loop)
     }
-    this.draw = function () { 
-      drawArea.beginPath()
-      drawArea.arc(this.x, this.y, this.radius, 0, Math.PI*2)
-      drawArea.closePath()
-      drawArea.fillStyle = this.color
-      drawArea.fill()
-    }
-  }
 
-  window.addEventListener("resize", function () { deBouncer() })
-  resizeReset()
-  setup()
-})
+    window.addEventListener("resize", resize)
+    loop()
 
+    onUnmounted(() => {
+      window.removeEventListener("resize", resize)
+      cancelAnimationFrame(aid)
+    })
+  })
 </script>
 
 <style>
-#background-canvas-wrapper {
-  position: absolute !important;
-  display: block;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  margin: 0;
-  min-height: 100%;
-}
-
+  #background-canvas-wrapper {
+    position: absolute !important;
+    display: block;
+    top: 0;
+    left: 0;
+    z-index: -1;
+    margin: 0;
+    height: 100vh !important;
+  }
 </style>
diff --git a/src/components/pnActionBar.vue b/src/components/pnActionBar.vue
index 6023f55..fb60754 100644
--- a/src/components/pnActionBar.vue
+++ b/src/components/pnActionBar.vue
@@ -23,7 +23,7 @@
       </div>
     </q-btn>
 
-    <div class="w100">
+    <div class="w100" style="padding-top: 1px; padding-bottom: 1px;">
       <q-input
         v-model="search"
         clearable
@@ -55,11 +55,13 @@
           rounded
           floating
           transparent
-          style="position: relative; top: -6px; margin-left: -12px"
+          style="position: relative; top: -6px; margin-left: -12px;"
           :style="{ opacity: filterBadge ? 0.8 : 0 }" 
         />
       </div>
     </q-btn>
+
+    <slot/>
   </div>
 </template>
 
diff --git a/src/components/pnBottomSheetDialog.vue b/src/components/pnBottomSheetDialog.vue
index 65f7798..f057c67 100644
--- a/src/components/pnBottomSheetDialog.vue
+++ b/src/components/pnBottomSheetDialog.vue
@@ -4,7 +4,8 @@
     transition-show="slide-up"
     transition-hide="slide-down"
     position="bottom"
-  >
+    :persistent="loading"
+    >
     <q-card
       ref="cardRef"
       class="fix-card-width column no-scroll no-wrap q-px-none overflow-hidden relative-position"
@@ -24,7 +25,7 @@
             {{ $t(caption) }}
           </span>
         </div>
-        <div class="flex items-center justify-between no-wrap">
+        <div class="flex items-center justify-between no-wrap" v-if="!loading">
           <slot name="btnSlot">
             <q-btn icon="mdi-close" @click="modelValue = false" flat round />
           </slot>
@@ -36,7 +37,7 @@
           :height="bodyHeight"
           :bottomOffset
           :topOffset
-        >
+          >
           <div class="q-pa-none q-ma-none">
             <q-resize-observer @resize="onInnerBodyResize" />
             <slot />
@@ -63,7 +64,11 @@
     title: string
     caption?: string
     maximized?: boolean
-  }>(), { maximized: true })
+    loading?: boolean
+  }>(), { 
+    maximized: true,
+    loading: false
+  })
 
   const slots = useSlots()
   const cardRef = ref()
diff --git a/src/components/pnCutterLongText.vue b/src/components/pnCutterLongText.vue
new file mode 100644
index 0000000..a28e914
--- /dev/null
+++ b/src/components/pnCutterLongText.vue
@@ -0,0 +1,35 @@
+<template>
+  <div v-if="text.length <= tailLength" class="w100">
+    {{ text }}
+  </div>
+  <div v-else class="flex no-wrap w100">
+    <div class="col ellipsis col-shrink">
+      {{ textStart }}
+    </div>      
+    <div class="col col-grow">
+      {{ textEnd }}
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue'
+
+  const props = withDefaults(defineProps<{
+    text: string
+    tailLength?: number
+  }>(), {
+    tailLength: 15
+  })
+
+  const textStart = computed(() => {
+    return props.text.slice(0, props.text.length - props.tailLength)
+  })
+  
+  const textEnd = computed(() => {
+    return props.text.slice(-props.tailLength)
+  })
+</script>
+
+<style scoped>
+</style>
diff --git a/src/components/pnImageSelector.vue b/src/components/pnImageSelector.vue
index a39e2dc..55d2025 100644
--- a/src/components/pnImageSelector.vue
+++ b/src/components/pnImageSelector.vue
@@ -1,74 +1,52 @@
 <template>
-  <div>
-    <div
-      class="relative-position"
+  <div class="q-mb-sm">
+  <div
+    class="relative-position"
+    :style="{
+      width: sizePx,
+      height: sizePx, 
+      display: 'block'
+    }"
+    >
+    <q-file
+      ref="imgFileSelector"
+      v-model="imageFile"
+      :style="{ display: 'none' }"
+      @update:model-value="handleUpload()"
+      :filter="checkImgType"
+      :accept="allowedMimeTypes.join(', ')"
+    />
+    <q-icon
+      v-if="modelValue === '' || modelValue === undefined || modelValue === null"
+      name="mdi-camera-plus-outline"
+      class="absolute-full fit text-grey-4"
+      :style="{ fontSize: String(iconsize) + 'px'}"
+      @click = "imgFileSelectorClick"
+    />
+    <q-img
+      v-else
+      fit="cover"
+      :src="modelValue"
       :style="{
-        width: sizePx,
-        height: sizePx, 
-        display: 'block'
+        height: sizePx,
+        maxWidth: sizePx,
+        borderRadius: avatar ? String(size/2) + 'px' : 'var(--top-radius)',
       }"
-      >
-      <q-file
-        ref="imgFileSelector"
-        v-model="imageFile"
-        :style="{ display: 'none' }"
-        @update:model-value="handleUpload()"
-        :filter="checkImgType"
-        :accept="allowedMimeTypes.join(', ')"
-      />
-      <q-icon
-        v-if="modelValue === '' || modelValue === undefined || modelValue === null"
-        name="mdi-camera-plus-outline"
-        class="absolute-full fit text-grey-4"
-        :style="{ fontSize: String(iconsize) + 'px'}"
-        @click = "imgFileSelectorClick"
-      />
-      <q-img
-        v-else
-        fit="cover"
-        :src="modelValue"
-        :style="{
-          height: sizePx,
-          maxWidth: sizePx,
-          borderRadius: avatar ? String(size/2) + 'px' : 'var(--top-radius)',
-        }"
-        @click="showDialog = true"
-      />
-    </div>
+      @click="imgFileSelectorClick"
+    />
 
-    <q-dialog v-model="showDialog">
-      <q-card
-        class="w100 relative-position overflow-hidden"
-        style="height: auto;"
-        >
-        <q-img :src="modelValue"/>
-          <q-btn
-            icon="mdi-close"
-            @click="showDialog = false"
-            class="absolute-top-right q-ma-sm"
-            color="grey-9"
-            round flat
-            style="background-color: rgba(255, 255, 255, 0.65) !important;"
-          />
-
-        <div 
-          class="flex no-wrap items-center justify-center q-pb-sm absolute-bottom w100" 
-          >
-          <q-btn
-            v-for="btn in menuBtns"
-            :key="btn.name"
-            :color="btn.color"
-            @click="btn.f"
-            class="q-mx-sm"
-            rounded flat
-            style="background-color: rgba(255, 255, 255, 0.65) !important;"
-            >
-            {{ $t(btn.label) }}
-          </q-btn>
-        </div>
-        </q-card>
-    </q-dialog>
+    <q-btn
+      v-if="modelValue"
+      icon="mdi-delete-outline"
+      round
+      color="primary"
+      size="md"
+      style="border: solid 2px white; bottom: -16px; right: -16px;"
+      class="absolute-bottom-right"
+      @click="deleteImage"
+    />
   </div>
+</div>
 </template>
 
 <script setup lang="ts">
@@ -76,7 +54,7 @@
   import { QFile } from 'quasar'
   import imageCompression from 'browser-image-compression'
 
-  const modelValue = defineModel<string>()
+  const modelValue = defineModel<string | null>()
 
   const props = defineProps<{
     size?: number
@@ -92,15 +70,9 @@
   }
 
   const imageFile = ref(null) // file-from selector
-  const imgFileSelector= ref() as Ref<QFile> // input file DOM
+  const imgFileSelector = ref() as Ref<QFile> // input file DOM
   const size = ref<number>(props.size ? props.size  : 100)
   const iconsize = ref<number>(props.iconsize ? props.iconsize  : 75)
-  const showDialog = ref<boolean>(false)
-  
-  const menuBtns = [
-    { name: 'delete', color: 'negative', label: 'image_selector__delete', f: deleteImage },
-    { name: 'change', color: 'primary', label: 'image_selector__change', f: imgFileSelectorClick }
-  ]
 
   const sizePx = computed(() => {
     return String(size.value) + 'px'
@@ -129,12 +101,11 @@
   }
 
   function deleteImage () {
-    showDialog.value = false
     imageFile.value = null
-    modelValue.value = ''
+    modelValue.value = null
   }
 
-  function imgToBase64(file: File): Promise<string | ArrayBuffer | null> {
+  function imgToBase64 (file: File): Promise<string | ArrayBuffer | null> {
     const reader: FileReader = new FileReader()
     reader.readAsDataURL(file)
 
diff --git a/src/components/pnInlinePair copy.vue b/src/components/pnInlinePair copy.vue
new file mode 100644
index 0000000..365e01b
--- /dev/null
+++ b/src/components/pnInlinePair copy.vue	
@@ -0,0 +1,64 @@
+<template>
+  <div class="row no-wrap items-center w100">
+    <div
+      v-if="item1"
+      class="second-line-item flex no-wrap items-center q-mr-sm"
+      >
+      <q-icon
+        v-if="item1Icon"
+        :name="item1Icon"
+        :color="item1IconColor"
+        class="q-mr-none"
+      />
+      <div 
+        class="ellipsis"
+        :class="item1Class ?? '' "
+        >
+        {{ item1 }}
+      </div>
+    </div>
+    
+    <div
+      v-if="item2"
+      class="second-line-item flex no-wrap items-center"
+      >
+      <q-icon
+        v-if="item2Icon"
+        :name="item2Icon"
+        :color="item2IconColor"
+        class="q-mr-none"
+      />
+      <div 
+        class="ellipsis"
+        :class="item2Class ?? '' "
+        >
+        {{ item2 }}
+      </div>
+    
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+  defineProps<{
+    item1: string | null
+    item1Class?: string
+    item1Icon?: string
+    item1IconColor?: string
+    item2: string | null
+    item2Class?: string
+    item2Icon?: string
+    item2IconColor?: string
+  }>()
+
+</script>
+
+<style scoped>
+  .second-line-item {
+    display: flex;
+    align-items: center;
+    flex: 0 1 auto;
+    min-width: 0;
+    max-width: 60%;
+  }
+</style>
diff --git a/src/components/pnOnboardBtn.vue b/src/components/pnOnboardBtn.vue
index b56e5df..73bac88 100644
--- a/src/components/pnOnboardBtn.vue
+++ b/src/components/pnOnboardBtn.vue
@@ -22,7 +22,7 @@
         </div>
       </div>
 
-      <div v-if="message2" class="text-caption text-center">
+      <div v-if="message2" class="text-caption text-center" style="max-width: min(75vw, calc(var(--body-width) * 0.75));">
         {{ $t(message2) }}
       </div>
     </div>
diff --git a/src/components/pnPageCard.vue b/src/components/pnPageCard.vue
index 70878a7..a4625ee 100644
--- a/src/components/pnPageCard.vue
+++ b/src/components/pnPageCard.vue
@@ -5,7 +5,7 @@
     <q-resize-observer @resize="onCardResize"/>
     <div
       id="card-header"
-      class="absolute-top"
+      class="absolute-top top-rounded-card overflow-hidden"
       v-if="hasHeader"
       style="z-index: 100;"
       >
@@ -22,13 +22,25 @@
       >
       <slot name="card-under-header"/>
     </div>
+
+    <div
+      id="card-inner-header"
+      v-if="hasInnerHeader"
+      style="z-index: 100;"
+      >
+      <q-resize-observer @resize="onInnerHeaderResize"/>
+      <slot name="card-inner-header"/>
+    </div>
     
     <pn-shadow-scroll
-      :height="cardHeight"
+      ref="shadowScrollRef"
+      :height="cardHeight - innerHeaderHeight"
       :topOffset="headerHeight"
       :bottomOffset
       v-bind="$attrs"
       class="overflow-hidden"
+      @focusin="onFocusIn"
+      @editor-cursor-update="onEditorCursorUpdate"
       >
       <slot/>
     </pn-shadow-scroll>
@@ -58,7 +70,9 @@
 </template>
 
 <script setup lang="ts">
-  import { useSlots, computed, ref, onMounted } from 'vue'
+  import { useSlots, computed, ref, onMounted, getCurrentInstance  } from 'vue'
+  const app = getCurrentInstance()
+  const isMobile = app?.appContext.config.globalProperties.$isMobile
 
   const props = withDefaults(defineProps<{
     tabsSlotHeight?: number
@@ -70,12 +84,14 @@
 
   const slots = useSlots()
   const hasHeader = computed(() => !!slots['card-header'])
+  const hasUnderHeader = computed(() => !!slots['card-under-header'])
+  const hasInnerHeader = computed(() => !!slots['card-inner-header'])
   const hasActions = computed(() => !!slots['card-actions'])
   const hasFAB = computed(() => !!slots['card-fab'])
-  const hasUnderHeader = computed(() => !!slots['card-under-header'])
 
   const cardHeight = ref(0)
   const headerHeight = ref(16)
+  const innerHeaderHeight = ref(0)
   const actionsHeight = ref(0)
   
   interface sizeParams {
@@ -91,6 +107,10 @@
     headerHeight.value = size.height
   }
 
+  function onInnerHeaderResize (size: sizeParams) {
+    innerHeaderHeight.value = size.height
+  }
+
   function onActionsResize (size: sizeParams) {
     actionsHeight.value = size.height
   }
@@ -111,6 +131,55 @@
     return Math.max(props.tabsSlotHeight, actionsHeight.value, tgInsetBottom.value)
   })
 
+  // smart scroll only for page with editable content
+  const shadowScrollRef = ref()
+
+  function onFocusIn(e: FocusEvent) {
+    if (!isMobile) return
+    const target = e.target as HTMLElement
+    
+    if (!['INPUT', 'TEXTAREA'].includes(target.tagName)) return
+    const viewport = shadowScrollRef.value?.$el?.querySelector('.q-scrollarea__container') as HTMLElement
+    if (!viewport) return
+
+    setTimeout(() => {
+      const field = target.closest('.q-field') as HTMLElement || target
+      
+      const fieldRect = field.getBoundingClientRect()
+      const viewportRect = viewport.getBoundingClientRect()
+      
+      const fieldBottomRelative = fieldRect.bottom - viewportRect.top
+      const marginBottom = 0
+      const availableHeight = viewport.offsetHeight - actionsHeight.value - marginBottom
+
+      if (fieldBottomRelative > availableHeight) {
+        const scrollDiff = fieldBottomRelative - availableHeight
+        viewport.scrollTo({
+          top: viewport.scrollTop + scrollDiff,
+          behavior: 'smooth'
+        })
+      }
+    }, 1000) // fix apple slow keyboard
+  }
+
+  function onEditorCursorUpdate(e: Event) {
+    if (!isMobile) return
+    const coords = (e as CustomEvent).detail as { top: number, bottom: number } | null
+    if (!coords) return
+
+    const scrollEl = shadowScrollRef.value?.$el
+    const viewport = scrollEl?.querySelector('.q-scrollarea__container') as HTMLElement
+    if (!viewport) return
+
+    const viewportRect = viewport.getBoundingClientRect()
+    const cursorBottomRelativeToViewport = coords.bottom - viewportRect.top
+    const visibleThreshold = viewport.offsetHeight - actionsHeight.value
+
+    if (cursorBottomRelativeToViewport > visibleThreshold) {
+      const scrollDiff = cursorBottomRelativeToViewport - visibleThreshold
+      viewport.scrollBy({ top: scrollDiff, behavior: 'smooth' })
+    }
+  }
 </script>
 
 <style scoped>
diff --git a/src/components/pnPageWrapper.vue b/src/components/pnPageWrapper.vue
index 66b1a7e..6f28638 100644
--- a/src/components/pnPageWrapper.vue
+++ b/src/components/pnPageWrapper.vue
@@ -1,19 +1,19 @@
 <template>
   <div
     id="page-wrapper"
-    class="w100 relative-position column no-wrap"
+    class="w100 relative-position column no-wrap no-scroll overflow-hidden"
     style="height: 100vh;"
     >
     <div
-      id="tg-area-inset-top" 
-      style="height: var(--tg-safe-area-inset-top)"
+      id="tg-area-inset-top"
+      style="height: var(--tg-safe-area-inset-top) !important; flex-shrink: 0;"
     />
     <div
       id="tg-safe-area" 
       class="flex justify-center items-center overflow-hidden"
-      style="height: var(--tg-content-safe-area-inset-top)"
+      style="height: var(--tg-content-safe-area-inset-top) !important; flex-shrink: 0;"
       >
-      <baseLogo text-color="white" :withBackground="false" :animated="false"/>
+      <base-logo text-color="white" :withBackground="false" :animated="false"/>
     </div>
     <div
       class="flex items-center justify-between q-ma-none q-py-none q-px-md text-white text-h6 no-scroll no-wrap w100"
@@ -46,6 +46,7 @@
 
   const slots = useSlots()
   const hasTabs = computed(() => !!slots.tabs)
+
 </script>
 
 <style scoped>
diff --git a/src/components/pnTabs.vue b/src/components/pnTabs.vue
new file mode 100644
index 0000000..9d2d828
--- /dev/null
+++ b/src/components/pnTabs.vue
@@ -0,0 +1,236 @@
+<template>
+  <pn-page-wrapper>
+    <template #title>
+      <slot name="title" />
+    </template>
+    <q-tab-panels
+      id="tab-panels"
+      v-model="tabSelect"
+      keep-alive
+      class="bg-transparent w100"
+      style="flex-grow: 1;"
+      >
+      <q-tab-panel
+        v-for="tab in tabs"
+        :key="tab.name"
+        :name="tab.name"
+        class="q-pa-none column w100"
+        >
+        <router-view :tabsSlotHeight/>
+      </q-tab-panel>
+    </q-tab-panels>
+
+    <template #tabs>
+      <div class="q-pa-none q-ma-none">
+        <q-resize-observer @resize="onTabsSlotResize"/>
+        <div class="q-py-md q-px-md overflow-hidden rounded-fix">
+          <div style="height: 0px;" class="row no-wrap no-pointer-events overflow-hidden">
+            <div
+              v-for="(tab, idx) in tabs"
+              :key="idx"
+              class="text-caption text-bold"
+              >
+              <q-resize-observer @resize="val => onTabResize(val, idx)"/>
+              {{ $t(tab.label) }}
+            </div>
+          </div>
+
+          <div
+            id="tabs-wrapper"
+            class="bg-white shadow-tg rounded-fix"
+            :style="minWidthTab"
+            >
+            <q-tabs
+              v-model="tabSelect"
+              dense
+              align="center"
+              id="tabs"
+              :breakpoint="0"
+              class="w100 text-grey-7 "
+              style="z-index: 1000;"
+              >
+              <q-route-tab
+                v-for="tab in tabs"
+                :to="{ name: tab.name }"
+                :name="tab.name"
+                :key="tab.name"
+                :ripple="false"
+                no-caps
+                dense
+                :class="tabSelect === tab.name ? 'active' : ''"
+                >
+                <div class="column items-center">
+                  <q-icon :name="tab.icon + (tabSelect === tab.name ? '' : '-outline')" :size="config?.icon"/>
+                  <span
+                    v-if="config?.showLabel"
+                    class="text-caption tab-label text-bold"
+                    >
+                    {{ $t(tab.label) }}
+                  </span>
+                </div>
+              </q-route-tab>
+              <q-resize-observer @resize="size => tabsWidth = size.width" />
+            </q-tabs>
+          </div>
+          <div class="bg-transparent"
+            style="height: var(--tg-safe-area-inset-bottom)"
+          />
+        </div>
+      </div>
+      
+    </template>
+  </pn-page-wrapper>
+</template>
+
+<script setup lang="ts">
+  import { ref, onBeforeMount, computed } from 'vue'
+  import { useRoute } from 'vue-router'
+
+  const route = useRoute()
+
+  interface Tab {
+    name: string
+    label: string
+    icon: string
+  }
+  
+  const props = defineProps<{
+    tabs: Tab[]
+  }>()
+
+  const tabSelect = ref<string>()
+
+  onBeforeMount(() => {
+    const initialTab = props.tabs.find(t => t.name === route.name)?.name || props.tabs[0]?.name || ''
+    tabSelect.value = initialTab
+  })
+
+  const tabsSlotHeight = ref(0)
+  
+  interface sizeParams {
+    height: number,
+    width: number
+  }
+
+  function onTabsSlotResize(size: sizeParams) {
+    tabsSlotHeight.value = size.height
+  }
+
+  // hidden icon name if overflow - with resize-observer
+  const tabsWidth = ref(0)
+  const widthTabLabel = ref(new Array(props.tabs.length).fill(0))
+  
+  function onTabResize (size: sizeParams, idx: number) {
+    if (size.width) widthTabLabel.value[idx] = size.width
+  }
+
+  const config = computed(() => {
+    const ICON_SM = 24
+    const ICON_MD = 32
+    
+    const availableWidth = tabsWidth.value - 2 * 8
+
+    const variants = [
+      { icon: 'sm', gap: 16, showLabel: true },
+      { icon: 'sm', gap: 8,  showLabel: true },
+      { icon: 'md', gap: 16, showLabel: false },
+      { icon: 'md', gap: 8,  showLabel: false },
+      { icon: 'sm', gap: 16, showLabel: false },
+      { icon: 'sm', gap: 8,  showLabel: false }
+    ] as const
+
+    for (const v of variants) {
+      const iconW = v.icon === 'sm' ? ICON_SM : ICON_MD
+      let totalNeeded = 0
+      
+      props.tabs.forEach((_, idx) => {
+        const labelW = v.showLabel ? widthTabLabel.value[idx] : 0
+        const contentW = Math.max(iconW, labelW)
+        totalNeeded += contentW + (v.gap * 2)
+      })
+
+      if (totalNeeded <= availableWidth || v === variants[variants.length - 1]) {
+        return v
+      }
+    }
+    return variants[variants.length - 1]
+  })
+
+  const minWidthTab = computed(() => {
+    const activeIdx = props.tabs.findIndex(el => el.name === tabSelect.value)
+    const currentGap = config.value?.gap ?? 8
+    
+    const labelW = config.value?.showLabel ? widthTabLabel.value[activeIdx] : 0
+    const iconW = config.value?.icon === 'sm' ? 24 : 32
+    const activeContentWidth = Math.max(labelW, iconW)
+
+    const PADDING_AROUND = 3
+
+    return {
+      '--current-gap': `${currentGap}px`,
+      '--min-width-tab': '1px',
+      '--active-tab-width': (activeContentWidth + 16 * 2) + 'px',
+      '--tabs-height': tabsSlotHeight.value - 32 - PADDING_AROUND * 2 + 'px',
+      '--padding-around': PADDING_AROUND + 'px'
+    }
+  })
+</script>
+
+<style scoped lang="scss">
+  #tabs-wrapper {
+    padding: var(--padding-around);
+  }
+
+  #tabs :deep(.q-tabs__content) {
+    justify-content: space-evenly;
+    padding: 0 8px;
+  }
+  
+  #tabs :deep(.q-tab) {
+    padding: 0 var(--current-gap);
+  }
+
+  #tabs :deep(.active) {
+    color: var(--q-primary)
+  }
+ 
+  #tabs :deep(.q-router-link--active .q-tab__indicator) {
+    height: calc(var(--tabs-height) - var(--tg-safe-area-inset-bottom, 0px));
+    border-radius: calc(var(--tabs-height) / 2);
+    overflow: hidden;
+    opacity: 0.1;
+    background-color: var(--q-primary);
+  }
+
+  #tabs :deep(.q-focus-helper) {
+    border-radius: calc(var(--tabs-height) / 2);
+    top: var(--tabs-y-padding);
+    border: 0px;
+  }
+
+  #tabs :deep(.q-tabs__arrow) {
+    display: none;
+  }
+
+  #tabs :deep(.q-tab__content) {
+    min-width: var(--min-width-tab);
+    padding-top: 5px;
+    padding-bottom: 1px;
+  }
+
+  #tabs :deep(.q-tab__content .tab-label) {
+    margin-top: -2px;
+  }
+
+  #tabs :deep(.q-tab--active .q-tab__indicator) {
+    width: var(--active-tab-width);
+    right: inherit;
+    left: inherit;
+  }
+
+  #tabs :deep(.q-focus-helper) {
+    width: calc(100% - var(--current-gap) * 2 + 32px) !important;
+    left: calc(var(--current-gap) - 16px);
+  }
+  
+</style>
diff --git a/src/components/projectBlock.vue b/src/components/projectBlock.vue
index 2a7dae0..495a29e 100644
--- a/src/components/projectBlock.vue
+++ b/src/components/projectBlock.vue
@@ -78,10 +78,11 @@
 
 <script setup lang="ts">
   import { ref, reactive, onMounted } from 'vue'
+  import pnImageSelector from 'components/pnImageSelector.vue'
   import { useInputRules } from 'composables/useInputRules'
-  import type { ProjectParams } from 'types/Project'
   import { removeNullKeys, getFieldValue } from 'utils/helpers'
-
+  import type { ProjectParams } from 'types/Project'
+  
   const { inputRules } = useInputRules()
 
   const props = defineProps<{
@@ -103,12 +104,19 @@
   const isFormValid = ref(false)
 
   function onSubmit() {
+    const { logo, name, description, chat_info } = projectMod
+    let logoValue: string | null | undefined = undefined
+
+    if (typeof logo === 'string' && logo.startsWith('data:image')) logoValue = logo
+    if (logo === null) logoValue = null
+
     const outData = {
-      name: projectMod.name,
-      description: getFieldValue(projectMod.description, props.project?.description),
-      chat_info: getFieldValue(projectMod.chat_info, props.project?.chat_info),
-      logo: projectMod.logo !== '' ? projectMod.logo : null
+      name,
+      description: getFieldValue(description, props.project?.description),
+      chat_info: getFieldValue(chat_info, props.project?.chat_info),
+      ...(logoValue !== undefined && { logo: logoValue })
     }
+
     emit('update', removeNullKeys(outData, ['logo']))
   }
 
diff --git a/src/composables/useInputRules.ts b/src/composables/useInputRules.ts
index 3eb75cb..231b5b0 100644
--- a/src/composables/useInputRules.ts
+++ b/src/composables/useInputRules.ts
@@ -1,7 +1,6 @@
 
 import { useI18n } from 'vue-i18n'
 
-
 export const useInputRules = () => {
 
   const { t } = useI18n()
@@ -11,8 +10,10 @@ export const useInputRules = () => {
       require: (val: string) => !!val?.trim() || t('input_rules__require'),
       email: (val: string) => /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(val) || t('input_rules__incorrect_email'),
       password: (val: string) => val.length >= 8 || t('input_rules__password_require'),
-      middleText: (val: string) => val.length <= 60 || t('input_rules__middle_text'),
-      longText: (val: string) => val.length <= 250 || t('input_rules__long_text')
+      middleText: (val: string) => !val || val.length <= 60 || t('input_rules__middle_text'),
+      longText: (val: string) => !val || val.length <= 250 || t('input_rules__long_text'),
+      editorText: (val: string) => !val || val.length <= 7800 || t('input_rules__editor_text'),
+      editorPlainText: (val: string) => !val || val.length <= 3800 || t('input_rules__editor_text')
     }
   }
 }
diff --git a/src/css/app.scss b/src/css/app.scss
index 77049a2..f9062b8 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -7,14 +7,6 @@
   background: $brand !important;
 }
 
-.text-brand2 {
-  color: $brand2 !important;
-}
-  
-.bg-brand2 {
-  background: $brand2 !important;
-}
-
 .bg-base {
   background: $base-bg !important;
 }
@@ -39,6 +31,10 @@ body, html, #q-app {
   -moz-osx-font-smoothing: grayscale;
 }
 
+#q-app {
+  height: 100vh;
+}
+
 * {
   font-family: inherit;
 }
@@ -50,24 +46,19 @@ body, html, #q-app {
   --dynamic-font-size: 16px;
 }
 
-#q-app {
-  padding-bottom: env(safe-area-inset-bottom, 0);
-  padding-bottom: constant(safe-area-inset-bottom, 0); // Для старых iOS
-}
-
 body {
   overflow: hidden !important;
 }
 
 .main-content {
-  max-width: 600px;
+  max-width: var(--body-width);
   margin: 0 auto;
 }
 
-.fix-fab-offset {
-  margin-right: calc(max((100vw - var(--body-width))/2, 0px) + 18px) !important;
+.projects-header {
+  background-color: #eee;
 }
-  
+
 .top-rounded-card {
   border-top-left-radius: var(--top-radius) !important;
   border-top-right-radius: var(--top-radius) !important;
@@ -91,15 +82,10 @@ body {
 .orline:after {
   content: "";
   flex: 1 1;
-  border-bottom: 1px solid grey;
+  border-bottom: 1px solid;
   margin: auto;
 }
 
-@font-face {
-  font-family: 'myFont';
-  src: url(./fonts/Inter-Regular.woff2);
-}
-
 .fix-disabled-btn.q-btn[disabled]:not(.q-btn--flat) {
   background-color: $grey-5 !important;
   opacity: 1 !important;
@@ -109,3 +95,82 @@ body {
   color: $grey-9 !important;
   opacity: 1;
 }
+
+.q-field--filled .q-field__control:after {
+  height: 1px !important
+}
+
+.q-field--filled.q-field--focused .q-field__control::before {
+  background: $grey-4 !important;
+  opacity: 1 !important;
+}
+
+.q-field--filled.q-field--error .q-field__control::before {
+  background: $grey-2;
+  opacity: 1 !important;
+}
+
+.shadow-tg {
+  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 0 16px -4px rgba(0, 0, 0, 0.08) !important;
+}
+
+@font-face {
+  font-family: 'myFont';
+  src: url(./fonts/Inter-Regular.woff2);
+}
+
+.pn-icon {
+  font-family: 'pn-icon';
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'pn-icon';
+  src: url(./fonts/pn.woff) format("woff")
+}
+
+.icon-file-default:before {
+  content: "\e900";
+}
+.icon-file-doc:before {
+  content: "\e901";
+}
+.icon-file-xls:before {
+  content: "\e902";
+}
+.icon-file-ppt:before {
+  content: "\e903";
+}
+.icon-file-vsd:before {
+  content: "\e904";
+}
+.icon-file-pdf:before {
+  content: "\e905";
+}
+.icon-file-archive:before {
+  content: "\e906";
+}
+.icon-file-img:before {
+  content: "\e907";
+}
+.icon-file-dwg:before {
+  content: "\e908";
+}
+.icon-file-skp:before {
+  content: "\e909";
+}
+.icon-file-ttf:before {
+  content: "\e90a";
+}
+.icon-file-txt:before {
+  content: "\e90b";
+}
+.icon-file-audio:before {
+  content: "\e90c";
+}
+.icon-file-video:before {
+  content: "\e90d";
+}
+.icon-file-code:before {
+  content: "\e90e";
+}
diff --git a/src/css/fonts/pn.eot b/src/css/fonts/pn.eot
new file mode 100644
index 0000000..5ac9bdd
Binary files /dev/null and b/src/css/fonts/pn.eot differ
diff --git a/src/css/fonts/pn.svg b/src/css/fonts/pn.svg
new file mode 100644
index 0000000..c139986
--- /dev/null
+++ b/src/css/fonts/pn.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="pn" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="file-default" d="M128 960c-35.456 0-64-28.544-64-64v-896c0-35.456 28.544-64 64-64h768c35.456 0 64 28.544 64 64v704l-256 256z" />
+<glyph unicode="&#xe901;" glyph-name="file-doc" d="M128 960c-35.456 0-64-28.544-64-64v-896c0-35.456 28.544-64 64-64h768c35.456 0 64 28.544 64 64v704l-256 256h-576zM188.75 721h112.125l73.875-387.75 90 387.75h95.25l89.625-388.5 73.5 388.5h112.125l-121.125-546h-113.25l-88.875 365.25-88.875-365.25h-113.25l-121.125 546z" />
+<glyph unicode="&#xe902;" glyph-name="file-xls" d="M128 960c-35.456 0-64-28.544-64-64v-896c0-35.456 28.544-64 64-64h768c35.456 0 64 28.544 64 64v704l-256 256h-576zM128 721h129.375l102.375-188.25 102.375 188.25h129.375l-159-270.75 163.125-275.25h-130.875l-105 191.25-105-191.25h-130.875l163.125 275.25-159 270.75zM640 512h128v-64h-128v64zM832 512h64v-64h-64v64zM640 384h128v-64h-128v64zM832 384h64v-64h-64v64zM640 256h128v-64h-128v64zM832 256h64v-64h-64v64z" />
+<glyph unicode="&#xe903;" glyph-name="file-ppt" d="M128 960c-35.456 0-64-28.544-64-64v-896c0-35.456 28.544-64 64-64h768c35.456 0 64 28.544 64 64v704l-256 256h-576zM129.75 721.688h213c41 0 77-7.5 108-22.5 31.25-15 55.25-36.375 72-64.125 16.75-27.5 25.125-58.875 25.125-94.125 0-53.5-18.375-95.75-55.125-126.75-36.5-30.75-87.125-46.125-151.875-46.125h-98.625v-192.375h-112.5v546zM242.25 630.563v-171.375h100.5c29.75 0 52.375 7 67.875 21 15.75 14 23.625 34 23.625 60 0 26.75-7.875 48.375-23.625 64.875s-37.5 25-65.25 25.5h-103.125zM733.813 512c0.946-0.020 1.71-0.043 2.473-0.071l-0.286 0.008v-157h160v-2.938c0-0.001 0-0.001 0-0.002 0-88.102-71.208-159.572-159.21-159.998h-0.040c-0.206-0.001-0.45-0.002-0.694-0.002-87.861 0-159.181 70.818-159.993 158.487l-0.001 0.077c-0.004 0.432-0.007 0.942-0.007 1.453 0 87.577 70.361 158.72 157.638 159.983l0.119 0.001zM804.875 496.25c32.147-15.624 57.664-40.678 73.455-71.534l0.42-0.903h-73.875v72.437z" />
+<glyph unicode="&#xe904;" glyph-name="file-vsd" d="M128 960c-35.456 0-64-28.544-64-64v-896c0-35.456 28.544-64 64-64h768c35.456 0 64 28.544 64 64v704l-256 256h-576zM130.25 721h124.875l123-410.625 123.75 410.625h125.25l-190.125-546h-117.375l-189.375 546zM815.875 500.563l67.875-67.875-51.75-51.75v-156.937h-96v-32h-96v96h96v-32h64v124.687l-35.375 35.313h-124.625v32h123.25l52.625 52.562z" />
+<glyph unicode="&#xe905;" glyph-name="file-pdf" d="M128 960c-35.456 0-64-28.544-64-64v-896c0-35.456 28.544-64 64-64h768c35.456 0 64 28.544 64 64v704l-256 256h-576zM478.938 808.563c5.033-0.186 9.623-1.208 13.375-3.125 15.626-7.972 26.459-25.664 31.312-51.25 6.833-36.023 2.358-66.338-22-149.875-4.758-16.32-8.625-31.461-8.625-33.625 0-8.292 18.944-46.781 35.813-72.687 28.642-43.989 67.322-83.572 111.187-113.813 11.914-8.366 14.397-9.187 22.5-9.187 5.003 0 13.104 1.007 18 1.687 46.416 8.808 134.839 12.372 162.562 6.562 28.48-5.977 46.195-18.296 51.25-35.687 2.925-10.057 2.008-20.229-2.125-23.687-2.005-1.67-3.791-0.673-9.062 5-20.394 21.952-55.131 26.519-148.75 19.687-12.554-0.92-25.929-2.238-29.75-2.75l-6.938-0.875 4.313-3.562c5.88-4.867 39.111-20.504 60.25-28.375 26.098-9.711 42.045-13.415 64.375-14.438 22.362-1.141 34.615 1.192 48.5 9.25 14.524 8.43 17.263 3.106 5.813-11.375-8.362-10.597-21.344-19.616-35.938-25-9.085-3.288-14.163-3.946-36.875-4-23.206-0.085-28.555 0.508-44.938 4.75-37.601 9.754-84.275 31.375-129.812 60.125-6.834 4.361-8.648 4.539-18.25 3.687-25.362-2.588-99.908-18.034-137.75-28.562-55.516-15.408-94.889-27.774-99-31.062-1.414-1.141-4.954-6.452-7.813-11.75-24.864-46.23-62.903-99.388-91.75-128.187-19.778-19.749-34.872-30.812-55.375-40.625v-0.313c-13.538-6.713-16.602-7.194-31.187-7.875-14.061-0.596-17.442-0.129-26 3.5-20.293 8.587-30.624 17.985-35.875 32.875-3.946 11.185-3.157 17.609 3.625 31.187 13.429 26.843 54.267 58.31 117.5 90.563 26.963 13.732 34.312 15.957 34.312 10.25 0-4.341-8.271-11.66-29-25.75-56.875-38.655-88.952-76.293-94.75-111.125-1.45-8.757-0.465-9.134 10.125-3.75 24.522 12.444 59.103 46.529 96.937 95.5 61.876 80.087 157.92 251.5 181.875 324.562l3.562 10.75-9.687 33.313c-5.316 18.345-12.079 43.648-15.062 56.187-2.985 12.546-6.205 26.008-7.125 29.875-0.918 3.862-2.836 15.283-4.25 25.437-7.955 57.012-4.335 81.411 14.75 100 11.658 11.372 30.651 18.122 45.75 17.562zM480.063 781.563c-3.266-1.251-9.423-15.54-11.875-27.5-5.113-24.947-0.997-81.847 9.125-125.813 2.022-8.791 3.971-15.937 4.312-15.937 1.031 0 16.012 48.395 22 71.062 4.625 17.487 5.624 24.503 5.75 41.25 0.138 18.596-0.278 21.102-4.875 31.187-5.501 12.079-20.071 27.573-24.438 25.75zM471.687 516.125c-0.644-0.698-3.187-7.595-5.625-15.312-14.534-46.051-44.809-124.79-65.5-170.313-6.14-13.507-11.187-25.194-11.187-25.875 0-2.487 3.984-1.318 37.562 10.813 59.798 21.605 87.644 29.965 132.687 40 16.458 3.663 29.934 7.238 29.938 7.75 0.003 0.579-7.223 8.118-16 16.688-33.633 32.844-66.928 76.91-91.625 121.187-5.005 8.978-9.603 15.743-10.25 15.062z" />
+<glyph unicode="&#xe906;" glyph-name="file-archive" d="M128 960c-35.456 0-64-28.544-64-64v-896c0-35.456 28.544-64 64-64h768c35.456 0 64 28.544 64 64v704l-256 256h-576zM224 896h64v-64h64v-64h-64v-64h64v-64h-64v-64h64v-64h-64v-64h-64v64h64v64h-64v64h64v64h-64v64h64v64h-64v64zM192 384h192v-320h-192v320zM256 256v-128h64v128h-64z" />
+<glyph unicode="&#xe907;" glyph-name="file-img" d="M128 960c-35.456 0-64-28.544-64-64v-896c0-35.456 28.544-64 64-64h768c35.456 0 64 28.544 64 64v704l-256 256h-576zM288 768c53.019 0 96-42.981 96-96 0 0 0 0 0 0v0c0-53.019-42.981-96-96-96 0 0 0 0 0 0v0c-53.019 0-96 42.981-96 96 0 0 0 0 0 0v0c0 53.019 42.981 96 96 96 0 0 0 0 0 0v0zM652.813 576l256-512h-768l153.562 409.625 153.625-204.812 204.813 307.187z" />
+<glyph unicode="&#xe908;" glyph-name="file-dwg" d="M128 960c-35.456 0-64-28.544-64-64v-896c0-35.456 28.544-64 64-64h768c35.456 0 64 28.544 64 64v704l-256 256h-576zM320 896h64v-192h64v-64h448v-64h-448v-64h-64v-512h-64v512h-64v64h-128v64h128v64h64v192zM320 640v-64h64v64h-64z" />
+<glyph unicode="&#xe909;" glyph-name="file-skp" d="M128 960c-35.456 0-64-28.544-64-64v-896c0-35.456 28.544-64 64-64h768c35.456 0 64 28.544 64 64v704l-256 256h-576zM586.938 816.625c1.815 0 13.221-8.748 36-27.625 6.673-5.532 15.558-12.853 19.75-16.25 8.147-6.597 47.682-38.903 70.625-57.75 7.654-6.283 22.133-18.209 32.187-26.437 10.052-8.222 25.014-20.512 33.313-27.312 8.297-6.796 19.127-15.658 24.062-19.688 19.461-15.884 28.569-23.724 29.062-25.125 0.273-0.761-0.146-29.456-1.062-63.687-1.521-58.979-2.655-112.105-5.125-252.75-0.645-33.687-1.389-62.35-1.813-63.687-0.383-1.331-1.973-2.75-3.438-3.188-1.451-0.383-6.92-2.636-12.187-4.812s-18.451-7.426-29.313-11.688c-10.863-4.258-28.933-11.338-40.125-15.75-11.191-4.42-26.258-10.344-33.5-13.188-7.244-2.842-24.722-9.783-38.875-15.375-14.152-5.589-33.518-13.261-43.062-17-30.058-11.78-92.454-36.4-100.562-39.688-4.278-1.74-15.053-5.935-23.938-9.375-8.889-3.441-20.187-7.941-25.125-9.937-23.729-9.632-43.385-16.938-45.375-16.938-1.365 0-9.235 8.076-20.625 21.187h0.062c-10.126 11.653-22.235 25.516-26.875 30.813-4.638 5.304-16.441 18.747-26.187 29.938-9.748 11.192-22.467 25.792-28.25 32.375-25.475 28.995-45.119 51.532-48.437 55.562-1.977 2.405-11.095 12.89-20.312 23.313-22.424 25.361-37.972 43.403-40.312 46.938-1.347 2.034-2.111 7.073-2.625 16.938-0.282 7.718-1.532 25.363-2.5 39.187-0.956 13.824-2.086 30.245-2.5 36.5-0.381 6.255-0.966 14.021-1.188 17.313-0.191 3.298-0.98 15.121-1.625 26.313-2.49 42.216-5.421 87.646-8.625 132.312-1.295 18.104-2.855 42.882-3.5 55.063-0.646 12.178-1.75 28.835-2.375 37.063-0.433 5.703-0.608 9.541-0.562 12.062 0.051 2.521 0.298 3.735 0.812 4.25 0.756 0.761 18.683 6.543 39.75 12.875 21.064 6.34 47.262 14.238 58.125 17.562 10.863 3.327 24.809 7.556 31.063 9.438 6.255 1.882 33.744 10.269 61.062 18.625s68.817 20.973 92.187 28.062c23.368 7.091 57.713 17.565 76.313 23.25 18.601 5.684 34.627 10.312 35.625 10.312zM579.313 805.438c-2.939 0.435-6.327-0.46-12.438-2.438-2.804-0.95-11.538-3.648-19.438-6.062s-21.084-6.462-29.313-9c-8.232-2.548-40.839-12.533-72.438-22.187s-64.441-19.673-73-22.312c-8.554-2.643-17.211-5.266-19.187-5.875-1.968-0.665-10.57-3.251-19.125-5.875-17.19-5.256-53.95-16.487-88-26.937-12.178-3.736-27.283-8.383-33.625-10.312-12.1-3.659-14.847-5.528-13.688-9.188 1.161-3.631 57.506-58.933 60.062-58.937 1.261-0.003 12.492 3.239 25 7.25 24.333 7.785 38.336 12.217 64 20.25 8.889 2.785 23.426 7.416 32.313 10.25 8.889 2.833 26.43 8.37 38.938 12.313 12.508 3.945 34.874 11.085 49.687 15.812 32.784 10.461 47.167 14.922 57.375 17.875l7.812 2.25 3.625-2.75c1.986-1.512 5.21-4.354 7.187-6.312 1.975-1.949 15.393-13.702 29.875-26.125 14.481-12.425 26.67-22.922 27-23.312 0.645-0.761 40.136-35.363 56.75-49.75 37.902-32.809 37.856-32.75 41.813-32.75 2.129 0 8.376 1.527 13.938 3.438 5.551 1.91 29.036 9.93 52.125 17.812 23.088 7.869 43.128 14.922 44.562 15.687 5.19 2.785 2.806 6.276-12.875 18.688-4.161 3.298-12.737 10.337-19.062 15.625-12.235 10.221-83.14 68.893-91.75 75.937-2.813 2.31-10.158 8.331-16.313 13.375-6.16 5.038-20.075 16.478-30.938 25.5-19.222 15.965-35.298 29.302-51.187 42.375-4.272 3.517-6.749 5.253-9.687 5.688zM527 567.875c-6.242-0.992-23.435-6.689-79.125-25.313-43.988-14.71-99.956-33.425-124.313-41.562-40.53-13.542-47.25-16.305-47.25-19.75 0-0.665 7.978-9.282 17.688-19.312 9.706-10.031 23.278-24.248 30.125-31.625 6.854-7.376 13.26-13.667 14.313-14 1.055-0.286 17.006 4.551 35.438 10.875 18.432 6.331 40.209 13.814 48.438 16.625 8.232 2.814 23.593 8.16 34.125 11.875 10.533 3.717 20.339 6.619 21.812 6.438 1.572-0.189 10.5-8.044 21.563-18.938 49.844-49.087 58.673-57.437 60.938-57.437 1.295 0 6.133 1.34 10.687 2.937 7.871 2.757 12.476 4.38 44.812 16.188 16.581 6.055 22.089 8.055 37.688 13.5 22.143 7.747 24.322 8.988 22.687 13.25-0.272 0.857-5.863 6.32-12.25 12.125-19.527 17.729-37.184 34.12-51.688 48-7.604 7.281-20.817 19.618-29.375 27.437-8.555 7.823-23.245 21.574-32.688 30.5-9.448 8.925-18.463 16.991-20 17.938-0.655 0.403-1.544 0.58-3.625 0.25zM475.187 318.063l-5.75-1.375c-3.173-0.766-13.050-4.033-21.938-7.312-44.493-16.44-76.602-28.132-81.687-29.813-3.117-1.044-6.593-2.846-7.688-4.062-1.842-2.034-1.76-2.401 0.25-5.5 3.051-4.677 50.353-57.225 57.687-64.062l6.125-5.625 4.5 1.625c2.519 0.947 23.164 8.686 45.875 17.25 58.911 22.225 63.765 24.060 65.5 25.5 4.154 3.46 1.78 6.731-24.5 33.625-14.322 14.658-28.783 29.592-32.187 33.187l-6.188 6.562z" />
+<glyph unicode="&#xe90a;" glyph-name="file-ttf" d="M128 960c-35.456 0-64-28.544-64-64v-896c0-35.456 28.544-64 64-64h768c35.456 0 64 28.544 64 64v704l-256 256h-576zM192 768h320v-64h-128v-384h-64v384h-128v64zM512 576h320v-64h-128v-384h-64v384h-128v64z" />
+<glyph unicode="&#xe90b;" glyph-name="file-txt" d="M128 960c-35.456 0-64-28.544-64-64v-896c0-35.456 28.544-64 64-64h768c35.456 0 64 28.544 64 64v704l-256 256h-576zM292.188 694h92.625l181.687-485.312h-106.313l-33.687 100h-175.312l-33.375-100h-106.312l180.687 485.312zM753.187 576c44.444 0 79.625-11.243 105.625-33.687 26.222-22.222 39.375-53.556 39.375-94v-156.313c0.222-34.222 4.979-60.132 14.313-77.687v-5.625h-97.313c-4.444 8.667-7.687 19.424-9.687 32.313-23.333-26-53.667-39-91-39-35.333 0-64.667 10.243-88 30.687-23.111 20.444-34.687 46.201-34.687 77.313 0 38.222 14.153 67.556 42.375 88 28.444 20.444 69.444 30.778 123 31h44.313v20.687c0 16.667-4.333 30-13 40-8.444 10-21.868 15-40.313 15-16.222 0-29.042-3.91-38.375-11.687-9.111-7.778-13.625-18.444-13.625-32h-96.375c0 20.889 6.486 40.222 19.375 58s31.069 31.687 54.625 41.687c23.556 10.222 50.042 15.313 79.375 15.313zM338.5 571.313l-60.312-181.625h121.312l-61 181.625zM765.5 372.688c-48.222 0-73.889-16.667-77-50l-0.313-5.687c0-12 4.181-21.91 12.625-29.687s20.021-11.625 34.687-11.625c14.222 0 27.313 3.090 39.313 9.313 12 6.444 20.91 15.021 26.687 25.687v62h-36z" />
+<glyph unicode="&#xe90c;" glyph-name="file-audio" d="M128 960c-35.456 0-64-28.544-64-64v-896c0-35.456 28.544-64 64-64h768c35.456 0 64 28.544 64 64v704l-256 256h-576zM799.937 736v-377.312c1.071-26.653-25.792-59.237-67.251-80.562l-0.374-0.188c-2.538-1.311-5.523-2.755-8.576-4.137-50.502-22.867-101.501-20.708-118.419 3.935l-0.129 0.202c-0.931 1.348-1.854 2.985-2.635 4.71-12.413 27.415 15.658 67.296 63.483 92.211l0.402 0.204c2.75 1.436 5.985 3.010 9.3 4.51 26.201 11.864 52.535 16.991 74.175 15.738l-0.037 0.002v222.5l-325.562-50.313v-306.687c1.048-26.661-25.837-59.248-67.316-80.564l-0.372-0.186c-2.515-1.298-5.474-2.728-8.498-4.098-50.518-22.874-101.533-20.707-118.435 3.959l-0.128 0.202c-0.937 1.355-1.867 3-2.652 4.734-12.409 27.406 15.639 67.269 63.436 92.186l0.404 0.205c2.72 1.418 5.92 2.973 9.197 4.457 26.266 11.893 52.666 17.017 74.336 15.728l-0.034 0.002v372.812l425.688 65.75z" />
+<glyph unicode="&#xe90d;" glyph-name="file-video" d="M128 960c-35.456 0-64-28.544-64-64v-896c0-35.456 28.544-64 64-64h768c35.456 0 64 28.544 64 64v704l-256 256h-576zM507.625 768c1.3 0.019 2.835 0.030 4.371 0.030 174.697 0 316.696-139.992 319.937-313.914l0.004-0.303 0.062-5.813c0-0.003 0-0.006 0-0.010 0-176.224-142.451-319.177-318.485-319.99h-0.078c-0.433-0.002-0.945-0.003-1.458-0.003-175.698 0-318.323 141.602-319.979 316.909l-0.001 0.157c-0.009 0.884-0.014 1.928-0.014 2.974 0 175.196 140.794 317.508 315.408 319.961l0.231 0.003zM324.313 675.563v-455.125l472.125 227.562-472.125 227.562z" />
+<glyph unicode="&#xe90e;" glyph-name="file-code" d="M128 960c-35.456 0-64-28.544-64-64v-896c0-35.456 28.544-64 64-64h768c35.456 0 64 28.544 64 64v704l-256 256h-576zM552.875 576h32.813l-133.75-512h-32.25l133.187 512zM375.25 485.438v-49.562l-169.75-108.688 169.75-108.75v-49.562l-215.25 141.187v34.188l215.25 141.187zM648.75 485.438l215.25-141.187v-34.188l-215.25-141.187v49.562l169.75 108.75-169.75 108.688v49.562z" />
+</font></defs></svg>
\ No newline at end of file
diff --git a/src/css/fonts/pn.ttf b/src/css/fonts/pn.ttf
new file mode 100644
index 0000000..1078b5d
Binary files /dev/null and b/src/css/fonts/pn.ttf differ
diff --git a/src/css/fonts/pn.woff b/src/css/fonts/pn.woff
new file mode 100644
index 0000000..432f8d6
Binary files /dev/null and b/src/css/fonts/pn.woff differ
diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index 0ec281a..7de16fe 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -13,7 +13,6 @@ $warning   : #F2C037;
 $lightgrey   : #DCDCDC;
 
 $brand: #419FD9;
-$brand2: #F36D3A;
 $base-bg: #517DA2;
 
 $tgcolor: #419FD9;
diff --git a/src/i18n/en-US/index.ts b/src/i18n/en-US/index.ts
index 1f29990..6a0173e 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',  close: 'Close',  cancel: 'Cancel',  code: 'Code',  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__or_continue_as: 'or continue as',  login__register: 'Create account',  login__register_title: 'Register',  projects__title: 'Projects',  projects__search: 'Search',  projects__show_archive: 'Show archive',  projects__hide_archive: 'Hide archive',  projects__dialog_archive_title: 'Archive project?',  projects__dialog_archive_message: 'Chat tracking will stop.',  projects__dialog_archive_message2: 'Chat data during archiving will be lost!',  projects__dialog_archive_ok: 'Archive',  projects__dialog_restore_title: 'Restore project?',  projects__dialog_restore_message: 'Chat tracking will resume.',  projects__dialog_restore_message2: 'Archive period data won\'t be recovered!',  projects__dialog_restore_ok: 'Restore',  projects__lets_start: 'Create a Project',  projects__lets_start_description: 'Projects isolate data: contacts, tasks, documents, and chats are visible only to members',  header__to_projects: 'Projects',  project__chats: 'Chats',  project__users: 'Team',  project__companies: 'Companies',  project_create__title_card: 'New project',  project_create__btn: 'Create',  project_edit__title_card: 'Edit project',  project_edit__btn: 'Apply',  project_block__project_name: 'Name',  project_block__project_description: 'Description',  project_block__project_chat_info: 'Pinned message in chats',  project_block__error_name: 'Field is required',  chats__search: 'Search',  chats__show_obsolete_chats: 'Show disabled and deleted chats',  chats__hide_obsolete_chats: 'Hide disabled and deleted chats',  chats__attach_dialog_title: 'Chat connection',  chats__attach_chat_private_title: 'Private Mode',  chats__attach_chat_private_title_description: 'No access to messages. Only sending notifications to chat',  chats__attach_private_chat: 'Add chat',  chats__attach_private_chat_description: 'You must have permission to add members to the chat',  chats__send_private_chat: 'Send request',  chats__send_private_chat_description: 'For a chat member with permission to add others',  chats__attach_chat_title: 'Full functionality',  chats__attach_chat_title_description: 'Access to chat messages is provided',  chats__attach_chat: 'Add chat',  chats__attach_chat_description: 'You must be the chat administrator',  chats__send_chat: 'Send request',  chats__send_chat_description: 'For the chat administrator',  chats_disabled_FAB: 'Adding chats is only available in the Telegram app',  chats__disable_add_chat: 'Unable to add chat — change your subscription plan or detach other chats',  chats__disable_add_chat_description: 'Upgrade your plan or remove several chats from tracking',  chats__send_chat_title: 'To connect the chat to app tgCrew, add the bot to it using the provided link:',  chats__dialog_unlink_title: 'Unlink chat?',  chats__dialog_unlink_message: 'Chat tracking will be discontinued.',  chats__dialog_unlink_message2: 'All tasks and meetings will be detached from this chat.',  chats__dialog_unlink_ok: 'Unlink',  chats__onboard_msg1: 'Attach chats to the project',  chats__onboard_msg2: 'Chat control is enabled from the moment of attachment',  chats__help_chat_type: 'Chat connection types',  chats__filters: 'Filters',  chats__filters_reset: 'Reset filters',  chats__filters_type: 'Chat connection type',  chats__filters_continue: 'Continue',  chat_card__title: 'Chat card',  chat_card__go_chat: 'Go to chat',  chat_card__members: 'Members',  chat_card__owner: 'Chat owner',  chat_page__user_blocked: 'Blocked',  chat__help_title: 'Chat connection types',  chat_type__label_no_access: 'Access Denied',  chat_type__description_no_access: 'Chat access is unavailable',  chat_type__label_notify: 'Notifications mode',  chat_type__description_notify: 'No access to chat messages',  chat_type__label_full: 'Full functionality',  chat_type__description_full: 'Access to chat messages granted',  chat_type__label_new: 'First Connection',  chat_type__description_new: 'App controls all its messages',  chat_type__label_reconnect: 'Reconnected',  chat_type__description_reconnect: 'Chat was reconnected. App can\'t manage its own messages sent before reconnection',  chat_type__label_detach: 'Disabled',  chat_type__description_detach: 'App doesn\'t manage the chat',  chat_type__label_delete: 'Deleted',  chat_type__description_delete: 'Chat deleted or bot removed. App doesn\'t manage the chat',  chat_type__dialog_func_title: 'In private mode, the following are not available:',  chat_type__dialog_func_point1: 'Tracking and backup of chat files',  chat_type__dialog_func_point2: 'Ability to remove user from chat if they left the project.',  chat_type__dialog_func_point3: 'Pinning informational messages.',  chat_type__dialog_administrator_rights: 'For full functionality, the bot requires administrator rights including "Ban user".',  users__search: 'Search',  users__show_blocked_users: 'Show Blocked',  users__hide_blocked_users: 'Hide Blocked',  users__show_left_users: 'Show Leavers (inactive)',  users__hide_left_users: 'Hide Leavers (inactive)',  users__dialog_block_title: 'Block Employee?',  users__dialog_block_message: 'System access will be disabled.',  users__dialog_block_message2: 'The employee will be removed from all chats (except those where they are the owner).',  users__dialog_block_ok: 'Block',  users__dialog_restore_title: 'Restore Employee?',  users__dialog_restore_message: 'System access will be restored.',  users__dialog_restore_message2: 'Add them to chats manually if required.',  users__dialog_restore_ok: 'Restore',  users__onboard_msg1: 'Project Contact List',  users__onboard_msg2: 'After attaching chats, members are imported automatically. You’ll need to define who is who',  user_edit__title_card: 'Edit employee',  user_edit__btn: 'Apply',  user_block__name: 'Name',  user_block__company: 'Company',  user_block__department: 'Department',  user_block__role: 'Role',  user_block__no_company: 'Not specified',  user_status__user_leave: 'Inactive',  user_status__user_pending: 'Consent pending',  companies__dialog_delete_title: 'Delete company?',  companies__dialog_delete_message: 'This action cannot be undone!',  companies__dialog_delete_message2: 'Company employees will be moved to \'No Company\'',  companies__dialog_delete_ok: 'Delete',  companies__mask: 'Cloaking',  companies__my_company: 'My company',  companies__onboard_msg1: 'Add Companies',  companies__onboard_msg2: 'Recommended for projects with employees from 3+ companies.',  company_add__title_card: 'Add company',  company_add__btn: 'Add',  company_edit__title_card: 'Edit company',  company_edit__btn: 'Apply',  company_edit__my_company: 'My company',  company_edit__my_company_hint: 'Form pre-filling is configured in Settings:',  company_edit__my_company_href: 'My company',  company_block__name: 'Name',  company_block__error_name: 'Field is required',  company_block__description: 'Description',  mask__title: 'Companies cloaking ',  mask__help_title: 'Cloaking ',  mask__help_message1: 'Cloaking conceals a company by making its personnel appear as if they belong to other companies, except those listed as "Visible"',  mask__help_message2: 'Use the Toggle to enable or disable cloaking. Configure exceptions using the "+" button.',  mask__info_block: 'Your company\'s employees will see all companies, regardless of the cloaking settings.',  mask__table_header_company: 'Company',  mask__table_header_visible: 'Visible',  mask__table_visible_none: 'None',  mask__table_visible_all: 'All',  mask__btn_ok: 'Apply',  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. 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__agreement: 'Agreements',  account_helper__agreement_btn: 'Agree',  account_helper__set_password: 'Set password',  account_helper__password: 'Password',  account_helper__finish: 'Finish',  account_helper__register_message1: 'Welcome!',  account_helper__forgot_password_message1: 'Password set!',  account_helper__change_password_message1: 'Password changed!',  account_helper__change_method_message1: 'Login method changed!',  account_helper__go_projects: 'Go to projects…',  account_change_email__title: 'Change account e-mail',  account_change_email__current_email: 'Current account e-mail',  account_change_email__email: 'E-mail',  account_change_email__confirm_current_email: 'Confirm current e-mail',  account_change_email__confirm_email_message: 'Enter the Code from e-mail to continue. If you haven\'t received an e-mail with the Code, check the Spam folder.',  account_change_email__code: 'Code',  account_change_email__code_error: 'Incorrect code. Ensure your e-mail is correct and try again.',  account_change_email__new_email: 'New account e-mail',  account_change_email__confirm_new_email: 'Confirm new e-mail',  account_change_email__set_password: 'Set password',  account_change_email__password: 'Password',  account_change_email__finish: 'Finish',  account_change_email__finish_after_message: 'Done!',  account_change_email__ok_message1: 'The email address has been successfully updated!',  account_change_email__ok_message2: 'Go to Settings…',  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 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: 'Detached',  account__chats_free: 'Free',  account__chats_total: 'Total',  account__subscribe: 'Subscription',  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: 'My company',  account__company_data_description: 'The description will be automatically added to your company list for new projects.',  account__manual: 'Guides',  account__manual_description: 'Go to our Telegram channel with video tutorials.',  account__settings: 'App Parametrs',  account__settings_description: 'Text size, language, and more.',  account__support: 'Support',  account__support_description: 'Need help? Contact us!',  account__3rd_party_software_description: 'List of third-party software packages included in the software',  account__terms_of_use: 'Terms of use',  account__privacy: 'Privacy Policy',  account__consent_pd: 'Consent to the processing of my personal data',  account__tarrifs_info: 'Provision on Subscription Tariffs',  account__stop_using: 'Opt-Out from Application Usage',  account__stop_using_description: 'Includes Withdrawal of Consent for Personal Data Processing.',  account__stop_using_dialog_title: 'Refuse to Use the Application?',  account__stop_using_dialog_message1: 'The action is irreversible - your data will become inaccessible!',  account__stop_using_dialog_message2: 'This action also entails the withdrawal of Consent for Personal Data Processing.',  account__stop_using_dialog_btn_ok: 'Confirm',  account__change_password: 'Change password',  account__change_auth_method: 'Change authorization method',  account_company__title_card: 'My company',  account_company__btn: 'Apply',  forgot_password__password_recovery: 'Password recovery',  settings__title: 'App Parametrs',  settings__software_title: 'Application',  settings__bot_title: 'Messages in chats (bot)',  settings__language: 'Language',  settings__font_size: 'Font size',  settings__fontsize_small: 'Small',  settings__fontsize_medium: 'Medium (default)',  settings__fontsize_large: 'Large',  settings__timezone: 'Time zone',  settings__timezone_search: 'Search',  terms_of_use__title: 'Terms of use',  privacy__title: 'Privacy Policy',  consent__title: 'Consent to Personal Data Processing',  subscribe__title: 'Subscription',  subscribe__current_tariff_title: 'Current tariff',  subscribe__current_tariff_date: 'Subscription is active until',  subscribe__current_tariff_chat_limit: 'Rated (active) chats',  subscribe__tariffs: 'Tariffs',  subscribe__dialog_select_tariff_show: 'Change tariff',  subscribe__dialog_select_tariff_title: 'Change tariff',  subscribe__dialog_select_tariff_btn: 'Apply',  subscribe__dialog_select_tariff_btn_cancel: 'Cancel',  subscribe__dialog_select_tariff_recalc_msg: 'Tariff will be active until',  subscribe_tariffs__description: 'Unlimited everything: users, projects, tasks.',  subscribe_tariffs__per_month: '/month',  subscribe_tariffs__chats_max: 'max.',  subscribe_tariffs__chats: 'chats',  subscribe_tariffs__free_tax: 'FREE',  subscribe__dialog_select_tariff_notes_title: 'Notes:',  subscribe__dialog_select_tariff_notes_1: '1. Tariff changes are limited to once per day.',  subscribe__dialog_select_tariff_notes_2: '2. To switch to the TEST tariff, please contact customer support.',  subscribe__dialog_select_tariff_notes_3: '3. When changing a tariff, the balance of the unused period is recalculated. The total subscription validity period cannot exceed 730 days.',  subscribe__dialog_select_tariff_notes_more: 'Learn more about tariff changes…',  subscribe__dialog_select_tariff_warn_debt_msg_1: 'Tariff change is on hold',  subscribe__dialog_select_tariff_warn_debt_msg_2: 'Renew your subscription to proceed',  subscribe__dialog_select_tariff_warn_once_day_msg_1: 'Daily tariff change limit reached',  subscribe__dialog_select_tariff_warn_once_day_msg_2: 'Try again tomorrow',  subscribe__tariffs_interval: 'Subscription period',  subscribe__tariffs_interval_renewal: 'Renewal period',  subscribe__1month: '1 month',  subscribe__3months: '3 months',  subscribe__1year: '1 year',  subscribe__30days: '30 days',  subscribe__91days: '91 days',  subscribe__365days: '365 days',  subscribe__tariffs_period_notes: 'Switching plans will recalculate your unused billing period. The total subscription term cannot exceed 730 days.',  subscribe__plans_period_notes_more_info: 'More…',  suscribe__credit_from: 'For period since',  suscribe__credit_description: 'This amount will be added to your renewal payment.',  subscribe__promocode_description: 'Activate free period',  subscribe__promocode: 'Promo code',  subscribe__promocode_success: 'Promo code successfully applied!',  subscribe__promocode_fail: 'Promo code is invalid!',  subscribe__pay: 'Subscribe for',  subscribe__pay_renew: 'Renew for',  subscribe__tariff_exp: 'exp.',  support__title: 'Support',  support__ask_question: 'Ask Question',  support__work_time_text: 'Support is available on weekdays',  support__work_time_time: '10:00 - 19:00 (Moscow, GMT+3)',  support__or: 'or contact us via email',  error404: 'Oops. Nothing here…',  agreements__title: 'Agreements',  agreements__description: 'To use the application:',  agreements__description_update: 'The documents have been significantly updated.',  agreements__checkbox_agreement_terms: 'I accept the',  agreements__checkbox_agreement_terms_doc: 'Terms of Use',  agreements__checkbox_agreement_consent: 'I',  agreements__checkbox_agreement_consent_doc: 'consent to the processing of my personal data',  agreements__checkbox_agreement_privacy: 'and accept the',  agreements__checkbox_agreement_privacy_doc: 'Privacy Policy',  agreements__btn_agree: 'Agree and continue',  agreements__btn_decline: 'Decline',  agreements__btn_decline_description: '(close app)',  only_telegram__continue: 'Continue',  subscription_guide__title: 'Subscription Plan Terms',  input_rules__require: 'Field is required',  input_rules__incorrect_email: 'Please enter a valid email address',  input_rules__password_require: 'At least 8 characters',  input_rules__middle_text: 'Max 60 characters',  input_rules__long_text: 'Max 250 characters',  image_selector__change: 'Change',  image_selector__delete: 'Delete' }
\ No newline at end of file
+export default  { EN: 'EN',  RU: 'RU',  '': '',  continue: 'Continue',  back: 'Back',  close: 'Close',  cancel: 'Cancel',  code: 'Code',  month: 'month',  months: 'months',  slogan: 'Work together - it\'s magic!',  B: 'B',  kB: 'kB',  MB: 'MB',  GB: 'GB',  TB: 'TB',  login__email: 'E-mail',  login__password: 'Password',  login__forgot_password: 'Forgot Password?',  login__sign_in: 'Log in',  login__or_continue_as: 'or continue as',  login__register: 'Create account',  login__register_title: 'Register',  projects__title: 'Projects',  projects__search: 'Search',  projects__show_archive: 'Show archive',  projects__hide_archive: 'Hide archive',  projects__dialog_archive_title: 'Archive project?',  projects__dialog_archive_message: 'Chat tracking will stop.',  projects__dialog_archive_message2: 'Chat data during archiving will be lost!',  projects__dialog_archive_ok: 'Archive',  projects__dialog_restore_title: 'Restore project?',  projects__dialog_restore_message: 'Chat tracking will resume.',  projects__dialog_restore_message2: 'Archive period data won\'t be recovered!',  projects__dialog_restore_ok: 'Restore',  projects__lets_start: 'Create a Project',  projects__lets_start_description: 'Bring multiple chats together in one place',  header__to_projects: 'Projects',  project__chats: 'Chats',  project__users: 'Team',  project__companies: 'Companies',  project_create__title_card: 'New project',  project_create__btn: 'Create',  project_edit__title_card: 'Edit project',  project_edit__btn: 'Apply',  project_block__project_name: 'Name',  project_block__project_description: 'Description',  project_block__project_chat_info: 'Additional info for pinned messages',  project_block__error_name: 'Field is required',  chats__search: 'Search',  chats__show_obsolete_chats: 'Show disabled and deleted chats',  chats__hide_obsolete_chats: 'Hide disabled and deleted chats',  chats__attach_dialog_title: 'Chat connection',  chats__attach_chat_private_title: 'Private Mode',  chats__attach_chat_private_title_description: 'No message access. Chat files are not tracked. Notifications only',  chats__attach_private_chat: 'Add chat',  chats__attach_private_chat_description: 'You must have permission to add members to the chat',  chats__send_private_chat: 'Send request',  chats__send_private_chat_description: 'For a chat member with permission to add others',  chats__attach_chat_title: 'Full functionality',  chats__attach_chat_title_description: 'Message access enabled. Chat files tracked with backup',  chats__attach_chat: 'Add chat',  chats__attach_chat_description: 'You must be the chat administrator',  chats__send_chat: 'Send request',  chats__send_chat_description: 'For the chat administrator',  chats_disabled_FAB: 'Adding chats is only available in the Telegram app',  chats__disable_add_chat: 'Unable to add chat — change your subscription plan or detach other chats',  chats__disable_add_chat_description: 'Upgrade your plan or remove several chats from tracking',  chats__send_chat_title: 'To connect the chat to app tgCrew, add the bot to it using the provided link:',  chats__dialog_unlink_title: 'Unlink chat?',  chats__dialog_unlink_message: 'Chat tracking will be discontinued.',  chats__dialog_unlink_message2: 'All tasks and meetings will be detached from this chat.',  chats__dialog_unlink_ok: 'Unlink',  chats__onboard_msg1: 'Attach chats to the project',  chats__onboard_msg2: 'Chat control is enabled from the moment of attachment.',  chats__help_chat_type: 'Chat types',  chats__filters: 'Filters',  chats__filters_reset: 'Reset filters',  chats__filters_type: 'Chat connection type',  chats__filters_continue: 'Continue',  chat_card__title: 'Chat card',  chat_card__go_chat: 'Go to chat',  chat_card__members: 'Members',  chat_card__owner: 'Chat owner',  chat_page__user_blocked: 'Blocked',  chat__help_title: 'Chat connection types',  chat_type__label_no_access: 'Access Denied',  chat_type__description_no_access: 'Chat access is unavailable',  chat_type__label_notify: 'Notifications mode',  chat_type__description_notify: 'No message access. Notifications only',  chat_type__label_full: 'Full functionality',  chat_type__description_full: 'Message access enabled',  chat_type__label_new: 'First Connection',  chat_type__description_new: 'App controls all its messages',  chat_type__label_reconnect: 'Reconnected',  chat_type__description_reconnect: 'Chat was reconnected. App can\'t manage its own messages sent before reconnection',  chat_type__label_detach: 'Disabled',  chat_type__description_detach: 'App doesn\'t manage the chat',  chat_type__label_delete: 'Deleted',  chat_type__description_delete: 'Chat deleted or bot removed. App doesn\'t manage the chat',  chat_type__dialog_func_title: 'In private mode, the following are not available:',  chat_type__dialog_func_point1: 'Tracking and backup of chat files',  chat_type__dialog_func_point2: 'Ability to remove user from chat if they left the project.',  chat_type__dialog_func_point3: 'Pinning informational messages.',  chat_type__dialog_administrator_rights: 'For full functionality, the bot requires administrator rights including "Ban user".',  users__search: 'Search',  users__show_blocked_users: 'Show Blocked',  users__hide_blocked_users: 'Hide Blocked',  users__show_left_users: 'Show Leavers (inactive)',  users__hide_left_users: 'Hide Leavers (inactive)',  users__dialog_block_title: 'Block Employee?',  users__dialog_block_message: 'System access will be disabled.',  users__dialog_block_message2: 'The employee will be removed from all chats (except those where they are the owner).',  users__dialog_block_ok: 'Block',  users__dialog_restore_title: 'Restore Employee?',  users__dialog_restore_message: 'System access will be restored.',  users__dialog_restore_message2: 'Add them to chats manually if required.',  users__dialog_restore_ok: 'Restore',  users__onboard_msg1: 'Project Contact List',  users__onboard_msg2: 'After attaching chats, members are imported automatically. You’ll need to define who is who',  user_edit__title_card: 'Edit employee',  user_edit__btn: 'Apply',  user_block__name: 'Name',  user_block__company: 'Company',  user_block__department: 'Department',  user_block__role: 'Role',  user_block__no_company: 'Not specified',  user_status__user_leave: 'Inactive',  user_status__user_pending: 'Consent pending',  companies__dialog_delete_title: 'Delete company?',  companies__dialog_delete_message: 'This action cannot be undone!',  companies__dialog_delete_message2: 'Company employees will be moved to \'No Company\'',  companies__dialog_delete_ok: 'Delete',  companies__mask: 'Cloaking',  companies__my_company: 'My company',  companies__onboard_msg1: 'Add Companies',  companies__onboard_msg2: 'Recommended for projects with employees from 3+ companies.',  company_add__title_card: 'Add company',  company_add__btn: 'Add',  company_edit__title_card: 'Edit company',  company_edit__btn: 'Apply',  company_edit__my_company: 'My company',  company_edit__my_company_hint: 'Form pre-filling is configured in Settings:',  company_edit__my_company_href: 'My company',  company_block__name: 'Name',  company_block__error_name: 'Field is required',  company_block__description: 'Description',  mask__title: 'Companies cloaking ',  mask__help_title: 'Cloaking ',  mask__help_message1: 'Cloaking conceals a company by making its personnel appear as if they belong to other companies, except those listed as "Visible"',  mask__help_message2: 'Use the Toggle to enable or disable cloaking. Configure exceptions using the "+" button.',  mask__info_block: 'Your company\'s employees will see all companies, regardless of the cloaking settings.',  mask__table_header_company: 'Company',  mask__table_header_visible: 'Visible',  mask__table_visible_none: 'None',  mask__table_visible_all: 'All',  mask__btn_ok: 'Apply',  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. 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__agreement: 'Agreements',  account_helper__agreement_btn: 'Agree',  account_helper__set_password: 'Set password',  account_helper__password: 'Password',  account_helper__finish: 'Finish',  account_helper__register_message1: 'Welcome!',  account_helper__forgot_password_message1: 'Password set!',  account_helper__change_password_message1: 'Password changed!',  account_helper__change_method_message1: 'Login method changed!',  account_helper__go_projects: 'Go to projects…',  account_change_email__title: 'Change account e-mail',  account_change_email__current_email: 'Current account e-mail',  account_change_email__email: 'E-mail',  account_change_email__confirm_current_email: 'Confirm current e-mail',  account_change_email__confirm_email_message: 'Enter the Code from e-mail to continue. If you haven\'t received an e-mail with the Code, check the Spam folder.',  account_change_email__code: 'Code',  account_change_email__code_error: 'Incorrect code. Ensure your e-mail is correct and try again.',  account_change_email__new_email: 'New account e-mail',  account_change_email__confirm_new_email: 'Confirm new e-mail',  account_change_email__set_password: 'Set password',  account_change_email__password: 'Password',  account_change_email__finish: 'Finish',  account_change_email__finish_after_message: 'Done!',  account_change_email__ok_message1: 'The email address has been successfully updated!',  account_change_email__ok_message2: 'Go to Settings…',  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 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: 'Detached',  account__chats_free: 'Free',  account__chats_total: 'Total',  account__subscribe: 'Subscription',  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__backup: 'File Backups',  account__backup_description: 'Archived files from chats, tasks, and meetings.',  account__company_data: 'My company',  account__company_data_description: 'The description will be automatically added to your company list for new projects.',  account__manual: 'Guides',  account__manual_description: 'Go to our Telegram channel with video tutorials.',  account__settings: 'App Parametrs',  account__settings_description: 'Text size, language, and more.',  account__support: 'Support',  account__support_description: 'Need help? Contact us!',  account__3rd_party_software_description: 'List of third-party software packages included in the software',  account__terms_of_use: 'Terms of use',  account__privacy: 'Privacy Policy',  account__consent_pd: 'Consent to the processing of my personal data',  account__tarrifs_info: 'Provision on subscription tariffs',  account__stop_using: 'Opt-Out from Application Usage',  account__stop_using_description: 'Includes Withdrawal of Consent for Personal Data Processing.',  account__stop_using_dialog_title: 'Refuse to Use the Application?',  account__stop_using_dialog_message1: 'The action is irreversible - your data will become inaccessible!',  account__stop_using_dialog_message2: 'This action also entails the withdrawal of Consent for Personal Data Processing.',  account__stop_using_dialog_btn_ok: 'Confirm',  account__change_password: 'Change password',  account__change_auth_method: 'Change authorization method',  account_company__title_card: 'My company',  account_company__btn: 'Apply',  forgot_password__password_recovery: 'Password recovery',  settings__title: 'App Parametrs',  settings__software_title: 'Application',  settings__bot_title: 'Messages in chats (bot)',  settings__language: 'Language',  settings__display_mode: 'Display mode',  settings__display_mode_full: 'Full screen',  settings__display_mode_window: 'Standard',  settings__display_mode_android_warning: 'In full-screen mode, an initial tap brings up the system navigation bar. Following this, the app will respond to your input.',  settings__font_size: 'Font size',  settings__fontsize_small: 'Small',  settings__fontsize_medium: 'Medium (default)',  settings__fontsize_large: 'Large',  settings__timezone: 'Time zone',  settings__timezone_search: 'Search',  subscribe__title: 'Subscription',  subscribe__current_tariff_title: 'Current tariff',  subscribe__current_tariff_date: 'Subscription is active until',  subscribe__current_tariff_chat_limit: 'Rated (active) chats',  subscribe__tariffs: 'Tariffs',  subscribe__dialog_select_tariff_show: 'Change tariff',  subscribe__dialog_select_tariff_title: 'Change tariff',  subscribe__dialog_select_tariff_btn: 'Apply',  subscribe__dialog_select_tariff_btn_cancel: 'Cancel',  subscribe__dialog_select_tariff_recalc_msg: 'Tariff will be active until',  subscribe_tariffs__description: 'Unlimited everything: users, projects, tasks.',  subscribe_tariffs__per_month: '/month',  subscribe_tariffs__chats_max: 'max.',  subscribe_tariffs__chats: 'chats',  subscribe_tariffs__free_tax: 'FREE',  subscribe__dialog_select_tariff_notes_title: 'Notes:',  subscribe__dialog_select_tariff_notes_1: '1. Tariff changes are limited to once per day.',  subscribe__dialog_select_tariff_notes_2: '2. To switch to the TEST tariff, please contact customer support.',  subscribe__dialog_select_tariff_notes_3: '3. When changing a tariff, the balance of the unused period is recalculated. The total subscription validity period cannot exceed 730 days.',  subscribe__dialog_select_tariff_notes_more: 'Learn more about tariff changes…',  subscribe__dialog_select_tariff_warn_debt_msg_1: 'Tariff change is on hold',  subscribe__dialog_select_tariff_warn_debt_msg_2: 'Renew your subscription to proceed',  subscribe__dialog_select_tariff_warn_once_day_msg_1: 'Daily tariff change limit reached',  subscribe__dialog_select_tariff_warn_once_day_msg_2: 'Try again tomorrow',  subscribe__tariffs_interval: 'Subscription period',  subscribe__tariffs_interval_renewal: 'Renewal period',  subscribe__1month: '1 month',  subscribe__3months: '3 months',  subscribe__1year: '1 year',  subscribe__30days: '30 days',  subscribe__91days: '91 days',  subscribe__365days: '365 days',  subscribe__tariffs_period_notes: 'Switching plans will recalculate your unused billing period. The total subscription term cannot exceed 730 days.',  subscribe__plans_period_notes_more_info: 'More…',  suscribe__credit_from: 'For period since',  suscribe__credit_description: 'This amount will be added to your renewal payment.',  subscribe__promocode_description: 'Activate free period',  subscribe__promocode: 'Promo code',  subscribe__promocode_success: 'Promo code successfully applied!',  subscribe__promocode_fail: 'Promo code is invalid!',  subscribe__pay: 'Subscribe for',  subscribe__pay_renew: 'Renew for',  subscribe__tariff_exp: 'exp.',  support__title: 'Support',  support__ask_question: 'Ask Question',  support__work_time_text: 'Support is available on weekdays',  support__work_time_time: '10:00 - 19:00 (Moscow, GMT+3)',  support__or: 'or contact us via email',  backup__title: 'File Backups',  backup__project: 'Project',  backup__files_search: 'Files search',  backup__empty_description: 'No files yet',  error404: 'Oops. Nothing here…',  agreements__title: 'Agreements',  agreements__description: 'To use the application:',  agreements__description_update: 'The documents have been significantly updated.',  agreements__checkbox_agreement_terms: 'I accept the',  agreements__checkbox_agreement_terms_doc: 'Terms of Use',  agreements__checkbox_agreement_consent: 'I',  agreements__checkbox_agreement_consent_doc: 'consent to the processing of my personal data',  agreements__checkbox_agreement_privacy: 'and accept the',  agreements__checkbox_agreement_privacy_doc: 'Privacy Policy',  agreements__btn_agree: 'Agree and continue',  agreements__btn_decline: 'Decline',  agreements__btn_decline_description: '(close app)',  only_telegram__continue: 'Continue',  input_rules__require: 'Field is required',  input_rules__incorrect_email: 'Please enter a valid email address',  input_rules__password_require: 'At least 8 characters',  input_rules__middle_text: 'Max 60 characters',  input_rules__long_text: 'Max 250 characters',  input_rules__editor_text: 'Maximum content size exceeded',  instance_close_dialog__title: 'App is open in another window',  instance_close_dialog__description: 'Please switch to the most recently opened window. This one can be closed.',  instance_close_dialog__btn: 'Close' }
\ No newline at end of file
diff --git a/src/i18n/ru-RU/index.ts b/src/i18n/ru-RU/index.ts
index f796440..d632446 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: 'Назад',  close: 'Закрыть',  cancel: 'Отмена',  code: 'Код',  month: 'мес.',  months: 'мес.',  slogan: 'Работайте вместе - это волшебство!',  login__email: 'Электронная почта',  login__password: 'Пароль',  login__forgot_password: 'Забыли пароль?',  login__sign_in: 'Войти',  login__or_continue_as: 'или продолжить',  login__register: 'Зарегистрироваться',  login__register_title: 'Регистрация',  projects__title: 'Проекты',  projects__search: 'Поиск',  projects__show_archive: 'Показать архив',  projects__hide_archive: 'Скрыть архив',  projects__dialog_archive_title: 'Отправить проект в архив?',  projects__dialog_archive_message: 'Отслеживание чатов будет остановлено.',  projects__dialog_archive_message2: 'Данные из чатов за период архивации будут утеряны!',  projects__dialog_archive_ok: 'В архив',  projects__dialog_restore_title: 'Восстановить проект из архива?',  projects__dialog_restore_message: 'Отслеживание чатов будет восстановлено.',  projects__dialog_restore_message2: 'При восстановлении данные из чатов за период архивации не будут добавлены!',  projects__dialog_restore_ok: 'Восстановить',  projects__lets_start: 'Создайте проект',  projects__lets_start_description: 'Проекты помогают изолировать данные: контакты, задачи, документы и чаты доступны только участникам',  header__to_projects: 'Проекты',  project__chats: 'Чаты',  project__users: 'Команда',  project__companies: 'Компании',  project_create__title_card: 'Новый проект',  project_create__btn: 'Создать',  project_edit__title_card: 'Редактировать проект',  project_edit__btn: 'Сохранить',  project_block__project_name: 'Название',  project_block__project_description: 'Описание',  project_block__project_chat_info: 'Закрепленное сообщение в чатах',  project_block__error_name: 'Поле обязательно к заполнению',  chats__search: 'Поиск',  chats__show_obsolete_chats: 'Показать открепленные и удаленные чаты',  chats__hide_obsolete_chats: 'Скрыть открепленные и удаленные чаты',  chats__attach_dialog_title: 'Подключение чата',  chats__attach_chat_private_title: 'Приватный режим',  chats__attach_chat_private_title_description: 'Без доступа к сообщениям. Только отправка уведомлений в чат',  chats__attach_private_chat: 'Добавить чат',  chats__attach_private_chat_description: 'Вы должны иметь права на добавление участников в чат',  chats__send_private_chat: 'Отправить запрос',  chats__send_private_chat_description: 'Для участника чата с правом добавлять других участников',  chats__attach_chat_title: 'Полный функционал',  chats__attach_chat_title_description: 'Предоставлен доступ к сообщениям в чате',  chats__attach_chat: 'Добавить чат',  chats__attach_chat_description: 'Вы должны быть администратором чата',  chats__send_chat: 'Отправить запрос',  chats__send_chat_description: 'Для администратора чата',  chats_disabled_FAB: 'Добавление чатов возможно только в приложении Telegram',  chats__disable_add_chat: 'Добавление чата невозможно - измените план подписки или открепите другие чаты',  chats__disable_add_chat_description: 'Измените тарифный план или отключите от отслеживания несколько чатов',  chats__send_chat_title: 'Для присоединения чата к приложению tgCrew необходимо добавить в него бота с помощью ссылки:',  chats__dialog_unlink_title: 'Открепить чат?',  chats__dialog_unlink_message: 'Отслеживание чата будет прекращено.',  chats__dialog_unlink_message2: 'Все задачи и совещания в чате будут от него откреплены.',  chats__dialog_unlink_ok: 'Открепить',  chats__onboard_msg1: 'Прикрепите чаты к проекту',  chats__onboard_msg2: 'Контроль чатов осуществляется только с момента прикрепления',  chats__help_chat_type: 'Типы подключения чатов',  chats__filters: 'Фильтры',  chats__filters_reset: 'Сбросить фильтры',  chats__filters_type: 'Тип подключения чата',  chats__filters_continue: 'Продолжить',  chat_card__title: 'Карточка чата',  chat_card__go_chat: 'Перейти к чату',  chat_card__members: 'Участники',  chat_card__owner: 'Владелец чата',  chat_page__user_blocked: 'Заблокирован',  chat__help_title: 'Типы подключения чатов',  chat_type__label_no_access: 'Нет доступа',  chat_type__description_no_access: 'Доступа к чату нет',  chat_type__label_notify: 'Приватный режим',  chat_type__description_notify: 'Без доступа к сообщениям в чате. Только уведомления',  chat_type__label_full: 'Полный функционал',  chat_type__description_full: 'Предоставлен доступ к сообщениям в чате',  chat_type__label_new: 'Подключен впервые',  chat_type__description_new: 'Приложение управляет всеми своими сообщениями',  chat_type__label_reconnect: 'Переподключен',  chat_type__description_reconnect: 'Чат был отлючен и повторно подключен. Приложение не управляет своими сообщениями до переподключения',  chat_type__label_detach: 'Отключен',  chat_type__description_detach: 'Приложение не отслеживает чат',  chat_type__label_delete: 'Удален',  chat_type__description_delete: 'Чат удален или бот исключен из чата. Приложение не отслеживает чат',  chat_type__dialog_func_title: 'В приватном режиме не доступно:',  chat_type__dialog_func_point1: 'Учет и резервное копирование файлов из чата.',  chat_type__dialog_func_point2: 'Возможность исключить пользователя из чата, если он покинул проект.',  chat_type__dialog_func_point3: 'Закрепление информационных сообщений.',  chat_type__dialog_administrator_rights: 'Для обеспечения полного функционала боту необходимы права администратора, вкл. "Блокировка пользователей".',  users__search: 'Поиск',  users__show_blocked_users: 'Показать заблокированных',  users__hide_blocked_users: 'Скрыть заблокированных',  users__show_left_users: 'Показать неактивных',  users__hide_left_users: 'Скрыть неактивных',  users__dialog_block_title: 'Заблокировать сотрудника?',  users__dialog_block_message: 'Доступ к системе будет отключен.',  users__dialog_block_message2: 'Сотрудник будет исключен из всех чатов (кроме тех, где он является владельцем).',  users__dialog_block_ok: 'Заблокировать',  users__dialog_restore_title: 'Восстановить сотрудника?',  users__dialog_restore_message: 'Доступ к системе будет восстановлен.',  users__dialog_restore_message2: 'При необходимости нужно добавить сотрудника в чаты вручную.',  users__dialog_restore_ok: 'Восстановить',  users__onboard_msg1: 'Адресная книга проекта',  users__onboard_msg2: 'После прикрепления чатов их участники добавляются автоматически. Остается указать — кто есть кто. ',  user_edit__title_card: 'Редактирование данных сотрудника',  user_edit__btn: 'Сохранить',  user_block__name: 'ФИО',  user_block__company: 'Компания',  user_block__department: 'Подразделение',  user_block__role: 'Функционал (должность)',  user_block__no_company: 'Не указано',  user_status__user_leave: 'Неактивный',  user_status__user_pending: 'Ожидание согласия',  companies__dialog_delete_title: 'Удалить компанию?',  companies__dialog_delete_message: 'Это действие нельзя отменить!',  companies__dialog_delete_message2: 'Сотрудники компании  будут помечены "Без компании".',  companies__dialog_delete_ok: 'Удалить',  companies__mask: 'Маскировка',  companies__my_company: 'Моя компания',  companies__onboard_msg1: 'Добавьте компании',  companies__onboard_msg2: 'Рекомендуется, если в проекте участвуют сотрудники 3 и более компаний.',  company_add__title_card: 'Добавить компанию',  company_add__btn: 'Создать',  company_edit__title_card: 'Редактировать компанию',  company_edit__btn: 'Сохранить',  company_edit__my_company: 'Моя компания',  company_edit__my_company_hint: 'Заполнение формы преднастраивается в Настройках:',  company_edit__my_company_href: 'Моя компания',  company_block__name: 'Название',  company_block__error_name: 'Поле обязательно к заполнению',  company_block__description: 'Описание',  mask__title: 'Маскировка компаний',  mask__help_title: 'Маскировка',  mask__help_message1: 'Маскировка позволяет скрывать компанию,  представляя ее персонал как собственный для других компаний, кроме тех, кто есть в перечне исключений "Видно". ',  mask__help_message2: 'Для включения и отключения маскировки используйте Переключатель. Настройка исключений осуществляется с помощью "+".',  mask__info_block: 'Сотрудники вашей компании будут видеть все компании, независимо от настроек маскировки.',  mask__table_header_company: 'Компания',  mask__table_header_visible: 'Видно',  mask__table_visible_none: 'Никому',  mask__table_visible_all: 'Всем',  mask__btn_ok: 'Сохранить',  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__agreement: 'Соглашения',  account_helper__agreement_btn: 'Подтвердить',  account_helper__set_password: 'Установка пароля',  account_helper__password: 'Пароль',  account_helper__finish: 'Отправить',  account_helper__register_message1: 'Добро пожаловать!',  account_helper__forgot_password_message1: 'Пароль установлен!',  account_helper__change_password_message1: 'Пароль изменен!',  account_helper__change_method_message1: 'Способ входа в систему изменен!',  account_helper__go_projects: 'Переходим к проектам…',  account_change_email__title: 'Изменение адреса электронной почты учетной записи',  account_change_email__current_email: 'Текущий адрес электронной почты ',  account_change_email__email: 'Электронная почта',  account_change_email__confirm_current_email: 'Подтверждение адреса текущей электронной почты',  account_change_email__confirm_email_message: 'Введите код из письма для продолжения. Если не получили письмо с кодом - проверьте папку Спам',  account_change_email__code: 'Код',  account_change_email__code_error: 'Был введен неверный код. Проверьте адрес электронной почты и повторите попытку.',  account_change_email__new_email: 'Новый адрес электронной почты ',  account_change_email__confirm_new_email: 'Подтверждение адреса новой электронной почты',  account_change_email__set_password: 'Установка пароля',  account_change_email__password: 'Пароль',  account_change_email__finish: 'Отправить',  account_change_email__finish_after_message: 'Готово!',  account_change_email__ok_message1: 'Адрес электронной почты успешно изменен!',  account_change_email__ok_message2: 'Переходим в Настройки…',  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__settings: 'Параметры приложения',  account__settings_description: 'Размер текста, язык и т.п.',  account__support: 'Поддержка',  account__support_description: 'Есть вопросы - напишите нам!',  account__3rd_party_software_description: 'Список сторонних программных пакетов, включённых в ПО',  account__terms_of_use: 'Пользовательское соглашение',  account__privacy: 'Политика конфиденциальности',  account__consent_pd: 'Согласие на обработку персональных данных (ПДн)',  account__tarrifs_info: 'Положение о Тарифных планах подписки',  account__stop_using: 'Отказ от использования приложения',  account__stop_using_description: 'Включает отзыв Согласия на обработку ПДн.',  account__stop_using_dialog_title: 'Отказаться от использования приложения?',  account__stop_using_dialog_message1: 'Действие необратимо - ваши данные станут недоступны!',  account__stop_using_dialog_message2: 'Это также отзовет ваше Cогласие на обработку данных.',  account__stop_using_dialog_btn_ok: 'Подтвердить',  account__change_password: 'Изменить пароль',  account__change_auth_method: 'Изменить способ авторизации',  account_company__title_card: 'Моя компания',  account_company__btn: 'Применить',  forgot_password__password_recovery: 'Восстановление пароля',  settings__title: 'Параметры приложения',  settings__software_title: 'Приложение',  settings__bot_title: 'Сообщения в чатах (бот)',  settings__language: 'Язык',  settings__font_size: 'Размер текста',  settings__fontsize_small: 'Мелкий',  settings__fontsize_medium: 'Средний (по умолчанию)',  settings__fontsize_large: 'Большой',  settings__timezone: 'Часовой пояс',  settings__timezone_search: 'Поиск',  terms_of_use__title: 'Пользовательское соглашение',  privacy__title: 'Политика конфиденциальности',  consent__title: 'Согласие на обработку персональных данных',  subscribe__title: 'Подписка',  subscribe__current_tariff_title: 'Текущий тариф',  subscribe__current_tariff_date: 'Подписка активна',  subscribe__current_tariff_chat_limit: 'Тарифицируемые (активные) чаты',  subscribe__tariffs: 'Тарифы',  subscribe__dialog_select_tariff_show: 'Сменить тариф',  subscribe__dialog_select_tariff_title: 'Сменить тариф',  subscribe__dialog_select_tariff_btn: 'Применить',  subscribe__dialog_select_tariff_btn_cancel: 'Закрыть',  subscribe__dialog_select_tariff_recalc_msg: 'Тариф будет действовать до',  subscribe_tariffs__description: 'Без ограничений: пользователи, проекты, задачи.',  subscribe_tariffs__per_month: '/мес.',  subscribe_tariffs__chats_max: 'макс.',  subscribe_tariffs__chats: 'чатов',  subscribe_tariffs__free_tax: 'БЕСПЛАТНО',  subscribe__dialog_select_tariff_notes_title: 'Примечания:',  subscribe__dialog_select_tariff_notes_1: '1. Смена тарифа не чаще 1 раза в день.',  subscribe__dialog_select_tariff_notes_2: '2. Переключение на тариф TEST осуществляется через поддержку.',  subscribe__dialog_select_tariff_notes_3: '3. При смене тарифа остаток неиспользованного периода пересчитывается. Общий срок действия подписки не может превышать 730 дней.',  subscribe__dialog_select_tariff_notes_more: 'Подробнее о смене тарифа…',  subscribe__dialog_select_tariff_warn_debt_msg_1: 'Смена тарифа временно недоступна',  subscribe__dialog_select_tariff_warn_debt_msg_2: 'Необходимо продлить текущую подписку',  subscribe__dialog_select_tariff_warn_once_day_msg_1: 'Смена тарифа на сегодня исчерпана',  subscribe__dialog_select_tariff_warn_once_day_msg_2: 'Возможность будет доступна завтра',  subscribe__tariffs_interval: 'Период подписки',  subscribe__tariffs_interval_renewal: 'Продление подписки',  subscribe__1month: '1 месяц',  subscribe__3months: '3 месяца',  subscribe__1year: '1 год',  subscribe__30days: '30 дней',  subscribe__91days: '91 день',  subscribe__365days: '365 дней',  subscribe__tariffs_period_notes: 'При смене тарифа остаток неиспользованного периода пересчитывается. Общий срок действия подписки не может превышать 730 дней.',  subscribe__plans_period_notes_more_info: 'Подробнее…',  suscribe__credit_from: 'За период с',  suscribe__credit_description: 'Эта сумма будет добавлена к оплате за продление.',  subscribe__promocode_description: 'Активируйте бесплатный период',  subscribe__promocode: 'Промокод',  subscribe__promocode_success: 'Промокод успешно применен!',  subscribe__promocode_fail: 'Промокод не действителен!',  subscribe__pay: 'Подключить за',  subscribe__pay_renew: 'Продлить за',  subscribe__tariff_exp: 'до',  support__title: 'Поддержка',  support__ask_question: 'Задайте вопрос',  support__work_time_text: 'Поддержка оказывается в рабочие дни',  support__work_time_time: '10:00 - 19:00 (Москва, GMT+3)',  support__or: 'или напишите нам на электронную почту',  error404: 'Тут ничего нет. Как вы сюда попали?',  agreements__title: 'Соглашения',  agreements__description: 'Для доступа к приложению:',  agreements__description_update: 'Документы существенно обновлены.',  agreements__checkbox_agreement_terms: 'Я принимаю',  agreements__checkbox_agreement_terms_doc: 'Пользовательское соглашение',  agreements__checkbox_agreement_consent: 'Я даю',  agreements__checkbox_agreement_consent_doc: 'Согласие на обработку своих персональных данных',  agreements__checkbox_agreement_privacy: 'и принимаю условия',  agreements__checkbox_agreement_privacy_doc: 'Политики конфиденциальности',  agreements__btn_agree: 'Подтвердить и продолжить',  agreements__btn_decline: 'Отклонить',  agreements__btn_decline_description: '(закрыть приложение)',  only_telegram__continue: 'Продолжить',  subscription_guide__title: 'Положение о Тарифных планах подписки',  input_rules__require: 'Поле обязательно к заполнению',  input_rules__incorrect_email: 'Адрес почты некорректный',  input_rules__password_require: 'Мин. 8 символов',  input_rules__middle_text: 'Макс. 60 символов ',  input_rules__long_text: 'Макс. 250 символов ',  image_selector__change: 'Изменить',  image_selector__delete: 'Удалить' }
\ No newline at end of file
+export default  { EN: 'EN',  RU: 'RU',  '': '',  continue: 'Продолжить',  back: 'Назад',  close: 'Закрыть',  cancel: 'Отмена',  code: 'Код',  month: 'мес.',  months: 'мес.',  slogan: 'Работайте вместе - это волшебство!',  B: 'Б',  kB: 'КБ',  MB: 'МБ',  GB: 'ГБ',  TB: 'ТБ',  login__email: 'Электронная почта',  login__password: 'Пароль',  login__forgot_password: 'Забыли пароль?',  login__sign_in: 'Войти',  login__or_continue_as: 'или продолжить',  login__register: 'Зарегистрироваться',  login__register_title: 'Регистрация',  projects__title: 'Проекты',  projects__search: 'Поиск',  projects__show_archive: 'Показать архив',  projects__hide_archive: 'Скрыть архив',  projects__dialog_archive_title: 'Отправить проект в архив?',  projects__dialog_archive_message: 'Отслеживание чатов будет остановлено.',  projects__dialog_archive_message2: 'Данные из чатов за период архивации будут утеряны!',  projects__dialog_archive_ok: 'В архив',  projects__dialog_restore_title: 'Восстановить проект из архива?',  projects__dialog_restore_message: 'Отслеживание чатов будет восстановлено.',  projects__dialog_restore_message2: 'При восстановлении данные из чатов за период архивации не будут добавлены!',  projects__dialog_restore_ok: 'Восстановить',  projects__lets_start: 'Создайте проект',  projects__lets_start_description: 'Объедините несколько чатов в одном месте',  header__to_projects: 'Проекты',  project__chats: 'Чаты',  project__users: 'Команда',  project__companies: 'Компании',  project_create__title_card: 'Новый проект',  project_create__btn: 'Создать',  project_edit__title_card: 'Редактировать проект',  project_edit__btn: 'Сохранить',  project_block__project_name: 'Название',  project_block__project_description: 'Описание',  project_block__project_chat_info: 'Дополнение для закрепленных сообщений',  project_block__error_name: 'Поле обязательно к заполнению',  chats__search: 'Поиск',  chats__show_obsolete_chats: 'Показать открепленные и удаленные чаты',  chats__hide_obsolete_chats: 'Скрыть открепленные и удаленные чаты',  chats__attach_dialog_title: 'Подключение чата',  chats__attach_chat_private_title: 'Приватный режим',  chats__attach_chat_private_title_description: 'Без доступа к сообщениям в чате. Файлы в чатах не отслеживаются. Только уведомления',  chats__attach_private_chat: 'Добавить чат',  chats__attach_private_chat_description: 'Вы должны иметь права на добавление участников в чат',  chats__send_private_chat: 'Отправить запрос',  chats__send_private_chat_description: 'Для участника чата с правом добавлять других участников',  chats__attach_chat_title: 'Полный функционал',  chats__attach_chat_title_description: 'Предоставлен доступ к сообщениям в чате. Файлы в чатах  отслеживаются и архивируются',  chats__attach_chat: 'Добавить чат',  chats__attach_chat_description: 'Вы должны быть администратором чата',  chats__send_chat: 'Отправить запрос',  chats__send_chat_description: 'Для администратора чата',  chats_disabled_FAB: 'Добавление чатов возможно только в приложении Telegram',  chats__disable_add_chat: 'Добавление чата невозможно - измените план подписки или открепите другие чаты',  chats__disable_add_chat_description: 'Измените тарифный план или отключите от отслеживания несколько чатов',  chats__send_chat_title: 'Для присоединения чата к приложению tgCrew необходимо добавить в него бота с помощью ссылки:',  chats__dialog_unlink_title: 'Открепить чат?',  chats__dialog_unlink_message: 'Отслеживание чата будет прекращено.',  chats__dialog_unlink_message2: 'Все задачи и совещания в чате будут от него откреплены.',  chats__dialog_unlink_ok: 'Открепить',  chats__onboard_msg1: 'Прикрепите чаты к проекту',  chats__onboard_msg2: 'Контроль чатов осуществляется только с момента прикрепления.',  chats__help_chat_type: 'Типы чатов',  chats__filters: 'Фильтры',  chats__filters_reset: 'Сбросить фильтры',  chats__filters_type: 'Тип подключения чата',  chats__filters_continue: 'Продолжить',  chat_card__title: 'Карточка чата',  chat_card__go_chat: 'Перейти к чату',  chat_card__members: 'Участники',  chat_card__owner: 'Владелец чата',  chat_page__user_blocked: 'Заблокирован',  chat__help_title: 'Типы подключения чатов',  chat_type__label_no_access: 'Нет доступа',  chat_type__description_no_access: 'Доступа к чату нет',  chat_type__label_notify: 'Приватный режим',  chat_type__description_notify: 'Без доступа к сообщениям в чате. Только уведомления',  chat_type__label_full: 'Полный функционал',  chat_type__description_full: 'Предоставлен доступ к сообщениям в чате',  chat_type__label_new: 'Подключен впервые',  chat_type__description_new: 'Приложение управляет всеми своими сообщениями',  chat_type__label_reconnect: 'Переподключен',  chat_type__description_reconnect: 'Чат был отлючен и повторно подключен. Приложение не управляет своими сообщениями до переподключения',  chat_type__label_detach: 'Отключен',  chat_type__description_detach: 'Приложение не отслеживает чат',  chat_type__label_delete: 'Удален',  chat_type__description_delete: 'Чат удален или бот исключен из чата. Приложение не отслеживает чат',  chat_type__dialog_func_title: 'В приватном режиме не доступно:',  chat_type__dialog_func_point1: 'Учет и резервное копирование файлов из чата.',  chat_type__dialog_func_point2: 'Возможность исключить пользователя из чата, если он покинул проект.',  chat_type__dialog_func_point3: 'Закрепление информационных сообщений.',  chat_type__dialog_administrator_rights: 'Для обеспечения полного функционала боту необходимы права администратора, вкл. "Блокировка пользователей".',  users__search: 'Поиск',  users__show_blocked_users: 'Показать заблокированных',  users__hide_blocked_users: 'Скрыть заблокированных',  users__show_left_users: 'Показать неактивных',  users__hide_left_users: 'Скрыть неактивных',  users__dialog_block_title: 'Заблокировать сотрудника?',  users__dialog_block_message: 'Доступ к системе будет отключен.',  users__dialog_block_message2: 'Сотрудник будет исключен из всех чатов (кроме тех, где он является владельцем).',  users__dialog_block_ok: 'Заблокировать',  users__dialog_restore_title: 'Восстановить сотрудника?',  users__dialog_restore_message: 'Доступ к системе будет восстановлен.',  users__dialog_restore_message2: 'При необходимости нужно добавить сотрудника в чаты вручную.',  users__dialog_restore_ok: 'Восстановить',  users__onboard_msg1: 'Адресная книга проекта',  users__onboard_msg2: 'После прикрепления чатов их участники добавляются автоматически. Остается указать — кто есть кто. ',  user_edit__title_card: 'Редактирование сотрудника',  user_edit__btn: 'Сохранить',  user_block__name: 'ФИО',  user_block__company: 'Компания',  user_block__department: 'Подразделение',  user_block__role: 'Функционал (должность)',  user_block__no_company: 'Не указано',  user_status__user_leave: 'Неактивный',  user_status__user_pending: 'Ожидание согласия',  companies__dialog_delete_title: 'Удалить компанию?',  companies__dialog_delete_message: 'Это действие нельзя отменить!',  companies__dialog_delete_message2: 'Сотрудники компании  будут помечены "Без компании".',  companies__dialog_delete_ok: 'Удалить',  companies__mask: 'Маскировка',  companies__my_company: 'Моя компания',  companies__onboard_msg1: 'Добавьте компании',  companies__onboard_msg2: 'Рекомендуется, если в проекте участвуют сотрудники 3 и более компаний.',  company_add__title_card: 'Добавить компанию',  company_add__btn: 'Создать',  company_edit__title_card: 'Редактировать компанию',  company_edit__btn: 'Сохранить',  company_edit__my_company: 'Моя компания',  company_edit__my_company_hint: 'Заполнение формы преднастраивается в Настройках:',  company_edit__my_company_href: 'Моя компания',  company_block__name: 'Название',  company_block__error_name: 'Поле обязательно к заполнению',  company_block__description: 'Описание',  mask__title: 'Маскировка компаний',  mask__help_title: 'Маскировка',  mask__help_message1: 'Маскировка позволяет скрывать компанию,  представляя ее персонал как собственный для других компаний, кроме тех, кто есть в перечне исключений "Видно". ',  mask__help_message2: 'Для включения и отключения маскировки используйте Переключатель. Настройка исключений осуществляется с помощью "+".',  mask__info_block: 'Сотрудники вашей компании будут видеть все компании, независимо от настроек маскировки.',  mask__table_header_company: 'Компания',  mask__table_header_visible: 'Видно',  mask__table_visible_none: 'Никому',  mask__table_visible_all: 'Всем',  mask__btn_ok: 'Сохранить',  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__agreement: 'Соглашения',  account_helper__agreement_btn: 'Подтвердить',  account_helper__set_password: 'Установка пароля',  account_helper__password: 'Пароль',  account_helper__finish: 'Отправить',  account_helper__register_message1: 'Добро пожаловать!',  account_helper__forgot_password_message1: 'Пароль установлен!',  account_helper__change_password_message1: 'Пароль изменен!',  account_helper__change_method_message1: 'Способ входа в систему изменен!',  account_helper__go_projects: 'Переходим к проектам…',  account_change_email__title: 'Изменение адреса электронной почты учетной записи',  account_change_email__current_email: 'Текущий адрес электронной почты ',  account_change_email__email: 'Электронная почта',  account_change_email__confirm_current_email: 'Подтверждение адреса текущей электронной почты',  account_change_email__confirm_email_message: 'Введите код из письма для продолжения. Если не получили письмо с кодом - проверьте папку Спам',  account_change_email__code: 'Код',  account_change_email__code_error: 'Был введен неверный код. Проверьте адрес электронной почты и повторите попытку.',  account_change_email__new_email: 'Новый адрес электронной почты ',  account_change_email__confirm_new_email: 'Подтверждение адреса новой электронной почты',  account_change_email__set_password: 'Установка пароля',  account_change_email__password: 'Пароль',  account_change_email__finish: 'Отправить',  account_change_email__finish_after_message: 'Готово!',  account_change_email__ok_message1: 'Адрес электронной почты успешно изменен!',  account_change_email__ok_message2: 'Переходим в Настройки…',  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__backup: 'Файловый архив',  account__backup_description: 'Резервные копии файлов из чатов, задач и совещаний.',  account__company_data: 'Моя компания',  account__company_data_description: 'Описание будет автоматически добавляться в перечень компаний для новых проектов. ',  account__manual: 'Инструкции',  account__manual_description: 'Перейдите в наш Telegram-канал с обучающими видеороликами.',  account__settings: 'Параметры приложения',  account__settings_description: 'Размер текста, язык и т.п.',  account__support: 'Поддержка',  account__support_description: 'Есть вопросы - напишите нам!',  account__3rd_party_software_description: 'Список сторонних программных пакетов, включённых в ПО',  account__terms_of_use: 'Пользовательское соглашение',  account__privacy: 'Политика конфиденциальности',  account__consent_pd: 'Согласие на обработку персональных данных (ПДн)',  account__tarrifs_info: 'Положение о Тарифных планах подписки',  account__stop_using: 'Отказ от использования приложения',  account__stop_using_description: 'Включает отзыв Согласия на обработку ПДн.',  account__stop_using_dialog_title: 'Отказаться от использования приложения?',  account__stop_using_dialog_message1: 'Действие необратимо - ваши данные станут недоступны!',  account__stop_using_dialog_message2: 'Это также отзовет ваше Cогласие на обработку данных.',  account__stop_using_dialog_btn_ok: 'Подтвердить',  account__change_password: 'Изменить пароль',  account__change_auth_method: 'Изменить способ авторизации',  account_company__title_card: 'Моя компания',  account_company__btn: 'Применить',  forgot_password__password_recovery: 'Восстановление пароля',  settings__title: 'Параметры приложения',  settings__software_title: 'Приложение',  settings__bot_title: 'Сообщения в чатах (бот)',  settings__language: 'Язык',  settings__display_mode: 'Режим отображения',  settings__display_mode_full: 'Полноэкранный',  settings__display_mode_window: 'В окне',  settings__display_mode_android_warning: 'В полноэкранном режиме первое нажатие активирует кнопки управления телефоном. После этого приложение готово к работе.',  settings__font_size: 'Размер текста',  settings__fontsize_small: 'Мелкий',  settings__fontsize_medium: 'Средний (по умолчанию)',  settings__fontsize_large: 'Большой',  settings__timezone: 'Часовой пояс',  settings__timezone_search: 'Поиск',  subscribe__title: 'Подписка',  subscribe__current_tariff_title: 'Текущий тариф',  subscribe__current_tariff_date: 'Подписка активна',  subscribe__current_tariff_chat_limit: 'Тарифицируемые (активные) чаты',  subscribe__tariffs: 'Тарифы',  subscribe__dialog_select_tariff_show: 'Сменить тариф',  subscribe__dialog_select_tariff_title: 'Сменить тариф',  subscribe__dialog_select_tariff_btn: 'Применить',  subscribe__dialog_select_tariff_btn_cancel: 'Закрыть',  subscribe__dialog_select_tariff_recalc_msg: 'Тариф будет действовать до',  subscribe_tariffs__description: 'Без ограничений: пользователи, проекты, задачи.',  subscribe_tariffs__per_month: '/мес.',  subscribe_tariffs__chats_max: 'макс.',  subscribe_tariffs__chats: 'чатов',  subscribe_tariffs__free_tax: 'БЕСПЛАТНО',  subscribe__dialog_select_tariff_notes_title: 'Примечания:',  subscribe__dialog_select_tariff_notes_1: '1. Смена тарифа не чаще 1 раза в день.',  subscribe__dialog_select_tariff_notes_2: '2. Переключение на тариф TEST осуществляется через поддержку.',  subscribe__dialog_select_tariff_notes_3: '3. При смене тарифа остаток неиспользованного периода пересчитывается. Общий срок действия подписки не может превышать 730 дней.',  subscribe__dialog_select_tariff_notes_more: 'Подробнее о смене тарифа…',  subscribe__dialog_select_tariff_warn_debt_msg_1: 'Смена тарифа временно недоступна',  subscribe__dialog_select_tariff_warn_debt_msg_2: 'Необходимо продлить текущую подписку',  subscribe__dialog_select_tariff_warn_once_day_msg_1: 'Смена тарифа на сегодня исчерпана',  subscribe__dialog_select_tariff_warn_once_day_msg_2: 'Возможность будет доступна завтра',  subscribe__tariffs_interval: 'Период подписки',  subscribe__tariffs_interval_renewal: 'Продление подписки',  subscribe__1month: '1 месяц',  subscribe__3months: '3 месяца',  subscribe__1year: '1 год',  subscribe__30days: '30 дней',  subscribe__91days: '91 день',  subscribe__365days: '365 дней',  subscribe__tariffs_period_notes: 'При смене тарифа остаток неиспользованного периода пересчитывается. Общий срок действия подписки не может превышать 730 дней.',  subscribe__plans_period_notes_more_info: 'Подробнее…',  suscribe__credit_from: 'За период с',  suscribe__credit_description: 'Эта сумма будет добавлена к оплате за продление.',  subscribe__promocode_description: 'Активируйте бесплатный период',  subscribe__promocode: 'Промокод',  subscribe__promocode_success: 'Промокод успешно применен!',  subscribe__promocode_fail: 'Промокод не действителен!',  subscribe__pay: 'Подключить за',  subscribe__pay_renew: 'Продлить за',  subscribe__tariff_exp: 'до',  support__title: 'Поддержка',  support__ask_question: 'Задайте вопрос',  support__work_time_text: 'Поддержка оказывается в рабочие дни',  support__work_time_time: '10:00 - 19:00 (Москва, GMT+3)',  support__or: 'или напишите нам на электронную почту',  backup__title: 'Файловый архив',  backup__project: 'Проект',  backup__files_search: 'Поиск файла',  backup__empty_description: 'Файлов пока нет',  error404: 'Тут ничего нет. Как вы сюда попали?',  agreements__title: 'Соглашения',  agreements__description: 'Для доступа к приложению:',  agreements__description_update: 'Документы существенно обновлены.',  agreements__checkbox_agreement_terms: 'Я принимаю',  agreements__checkbox_agreement_terms_doc: 'Пользовательское соглашение',  agreements__checkbox_agreement_consent: 'Я даю',  agreements__checkbox_agreement_consent_doc: 'Согласие на обработку своих персональных данных',  agreements__checkbox_agreement_privacy: 'и принимаю условия',  agreements__checkbox_agreement_privacy_doc: 'Политики конфиденциальности',  agreements__btn_agree: 'Подтвердить и продолжить',  agreements__btn_decline: 'Отклонить',  agreements__btn_decline_description: '(закрыть приложение)',  only_telegram__continue: 'Продолжить',  input_rules__require: 'Поле обязательно к заполнению',  input_rules__incorrect_email: 'Адрес почты некорректный',  input_rules__password_require: 'Мин. 8 символов',  input_rules__middle_text: 'Макс. 60 символов ',  input_rules__long_text: 'Макс. 250 символов ',  input_rules__editor_text: 'Превышен максимальный размер содержимого',  instance_close_dialog__title: 'Приложение запущено повторно',  instance_close_dialog__description: ' Пожалуйста, перейдите в последнее открытое окно. Это можно закрыть.',  instance_close_dialog__btn: 'Закрыть' }
\ No newline at end of file
diff --git a/src/pages/AccountPage.vue b/src/pages/AccountPage.vue
index 8190112..1e91220 100644
--- a/src/pages/AccountPage.vue
+++ b/src/pages/AccountPage.vue
@@ -77,14 +77,15 @@
     { id: 2, name: 'account__auth_change_method', description: 'account__auth_change_method_description', icon: 'mdi-account-sync-outline', iconColor: 'primary', pathName: 'change_account_auth_method', display: !authStore.customer?.email },
     { id: 3, name: 'account__auth_change_password', description: 'account__auth_change_password_description', icon: 'mdi-account-key-outline', iconColor: 'primary', pathName: 'change_account_password', display: !!authStore.customer?.email },
     { id: 4, name: 'account__auth_change_account', description: 'account__auth_change_account_description', icon: 'mdi-account-switch-outline', iconColor: 'primary', pathName: 'change_account_email', display: !!authStore.customer?.email },
-    { id: 5, name: 'account__company_data', icon: 'mdi-account-group-outline', description: 'account__company_data_description', pathName: 'your_company' },
-    { id: 6, name: 'account__settings', icon: 'mdi-cog-outline', description: 'account__settings_description', iconColor: 'info', pathName: 'settings' },
-    { id: 7, name: 'account__support', icon: 'mdi-lifebuoy', description: 'account__support_description', iconColor: 'info', pathName: 'support' },
-    { id: 8, name: 'account__terms_of_use', icon: 'mdi-book-open-variant-outline', description: '', iconColor: 'grey', pathName: 'terms' },
-    { id: 9, name: 'account__privacy', icon: 'mdi-lock-outline', description: '', iconColor: 'grey', pathName: 'privacy' },
-    { id: 10, name: 'account__consent_pd', icon: 'mdi-account-lock-outline', description: '', iconColor: 'grey', pathName: 'consent' },
-    { id: 11, name: 'account__tarrifs_info', icon: 'mdi-star-circle-outline', description: '', iconColor: 'grey', pathName: 'tarrifs_info' },
-    { id: 12, name: 'account__stop_using', icon: 'mdi-close-box-outline', description: 'account__stop_using_description', iconColor: 'negative', pathName: 'stop_using' }
+    { id: 5, name: 'account__backup', icon: 'mdi-file-restore-outline', description: 'account__backup_description', pathName: 'backup' },
+    { id: 6, name: 'account__company_data', icon: 'mdi-account-group-outline', description: 'account__company_data_description', pathName: 'your_company' },
+    { id: 7, name: 'account__settings', icon: 'mdi-cog-outline', description: 'account__settings_description', iconColor: 'info', pathName: 'settings' },
+    { id: 8, name: 'account__support', icon: 'mdi-lifebuoy', description: 'account__support_description', iconColor: 'info', pathName: 'support' },
+    { id: 9, name: 'account__terms_of_use', icon: 'mdi-book-open-variant-outline', description: '', iconColor: 'grey', pathName: 'terms' },
+    { id: 10, name: 'account__privacy', icon: 'mdi-lock-outline', description: '', iconColor: 'grey', pathName: 'privacy' },
+    { id: 11, name: 'account__consent_pd', icon: 'mdi-account-lock-outline', description: '', iconColor: 'grey', pathName: 'consent' },
+    { id: 12, name: 'account__tarrifs_info', icon: 'mdi-star-circle-outline', description: '', iconColor: 'grey', pathName: 'tarrifs_info' },
+    { id: 14, name: 'account__stop_using', icon: 'mdi-close-box-outline', description: 'account__stop_using_description', iconColor: 'negative', pathName: 'stop_using' }
   ]))
 
   const displayItems = computed(() => (
@@ -110,7 +111,6 @@
     await authStore.termsRevoked()
     tg.close()
   }
-
 </script>
 
 <style lang="scss">
diff --git a/src/pages/ChatPage.vue b/src/pages/ChatPage.vue
index f54d365..ab41bba 100644
--- a/src/pages/ChatPage.vue
+++ b/src/pages/ChatPage.vue
@@ -81,7 +81,7 @@
   import { useChatsStore } from 'stores/chats'
   import { useUsersStore } from 'stores/users'
   import { useCompaniesStore } from 'stores/companies'
-  import { parseIntString } from 'src/utils/helpers'
+  import { parseIntString } from 'utils/helpers'
   import { useUserSection } from 'composables/useUserSection'
   import pnChatTypeItem from 'components/pnChatTypeItem.vue'
   import pnUserListItemBody from 'components/pnUserListItemBody.vue'
diff --git a/src/pages/ProjectPage.vue b/src/pages/ProjectPage.vue
index 6e41a4b..818249f 100644
--- a/src/pages/ProjectPage.vue
+++ b/src/pages/ProjectPage.vue
@@ -1,203 +1,21 @@
 <template>
-  <pn-page-wrapper>
+  <pn-tabs :tabs>
     <template #title>
       <project-page-header/>
     </template>
-    <q-tab-panels
-      id="tab-panels"
-      v-model="tabSelect"
-      keep-alive
-      class="bg-transparent w100"
-      style="flex-grow: 1;"
-      >
-      <q-tab-panel
-        v-for="tab in tabs"
-        :key="tab.name"
-        :name="tab.name"
-        class="q-pa-none column w100"
-        >
-        <router-view :tabsSlotHeight/>
-      </q-tab-panel>
-    </q-tab-panels>
-
-    <template #tabs>
-      <div class="q-pa-none q-ma-none">
-        <q-resize-observer @resize="onTabsSlotResize"/>
-        <div class="q-py-md q-px-md overflow-hidden rounded-fix">
-          <div style="height: 0px;" class="row no-wrap no-pointer-events overflow-hidden">
-            <div
-              v-for="(tab, idx) in tabs"
-              :key="idx"
-              class="text-caption"
-              >
-              <q-resize-observer @resize="val => onTabResize(val, idx)"/>
-              {{ $t(tab.label) }}
-            </div>
-          </div>
-
-          <q-tabs
-            v-model="tabSelect"
-            dense
-            align="center"
-            id="tabs"
-            :breakpoint="0"
-            class="w100 text-grey-7 bg-grey-2 shadow-1 rounded-fix"
-            style="z-index: 1000;"
-            :style="minWidthTab"
-            >
-            <q-route-tab
-              v-for="tab in tabs"
-              :to="{ name: tab.name }"
-              :name="tab.name"
-              :key="tab.name"
-              :ripple="false"
-              no-caps
-              dense
-              :class="(tabSelect === tab.name ? 'active' : '')"
-              >
-              <div class="column items-center">
-                <q-icon :name="tab.icon" :size="config?.icon"/>
-                <span
-                  v-if="config?.showLabel"
-                  class="text-caption"
-                  >
-                  {{ $t(tab.label) }}
-                </span>
-              </div>
-            </q-route-tab>
-            <q-resize-observer @resize="size => tabsWidth = size.width" />
-          </q-tabs>
-          <div class="bg-transparent"
-            style="height: var(--tg-safe-area-inset-bottom)"
-          />
-        </div>
-      </div>
-      
-    </template>
-  </pn-page-wrapper>
+  </pn-tabs>
 </template>
 
 <script setup lang="ts">
-  import { ref, onBeforeMount, computed } from 'vue'
-  import projectPageHeader from 'pages/project-page/ProjectPageHeader.vue' 
-  import { useRoute } from 'vue-router'
-
-  const route = useRoute()
+  import projectPageHeader from 'pages/project-page/ProjectPageHeader.vue'
+  import pnTabs from 'components/pnTabs.vue'
 
   const tabs = [
-    { name: 'chats', label: 'project__chats', icon: 'mdi-chat-outline' },
-    { name: 'users', label: 'project__users', icon: 'mdi-account-outline' },
-    { name: 'companies', label: 'project__companies', icon: 'mdi-account-group-outline' }
-  ] as const
-
-  const tabSelect = ref<string>()
-
-  onBeforeMount(() => {
-    const initialTab = tabs.find(t => t.name === route.name)?.name || tabs[0]?.name || ''
-    tabSelect.value = initialTab
-  })
-
-  const tabsSlotHeight = ref(0)
-  
-  interface sizeParams {
-    height: number,
-    width: number
-  }
-
-  function onTabsSlotResize(size: sizeParams) {
-    tabsSlotHeight.value = size.height
-  }
-
-  // hidden icon name if overflow - with resize-observer
-  const tabsWidth = ref(0)
-  const widthTabLabel = ref(new Array(tabs.length).fill(0))
-  
-  function onTabResize (size: sizeParams, idx: number) {
-    if (size.width) widthTabLabel.value[idx] = size.width
-  }
-
-  const config = computed(() => {
-    const ICON_SM = 24
-    const ICON_MD = 32
-    
-    const availableWidth = tabsWidth.value
-
-    const variants = [
-      { icon: 'sm', gap: 16, showLabel: true },
-      { icon: 'sm', gap: 8,  showLabel: true },
-      { icon: 'md', gap: 16, showLabel: false },
-      { icon: 'md', gap: 8,  showLabel: false },
-      { icon: 'sm', gap: 16, showLabel: false },
-      { icon: 'sm', gap: 8,  showLabel: false }
-    ] as const
-
-    for (const v of variants) {
-      const iconW = v.icon === 'sm' ? ICON_SM : ICON_MD
-      let totalNeeded = 0
-      
-      tabs.forEach((_, idx) => {
-        const labelW = v.showLabel ? widthTabLabel.value[idx] : 0
-        const contentW = Math.max(iconW, labelW)
-        totalNeeded += contentW + (v.gap * 2)
-      })
-
-      if (totalNeeded <= availableWidth || v === variants[variants.length - 1]) {
-        return v
-      }
-    }
-    return variants[variants.length - 1]
-  })
-
-  const minWidthTab = computed(() => {
-    const activeIdx = tabs.findIndex(el => el.name === tabSelect.value)
-    const currentGap = config.value?.gap ?? 8
-    
-    const labelW = config.value?.showLabel ? widthTabLabel.value[activeIdx] : 0
-    const iconW = config.value?.icon === 'sm' ? 24 : 32
-    const activeContentWidth = Math.max(labelW, iconW)
-
-    return {
-      '--current-gap': `${currentGap}px`,
-      '--min-width-tab': '1px',
-      '--active-tab-width': (activeContentWidth + 16 * 2) + 'px',
-      '--tabs-height': tabsSlotHeight.value - 32 + 'px'
-    }
-  })
+    { name: 'chats', label: 'project__chats', icon: 'mdi-chat' },
+    { name: 'users', label: 'project__users', icon: 'mdi-account-circle' },
+    { name: 'companies', label: 'project__companies', icon: 'mdi-account-group' }
+  ]
 </script>
 
 <style scoped lang="scss">
-  #tabs :deep(.q-tab) {
-    padding: 0 var(--current-gap);
-  }
-
-  #tabs :deep(.active) {
-    color: var(--q-primary)
-  }
- 
-  #tabs :deep(.q-router-link--active .q-tab__indicator) {
-    height: calc(var(--tabs-height) - var(--tg-safe-area-inset-bottom, 0px));
-    border-radius: calc(var(--tabs-height) / 2);
-    overflow: hidden;
-    opacity: 0.2;
-    background-color: #999;
-  }
-
-  #tabs :deep(.q-focus-helper) {
-    border-radius: calc(var(--tabs-height) / 2);
-    border: 0px;
-  }
-
-  #tabs :deep(.q-tabs__arrow) {
-    display: none;
-  }
-
-  #tabs :deep(.q-tab__content) {
-    min-width: var(--min-width-tab);
-  }
-
-  #tabs :deep(.q-tab--active .q-tab__indicator) {
-    width: var(--active-tab-width);
-    right: inherit;
-    left: inherit;
-  }
 </style>
diff --git a/src/pages/ProjectsPage.vue b/src/pages/ProjectsPage.vue
index cbfb0b4..e56dfda 100644
--- a/src/pages/ProjectsPage.vue
+++ b/src/pages/ProjectsPage.vue
@@ -93,14 +93,13 @@
     <div
       v-if="archiveProjects.length !== 0"
       class="flex column items-center w100"
-      :class="showArchive ? 'bg-grey-12' : ''"
       >
       <q-btn
         class="w100 rotate-icon-btn"
         color="grey"
         flat
         no-caps
-        @click="showArchive=!showArchive"
+        @click="showArchive = !showArchive"
         icon-right="arrow_drop_down"
         :class="{ 'rotate-icon': showArchive }"
         >
@@ -270,9 +269,7 @@
   })
 
   onMounted(async () => {
-    if (!projectsStore.isInit) {
-      await projectsStore.init()
-    }
+    if (!projectsStore.isInit) await projectsStore.init()
   })
 
   watch(showDialogRestoreArchive, (newD :boolean) => {
diff --git a/src/pages/TelegramOnlyPage.vue b/src/pages/TelegramOnlyPage.vue
index 96edba0..99bbd6c 100644
--- a/src/pages/TelegramOnlyPage.vue
+++ b/src/pages/TelegramOnlyPage.vue
@@ -30,7 +30,7 @@
 <script setup lang="ts">
   import baseLogo from 'components/BaseLogo.vue'
   import meshBackground from 'components/meshBackground.vue'
-  import { BOT_NAME } from 'src/utils/constants'
+  import { BOT_NAME } from 'utils/constants'
 
   function openWebsite () {
     window.open('https://t.me/'+ BOT_NAME)
diff --git a/src/pages/account/BackupPage.vue b/src/pages/account/BackupPage.vue
new file mode 100644
index 0000000..8a3f31a
--- /dev/null
+++ b/src/pages/account/BackupPage.vue
@@ -0,0 +1,473 @@
+<template>
+  <pn-page-template v-bind="$attrs">
+    <template #title>
+      {{ $t('backup__title') }}
+    </template>
+
+    <template #card-header>
+      <q-select
+        v-if="projects.length !== 0"
+        v-model="selectedProject"
+        :options="filteredProjects"
+        option-value="id"
+        option-label="name"
+        emit-value
+        map-options
+        use-input
+        hide-selected
+        fill-input
+        input-debounce="300"
+        class="w100 q-pa-md"
+        :label="$t('backup__project')"
+        @filter="filterProjectFn"
+        filled dense
+        >
+        <template #prepend>
+          <q-icon name="mdi-briefcase-outline" />
+        </template>
+
+        <template #selected-item="scope">
+          <span :class="scope.opt?.is_archived ? 'text-grey' : ''">
+            {{ scope.opt?.name }}
+          </span>
+        </template>
+
+        <template #option="scope">
+          <q-item v-bind="scope.itemProps">
+            <q-item-section>
+              <q-item-label :class="scope.opt.is_archived ? 'text-grey' : ''">
+                {{ scope.opt.name }}
+              </q-item-label>
+            </q-item-section>
+          </q-item>
+        </template>
+      </q-select>
+
+      <pn-action-bar
+        v-if="files.length !== 0"
+        v-model="search"
+        placeholder="backup__files_search"
+        :calendar-active="showCalendar"
+        :filter-active="showFiltersDialog"
+        :calendar-badge="!!datesRange"
+        :filter-badge="!checkFiltersSelect"
+        @toggle-calendar="showCalendar = !showCalendar"
+        @open-filters="showFiltersDialog = true"
+        style="padding-top: 0 !important;"
+      />
+      </template>
+
+      <template #card-under-header>
+        <transition
+          enter-active-class="animated zoomIn"
+          leave-active-class="animated zoomOut"
+          >
+          <div v-if="showCalendar" class="q-mx-md shadow-1 rounded-card">
+            <q-date
+              class="w100 fix-calendar rounded-card bg-grey-11"
+              first-day-of-week="1"
+              v-model="datesRange"
+              range
+              flat
+              :events="filesDates"
+              event-color="brand"
+              today-btn
+              minimal
+              dense
+            />
+          </div>
+        </transition>
+    </template>
+
+    <q-list class="w100">
+      <q-item
+        v-for="item in displayFiles"
+        :key="item.id"
+        @click="downloadFile(item.id)"
+        v-ripple
+        clickable
+        >
+        <q-item-section avatar class="items-center" >
+          <q-icon
+            :name="fileIcon(item.filename).icon"
+            :style="{ color: fileIcon(item.filename).color}"
+            size="md"
+          />
+        </q-item-section>
+        <q-item-section
+          :class="item.parent.type === 'chat' && item.parent.is_deleted ? 'text-strike' : ''"
+          >
+          <q-item-label lines="1" class="text-bold">
+            <pn-cutter-long-text
+              :text = item.filename
+              :tailLength="10" 
+            />
+          </q-item-label>
+
+          <q-item-label caption lines="1">
+            <pn-inline-pair
+              :item1="usersStore.userNameById(item.published_by)"
+              :item1Class="usersStore.userById(item.published_by)?.is_blocked ? 'text-strike' : ''"
+              :item2="item.parent.name"
+              :item2Icon="
+                item.parent.type === 'chat'
+                  ? 'mdi-chat-outline'
+                  : item.parent.type === 'task'
+                    ? 'mdi-clipboard-outline'
+                    : 'mdi-calendar-month-outline'
+              "
+            />
+          </q-item-label>
+        </q-item-section>
+        <q-item-section side class="text-caption">
+          <q-item-label >
+            {{ date.formatDate(item.published * 1000, 'D MMM') }}
+          </q-item-label>
+          <q-item-label >
+            {{ fileSize(item.size, $t) }}
+          </q-item-label>
+        </q-item-section>
+      </q-item>
+    </q-list>
+    <div 
+      v-if="files.length === 0"
+      class="column items-center text-grey w100"
+      >
+      <div class="text-h6 w60 text-center">
+        {{$t('backup__empty_description')}}
+      </div>
+      <q-icon size="120px" name="mdi-clippy" class="q-ma-sm"/>
+    </div>
+    
+    <pn-bottom-sheet-dialog
+      title="files__filters"
+      v-model="showFiltersDialog"
+      >
+      <template #btnSlot>
+        <div>
+          <q-btn
+            v-if="!checkFiltersSelect"
+            @click="resetFilters"
+            flat
+            no-caps
+            dense
+            color="grey-6"
+            >
+            {{ $t('files__filters_reset')}}
+          </q-btn>
+        </div>
+      </template>
+
+      <template #footer>
+        <q-btn
+          rounded
+          class="w100"
+          color="primary"
+          @click="showFiltersDialog = false"
+          >
+          {{$t('files__filters_continue')}}
+        </q-btn>
+      </template>
+
+      <div class="q-px-md">
+        <div class="q-pl-sm text-bold text-caption">
+          {{ $t('files__filters_extension') }}
+        </div>
+        <div class="flex row">
+          <div
+            v-for="(item,idx) in fileExtExample"
+            :key="idx"
+            >
+            <q-icon
+              :name="fileIcon(item).icon"
+              :style="{ color: fileIcon(item).color }"
+              @click = "updateFileExtFilters(fileIcon(item).type)"
+              :class="filters.fileExt.includes(fileIcon(item).type) ? 'active' : 'inactive'"
+              size="md"
+              class="q-pa-sm"
+            />
+          </div>
+        </div>
+
+        <div class="q-pl-sm q-mt-md text-bold text-caption">
+          {{ $t('files__filters_source') }}
+        </div>
+        <div class="flex column">
+          <div
+            v-for="(item,idx) in fileSourceOptions"
+            :key="idx"
+            >
+            <q-checkbox
+              v-model="filters.fileSource"
+              :val="item.value"
+              >
+              {{ $t(item.label) }}
+            </q-checkbox>
+          </div>
+        </div>
+
+        <div class="q-pl-sm q-mt-md text-bold text-caption">
+          {{ $t('files__filters_by') }}
+        </div>
+        <q-select
+          v-model="filters.fileBy"
+          :options="users"
+          dense
+          filled
+          class="w100 q-pt-sm"
+          option-value="id"
+          option-label="displayName"
+          emit-value
+          map-options
+          use-chips
+          multiple
+          >
+          <template #option="scope">
+            <q-item v-bind="scope.itemProps">
+              <q-item-section avatar>
+                <pn-auto-avatar
+                  :img="scope.opt.photo"
+                  :name="scope.opt.displayName"
+                  size="md"
+                />
+              </q-item-section>
+              <q-item-section>
+                <q-item-label>{{ scope.opt.displayName }}</q-item-label>
+              </q-item-section>
+            </q-item>
+          </template>
+        </q-select>
+
+        <div class="q-pl-sm q-mt-md text-bold text-caption">
+          {{ $t('files__filters_size') }}
+        </div>
+        <div class="flex column">
+          <div
+            v-for="(item,idx) in fileSizeOptions"
+            :key="idx"
+            >
+            <q-checkbox
+              v-model="filters.fileSize"
+              :val="item.value"
+              :label = "$t(item.label)"
+            />
+          </div>
+        </div>
+      </div>
+    </pn-bottom-sheet-dialog>
+  </pn-page-template>
+</template>
+
+<script setup lang="ts">
+  import { ref, computed, onMounted, inject, watch } from 'vue'
+  import { useProjectsStore } from 'stores/projects'
+  import { useFilesStore } from 'stores/files'
+  import { useUsersStore } from 'stores/users'
+  import pnActionBar from 'components/pnActionBar.vue'
+  import pnCutterLongText from 'components/pnCutterLongText.vue'
+  import pnInlinePair from 'components/pnInlinePair.vue'
+  import { date } from 'quasar'
+  import { fileIcon, fileSize } from 'utils/files-functions'
+  import type { FileLink } from 'types/FileLink'
+  import type { WebApp } from '@twa-dev/types'
+     
+  const tg = inject('tg') as WebApp
+
+  const projectsStore = useProjectsStore()
+  const filesStore = useFilesStore()
+  const usersStore = useUsersStore() 
+
+  const files = ref<FileLink[]>([])
+  const projects = computed(() => projectsStore.projects)
+  const selectedProject = ref<number | null>(null)
+  const searchProjectQuery = ref('')
+  const search = ref('')
+  const showCalendar = ref<boolean>(false)
+  const datesRange = ref<null | { from: string, to: string }>(null)
+  const showFiltersDialog = ref(false)
+
+  const displayFiles = computed(() => {
+    
+    return files.value
+      .filter(bySearch)
+      .filter(byExt)
+      .filter(bySource)
+      .filter(bySize)
+      .filter(byFrom)
+      .filter(checkDateInterval)
+      .sort((f1: FileLink, f2: FileLink) => f2.published - f1.published)
+
+    function bySearch (el: FileLink) {
+      if (!search.value || !(search.value && search.value.trim())) return true
+      const searchValue = search.value.trim().toLowerCase()
+      return el.filename.toLowerCase().includes(searchValue)
+    }
+
+    function checkDateInterval (el: FileLink) {
+      if (!datesRange.value) return true
+      const start = (typeof datesRange.value !== 'string') ? datesRange.value.from : datesRange.value
+      const end = (typeof datesRange.value !== 'string') ? datesRange.value.to : datesRange.value
+      const from = date.extractDate(start, 'YYYY/MM/DD').getTime()
+      const to = date.extractDate(end, 'YYYY/MM/DD').getTime() + (24 * 60 * 60 * 1000 - 1)
+      return  (from < el.published * 1000) && ( to >= el.published * 1000)
+    }
+
+    function byExt (el: FileLink) {
+      if (filters.value.fileExt.length === 0) return true
+      const type = fileIcon(el.filename).type
+      return filters.value.fileExt.includes(type)
+    }
+
+    function bySource (el: FileLink) {
+      if (filters.value.fileSource.length === 0) return true
+      return filters.value.fileSource.includes(el.parent.type)
+    }
+
+    function bySize (el: FileLink) {
+      if (filters.value.fileSize.length === 0) return true
+
+      const fs = el.size
+      const sortedFilters = [...filters.value.fileSize].sort((a, b) => a - b)
+
+      const ranges = fileSizeOptions.map((option, index) => ({
+        min: index === 0 ? 0 : fileSizeOptions[index - 1]!.value,
+        max: option.value,
+        value: option.value
+      }))
+
+      return ranges.some(range => 
+        sortedFilters.includes(range.value) && 
+        (fs > range.min && 
+        (range.max === Infinity ? true : fs <= range.max))
+      )
+    }
+
+    function byFrom (el: FileLink) {
+      if (filters.value.fileBy.length === 0) return true
+      return filters.value.fileBy.includes(el.published_by)
+    }
+  })
+
+  interface Filters {
+    fileSource: Array<'chat' | 'task' | 'meeting'>
+    fileSize: number[]
+    fileBy: number[]
+    fileExt: string[]
+  }
+
+  const defaultFilters = {
+    fileSource: [],
+    fileSize: [],
+    fileBy: [],
+    fileExt: []
+  }
+  
+  const filters = ref<Filters>({ ...defaultFilters })
+
+  const checkFiltersSelect = computed(() => (
+    Object.values(filters.value).every(el => el.length === 0)
+  ))
+
+  function resetFilters() {
+    (Object.keys(filters.value) as (keyof Filters)[]).forEach(key => filters.value[key] = [])
+  }
+
+  const fileExtExample = [
+    '1.common', '2.doc', '3.xls', '4.vsd', '5.ppt', '6.pdf', '7.png', '8.mp3', '9.mp4', '10.js', '11.txt', '12.zip', '13.skp', '14.dwg', '15.ttf'
+  ]
+
+  function updateFileExtFilters (select: string) {
+    if (filters.value.fileExt.includes(select)) {
+      const idx = filters.value.fileExt.indexOf(select)
+      filters.value.fileExt.splice(idx, 1)
+    } else filters.value.fileExt.push(select)
+  }
+
+  const fileSourceOptions = [
+    { id: 1, icon: 'mdi-chat-outline', value: 'chat', label: 'files__filters_source_chats' },
+    { id: 2, icon: 'mdi-clipboard-outline', value: 'task', label: 'files__filters_source_tasks' },
+    { id: 3, icon: 'mdi-calendar-month-outline', value: 'meeting', label: 'files__filters_source_meetings' }
+  ]
+
+  const fileSizeOptions = [
+    { id: 1, value: 5242880, label: 'files__filters_size_small' }, // 5MB
+    { id: 2, value: 26214400, label: 'files__filters_size_middle' }, // 25MB
+    { id: 3, value: 104857600, label: 'files__filters_size_big' }, // 100MB
+    { id: 4, value: Infinity, label: 'files__filters_size_very_big' } // more 100 MB
+  ]
+  
+  const users = computed(() => usersStore.users)
+
+  const filesDates = computed(() => displayFiles.value.map(el => date.formatDate(el.published * 1000, 'YYYY/MM/DD')))
+
+  async function downloadFile (fileId: number) {
+    try {
+      const fileParams = await filesStore.downloadParams(fileId)
+      if (!fileParams) throw new Error('Download failed')
+      tg.downloadFile(fileParams)
+    } catch (error) {
+      alert(error)
+      console.error('Download error:', error)
+    }
+  }
+
+  const filteredProjects = computed(() => {
+    const needle = searchProjectQuery.value.toLowerCase()
+    if (needle === '') {
+      return projectsStore.projects
+    }
+    return projectsStore.projects.filter(
+      v => v.name.toLowerCase().includes(needle)
+    )
+  })
+
+  function filterProjectFn (val: string, update: (fn: () => void) => void) {
+    update(() => {
+      searchProjectQuery.value = val
+    })
+  }
+
+  watch(selectedProject, async () => {
+    if (selectedProject.value) {
+      projectsStore.setCurrentProjectId(selectedProject.value)
+      files.value = await filesStore.getFilesList(selectedProject.value)
+    }
+  })
+
+  const lastProjectId = computed(() => projectsStore.lastProjectId)
+
+  onMounted(async () => {
+    if (!projectsStore.isInit) await projectsStore.init()
+    selectedProject.value = lastProjectId.value ?? projects.value[0]?.id ?? null
+  })
+</script>
+
+<style scoped>
+  .second-line-item {
+    display: flex;
+    align-items: center;
+    flex: 0 1 auto;
+    min-width: 0;
+    max-width: 60%;
+  }
+
+  .fix-card-width {
+    width: var(--body-width) !important;
+  }
+
+  .active {
+    opacity: 1
+  }
+
+  .inactive {
+    opacity: 0.4
+  }
+
+  .fix-calendar :deep(.q-date__view) {
+    min-height: auto;
+  }
+
+  .fix-calendar :deep(.q-date__calendar-days-container) {
+    min-height: auto;
+  }
+</style>
diff --git a/src/pages/CompanyYourPage.vue b/src/pages/account/CompanyYourPage.vue
similarity index 100%
rename from src/pages/CompanyYourPage.vue
rename to src/pages/account/CompanyYourPage.vue
diff --git a/src/pages/account/SettingsPage.vue b/src/pages/account/SettingsPage.vue
index 6ebe9a0..d42d79b 100644
--- a/src/pages/account/SettingsPage.vue
+++ b/src/pages/account/SettingsPage.vue
@@ -1,9 +1,8 @@
 <template>
-    <pn-page-template>
+  <pn-page-template>
     <template #title>
       {{ $t('settings__title') }}
     </template>
-
     <q-list>
       <q-item-label header>{{ $t('settings__software_title') }}</q-item-label>
 
@@ -37,6 +36,29 @@
         />
       </pn-item-btm-dialog>
 
+      <pn-item-btm-dialog
+        title="settings__display_mode"
+        icon="mdi-overscan"
+        iconColor="primary"
+        >
+        <template #value>
+          {{ $t(displayModeLabel) }}
+        </template>
+        <pn-list-selector
+          v-model="displayMode"
+          :options="displayModeOptions"
+        />
+        <q-banner
+          v-if="$isAndroid"
+          class="bg-negative text-white q-mt-lg"
+          >
+          <template #avatar>
+            <q-icon name="mdi-alert-circle-outline"/>
+          </template>
+          {{ $t('settings__display_mode_android_warning') }}
+        </q-banner>
+      </pn-item-btm-dialog>
+
       <template v-if="authStore.isAuth">
         <q-item-label
           class="q-mt-md"
@@ -115,6 +137,19 @@
     await settingsStore.updateSettings({ fontSize: newValue })
   })
 
+  const displayMode = ref<'full' | 'window'>('window')
+  const displayModeOptions = [
+    { value: 'full', label: 'settings__display_mode_full' },
+    { value: 'window', label: 'settings__display_mode_window' }
+  ]
+  const displayModeLabel = computed(() =>
+    displayModeOptions.find(el => el.value === displayMode.value)?.label ?? ''
+  )
+  
+  watch(displayMode, async (newValue) => {
+    await settingsStore.updateSettings({ displayMode: newValue })
+  })
+
   const timeZoneBot = ref<{ tz: string, offset: number,offsetString: string }>()
 
   watch(timeZoneBot, async (newValue) => {
@@ -123,9 +158,10 @@
   
   onMounted(() => {
     locale.value = settingsStore.settings.locale
-    localeBot.value = settingsStore.settings.localeBot
     fontSize.value = settingsStore.settings.fontSize
+    displayMode.value = settingsStore.settings.displayMode
     timeZoneBot.value = settingsStore.settings.timeZoneBot
+    localeBot.value = settingsStore.settings.localeBot
   })
 
 </script>
diff --git a/src/pages/account/TariffsInfoPage.vue b/src/pages/account/TariffsInfoPage.vue
index 43924ad..8b34257 100644
--- a/src/pages/account/TariffsInfoPage.vue
+++ b/src/pages/account/TariffsInfoPage.vue
@@ -1,7 +1,7 @@
 <template>
   <doc-block
-    title="subscription_guide__title"
-    document-name="Subscription_guide"
+    title="account__tarrifs_info"
+    document-name="Provision_on_subscription_tariffs"
   />
 </template>
 
diff --git a/src/pages/project-page/ProjectPageChats.vue b/src/pages/project-page/ProjectPageChats.vue
index 1b858d4..5086af1 100644
--- a/src/pages/project-page/ProjectPageChats.vue
+++ b/src/pages/project-page/ProjectPageChats.vue
@@ -2,12 +2,20 @@
   <pn-page-card v-bind="$attrs">
     <template #card-header>
       <pn-action-bar
-      v-if="chats.length !== 0"
+        v-if="chats.length !== 0"
         v-model="search"
         placeholder="chats__search"
         :show-calendar-btn="false"
         :show-filter-btn="false"
-      />
+        >
+        <q-btn
+          @click="showDialogHelp = !showDialogHelp"
+          round
+          color="grey-2"
+          class="text-grey q-ml-sm"
+          icon="mdi-help"
+        />
+      </pn-action-bar>
     </template>
 
     <q-list v-if="chats.length !== 0">
@@ -77,7 +85,6 @@
     <div
       v-if="displayObsoleteChats.length !== 0"
       class="flex column items-center w100"
-      :class="showObsoleteChats ? 'bg-grey-12' : ''"
       >
       <q-btn
         class="w100 rotate-icon-btn"
@@ -158,26 +165,6 @@
       <q-linear-progress indeterminate />
     </div>
     <template #card-fab>
-      <div v-if="chats.length !== 0 || obsoleteChats.length !== 0">
-        <transition
-          appear
-          enter-active-class="animated zoomIn"
-          >
-          <pn-glass-btn
-            type="fab"
-            color="grey-2"
-            >
-            <q-btn
-              @click="showDialogHelp = !showDialogHelp"
-              fab
-              icon="mdi-help"
-              color="transparent"
-              class="text-grey"
-            />
-          </pn-glass-btn>
-        </transition>
-      </div>
-
       <transition
         appear
         enter-active-class="animated zoomIn"
@@ -356,9 +343,9 @@
 
   const displayChats = computed(() => {
     return chats.value
-      .filter(searchChats)
+      .filter(BySearch)
 
-    function searchChats (el: Chat) {
+    function BySearch (el: Chat) {
       if (!search.value || !(search.value && search.value.trim())) return true
       const searchValue = search.value.trim().toLowerCase()
       return el.name.toLowerCase().includes(searchValue) ||
diff --git a/src/pages/project-page/ProjectPageCompanies.vue b/src/pages/project-page/ProjectPageCompanies.vue
index af06dbe..62b9f04 100644
--- a/src/pages/project-page/ProjectPageCompanies.vue
+++ b/src/pages/project-page/ProjectPageCompanies.vue
@@ -1,70 +1,88 @@
 <template>
   <pn-page-card v-bind="$attrs">
+    <template #card-header>
+      <pn-action-bar
+        v-model="search"
+        placeholder="chats__search"
+        :show-calendar-btn="false"
+        :show-filter-btn="false"
+        >
+        <q-btn
+          v-if="companies.length > 2"
+          @click="maskCompany"
+          round
+          color="grey-2"
+          class="text-grey q-ml-sm"
+          icon="mdi-domino-mask"
+        />
+      </pn-action-bar>
+    </template>
+
     <q-list v-if="companies.length !== 0">
-      <q-slide-item
+      <template
         v-for="item in displayCompanies"
         :key="item.id"
-        @right="handleSlide($event, item.id)"
-        right-color="red"
         >
-        <template #right v-if="item.id !== myCompany?.id">
-          <q-icon size="lg" name="mdi-account-multiple-minus-outline"/>
-        </template>
-        <q-item
-          :key="item.id"
+        <q-slide-item
+          @right="handleSlide($event, item.id)"
           clickable
           v-ripple
-          class="w100"
           @click="goCompanyInfo(item.id)"
+          right-color="red"
           >
-          <q-item-section avatar>
-            <pn-auto-avatar
-              :img="item.logo"
-              :name="item.name"
-              type="rounded"
-              size="lg"
-            />
-          </q-item-section>
-          <q-item-section>
-            <q-item-label lines="1" class="text-caption text-amber-10" v-if="item.id === myCompany?.id">
-              <div class="flex items-center">
-                <q-icon name="star" class="q-pr-xs"/>
-                {{ $t('companies__my_company') }}
-              </div>
-            </q-item-label>
-            <q-item-label lines="1" class="text-bold">
-              {{ item.name }}
-              <q-icon
-                v-if="companiesStore.checkCompanyMasked(item.id)"
-                name="mdi-domino-mask"
-                color="grey"
-                size="sm"
+          <template #right v-if="item.id !== myCompany?.id">
+            <q-icon size="lg" name="mdi-account-multiple-minus-outline"/>
+          </template>
+          <q-item>
+            <q-item-section avatar>
+              <pn-auto-avatar
+                :img="item.logo"
+                :name="item.name"
+                type="rounded"
+                size="lg"
               />
-            </q-item-label>
-            <q-item-label
-              caption lines="2"
-              style="max-width: -webkit-fill-available; white-space: pre-line"
-              >
-              {{ item.description }}
-            </q-item-label>
-          </q-item-section>
-          
-          <q-item-section side>
-              <div class="flex items-end column">
-                <span class="text-caption flex items-center">
-                  <q-icon name="mdi-account-outline" color="grey" />
-                  <span>{{ getQtyUsers(item.id) }}</span>
-                </span>
-                <div class="flex items-center row text-caption">
-                  <q-icon v-if="item.site" name="mdi-web"/>
-                  <q-icon v-if="item.address" name="mdi-map-marker-outline"/>
-                  <q-icon v-if="item.phone" name="mdi-phone-outline"/>
-                  <q-icon v-if="item.email" name="mdi-email-outline"/>
-                </div>
-              </div>
             </q-item-section>
-        </q-item>
-      </q-slide-item>
+            <q-item-section>
+              <q-item-label lines="1" class="text-caption text-amber-10" v-if="item.id === myCompany?.id">
+                <div class="flex items-center">
+                  <q-icon name="star" class="q-pr-xs"/>
+                  {{ $t('companies__my_company') }}
+                </div>
+              </q-item-label>
+              <q-item-label lines="1" class="text-bold">
+                {{ item.name }}
+                <q-icon
+                  v-if="companiesStore.checkCompanyMasked(item.id)"
+                  name="mdi-domino-mask"
+                  color="grey"
+                  size="sm"
+                />
+              </q-item-label>
+              <q-item-label
+                caption lines="2"
+                style="max-width: -webkit-fill-available; white-space: pre-line"
+                >
+                {{ item.description }}
+              </q-item-label>
+            </q-item-section>
+            
+            <q-item-section side>
+                <div class="flex items-end column">
+                  <span class="text-caption flex items-center">
+                    <q-icon name="mdi-account-outline" color="grey" />
+                    <span>{{ getQtyUsers(item.id) }}</span>
+                  </span>
+                  <div class="flex items-center row text-caption">
+                    <q-icon v-if="item.site" name="mdi-web"/>
+                    <q-icon v-if="item.address" name="mdi-map-marker-outline"/>
+                    <q-icon v-if="item.phone" name="mdi-phone-outline"/>
+                    <q-icon v-if="item.email" name="mdi-email-outline"/>
+                  </div>
+                </div>
+              </q-item-section>
+          </q-item>
+        </q-slide-item>
+      </template>
     </q-list>
 
     <pn-onboard-btn
@@ -82,27 +100,6 @@
       <q-linear-progress indeterminate />
     </div>
     <template #card-fab>
-
-      <div v-if="companies.length >= 3">
-        <transition
-          appear
-          enter-active-class="animated zoomIn"
-          >
-          <pn-glass-btn
-            type="fab"
-             color="grey-2"
-            >
-            <q-btn
-              @click="maskCompany"
-              fab
-              icon="mdi-domino-mask"
-              color="transparent"
-              class="text-grey"
-            />
-          </pn-glass-btn>
-        </transition>
-      </div>
-
       <transition
         appear
         enter-active-class="animated zoomIn"
@@ -141,13 +138,17 @@
   import { useRouter, useRoute } from 'vue-router'
   import { useCompaniesStore } from 'stores/companies'
   import { useUsersStore } from 'stores/users'
+  import pnActionBar from 'components/pnActionBar.vue'
   import PnGlassBtn from 'components/pnGlassBtn.vue'
+  import type { Company } from 'types/Company'
   
   const router = useRouter()
   const route = useRoute()
   const companiesStore = useCompaniesStore()
   const usersStore = useUsersStore()
-  const showDialogDeleteCompany = ref<boolean>(false)
+
+  const search = ref('')
+  const showDialogDeleteCompany = ref(false)
   const deleteCompanyId = ref<number | undefined>(undefined)
   const currentSlideEvent = ref<SlideEvent | null>(null)
   const closedByUserAction = ref(false)
@@ -157,16 +158,25 @@
   }
 
   const users = computed(() => usersStore.users)
-  const companies = companiesStore.getCompanies
+  const companies = computed(() => companiesStore.companies)
   const companiesInit = computed(() => companiesStore.isInit)
 
-  const myCompany = computed(() => companies.find(el => el.is_own))
+  const myCompany = computed(() => companies.value.find(el => el.is_own))
 
   const displayCompanies = computed(() => {
-    const otherComp = companies.filter(el => !el.is_own)
-    return myCompany.value
+    const otherComp = companies.value.filter(el => !el.is_own)
+    const c = myCompany.value
       ? [myCompany.value, ...otherComp]
       : otherComp
+
+    return c.filter(searchCompanies)
+
+    function searchCompanies (el: Company) {
+      if (!search.value || !(search.value && search.value.trim())) return true
+      const searchValue = search.value.trim().toLowerCase()
+      return el.name.toLowerCase().includes(searchValue) ||
+        el.description && el.description.toLowerCase().includes(searchValue)
+    }
   })
 
   async function maskCompany () {
@@ -194,14 +204,6 @@
     closedByUserAction.value = false
   }
 
-  function onCancel() {
-    closedByUserAction.value = true
-    if (currentSlideEvent.value) {
-      currentSlideEvent.value.reset()
-      currentSlideEvent.value = null
-    }
-  }
-
   async function onConfirm() {
     closedByUserAction.value = true
     if (deleteCompanyId.value) {
@@ -210,6 +212,14 @@
     currentSlideEvent.value = null
   }
 
+  function onCancel() {
+    closedByUserAction.value = true
+    if (currentSlideEvent.value) {
+      currentSlideEvent.value.reset()
+      currentSlideEvent.value = null
+    }
+  }
+
   function getQtyUsers (companyId: number) {
     const arr = users.value.filter(el => el.company_id === companyId)
     return arr.length
@@ -218,11 +228,9 @@
 </script>
 
 <style scoped>
-
-  /* fix mini border after slide */
-  :deep(.q-slide-item__right)
-  {
+  :deep(.q-slide-item__right) {
     align-self: center;
+    height: 98%;
   }
 
 </style>
diff --git a/src/router/index.ts b/src/router/index.ts
index 4aa7349..25e709d 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -8,7 +8,6 @@ import {
 import routes from './routes'
 import { useAuthStore } from 'stores/auth'
 import { useProjectsStore } from 'stores/projects'
-import { computed } from 'vue'
 const tg = window.Telegram?.WebApp
 
 declare module 'vue-router' {
@@ -35,6 +34,9 @@ export default defineRouter(function (/* { store, ssrContext } */) {
 
   const publicPath = ['404', 'terms', 'privacy', 'consent', 'settings']
 
+  const authStore = useAuthStore()
+  const projectsStore = useProjectsStore()
+
   Router.beforeEach(async (to) => {
     if (to.name !== 'telegram_only' && sessionStorage.getItem('isTelegram') === 'false') {
       return { name: 'telegram_only', replace: true }
@@ -42,9 +44,6 @@ export default defineRouter(function (/* { store, ssrContext } */) {
 
     if (to.name === 'telegram_only') return true
     if (typeof to.name === 'string' && publicPath.includes(to.name)) return true
-    
-    const authStore = useAuthStore()
-    const projectsStore = useProjectsStore()
 
      if (to.name === 'login')
        return authStore.isAuth ? { name: 'projects', replace: true } : true
@@ -58,13 +57,9 @@ export default defineRouter(function (/* { store, ssrContext } */) {
     
     if (to.params.id) {
       if (!projectsStore.isInit) await projectsStore.init()
-
-      const currentProjectId = computed(() => projectsStore.currentProjectId)
-
-      if (to.params.id) {
-        if (currentProjectId.value !== Number(to.params.id)) {
-          if (!projectsStore.projectById(Number(to.params.id))) 
-            projectsStore.setCurrentProjectId(Number(to.params.id))
+      if (to.params.id && projectsStore.projectById(Number(to.params.id))) {
+        if (projectsStore.currentProjectId !== Number(to.params.id)) {
+          projectsStore.setCurrentProjectId(Number(to.params.id))
         }
       } else {
         projectsStore.setCurrentProjectId(null)
@@ -93,7 +88,9 @@ export default defineRouter(function (/* { store, ssrContext } */) {
       }
     }
 
-    useProjectsStore().setCurrentProjectId(to.params.id ? Number(to.params.id) : null)
+    if (to.params.id) projectsStore.setLastProjectId(Number(to.params.id))
+    if (to.name === 'projects') projectsStore.setLastProjectId(null)
+    projectsStore.setCurrentProjectId(to.params.id ? Number(to.params.id) : null)
   })
 
   return Router
diff --git a/src/router/routes.ts b/src/router/routes.ts
index 87101a1..94e5e28 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -150,10 +150,15 @@ const routes: RouteRecordRaw[] = [
         path: '/support',
         component: () => import('pages/account/SupportPage.vue')
       },
+      {
+        name: 'backup',
+        path: '/backup',
+        component: () => import('pages/account/BackupPage.vue')
+      },
       {
         name: 'your_company',
         path: '/your-company',
-        component: () => import('pages/CompanyYourPage.vue')
+        component: () => import('pages/account/CompanyYourPage.vue')
       },
       {
         name: 'login',
diff --git a/src/stores/SSE.ts b/src/stores/SSE.ts
index f59033c..f3e9154 100644
--- a/src/stores/SSE.ts
+++ b/src/stores/SSE.ts
@@ -67,8 +67,8 @@ export const useSSEStore = defineStore('sse', () => {
 
     eventSource.value.addEventListener('chat-update', (event) => {
       const data = JSON.parse(event.data)
-      projectsStore.init().catch(() => {}) // for update count of chats on projects page
       authStore.updateProfile().catch(() => {}) // for update count of active chats in subscribe
+      projectsStore.init().catch(() => {}) // for update count of chats on projects page
       if (data.project_id === currentProjectId.value) {
         chatsStore.init().catch(() => {})
         usersStore.init().catch(() => {}) // for update users from chats
@@ -78,6 +78,7 @@ export const useSSEStore = defineStore('sse', () => {
     eventSource.value.addEventListener('chat-delete', (event) => {
       const data = JSON.parse(event.data)
       projectsStore.init().catch(() => {}) // for update count of chats on projects page
+      
       authStore.updateProfile().catch(() => {}) // for update count of active chats in subscribe
       if (data.project_id === currentProjectId.value) {
         chatsStore.init().catch(() => {})
diff --git a/src/stores/auth.ts b/src/stores/auth.ts
index 9e58ab2..b064636 100644
--- a/src/stores/auth.ts
+++ b/src/stores/auth.ts
@@ -66,6 +66,7 @@ export const useAuthStore = defineStore('auth', () => {
   const logout = async () => {
     await api.get('/auth/logout', {})
     customer.value = null
+    projectsStore.setCurrentProjectId(null)
     projectsStore.reset()
   }
   
@@ -93,7 +94,6 @@ export const useAuthStore = defineStore('auth', () => {
   const getCodeCurrentEmail = async () =>
     await api.post('/auth/email/change-email')
 
-
   const confirmCurrentEmailCode = async (code: string) =>
     await api.post('/auth/email/change-email', { code })
   
@@ -111,7 +111,7 @@ export const useAuthStore = defineStore('auth', () => {
     const { data } = await api.get('/customer/profile')
     customer.value = data.data
   }
-  
+
   // user data company
   const updateMyCompany = async (companyData: CompanyParams) => {
     const response = await api.put('/customer/profile', { company: companyData })
diff --git a/src/stores/companies.ts b/src/stores/companies.ts
index a3a08ff..616132e 100644
--- a/src/stores/companies.ts
+++ b/src/stores/companies.ts
@@ -69,8 +69,6 @@ export const useCompaniesStore = defineStore('companies', () => {
     companiesMask.value = data.data
   }
 
-  const getCompanies = computed(() => companies.value)
-
   return {
     companies,
     companiesMask,
@@ -82,8 +80,7 @@ export const useCompaniesStore = defineStore('companies', () => {
     remove,
     companyById,
     checkCompanyMasked,
-    updateMask,
-    getCompanies
+    updateMask
   }
 })
 
diff --git a/src/stores/files.ts b/src/stores/files.ts
new file mode 100644
index 0000000..44b2ffe
--- /dev/null
+++ b/src/stores/files.ts
@@ -0,0 +1,30 @@
+import { computed } from 'vue'
+import { defineStore } from 'pinia'
+import { api } from 'boot/axios'
+import { useProjectsStore } from 'stores/projects'
+import type { FileLink } from 'types/FileLink'
+
+export const useFilesStore = defineStore('files', () => {
+  const projectsStore = useProjectsStore()
+  const currentProjectId = computed(() => projectsStore.currentProjectId)
+  
+  async function getFilesList (projectId: number) {
+    const { data } = await api.get(`/project/${projectId}/file`)
+    return data.data as FileLink[]
+  }
+
+  async function downloadParams (fileId: number) {
+    const { data } = await api.get(`/project/${currentProjectId.value}/file/${fileId}/token`)
+    return data.data 
+      ? {
+          url: `/api/download/${data.data.token}`,
+          file_name: data.data.filename as string
+        }
+      : null
+  }
+
+  return {
+    getFilesList,
+    downloadParams
+  }
+})
diff --git a/src/stores/projects.ts b/src/stores/projects.ts
index 86d997f..b4bd975 100644
--- a/src/stores/projects.ts
+++ b/src/stores/projects.ts
@@ -11,24 +11,26 @@ import type { Project, ProjectParams } from 'types/Project'
 export const useProjectsStore = defineStore('projects', () => {
   const projects = ref<Project[]>([])
   const currentProjectId = ref<number | null>(null)
+  const lastProjectId = ref<number | null>(null)
   const isInit = ref<boolean>(false)
   const chatsStore = useChatsStore()
   const usersStore = useUsersStore()
   const companiesStore = useCompaniesStore()
   const isLoading = ref(false)
 
-  async function init () {
-    // guard for double request
+  
+  async function init() {
+  // guard for double request
     if (isLoading.value) return
     isLoading.value = true
+    
     try {
-      reset()
       const { data } = await api.get('/project')
       const projectsAPI = data.data
-      projects.value.push(...projectsAPI)
+      projects.value = projectsAPI
       isInit.value = true
-    } catch {
-      reset()
+    } catch (error) {
+      console.error('Failed to init projects:', error)
     } finally {
       isLoading.value = false
     }
@@ -76,6 +78,10 @@ export const useProjectsStore = defineStore('projects', () => {
     currentProjectId.value = (typeof id ==='number') ? id : null
   }
 
+  function setLastProjectId (id: number | null | undefined) {
+    lastProjectId.value = (typeof id ==='number') ? id : null
+  }
+
   async function initStores () {
     resetStores()
     await Promise.all([
@@ -105,12 +111,14 @@ export const useProjectsStore = defineStore('projects', () => {
     isInit,
     projects,
     currentProjectId,
+    lastProjectId,
     add,
     update,
     archive,
     restore,
     projectById,
     setCurrentProjectId,
+    setLastProjectId,
     initStores,
     resetStores
   }
diff --git a/src/stores/settings.ts b/src/stores/settings.ts
index 81ad424..1d1ca9f 100644
--- a/src/stores/settings.ts
+++ b/src/stores/settings.ts
@@ -1,25 +1,32 @@
+import { ref, computed, inject, getCurrentInstance  } from 'vue'
 import { defineStore } from 'pinia'
-import { ref, computed, inject } from 'vue'
 import { api } from 'boot/axios'
 import { useAuthStore } from 'stores/auth'
 import { useI18n } from 'vue-i18n'
 import { Lang } from 'quasar'
 import type { WebApp } from '@twa-dev/types'
 
+const app = getCurrentInstance()
+const isIOS = app?.appContext.config.globalProperties.$isIOS
+const isMobile = app?.appContext.config.globalProperties.$isMobile
+
 interface AppSettings {
-  fontSize: number
   locale: string
-  timeZoneBot: { tz: string, offset: number, offsetString: string }
+  fontSize: number
+  displayMode: 'full' | 'window'
   localeBot: string
+  timeZoneBot: { tz: string, offset: number, offsetString: string }
 }
 
 const defaultFontSize = 16
+const defaultDisplayMode = isIOS && isMobile ? 'full' : 'window'
 
 const defaultSettings: AppSettings = {
-  fontSize: defaultFontSize,
   locale: 'en-US',
-  timeZoneBot: { tz: 'Europe/Moscow', offset: 3, offsetString: '+03:00' },
-  localeBot: 'en-US'
+  fontSize: defaultFontSize,
+  displayMode: defaultDisplayMode,
+  localeBot: 'en-US',
+  timeZoneBot: { tz: 'Europe/Moscow', offset: 3, offsetString: '+03:00' }
 }
 
 export const useSettingsStore = defineStore('settings', () => {
@@ -98,29 +105,25 @@ export const useSettingsStore = defineStore('settings', () => {
   const init = async () => {
     if (authStore.isAuth) {
       try {
-        const response = await api.get<{ data: AppSettings }>('/customer/settings')
-        let serverData = response.data.data
-        const updateData: Partial<AppSettings> = {}
-
-        if (!serverData.fontSize) updateData.fontSize = defaultSettings.fontSize
-        if (!serverData.locale) updateData.locale = detectLocale()
-        if (!serverData.timeZoneBot) updateData.timeZoneBot = defaultSettings.timeZoneBot
-        if (!serverData.localeBot) updateData.localeBot = detectLocale()
-      
-        if (Object.keys(updateData).length > 0) {
-          await api.put('/customer/settings', updateData)
-          const response = await api.get<{ data: AppSettings }>('/customer/settings')
-          serverData = response.data.data
+        const { data } = await api.get('/customer/settings')
+        settings.value = {
+          locale: data.data.locale || detectLocale(),
+          fontSize: data.data.fontSize || defaultSettings.fontSize,
+          displayMode: data.data.displayMode || defaultSettings.displayMode,
+          localeBot: data.data.localeBot || detectLocale(),
+          timeZoneBot: data.data.timeZoneBot || defaultSettings.timeZoneBot
         }
-
-        settings.value = serverData
+        if (!data.data.locale || !data.data.fontSize || !data.data.displayMode ||
+            !data.data.localeBot || !data.data.timeZoneBot
+           ) await saveSettings()
       } catch {
         settings.value.locale = detectLocale()
       }
     } else {
       settings.value = { 
         ...defaultSettings, 
-        locale: detectLocale() 
+        locale: detectLocale(),
+        localeBot: detectLocale()
       }
     }
     updateCssVariable()
@@ -128,6 +131,11 @@ export const useSettingsStore = defineStore('settings', () => {
     isInit.value = true
   }
 
+  const saveSettings = async () => {
+    const { data } = await api.put('/settings', settings.value)
+    if (data.data) settings.value = data.data
+  }
+
   const updateSettings = async (newSettings: Partial<AppSettings>) => {
     settings.value = { ...settings.value, ...newSettings }
     updateCssVariable()
diff --git a/src/types/FileLink.ts b/src/types/FileLink.ts
new file mode 100644
index 0000000..3429e3b
--- /dev/null
+++ b/src/types/FileLink.ts
@@ -0,0 +1,23 @@
+interface FileLink {
+  id: number
+  filename: string
+  mime: string
+  size: number
+  published_by: number
+  published: number
+  parent: {
+  id: number
+  name: string
+  } & (
+    | { type: 'task' | 'meeting' }
+    | {
+        type: 'chat'
+        is_deleted: boolean
+      }
+  )
+  [key: string]: unknown
+}
+
+export type {
+  FileLink
+}
diff --git a/src/utils/files-functions.ts b/src/utils/files-functions.ts
new file mode 100644
index 0000000..ac93512
--- /dev/null
+++ b/src/utils/files-functions.ts
@@ -0,0 +1,124 @@
+type TranslateFunction = (key: string) => string
+
+const fileSize = (value: number, t: TranslateFunction): string => {
+  if (value === 0) return '-'
+  
+  const units = ['B', 'kB', 'MB', 'GB', 'TB'] as const
+  const i = Math.floor(Math.log(value) / Math.log(1024))
+  
+  const index = Math.max(0, Math.min(i, units.length - 1))
+  
+  const result = (value / Math.pow(1024, index)).toFixed(1)
+  
+  const unitKey = units[index]
+  
+  return `${result} ${t(unitKey!)}`
+}
+ 
+ 
+ interface ParsedFile {
+    name: string
+    ext: string
+  }
+
+  function parseFileName(filename: string): ParsedFile {
+    const lastDotIndex = filename.lastIndexOf('.')
+    
+    if (lastDotIndex === -1) {
+        return { name: filename, ext: '' }
+    }
+    
+    return {
+        name: filename.slice(0, lastDotIndex),
+        ext: filename.slice(lastDotIndex + 1).toLowerCase()
+    }
+  }
+
+  interface FileIcon {
+    type: string
+    icon: string
+    color: string
+  }
+
+  function fileIcon(filename: string): FileIcon {
+    const ext = parseFileName(filename).ext
+
+    switch (ext) {
+      case 'doc':
+      case 'docx':
+        return { type: 'doc', icon: 'pn-icon-file-doc', color: '#2B579A' }
+
+      case 'xls':
+      case 'xlsx':
+      case 'csv':
+        return { type: 'xls', icon: 'pn-icon-file-xls', color: '#217346' }
+
+      case 'vsd':
+      case 'vsdx':
+        return { type: 'vsd', icon: 'pn-icon-file-vsd', color: '#3955A3' }
+
+      case 'ppt':
+      case 'pptx':
+        return { type: 'ppt', icon: 'pn-icon-file-ppt', color: '#D24726' }
+
+      case 'pdf':
+        return { type: 'pdf', icon: 'pn-icon-file-pdf', color: '#D0021B' }
+
+      case 'png':
+      case 'jpg':
+      case 'jpeg':
+      case 'gif':
+      case 'bmp':
+      case 'webp':
+      case 'svg':
+        return { type: 'img', icon: 'pn-icon-file-img', color: '#4CAF50' }
+
+      case 'mp3':
+      case 'wav':
+      case 'ogg':
+        return { type: 'music', icon: 'pn-icon-file-audio', color: '#FF9800' }
+
+      case 'mp4':
+      case 'avi':
+      case 'mov':
+      case 'mkv':
+        return { type: 'video', icon: 'pn-icon-file-video', color: '#9C27B0' }
+
+      case 'js':
+      case 'ts':
+      case 'html':
+      case 'css':
+      case 'json':
+      case 'xml':
+        return { type: 'code', icon: 'pn-icon-file-code', color: '#999' }
+
+      case 'txt':
+        return { type: 'txt', icon: 'pn-icon-file-txt', color: '#757575' }
+
+      case 'zip':
+      case 'rar':
+      case '7z':
+      case 'tar':
+      case 'gz':
+        return { type: 'archive', icon: 'pn-icon-file-archive', color: '#F78E1E' }
+
+      case 'skp':
+        return { type: 'skp', icon: 'pn-icon-file-skp', color: '#CC0000' }
+
+      case 'dwg':
+      case 'dxf':
+        return { type: 'cad', icon: 'pn-icon-file-dwg', color: '#00579D' }
+
+      case 'ttf':
+        return { type: 'font', icon: 'pn-icon-file-ttf', color: '#607D8B' }
+
+      default:
+        return { type: 'common', icon: 'pn-icon-file-default', color: '#9E9E9E' }
+    }
+  }
+
+export {
+  fileSize,
+  parseFileName,
+  fileIcon
+}
\ No newline at end of file