adata-ui 2.1.40-beta.5 → 2.1.40-beta.7

package/components/elements/a-select-row/ASelectRowV2.vue

@@ -42,6 +42,7 @@ const { visibleCount, hiddenCount } = useChipOverflow({
   container: chipsRow,
   measure: measureRow,
   count: itemCount,
+  contentKey: computed(() => props.selectedItems?.map(item => item.name).join(' ') ?? ''),
   gap: 6,
 })
 
@@ -101,7 +102,7 @@ defineExpose({ onClear })
           <span
             v-for="item in visibleItems"
             :key="item.id"
-            class="select-row-v2__chip inline-flex min-w-0 max-w-[180px] items-center gap-1 rounded-md border border-gray-200 bg-gray-50 px-2 py-0.5 text-xs dark:border-gray-700 dark:bg-white/[0.06]"
+            class="select-row-v2__chip inline-flex min-w-0 items-center gap-1 rounded-md border border-gray-200 bg-gray-50 px-2 py-0.5 text-xs dark:border-gray-700 dark:bg-white/[0.06]"
             @click.stop="deletable ? deleteItem(item) : (isOpen = true)"
           >
             <span class="truncate">{{ item.name }}</span>
@@ -123,14 +124,14 @@ defineExpose({ onClear })
           <span
             ref="measureRow"
             aria-hidden="true"
-            class="pointer-events-none invisible absolute left-0 top-0 flex h-0 items-center gap-1.5"
+            class="pointer-events-none invisible absolute left-0 top-0 flex h-0 w-max items-center gap-1.5"
           >
             <span
               v-for="item in selectedItems"
               :key="`measure-${item.id}`"
-              class="inline-flex max-w-[180px] items-center gap-1 rounded-md border border-gray-200 bg-gray-50 px-2 py-0.5 text-xs"
+              class="inline-flex items-center gap-1 whitespace-nowrap rounded-md border border-gray-200 bg-gray-50 px-2 py-0.5 text-xs"
             >
-              <span class="truncate">{{ item.name }}</span>
+              <span>{{ item.name }}</span>
               <span
                 v-if="deletable"
                 class="flex shrink-0 items-center justify-center rounded-full p-0.5"

package/components/elements/select/ASelectV2.vue

@@ -182,9 +182,10 @@ const valueToShow = computed<T | T[] | null>(() => {
     if (!Array.isArray(modelValue.value) || modelValue.value.length === 0) return null
     if (props.getOnlyKey) {
       const keys = modelValue.value as any[]
-      const found = props.options.filter(opt =>
-        keys.some(k => isEqual(k, opt[props.keyToSelect as keyof T])),
-      )
+      // map over model keys (not options) so chips keep the selection order
+      const found = keys
+        .map(k => props.options.find(opt => isEqual(k, opt[props.keyToSelect as keyof T])))
+        .filter((opt): opt is T => opt != null)
       return found.length ? found : null
     }
     return modelValue.value as T[]
@@ -249,8 +250,11 @@ function onClear() {
   emits('onClear')
 }
 
-function onClearFromMulti(index: number) {
+function onClearFromMulti(item: T) {
   if (!Array.isArray(modelValue.value)) return
+  const key = selectedKey(item)
+  const index = modelValue.value.findIndex(el => isEqual(el, key))
+  if (index === -1) return
   const next = [...modelValue.value]
   next.splice(index, 1)
   modelValue.value = next
@@ -267,6 +271,10 @@ const { visibleCount: visibleChipCount, hiddenCount: hiddenChipCount } = useChip
   container: valueColumn,
   measure: measureRow,
   count: selectedCount,
+  contentKey: computed(() => {
+    if (!Array.isArray(valueToShow.value)) return ''
+    return (valueToShow.value as any[]).map(item => item?.[props.keyToShow]).join(' ')
+  }),
   gap: 6,
 })
 
@@ -332,8 +340,8 @@ const isDefaultSelection = computed(() => {
               <span
                 v-for="(item, index) in (valueToShow as any[]).slice(0, visibleChipCount)"
                 :key="index"
-                class="select-v2__chip inline-flex min-w-0 max-w-[180px] items-center gap-1 rounded-md border border-gray-200 bg-gray-50 px-2 py-0.5 text-xs dark:border-gray-700 dark:bg-white/[0.06]"
-                @click.stop="canChipRemove ? onClearFromMulti(index) : (isOpen = true)"
+                class="select-v2__chip inline-flex min-w-0 items-center gap-1 rounded-md border border-gray-200 bg-gray-50 px-2 py-0.5 text-xs dark:border-gray-700 dark:bg-white/[0.06]"
+                @click.stop="canChipRemove ? onClearFromMulti(item) : (isOpen = true)"
               >
                 <span class="truncate">{{ item[keyToShow] }}</span>
                 <button
@@ -354,14 +362,14 @@ const isDefaultSelection = computed(() => {
             <span
               ref="measureRow"
               aria-hidden="true"
-              class="pointer-events-none invisible absolute left-0 top-0 flex h-0 items-center gap-1.5"
+              class="pointer-events-none invisible absolute left-0 top-0 flex h-0 w-max items-center gap-1.5"
             >
               <span
                 v-for="(item, index) in (valueToShow as any[])"
                 :key="`measure-${index}`"
-                class="inline-flex max-w-[180px] items-center gap-1 rounded-md border border-gray-200 bg-gray-50 px-2 py-0.5 text-xs"
+                class="inline-flex items-center gap-1 whitespace-nowrap rounded-md border border-gray-200 bg-gray-50 px-2 py-0.5 text-xs"
               >
-                <span class="truncate">{{ item[keyToShow] }}</span>
+                <span>{{ item[keyToShow] }}</span>
                 <span
                   v-if="canChipRemove"
                   class="flex shrink-0 items-center justify-center rounded-full p-0.5"

package/components/modals/id/IdConfirmAccountOtpModal.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { removeTrailingSlash } from '#adata-ui/components/utils/removeTrailingSlash'
 import IdOtpInput from '#adata-ui/components/modals/id/IdOtpInput.vue'
+import { removeTrailingSlash } from '#adata-ui/components/utils/removeTrailingSlash'
+import { writeAccessTokenCookie } from '#adata-ui/composables/useAccessTokenCookie'
 
 const { $toast } = useNuxtApp()
 const { t, locale } = useI18n()
@@ -40,17 +41,11 @@ async function loginUser() {
     },
   })
   const { data: cookiesData } = await response.json()
-  if (cookiesData) {
+  if (cookiesData?.access_token) {
     const { access_token, expire_in } = cookiesData
-    const hostname = location.hostname.split('.').reverse()
     useCookie('autoLogout').value = true
 
-    useCookie('accessToken', {
-      maxAge: expire_in,
-      domain: `.${hostname[1]}.${hostname[0]}`,
-      path: '/',
-      secure: true,
-    }).value = access_token
+    await writeAccessTokenCookie(access_token, expire_in)
   }
 }
 

package/components/modals/id/IdLoginModal.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { removeTrailingSlash } from '#adata-ui/components/utils/removeTrailingSlash'
+import { writeAccessTokenCookie } from '#adata-ui/composables/useAccessTokenCookie'
 import { navigateToLocalizedPage } from '#adata-ui/utils/localizedNavigation'
 import * as z from 'zod'
 import { useUrls } from '#adata-ui/composables/useUrls'
@@ -127,17 +128,11 @@ async function submit() {
           },
         })
         const { data: cookiesData } = await response.json()
-        if (cookiesData) {
+        if (cookiesData?.access_token) {
           const { access_token, expire_in } = cookiesData
-          const hostname = location.hostname.split('.').reverse()
           useCookie('autoLogout').value = true
 
-          useCookie('accessToken', {
-            maxAge: expire_in,
-            domain: COOKIE_DOMAIN,
-            path: '/',
-            secure: true,
-          }).value = access_token
+          await writeAccessTokenCookie(access_token, expire_in)
         }
         $toast.success(t('reuse.successfully'))
 

package/components/modals/id/IdModals.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { removeTrailingSlash } from '#adata-ui/components/utils/removeTrailingSlash'
+import IdAutoLogoutModal from '#adata-ui/components/modals/id/IdAutoLogoutModal.vue'
 import IdConfirmAccountOtpModal from '#adata-ui/components/modals/id/IdConfirmAccountOtpModal.vue'
 import IdConfirmSuccessfulModal from '#adata-ui/components/modals/id/IdConfirmSuccessfulModal.vue'
 import IdLoginModal from '#adata-ui/components/modals/id/IdLoginModal.vue'
@@ -9,7 +9,8 @@ import IdRecoveryModal from '#adata-ui/components/modals/id/IdRecoveryModal.vue'
 import IdRegistrationModal from '#adata-ui/components/modals/id/IdRegistrationModal.vue'
 import IdResetPasswordOtpModal from '#adata-ui/components/modals/id/IdResetPasswordOtpModal.vue'
 import IdTwoFactorModal from '#adata-ui/components/modals/id/IdTwoFactorModal.vue'
-import IdAutoLogoutModal from '#adata-ui/components/modals/id/IdAutoLogoutModal.vue'
+import { removeTrailingSlash } from '#adata-ui/components/utils/removeTrailingSlash'
+import { writeAccessTokenCookie } from '#adata-ui/composables/useAccessTokenCookie'
 
 const emit = defineEmits<{
   (e: 'closed', value: boolean): void
@@ -35,6 +36,10 @@ const authApiURL = commonAuth.authApiURL
 const accessToken = useCookie('accessToken')
 const isAuthenticated = computed(() => !!accessToken.value)
 
+// one-shot флаг: обмен по auth-сессии перезагружает страницу максимум один раз,
+// иначе нечитаемая кука accessToken зацикливает reload
+const AUTH_RELOAD_FLAG = 'auth-exchange-reloaded'
+
 onMounted(async () => {
   const response = await fetch(`${removeTrailingSlash(authApiURL)}/access/cookie`, {
     method: 'GET',
@@ -46,17 +51,25 @@ onMounted(async () => {
   const { data: cookiesData } = await response.json()
   if (cookiesData?.access_token && !accessToken.value) {
     const { access_token, expire_in } = cookiesData
-    const hostname = location.hostname.split('.').reverse()
     useCookie('autoLogout').value = true
 
-    useCookie('accessToken', {
-      maxAge: expire_in,
-      domain: `.${hostname[1]}.${hostname[0]}`,
-      path: '/',
-      secure: true,
-    }).value = access_token
+    const persisted = await writeAccessTokenCookie(access_token, expire_in)
 
-    window.location.reload()
+    if (persisted && !sessionStorage.getItem(AUTH_RELOAD_FLAG)) {
+      sessionStorage.setItem(AUTH_RELOAD_FLAG, '1')
+      window.location.reload()
+    }
+    else {
+      sessionStorage.removeItem(AUTH_RELOAD_FLAG)
+      console.warn(
+        persisted
+          ? '[auth] accessToken cookie is erased between page loads (SSR resetTokens?), reload skipped to avoid a loop'
+          : '[auth] accessToken cookie was not persisted (domain/secure/maxAge rejected by browser), reload skipped',
+      )
+    }
+  }
+  else {
+    sessionStorage.removeItem(AUTH_RELOAD_FLAG)
   }
 })
 

package/components/modals/id/IdTwoFactorModal.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { removeTrailingSlash } from '#adata-ui/components/utils/removeTrailingSlash'
 import IdOtpInput from '#adata-ui/components/modals/id/IdOtpInput.vue'
+import { removeTrailingSlash } from '#adata-ui/components/utils/removeTrailingSlash'
+import { writeAccessTokenCookie } from '#adata-ui/composables/useAccessTokenCookie'
 import { useUrls } from '#adata-ui/composables/useUrls'
 
 const { $toast } = useNuxtApp()
@@ -54,15 +55,9 @@ async function onConfirm() {
     const { data: cookiesData } = await response.json()
     if (cookiesData?.access_token) {
       const { access_token, expire_in } = cookiesData
-      const hostname = location.hostname.split('.').reverse()
       useCookie('autoLogout').value = true
 
-      useCookie('accessToken', {
-        maxAge: expire_in,
-        domain: `.${hostname[1]}.${hostname[0]}`,
-        path: '/',
-        secure: true,
-      }).value = access_token
+      await writeAccessTokenCookie(access_token, expire_in)
     }
     $toast.success(t('login.successfully'))
     twoFactorModal.value = false

package/components/navigation/header/HeaderLink.vue

@@ -22,18 +22,18 @@ interface HeaderNav {
 
 const navs: HeaderNav[] = [
   { label: 'header.navs.products', dataAttribute: 'header-products-and-solutions-button', menu: ProductMenu },
-  { label: 'header.navs.contacts', dataAttribute: 'header-contacts-button', menu: ContactMenu },
+  { label: 'header.navs.contacts', dataAttribute: 'header-contacts-button' },
   { label: 'header.navs.tariffs', dataAttribute: 'header-tariffs-button' },
 ]
 
-const OPEN_DELAY = 500 // hover dwell before opening, so a pass-through doesn't trigger it
-const SWITCH_DELAY = 80 // snappier when moving between items with the menu already open
+const OPEN_DELAY = 500
+const SWITCH_DELAY = 80
 
 const menu = ref<HTMLElement | null>(null)
 const show = ref(false)
-const locked = ref(false) // a click pins the menu; hover can no longer close it
+const locked = ref(false)
 const currentIndex = ref(0)
-const swapName = ref('swap-fade') // panel transition: directional slide on switch, fade on fresh open
+const swapName = ref('swap-fade')
 const hoverTimer = ref<ReturnType<typeof setTimeout> | null>(null)
 
 const currentMenu = computed(() => navs[currentIndex.value]?.menu ?? null)
@@ -42,8 +42,6 @@ function isActive(index: number) {
   return show.value && currentIndex.value === index
 }
 
-// Open `index`'s panel. Slide toward the direction of travel when switching
-// between already-open panels; fade (no sideways shift) on a fresh open.
 function openMenu(index: number) {
   swapName.value = show.value && index !== currentIndex.value
     ? (index > currentIndex.value ? 'slide-next' : 'slide-prev')
@@ -57,6 +55,10 @@ function closeMenu() {
   locked.value = false
 }
 
+function goToContacts() {
+  navigateToLocalizedPage({ locale, projectUrl: landing, path: PAGES.contacts, target: '_blank' })
+}
+
 function goToTariffs() {
   const host = useRequestURL().hostname
   const codeMap: Record<string, string> = {
@@ -73,11 +75,15 @@ function goToTariffs() {
   navigateToLocalizedPage({ locale, projectUrl: landing, path: PAGES.tariffs + code, target: '_blank' })
 }
 
-// Click pins the menu open; items without a menu (Tariffs) navigate instead.
 function toggleMenu(index: number) {
   const nav = navs[index]
   if (!nav?.menu) {
-    goToTariffs()
+    if (index === 1) {
+      goToContacts()
+    }
+    else if (index === 2) {
+      goToTariffs()
+    }
     return
   }
   if (show.value && currentIndex.value === index) {
@@ -95,7 +101,6 @@ function clearHoverTimer() {
   }
 }
 
-// Hover opens menu items; hovering Tariffs dismisses an unpinned menu.
 function scheduleOpen(index: number) {
   clearHoverTimer()
   hoverTimer.value = setTimeout(() => {
@@ -104,14 +109,10 @@ function scheduleOpen(index: number) {
   }, show.value ? SWITCH_DELAY : OPEN_DELAY)
 }
 
-// Overlay closes on click regardless of the pin; on hover only while unpinned.
 function onOverlayHover() {
   if (!locked.value) closeMenu()
 }
 
-// Lock body scroll while the mega-menu is open. `scrollbar-gutter: stable` is set
-// globally, so we don't reserve the gap to avoid a double-compensated page shift.
-// The panel is mounted via v-if, so wait a tick for the ref on open.
 watch(show, async (open) => {
   if (open) {
     await nextTick()
@@ -157,7 +158,6 @@ onBeforeUnmount(() => {
       </li>
     </ul>
 
-    <!-- One transition drives the whole panel's open/close (appear + disappear). -->
     <transition name="menu">
       <div
         v-if="show"
@@ -165,14 +165,12 @@ onBeforeUnmount(() => {
         class="fixed inset-x-0 z-20"
         :style="{ top: `${menuTop}px`, height: `calc(100dvh - ${menuTop}px)` }"
       >
-        <!-- Full-page dimmed blur backdrop behind the panel. -->
         <div
           class="absolute inset-0 bg-gray-900/30 backdrop-blur dark:bg-black/50"
           @click="closeMenu"
           @mouseover="onOverlayHover"
         />
 
-        <!-- Panel on top; slides left/right when switching between menu items. -->
         <transition
           :name="swapName"
           mode="out-in"
@@ -181,7 +179,6 @@ onBeforeUnmount(() => {
             :is="currentMenu"
             :key="currentIndex"
             class="relative"
-            :url="buildLocalizedUrl(locale, landing, PAGES.contacts)"
           />
         </transition>
       </div>
@@ -193,7 +190,6 @@ onBeforeUnmount(() => {
 $ease: cubic-bezier(0.22, 1, 0.36, 1);
 $shift: 24px;
 
-// Whole menu: open and close (vertical fade, no horizontal motion).
 .menu-enter-active,
 .menu-leave-active {
   transition:
@@ -207,7 +203,6 @@ $shift: 24px;
   transform: translateY(-12px);
 }
 
-// Switching panels: slide toward the direction of travel (out-in, so no overlap).
 .slide-next-enter-active,
 .slide-next-leave-active,
 .slide-prev-enter-active,
@@ -239,7 +234,6 @@ $shift: 24px;
   transform: translateX($shift);
 }
 
-// Fresh open (no switch): fade only, so the panel never slides sideways.
 .swap-fade-enter-from,
 .swap-fade-leave-to {
   opacity: 0;

package/components/navigation/header/NavList.vue

@@ -27,19 +27,14 @@ function isActive(itemPath: string) {
 </script>
 
 <template>
-  <section
-    class="group/section overflow-hidden rounded-xl border p-3 shadow-sm transition-colors"
-    :class="currentModule
-      ? 'border-blue-700/20 bg-blue-50 hover:border-blue-700/40 dark:border-blue-500/20 dark:bg-blue-500/5 dark:hover:border-blue-500/40'
-      : 'border-gray-200 bg-white hover:border-blue-700/40 dark:border-gray-800 dark:bg-gray-950 dark:hover:border-blue-500/40'"
-  >
+  <section class="group/section overflow-hidden flex flex-col ">
     <div class="mb-3 flex items-start justify-between gap-2">
       <nuxt-link-locale
         :to="link"
-        class="group/title flex min-w-0 items-center gap-2 text-sm font-bold text-deepblue-900 transition-colors hover:text-blue-700 dark:text-gray-100 dark:hover:text-blue-500"
+        class="group/title flex min-w-0 items-center gap-2 text-base font-semibold text-deepblue-900 transition-colors hover:text-blue-700 dark:text-gray-100 dark:hover:text-blue-500"
       >
         <span
-          class="flex size-8 shrink-0 items-center justify-center rounded-lg bg-blue-700/10 text-blue-700 transition-colors group-hover/title:bg-blue-700 group-hover/title:text-white dark:bg-blue-500/10 dark:text-blue-500">
+          class="flex size-8 shrink-0 items-center justify-center rounded-lg bg-blue-50 text-blue-500 transition-colors group-hover/title:bg-blue-700 group-hover/title:text-white dark:bg-blue-500/10 dark:text-blue-500 dark:group-hover/title:bg-blue-500">
           <component
             :is="icon"
             class="size-4"
@@ -47,15 +42,6 @@ function isActive(itemPath: string) {
         </span>
         <span class="block truncate normal-case">{{ title }}</span>
       </nuxt-link-locale>
-
-      <div class="flex shrink-0 items-center gap-1">
-        <span
-          v-if="badge"
-          class="rounded-full bg-blue-700/10 px-1.5 py-0.5 text-[10px] font-bold uppercase leading-none text-blue-700 dark:bg-blue-500/10 dark:text-blue-500"
-        >NEW</span>
-        <a-icon-arrow-side-up
-          class="size-4 text-gray-500 transition-colors group-hover/section:text-blue-700 dark:group-hover/section:text-blue-500"/>
-      </div>
     </div>
 
     <ul class="grid gap-1">
@@ -67,24 +53,12 @@ function isActive(itemPath: string) {
           v-if="item.to"
           :to="item.to"
           itemprop="name"
-          class="group/item flex items-center gap-2 rounded-lg px-2 py-1.5 transition-colors hover:bg-blue-100 dark:hover:bg-gray-200/10"
+          class="group/item flex items-center gap-2 rounded-lg px-2 py-1.5 transition-colors hover:bg-gray-50 dark:hover:bg-gray-200/10"
           :class="{ 'bg-blue-100 dark:bg-gray-200/10': isActive(item.to) }"
         >
+          <a-icon-chevron-right class="size-[14px] shrink-0 text-gray-300 group-hover/item:text-blue-500 dark:group-hover/item:text-blue-700" />
           <span
-            class="flex size-7 shrink-0 items-center justify-center rounded-md transition-colors group-hover/item:bg-blue-700/10 group-hover/item:text-blue-700 dark:group-hover/item:text-blue-500"
-            :class="{
-                'bg-blue-700/10 text-blue-700 dark:bg-blue-500/10 dark:text-blue-500': isActive(item.to),
-                'bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-300': !isActive(item.to),
-                // 'bg-white text-gray-600 dark:bg-white dark:text-gray-300': currentModule,
-            }"
-          >
-            <component
-              :is="item.icon"
-              class="size-[14px]"
-            />
-          </span>
-          <span
-            class="truncate text-sm font-semibold normal-case transition-colors group-hover/item:text-deepblue-900 dark:group-hover/item:text-gray-100"
+            class="min-w-0 text-sm normal-case transition-colors group-hover/item:text-deepblue-900 group-hover/item:font-semibold dark:group-hover/item:text-gray-100"
             :class="isActive(item.to)
               ? 'text-blue-700 dark:text-blue-500'
               : 'text-gray-600 dark:text-gray-300'"
@@ -92,5 +66,7 @@ function isActive(itemPath: string) {
         </nuxt-link-locale>
       </li>
     </ul>
+
+    <slot name="bottom" />
   </section>
 </template>

package/components/navigation/header/ProductMenu.vue

@@ -1,20 +1,21 @@
 <script setup lang="ts">
-import CardGallery from '#adata-ui/components/navigation/header/CardGallery.vue'
 import NavList from '#adata-ui/components/navigation/header/NavList.vue'
 import { useActiveNavigation } from '#adata-ui/composables/useActiveNavigation'
 import { useHeaderNavigationLinks } from '#adata-ui/composables/useHeaderNavigationLinks'
+import { PAGES } from '#adata-ui/shared/constans/pages'
+import { useUrls } from '#adata-ui/composables/useUrls'
+import AIconArrowRight from '#adata-ui/icons/arrow/arrow-right.vue'
+import AIconDownloadRounded from '#adata-ui/icons/download-rounded.vue'
 
 defineProps<{ url?: string }>()
 defineEmits(['outerClick', 'mouseOver'])
 
-const { t } = useI18n()
+const urls = useUrls()
+const { t, locale } = useI18n()
 const modules = useHeaderNavigationLinks()
 const { isActiveModule } = useActiveNavigation()
 
-// Fixed EDO promo card on the left (like edo-editor); EDO is excluded from the catalog grid below.
-const edoModule = computed(() => modules.value.find(module => module.key === 'edo') ?? null)
-
-const COLUMN_KEYS = [['pk', 'fines', 'work'], ['fea', 'tenders'], ['compliance', 'analytics']]
+const COLUMN_KEYS = [['edo'], ['pk'], ['compliance', 'fines'], ['tenders', 'analytics'], ['fea', 'work']]
 const catalogColumns = computed(() =>
   COLUMN_KEYS.map(keys =>
     keys
@@ -22,6 +23,14 @@ const catalogColumns = computed(() =>
       .filter((module): module is NonNullable<typeof module> => module !== undefined),
   ),
 )
+
+function handleExportClick() {
+  navigateToLocalizedPage({
+    locale: locale.value,
+    projectUrl: urls.pk,
+    path: PAGES.pk.unload,
+  })
+}
 </script>
 
 <template>
@@ -29,52 +38,12 @@ const catalogColumns = computed(() =>
     <div class="relative bg-white dark:bg-gray-950">
       <div class="a-container max-h-[calc(100dvh-4rem)] overflow-y-auto overscroll-contain py-8">
         <div class="flex justify-between gap-5">
-          <!-- Left sidebar: EDO promo card (edo-editor style) + promo carousel. -->
-          <aside class="flex w-[320px] shrink-0 flex-col gap-5">
-            <nuxt-link-locale
-              v-if="edoModule"
-              :to="edoModule.link"
-              class="group block overflow-hidden rounded-xl border border-blue-700/20  p-4 shadow-sm transition-colors hover:border-blue-700/40 hover:bg-blue-100 dark:border-blue-500/20  dark:hover:border-blue-500/40 dark:hover:bg-blue-500/10"
-              :data-test-id="edoModule.data_attribute"
-            >
-              <div class="flex items-start gap-3">
-                <div
-                  class="flex size-10 shrink-0 items-center justify-center rounded-lg bg-blue-700 text-white shadow-sm">
-                  <component
-                    :is="edoModule.icon"
-                    class="size-5"
-                  />
-                </div>
-                <div class="min-w-0">
-                  <div class="flex items-center justify-between gap-2">
-                    <h3 class="text-base font-bold normal-case text-deepblue-900 dark:text-gray-100">
-                      {{ edoModule.name }}
-                    </h3>
-                    <div class="flex items-center gap-1 justify-end">
-                      <span
-                        v-if="edoModule.is_new"
-                        class="rounded-full bg-blue-700/10 px-1.5 py-0.5 text-[10px] font-bold uppercase leading-none text-blue-700 dark:bg-blue-500/10 dark:text-blue-500"
-                      >NEW</span>
-                      <a-icon-arrow-side-up
-                        class="size-4 text-gray-500 transition group-hover:-translate-y-0.5 group-hover:translate-x-0.5 group-hover:text-blue-700 dark:text-gray-400 dark:group-hover:text-blue-500"/>
-                    </div>
-                  </div>
-                  <p class="mt-1 text-sm normal-case leading-snug text-gray-600 dark:text-gray-300">
-                    {{ t('header.products.edo.heroSubtitle') }}
-                  </p>
-                </div>
-              </div>
-            </nuxt-link-locale>
-
-            <card-gallery class="hidden lg:block"/>
-          </aside>
-
-          <!-- Catalog grid: products as bordered section cards (EDO lives in the hero). -->
-          <div class="grid min-w-0 flex-1 grid-cols-3 gap-3">
+          <div class="grid min-w-0 flex-1 grid-cols-5 gap-x-3 gap-y-3">
             <div
               v-for="(column, index) in catalogColumns"
               :key="index"
-              class="flex flex-col gap-3"
+              class="flex flex-col gap-[22px]"
+              :class="index > 0 ? 'border-l border-gray-100 pl-3 dark:border-gray-800' : ''"
             >
               <nav-list
                 v-for="module in column"
@@ -88,7 +57,40 @@ const catalogColumns = computed(() =>
                 :icon="module.icon"
                 :badge="module.is_new"
                 :data-test-id="module.data_attribute"
-              />
+              >
+                <template
+                  v-if="module.key === 'edo'"
+                  #bottom
+                >
+                  <div class="mt-4 flex flex-col gap-4 rounded-xl bg-blue-700 dark:bg-blue-500 p-4 text-white normal-case">
+                    <div class="flex items-center gap-3">
+                      <span class="p-[10px] bg-white rounded-[10px] dark:bg-gray-950">
+                        <AIconDownloadRounded class="size-5 text-blue-700 dark:text-blue-500" />
+                      </span>
+                      <span class="font-semibold text-white dark:text-gray-950">
+                        {{ t('header.products.exportCard.title') }}
+                      </span>
+                    </div>
+
+                    <div class="text-xs text-white dark:text-gray-950">
+                      {{ t('header.products.exportCard.subTitle') }}
+                    </div>
+
+                    <a-button-v2
+                      view="soft"
+                      class="!h-9 w-fit !bg-white dark:!bg-gray-950 text-blue-700 dark:text-blue-500"
+                      size="sm"
+                      :icon="AIconArrowRight"
+                      icon-right
+                      @click="handleExportClick"
+                    >
+                      <span class="text-sm">
+                      {{ t('header.products.exportCard.receive') }}
+                      </span>
+                    </a-button-v2>
+                  </div>
+                </template>
+              </nav-list>
             </div>
           </div>
         </div>

package/composables/useAccessTokenCookie.ts

@@ -0,0 +1,25 @@
+import { useUrls } from '#adata-ui/composables/useUrls'
+
+/**
+ * Единая точка записи куки accessToken (логин, 2FA, OTP, обмен по auth-сессии).
+ * Домен должен совпадать с доменом удаления в resetTokens (adata-common-auth),
+ * иначе кука не находится на следующей загрузке и логин-флоу зацикливается на reload.
+ */
+export async function writeAccessTokenCookie(accessToken: string, expireIn?: number): Promise<boolean> {
+  const { mode } = useUrls()
+  const sharedDomain = `${mode}.kz`
+  const onSharedDomain = location.hostname === sharedDomain || location.hostname.endsWith(`.${sharedDomain}`)
+  const maxAge = Number(expireIn) > 0 ? Number(expireIn) : undefined
+
+  useCookie('accessToken', {
+    maxAge,
+    // на localhost/превью-хостах атрибут domain невалиден — пишем host-only куку
+    domain: onSharedDomain ? `.${sharedDomain}` : undefined,
+    path: '/',
+    secure: location.protocol === 'https:',
+  }).value = accessToken
+
+  // useCookie пишет document.cookie на следующем flush, не синхронно
+  await nextTick()
+  return document.cookie.split('; ').some(part => part.startsWith('accessToken='))
+}

package/composables/useChipOverflow.ts

@@ -4,6 +4,7 @@ interface UseChipOverflowOptions {
   container: Ref<HTMLElement | null>
   measure: Ref<HTMLElement | null>
   count: Ref<number>
+  contentKey?: Ref<unknown>
   gap?: number
 }
 
@@ -13,11 +14,17 @@ interface UseChipOverflow {
 }
 
 export function useChipOverflow(options: UseChipOverflowOptions): UseChipOverflow {
-  const { container, measure, count, gap = 6 } = options
+  const { container, measure, count, contentKey, gap = 6 } = options
 
   const availableWidth = ref(0)
   const visibleCount = ref(0)
 
+  // Ceil so a chip is only counted as fitting when it fully fits;
+  // sub-pixel underestimates would let flexbox squeeze visible chips into truncation.
+  function chipWidth(el: HTMLElement): number {
+    return Math.ceil(el.getBoundingClientRect().width)
+  }
+
   function recompute() {
     const total = count.value
     if (total <= 0) {
@@ -38,7 +45,7 @@ export function useChipOverflow(options: UseChipOverflowOptions): UseChipOverflo
     let used = 0
     let fit = 0
     for (let i = 0; i < chips.length; i++) {
-      const width = chips[i].offsetWidth + (i > 0 ? gap : 0)
+      const width = chipWidth(chips[i]) + (i > 0 ? gap : 0)
       if (used + width > avail) break
       used += width
       fit++
@@ -50,9 +57,9 @@ export function useChipOverflow(options: UseChipOverflowOptions): UseChipOverflo
     }
 
     const badge = root.children[total] as HTMLElement | undefined
-    const badgeWidth = (badge?.offsetWidth ?? 0) + gap
+    const badgeWidth = (badge ? chipWidth(badge) : 0) + gap
     while (fit > 1 && used + badgeWidth > avail) {
-      used -= chips[fit - 1].offsetWidth + gap
+      used -= chipWidth(chips[fit - 1]) + gap
       fit--
     }
 
@@ -63,9 +70,9 @@ export function useChipOverflow(options: UseChipOverflowOptions): UseChipOverflo
 
   onMounted(() => {
     if (container.value) {
-      availableWidth.value = container.value.clientWidth
+      availableWidth.value = Math.floor(container.value.clientWidth)
       resizeObserver = new ResizeObserver((entries) => {
-        availableWidth.value = entries[0]?.contentRect.width ?? 0
+        availableWidth.value = Math.floor(entries[0]?.contentRect.width ?? 0)
       })
       resizeObserver.observe(container.value)
     }
@@ -74,7 +81,10 @@ export function useChipOverflow(options: UseChipOverflowOptions): UseChipOverflo
 
   onUnmounted(() => resizeObserver?.disconnect())
 
-  watch([availableWidth, count], () => nextTick(recompute))
+  watch(
+    contentKey ? [availableWidth, count, contentKey] : [availableWidth, count],
+    () => nextTick(recompute),
+  )
 
   const hiddenCount = computed(() => Math.max(0, count.value - visibleCount.value))
 

package/composables/useHeaderNavigationLinks.ts

@@ -9,12 +9,9 @@ import IconBlock from '#adata-ui/icons/block.vue'
 import IconDollar from '#adata-ui/icons/currency/currency-dollar.vue'
 import IconWork from '#adata-ui/icons/work-bag.vue'
 import IconDocument from '#adata-ui/icons/hdocument.vue'
-import IconCheck from '#adata-ui/icons/hcheck.vue'
-import IconFile from '#adata-ui/icons/file/file.vue'
 import IconCheckCircle from '#adata-ui/icons/check/check-circle.vue'
 import IconCar from '#adata-ui/icons/car.vue'
 import IconTruck from '#adata-ui/icons/truck.vue'
-import IconClipboardText from '#adata-ui/icons/clipboard-text.vue'
 import IconArrowGraph from '#adata-ui/icons/arrow/arrow-graph-up.vue'
 import IconMedal from '#adata-ui/icons/medal.vue'
 import IconCompany from '#adata-ui/icons/company.vue'
@@ -26,24 +23,27 @@ import { buildLocalizedUrl } from '#adata-ui/utils/localizedNavigation'
 import IconLock from '#adata-ui/icons/lock.vue'
 import IconReceipt from '#adata-ui/icons/receipt.vue'
 import IconFavorite from '#adata-ui/icons/bookmark/bookmark.vue'
-// import IconReport from '#adata-ui/icons/file/file.vue'
 import IconHistory from '#adata-ui/icons/history.vue'
 import IconMessage from '#adata-ui/icons/message/message.vue'
+import AIconBriefcase from '#adata-ui/icons/briefcase.vue'
+import AIconCarSide from '#adata-ui/icons/car-side.vue'
+import AIconShieldVerified from '#adata-ui/icons/shield-verified.vue'
+import AIconCart from '#adata-ui/icons/cart.vue'
 import {
-  AIconWorkBag,
   AIconUsersThree,
-  AIconReceipt,
-  AIconCar,
   AIconArrowGraphUp,
   AIconGlobe,
-  AIconId,
-  AIconFiles,
-  AIconArrowSquareDown, AIconExpandWindow, AIconUsers, AIconWarningTriangle, AIconSearch, AIconAkimat, AIconCurrencyTenge, AIconExcelIcon
+  AIconArrowSquareDown,
+  AIconExpandWindow,
+  AIconUsers,
+  AIconWarningTriangle,
+  AIconSearch,
+  AIconAkimat,
+  AIconCurrencyTenge,
+  AIconExcelIcon,
 } from '#components'
 import MapPinRect from '#adata-ui/icons/map/map-pin-rect.vue'
 import MapPaper from '#adata-ui/icons/map-paper.vue'
-import ChartBar from '#adata-ui/icons/chart-bar.vue'
-import Bank from '#adata-ui/icons/bank.vue'
 import { useUrls } from '#adata-ui/composables/useUrls'
 import AiAssistant from '#adata-ui/icons/ai-assistant.vue'
 import Tasks from '#adata-ui/icons/tasks.vue'
@@ -61,7 +61,7 @@ export const useHeaderNavigationLinks = () => {
         key: 'pk',
         name: t('header.products.counterparties.label'),
         link: buildLocalizedUrl(locale, urls.pk, PAGES.pk.main),
-        icon: AIconUsersThree,
+        icon: AIconUsers,
         to: urls.pk,
         data_attribute: 'navigation-menu-counterparty-block',
         items: [
@@ -115,7 +115,7 @@ export const useHeaderNavigationLinks = () => {
         key: 'fines',
         name: t('header.products.fines.label'),
         link: buildLocalizedUrl(locale, urls.avto, PAGES.fines.main),
-        icon: AIconCar,
+        icon: AIconCarSide,
         data_attribute: 'navigation-menu-fines-block',
         items: [
           {
@@ -142,7 +142,7 @@ export const useHeaderNavigationLinks = () => {
         key: 'work',
         name: t('header.products.jobs.label'),
         link: urls.work,
-        icon: AIconWorkBag,
+        icon: AIconBriefcase,
         data_attribute: 'navigation-menu-work-block',
         items: [
           {
@@ -216,7 +216,7 @@ export const useHeaderNavigationLinks = () => {
         key: 'tenders',
         name: t('header.products.tenders.label'),
         link: urls.zakupki,
-        icon: AIconReceipt,
+        icon: AIconCart,
         is_new: true,
         to: urls.tender,
         data_attribute: 'navigation-menu-zakupki-block',
@@ -264,15 +264,39 @@ export const useHeaderNavigationLinks = () => {
         is_new: true,
         name: t('header.products.edo.label'),
         link: buildLocalizedUrl(locale, urls.edo_docs , ''),
-        icon: AIconFiles,
+        icon: AIconUsers,
         data_attribute: 'navigation-menu-edo-block',
         items: [
           {
-            title: t('header.products.edo.items.l.t'),
-            subtitle: t('header.products.edo.items.l.t'),
-            icon: AIconFiles,
-            to: buildLocalizedUrl(locale, urls.edo_docs , '')
-          }
+            title: t('header.products.edo.items.docSign.t'),
+            subtitle: t('header.products.edo.items.docSign.st'),
+            icon: AIconUsers,
+            to: buildLocalizedUrl(locale, urls.edo_docs , PAGES.edo.docSign)
+          },
+          {
+            title: t('header.products.edo.items.docTemplate.t'),
+            subtitle: t('header.products.edo.items.docTemplate.st'),
+            icon: AIconUsers,
+            to: buildLocalizedUrl(locale, urls.edo_docs , PAGES.edo.docTemplate)
+          },
+          {
+            title: t('header.products.edo.items.docRisk.t'),
+            subtitle: t('header.products.edo.items.docRisk.st'),
+            icon: AIconUsers,
+            to: buildLocalizedUrl(locale, urls.edo_docs , PAGES.edo.docRisk)
+          },
+          {
+            title: t('header.products.edo.items.docCompare.t'),
+            subtitle: t('header.products.edo.items.docCompare.st'),
+            icon: AIconUsers,
+            to: buildLocalizedUrl(locale, urls.edo_docs , PAGES.edo.docCompare)
+          },
+          {
+            title: t('header.products.edo.items.docAi.t'),
+            subtitle: t('header.products.edo.items.docAi.st'),
+            icon: AIconUsers,
+            to: buildLocalizedUrl(locale, urls.edo_docs , PAGES.edo.docAi)
+          },
         ]
       },
       {
@@ -280,7 +304,7 @@ export const useHeaderNavigationLinks = () => {
         is_new: true,
         name: t('header.products.compliance.label'),
         link: buildLocalizedUrl(locale, urls.compliance, PAGES.compliance.l),
-        icon: AIconId,
+        icon: AIconShieldVerified,
         data_attribute: 'navigation-menu-compliance-block',
         items: [
           {
@@ -352,6 +376,12 @@ export const useHeaderNavigationLinks = () => {
             subtitle: t('header.products.analytics.items.subjects.subtitle'),
             icon: IconCompany,
             to: buildLocalizedUrl(locale, urls.analytics, PAGES.analytics.business)
+          },
+          {
+            title: t('header.products.analytics.items.demography.title'),
+            subtitle: t('header.products.analytics.items.demography.subtitle'),
+            icon: IconCompany,
+            to: buildLocalizedUrl(locale, urls.analytics, PAGES.analytics.demography)
           }
         ]
       },

package/icons/arrow/arrow-right.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M3.125 7.5H11.875" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M7.5 3.125L11.875 7.5L7.5 11.875" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+</template>
+
+<style scoped>
+
+</style>

package/icons/briefcase.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M15 5.25H3C2.17157 5.25 1.5 5.92157 1.5 6.75V14.25C1.5 15.0784 2.17157 15.75 3 15.75H15C15.8284 15.75 16.5 15.0784 16.5 14.25V6.75C16.5 5.92157 15.8284 5.25 15 5.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12 15.75V3.75C12 3.35218 11.842 2.97064 11.5607 2.68934C11.2794 2.40804 10.8978 2.25 10.5 2.25H7.5C7.10218 2.25 6.72064 2.40804 6.43934 2.68934C6.15804 2.97064 6 3.35218 6 3.75V15.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+</template>
+
+<style scoped>
+
+</style>

package/icons/car-side.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M14.25 12.75H15.75C16.2 12.75 16.5 12.45 16.5 12V9.75C16.5 9.075 15.975 8.475 15.375 8.325C14.025 7.95 12 7.5 12 7.5C12 7.5 11.025 6.45 10.35 5.775C9.975 5.475 9.525 5.25 9 5.25H3.75C3.3 5.25 2.925 5.55 2.7 5.925L1.65 8.1C1.55068 8.38967 1.5 8.69378 1.5 9V12C1.5 12.45 1.8 12.75 2.25 12.75H3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M5.25 14.25C6.07843 14.25 6.75 13.5784 6.75 12.75C6.75 11.9216 6.07843 11.25 5.25 11.25C4.42157 11.25 3.75 11.9216 3.75 12.75C3.75 13.5784 4.42157 14.25 5.25 14.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M6.75 12.75H11.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12.75 14.25C13.5784 14.25 14.25 13.5784 14.25 12.75C14.25 11.9216 13.5784 11.25 12.75 11.25C11.9216 11.25 11.25 11.9216 11.25 12.75C11.25 13.5784 11.9216 14.25 12.75 14.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+</template>
+
+<style scoped>
+
+</style>

package/icons/cart.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M6 16.5C6.41421 16.5 6.75 16.1642 6.75 15.75C6.75 15.3358 6.41421 15 6 15C5.58579 15 5.25 15.3358 5.25 15.75C5.25 16.1642 5.58579 16.5 6 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M14.25 16.5C14.6642 16.5 15 16.1642 15 15.75C15 15.3358 14.6642 15 14.25 15C13.8358 15 13.5 15.3358 13.5 15.75C13.5 16.1642 13.8358 16.5 14.25 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M1.53748 1.53748H3.03748L5.03248 10.8525C5.10566 11.1936 5.29548 11.4986 5.56926 11.7149C5.84304 11.9312 6.18366 12.0452 6.53248 12.0375H13.8675C14.2089 12.0369 14.5398 11.9199 14.8057 11.7059C15.0717 11.4918 15.2566 11.1934 15.33 10.86L16.5675 5.28748H3.83998" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+</template>
+
+<style scoped>
+
+</style>

package/icons/download-rounded.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17.5 12.5V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V12.5" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M5.83334 8.33337L10 12.5L14.1667 8.33337" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M10 12.5V2.5" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+</template>
+
+<style scoped>
+
+</style>

package/icons/shield-verified.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M15 9.74997C15 13.5 12.375 15.375 9.255 16.4625C9.09162 16.5178 8.91415 16.5152 8.7525 16.455C5.625 15.375 3 13.5 3 9.74997V4.49997C3 4.30106 3.07902 4.11029 3.21967 3.96964C3.36032 3.82899 3.55109 3.74997 3.75 3.74997C5.25 3.74997 7.125 2.84997 8.43 1.70997C8.58889 1.57422 8.79102 1.49963 9 1.49963C9.20898 1.49963 9.41111 1.57422 9.57 1.70997C10.8825 2.85747 12.75 3.74997 14.25 3.74997C14.4489 3.74997 14.6397 3.82899 14.7803 3.96964C14.921 4.11029 15 4.30106 15 4.49997V9.74997Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M6.75 9L8.25 10.5L11.25 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+</template>
+
+<style scoped>
+
+</style>

package/lang/en.ts

@@ -191,7 +191,7 @@ const EnLocale: RuLocale = {
             subtitle: 'Evaluate the volume of competitors\' procurements over a certain period',
           },
           activity: {
-            title: 'Business activity index',
+            title: 'Activity index',
             subtitle: 'Assessment of market risk of current business activity',
           },
           subjects: {
@@ -202,13 +202,17 @@ const EnLocale: RuLocale = {
             title: 'Taxpayer ranking',
             subtitle: 'Taxpayers who regularly pay taxes',
           },
+          demography: {
+            title: 'Demography',
+            subtitle: '',
+          }
         },
       },
       fea: {
         label: 'Foreign Economic Activity',
         items: {
           i: {
-            t: 'Foreign trade in goods',
+            t: 'Tender search',
             st: 'Information service of foreign trade turnover by foreign economic activity participants',
           },
           o: {
@@ -224,7 +228,7 @@ const EnLocale: RuLocale = {
             st: 'Calculation of Customs Payments. Customs Duties. Customs Fees',
           },
           tr: {
-            t: 'International market and tariffs',
+            t: 'Market and tariffs',
             st: 'Customs Tariffs and Quotas. Measures for Protecting the Domestic Market. Regulatory Requirements',
           },
           importerMap: {
@@ -232,7 +236,7 @@ const EnLocale: RuLocale = {
             st: '',
           },
           containers: {
-            t: 'Container Tracking',
+            t: 'Containers',
             st: '',
           },
         },
@@ -277,6 +281,27 @@ const EnLocale: RuLocale = {
         items: {
           l: {
             t: 'Document Flow',
+            st: '',
+          },
+          docSign: {
+            t: 'Document signing',
+            st: '',
+          },
+          docTemplate: {
+            t: 'Document templates',
+            st: '',
+          },
+          docRisk: {
+            t: 'Document risk check',
+            st: '',
+          },
+          docCompare: {
+            t: 'Document comparison',
+            st: '',
+          },
+          docAi: {
+            t: 'AI chat for documents',
+            st: '',
           },
         },
       },
@@ -295,6 +320,11 @@ const EnLocale: RuLocale = {
             'Automated compliance risk assessment: real-time business protection',
         },
       },
+      exportCard: {
+        title: 'Data export',
+        subTitle: 'Find companies and sole proprietors using the specified filters and receive a list of potential clients',
+        receive: 'Get',
+      },
     },
     contacts: {
       almaty: {

package/lang/kk.ts

@@ -191,7 +191,7 @@ const KkLocale: RuLocale = {
             subtitle: 'Бәсекелестердің белгілі бір кезеңдегі сатып алу көлемін бағалау',
           },
           activity: {
-            title: 'Іскерлік белсенділік индексі',
+            title: 'Белсенділік индексі',
             subtitle: 'Қазіргі іскерлік белсенділіктің нарықтық тәуекелін бағалау',
           },
           subjects: {
@@ -202,13 +202,17 @@ const KkLocale: RuLocale = {
             title: 'Салық төлеушілер рейтингі',
             subtitle: 'Салықтарды тұрақты түрде төлейтін салық төлеушілер',
           },
+          demography: {
+            title: 'Демография',
+            subtitle: '',
+          }
         },
       },
       fea: {
         label: 'СЭҚ',
         items: {
           i: {
-            t: 'Тауарлардың сыртқы саудасы',
+            t: 'Тендерлерді іздеу',
             st: 'Сыртқы экономикалық қызметке қатысушылардың сыртқы сауда айналымының ақпараттық қызметі',
           },
           o: {
@@ -224,7 +228,7 @@ const KkLocale: RuLocale = {
             st: 'Кедендік төлемдерді есептеу. Кедендік баждар. Кедендік алымдар',
           },
           tr: {
-            t: 'Халықаралық нарық және тарифтер',
+            t: 'Нарық және тарифтер',
             st: 'Кедендік тарифтер мен квоталар. Ішкі нарықты қорғау шаралары. Нормативтік талаптар',
           },
           importerMap: {
@@ -232,7 +236,7 @@ const KkLocale: RuLocale = {
             st: '',
           },
           containers: {
-            t: 'Контейнерлерді бақылау',
+            t: 'Контейнерлер',
             st: '',
           },
         },
@@ -277,6 +281,27 @@ const KkLocale: RuLocale = {
         items: {
           l: {
             t: 'Құжат айналымы',
+            st: '',
+          },
+          docSign: {
+            t: 'Құжаттарға қол қою',
+            st: '',
+          },
+          docTemplate: {
+            t: 'Құжат үлгілері',
+            st: '',
+          },
+          docRisk: {
+            t: 'Құжатты тәуекелдерге тексеру',
+            st: '',
+          },
+          docCompare: {
+            t: 'Құжаттарды салыстыру',
+            st: '',
+          },
+          docAi: {
+            t: 'Құжаттар бойынша AI-чат',
+            st: '',
           },
         },
       },
@@ -295,6 +320,11 @@ const KkLocale: RuLocale = {
             'Комплаенс тәуекелдерін автоматты түрде тексеру: нақты уақыт режимінде бизнесіңізді қорғаңыз',
         },
       },
+      exportCard: {
+        title: 'Деректерді жүктеу',
+        subTitle: 'Берілген сүзгілер бойынша компаниялар мен ЖК табыңыз және әлеуетті клиенттердің жүктемесін алыңыз',
+        receive: 'Алу',
+      },
     },
     contacts: {
       almaty: {

package/lang/ru.ts

@@ -190,12 +190,12 @@ const RuLocale = {
               'Оцените объем закупок конкурентов за определенный период',
           },
           activity: {
-            title: 'Индекс деловой активности',
+            title: 'Индекс активности',
             subtitle:
               'Оценка рыночного риска текущей деловой активности',
           },
           subjects: {
-            title: 'Субьекты бизнеса',
+            title: 'Субъекты бизнеса',
             subtitle:
               'Изменение числа бизнес-субъектов в отраслях и секторах экономики',
           },
@@ -203,13 +203,17 @@ const RuLocale = {
             title: 'Рейтинг налогоплательщиков',
             subtitle: 'Налогоплательщики, регулярно уплачивающие налоги',
           },
+          demography: {
+            title: 'Демография',
+            subtitle: '',
+          }
         },
       },
       fea: {
         label: 'ВЭД',
         items: {
           i: {
-            t: 'Внешняя торговля товарами',
+            t: 'Поиск тендеров',
             st: 'Информационный сервис внешнеторгового оборота в разрезе участников ВЭД',
           },
           o: {
@@ -225,15 +229,15 @@ const RuLocale = {
             st: 'Расчет таможенных платежей. Таможенные пошлины. Таможенные сборы',
           },
           tr: {
-            t: 'Международный рынок и тарифы',
+            t: 'Рынок и тарифы',
             st: 'Таможенные тарифы и квоты. Меры защиты внутреннего рынка. Нормативные требования',
           },
           importerMap: {
-            t: 'Карта импортера',
+            t: 'Карта импортёра',
             st: '',
           },
           containers: {
-            t: 'Отслеживание контейнеров',
+            t: 'Контейнеры',
             st: '',
           },
         },
@@ -278,6 +282,27 @@ const RuLocale = {
         items: {
           l: {
             t: 'Документооборот',
+            st: '',
+          },
+          docSign: {
+            t: 'Подписание документов',
+            st: '',
+          },
+          docTemplate: {
+            t: 'Шаблоны документов',
+            st: '',
+          },
+          docRisk: {
+            t: 'Проверка документа на риски',
+            st: '',
+          },
+          docCompare: {
+            t: 'Сравнение документов',
+            st: '',
+          },
+          docAi: {
+            t: 'AI-чат по документам',
+            st: '',
           },
         },
       },
@@ -295,6 +320,11 @@ const RuLocale = {
           subtitle: 'Автопроверка комплаенс-рисков: защита бизнеса в режиме реального времени',
         },
       },
+      exportCard: {
+        title: 'Выгрузка данных',
+        subTitle: 'Найдите компании и ИП по заданным фильтрам и получите выгрузку потенциальных клиентов',
+        receive: 'Получить',
+      },
     },
     contacts: {
       almaty: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "adata-ui",
   "type": "module",
-  "version": "2.1.40-beta.5",
+  "version": "2.1.40-beta.7",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",

package/shared/constans/pages.ts

@@ -62,7 +62,8 @@ export const PAGES = {
     analysis: '/purchasing-analysis',
     index: '/business-activity',
     rating: '/tax-payment',
-    business: '/business-entities'
+    business: '/business-entities',
+    demography: '/demography',
   },
   fea: {
     main: '/',
@@ -85,6 +86,11 @@ export const PAGES = {
     sb: '/sb'
   },
   edo: {
-    l: '/'
+    l: '/',
+    docSign: '/create?step=2&source=upload',
+    docTemplate: '/create?step=2&source=template',
+    docRisk: '/create?step=2&source=import&postImportAction=risks',
+    docCompare: '/create?step=2&source=import',
+    docAi: '/create?step=3&source=blank',
   }
 }