@coopenomics/desktop 2025.11.13-alpha-1 → 2025.11.13-alpha-3

package/extensions/participant/install.ts

@@ -1,7 +1,7 @@
 import { markRaw } from 'vue';
 import { ProfilePage } from 'src/pages/User/ProfilePage';
 import { WalletPage } from 'src/pages/User/WalletPage';
-import { ConnectionAgreementPage } from 'src/pages/Union/ConnectionAgreement';
+import { ConnectionAgreementPage, InstallationCompletedPage } from 'src/pages/Union/ConnectionAgreement';
 import { UserPaymentMethodsPage } from 'src/pages/User/PaymentMethodsPage';
 import { ContactsPage } from 'src/pages/Contacts';
 import { ListOfMeetsPage } from 'src/pages/Cooperative/ListOfMeets';
@@ -64,6 +64,21 @@ export default async function (): Promise<IWorkspaceConfig[]> {
             path: '/:coopname/connect',
             name: 'connect',
             component: markRaw(ConnectionAgreementPage),
+            children: [
+              {
+                path: 'completed',
+                name: 'installation-completed',
+                component: markRaw(InstallationCompletedPage),
+                meta: {
+                  title: 'Установка завершена',
+                  icon: 'fas fa-check-circle',
+                  roles: ['user'],
+                  conditions: 'isCoop === true && coopname === "voskhod"',
+                  requiresAuth: true,
+                  hidden: true,
+                },
+              },
+            ],
           },
           {
             meta: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coopenomics/desktop",
-  "version": "2025.11.13-alpha-1",
+  "version": "2025.11.13-alpha-3",
   "description": "A Desktop Project",
   "productName": "Desktop App",
   "author": "Alex Ant <dacom.dark.sun@gmail.com>",
@@ -25,9 +25,9 @@
     "start": "node -r ./alias-resolver.js dist/ssr/index.js"
   },
   "dependencies": {
-    "@coopenomics/controller": "2025.11.13-alpha-1",
-    "@coopenomics/notifications": "2025.11.13-alpha-1",
-    "@coopenomics/sdk": "2025.11.13-alpha-1",
+    "@coopenomics/controller": "2025.11.13-alpha-3",
+    "@coopenomics/notifications": "2025.11.13-alpha-3",
+    "@coopenomics/sdk": "2025.11.13-alpha-3",
     "@dicebear/collection": "^9.0.1",
     "@dicebear/core": "^9.0.1",
     "@editorjs/code": "^2.9.3",
@@ -59,7 +59,7 @@
     "@wharfkit/wallet-plugin-privatekey": "^1.1.0",
     "axios": "^1.2.1",
     "compression": "^1.7.4",
-    "cooptypes": "2025.11.13-alpha-1",
+    "cooptypes": "2025.11.13-alpha-3",
     "dompurify": "^3.1.7",
     "dotenv": "^16.4.5",
     "email-regex": "^5.0.0",
@@ -123,5 +123,5 @@
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   },
-  "gitHead": "d0f73c32bb68d8f7451ecef3989bdff4629d71c4"
+  "gitHead": "dab94657557e501109b96a18e0e00db0c00d111e"
 }

package/src/entities/ConnectionAgreement/model/store.ts

@@ -147,8 +147,8 @@ export const useConnectionAgreementStore = defineStore(namespace, () => {
     }
   }
 
-  const startInstanceAutoRefresh = (intervalMs = 30000) => { // 30 секунд по умолчанию
-    loadCurrentInstance() // Первая загрузка
+  const startInstanceAutoRefresh = async (intervalMs = 30000) => { // 30 секунд по умолчанию
+    await loadCurrentInstance() // Первая загрузка
 
     const interval = setInterval(() => {
       loadCurrentInstance()

package/src/pages/Union/ConnectionAgreement/ConnectionAgreementPage.vue

@@ -1,144 +1,182 @@
 <template lang="pug">
 div.row.q-pa-md
   div.col-md-12.col-xs-12
-    div(v-if="system.info.is_providered")
-
-      //- Показываем дашборд если установка завершена
-      ConnectionDashboard(
-        v-if="isInstallationCompleted"
-      )
-
-      //- Показываем степпер если установка не завершена
-      ConnectionAgreementStepper(v-else)
-
-
-    div(v-else).row
-      //- Заглушка для недоступного провайдера
-      div.col-md-12.col-xs-12
-        ColorCard(color="blue")
-          .text-center.q-pa-md
-            q-icon(name="fas fa-info-circle" size="2rem").q-mb-sm
-            .text-h6.q-mb-md Информация о подключении
-            p Для подключения к платформе Кооперативной Экономики обратитесь в ПК ВОСХОД.
-            q-btn(
-              color="primary"
-              label="Перейти на сайт"
-              @click="openProviderWebsite"
-              size="md"
-            ).q-mt-md
+    // Лоадер пока идет загрузка данных
+    WindowLoader(v-if="isLoading", text="Загрузка данных подключения...")
+
+    // Основной контент после загрузки
+    div(v-else)
+      div(v-if="system.info.is_providered")
+        //- Показываем дашборд если установка завершена и мы на основной странице
+        ConnectionDashboard(v-if="isInstallationCompleted && !isOnCompletionRoute")
+
+        //- Показываем степпер если идет процесс подключения
+        ConnectionAgreementStepper(v-else-if="!isOnCompletionRoute")
+
+        //- Router view для дочерних страниц (завершение установки) только на дочерних маршрутах
+        router-view(v-if="isOnCompletionRoute")
+
+      div(v-else).row
+        //- Заглушка для недоступного провайдера
+        div.col-md-12.col-xs-12
+          ColorCard(color="blue")
+            .text-center.q-pa-md
+              q-icon(name="fas fa-info-circle" size="2rem").q-mb-sm
+              .text-h6.q-mb-md Подключение к Кооперативной Экономике
+              p Для запуска вашего Цифрового Кооператива и подключения к платформе Кооперативной Экономики обратитесь в ПК ВОСХОД.
+              q-btn(
+                color="primary"
+                label="Перейти на сайт"
+                @click="openProviderWebsite"
+                size="md"
+              ).q-mt-md
 
 </template>
 <script setup lang="ts">
-import { computed, onMounted, onUnmounted, watch } from 'vue';
+import { ref, computed, onMounted, onUnmounted, watch } from 'vue';
+import { useRouter } from 'vue-router';
 import { useSystemStore } from 'src/entities/System/model';
 import { useConnectionAgreementStore } from 'src/entities/ConnectionAgreement';
 import { ConnectionAgreementStepper } from 'src/widgets/ConnectionAgreementStepper';
 import { ConnectionDashboard } from 'src/widgets/ConnectionDashboard';
 import { ColorCard } from 'src/shared/ui';
-import {Zeus} from '@coopenomics/sdk';
+import { WindowLoader } from 'src/shared/ui/Loader';
+import { Zeus } from '@coopenomics/sdk';
 
-const system = useSystemStore()
-const connectionAgreement = useConnectionAgreementStore()
+const router = useRouter();
+const system = useSystemStore();
+const connectionAgreement = useConnectionAgreementStore();
+
+// Лоадер состояния
+const isLoading = ref(true);
 
 // Остановка автообновления при размонтировании компонента
-let stopInstanceRefresh: (() => void) | null = null
+let stopInstanceRefresh: (() => void) | null = null;
+
+// Редирект теперь делает только InstallationStep.vue
 
 // Проверка завершения установки
 const isInstallationCompleted = computed(() => {
-  // Не показываем поздравление если идет загрузка или есть ошибка
-  if (connectionAgreement.currentInstanceLoading || connectionAgreement.currentInstanceError) {
-    return false
+  // После загрузки данных проверяем статус установки
+  if (!isLoading.value) {
+    const instance = connectionAgreement.currentInstance;
+    return instance?.progress === 100 && instance?.status === Zeus.InstanceStatus.ACTIVE;
+  }
+  return false; // Во время загрузки считаем, что установка не завершена
+});
+
+// Проверка, находимся ли мы на маршруте завершения установки
+const isOnCompletionRoute = computed(() => {
+  return router.currentRoute.value.name === 'installation-completed';
+});
+
+// Переменная для отслеживания предыдущего состояния завершения установки
+let wasInstallationCompleted = false;
+
+// Флаг для отслеживания, был ли уже показан степпер (означает, что пользователь видел процесс установки)
+let hasShownStepper = false;
+
+// Следим за завершением установки для редиректа
+watch(isInstallationCompleted, (isCompleted) => {
+  // Редирект только при переходе из незавершенного состояния в завершенное
+  // и только если пользователь уже видел степпер (т.е. установка шла в реальном времени)
+  if (isCompleted && !wasInstallationCompleted && hasShownStepper && !isOnCompletionRoute.value) {
+    console.log('🎉 Установка завершена в реальном времени! → переадресация на страницу завершения')
+    router.push({ name: 'installation-completed' })
   }
+  wasInstallationCompleted = isCompleted
+})
 
-  const instance = connectionAgreement.currentInstance
-  return instance?.progress === 100 && instance?.status === Zeus.InstanceStatus.ACTIVE
+// Следим за показом степпера
+watch(() => !isInstallationCompleted.value && !isLoading.value && !isOnCompletionRoute.value, (isShowingStepper) => {
+  if (isShowingStepper) {
+    hasShownStepper = true
+  }
 })
 
 const openProviderWebsite = () => {
-  window.open('https://цифровой-кооператив.рф', '_blank')
-}
+  window.open('https://цифровой-кооператив.рф', '_blank');
+};
 
 const init = async () => {
   // Инициализация имеет смысл только если провайдер доступен
-  if (!system.info.is_providered) return
+  if (!system.info.is_providered) {
+    isLoading.value = false;
+    return;
+  }
 
   // Инициализируем persistent store если он еще не инициализирован
   if (!connectionAgreement.isInitialized) {
-    connectionAgreement.setInitialized(true)
+    connectionAgreement.setInitialized(true);
   }
 
+  // Запускаем автообновление инстанса каждые 30 секунд (включает начальную загрузку)
+  stopInstanceRefresh = await connectionAgreement.startInstanceAutoRefresh(30000);
 
-  // Загружаем текущий инстанс
-  await connectionAgreement.loadCurrentInstance()
-
-  // Запускаем автообновление инстанса каждые 30 секунд
-  stopInstanceRefresh = connectionAgreement.startInstanceAutoRefresh(30000)
-}
+  // Скрываем лоадер после загрузки данных
+  isLoading.value = false;
+};
 
 // Watch за изменением currentInstance для автоматического перехода между шагами
-watch(() => connectionAgreement.currentInstance, (instance) => {
-  // Не обрабатываем изменения если идет загрузка или есть ошибка
-  if (connectionAgreement.currentInstanceLoading || connectionAgreement.currentInstanceError) {
-    return
-  }
-
-  if (!instance) return
-
-  const currentStep = connectionAgreement.currentStep
-
-  console.log('📊 Instance обновлен:', {
-    step: currentStep,
-    is_valid: instance.is_valid,
-    is_delegated: instance.is_delegated,
-    blockchain_status: instance.blockchain_status,
-    progress: instance.progress,
-    status: instance.status
-  })
+watch(
+  () => connectionAgreement.currentInstance,
+  (instance) => {
+    // Не обрабатываем изменения если идет загрузка или есть ошибка
+    if (connectionAgreement.currentInstanceLoading || connectionAgreement.currentInstanceError) {
+      return;
+    }
 
-  // Логика автоматических переходов (только для шагов 4, 5, 6)
-  if (currentStep === 4) {
-    // Шаг 4: Проверка домена
-    if (instance.is_valid && instance.is_delegated) {
-      // Домен валиден и делегирован
+    if (!instance) return;
+
+    const currentStep = connectionAgreement.currentStep;
+
+    console.log('📊 Instance обновлен:', {
+      step: currentStep,
+      is_valid: instance.is_valid,
+      is_delegated: instance.is_delegated,
+      blockchain_status: instance.blockchain_status,
+      progress: instance.progress,
+      status: instance.status,
+    });
+
+    // Логика автоматических переходов (только для шагов 4, 5, 6)
+    if (currentStep === 4) {
+      // Шаг 4: Проверка домена
+      if (instance.is_valid && instance.is_delegated) {
+        // Домен валиден и делегирован
+        if (instance.blockchain_status === 'active') {
+          // Можно переходить сразу к установке
+          console.log('✅ Домен готов и blockchain_status активен → переход к шагу 6');
+          connectionAgreement.setCurrentStep(6);
+        } else {
+          // Ожидаем подтверждения от союза
+          console.log('⏳ Домен готов, но ожидаем подтверждения → переход к шагу 5');
+          connectionAgreement.setCurrentStep(5);
+        }
+      }
+    } else if (currentStep === 5) {
+      // Шаг 5: Ожидание подтверждения от союза
       if (instance.blockchain_status === 'active') {
-        // Можно переходить сразу к установке
-        console.log('✅ Домен готов и blockchain_status активен → переход к шагу 6')
-        connectionAgreement.setCurrentStep(6)
-      } else {
-        // Ожидаем подтверждения от союза
-        console.log('⏳ Домен готов, но ожидаем подтверждения → переход к шагу 5')
-        connectionAgreement.setCurrentStep(5)
+        console.log('✅ Подтверждение получено → переход к шагу 6');
+        connectionAgreement.setCurrentStep(6);
       }
     }
-  } else if (currentStep === 5) {
-    // Шаг 5: Ожидание подтверждения от союза
-    if (instance.blockchain_status === 'active') {
-      console.log('✅ Подтверждение получено → переход к шагу 6')
-      connectionAgreement.setCurrentStep(6)
-    }
-  } else if (currentStep === 6) {
-    // Шаг 6: Установка
-    if (instance.progress === 100 && instance.status === Zeus.InstanceStatus.ACTIVE) {
-      console.log('🎉 Установка завершена!')
-      // Не переходим автоматически, просто покажется дашборд через computed
-    }
-  }
-}, { deep: true })
+    // Редирект на страницу завершения теперь делает только InstallationStep.vue
+  },
+  { deep: true }
+);
 
 // Lifecycle хуки
 onMounted(() => {
-  // Если провайдер доступен - делаем полную инициализацию
-  if (system.info.is_providered) {
-    init()
-  }
-  // Если провайдер недоступен - ничего не делаем, показываем заглушку
-})
+  // Делаем инициализацию при монтировании компонента
+  init();
+});
 
 onUnmounted(() => {
   // Останавливаем автообновление инстанса при размонтировании компонента
   if (stopInstanceRefresh) {
-    stopInstanceRefresh()
-    stopInstanceRefresh = null
+    stopInstanceRefresh();
+    stopInstanceRefresh = null;
   }
-})
+});
 </script>

package/src/pages/Union/ConnectionAgreement/InstallationCompletedPage.vue

@@ -0,0 +1,221 @@
+<template lang="pug">
+div.row.q-pa-md
+  div.col-md-12.col-xs-12
+    .completion-container
+      .completion-card
+        .completion-header
+          .celebration-icon
+            q-icon(name="celebration" color="positive" size="80px")
+            .sparkle.sparkle-1
+            .sparkle.sparkle-2
+            .sparkle.sparkle-3
+          .completion-title.text-h5.text-positive.q-mt-lg Установка завершена!
+          .completion-subtitle.text-body1.text-grey-7.q-mt-sm
+          | Ваш Цифровой Кооператив успешно развернут и подключен к платформе
+
+        .completion-details.q-mt-xl
+          .detail-item
+            q-icon(name="check_circle" color="positive" size="24px").q-mr-md
+            .detail-text
+              .text-body2.text-weight-medium Серверная инфраструктура
+              .text-caption.text-grey-6 Полностью настроена и оптимизирована
+
+          .detail-item.q-mt-md
+            q-icon(name="check_circle" color="positive" size="24px").q-mr-md
+            .detail-text
+              .text-body2.text-weight-medium Блокчейн-узел
+              .text-caption.text-grey-6 Развернут, синхронизирован и подключен к сети
+
+          .detail-item.q-mt-md
+            q-icon(name="check_circle" color="positive" size="24px").q-mr-md
+            .detail-text
+              .text-body2.text-weight-medium Базы данных
+              .text-caption.text-grey-6 Инициализированы и готовы к работе
+
+          .detail-item.q-mt-md
+            q-icon(name="check_circle" color="positive" size="24px").q-mr-md
+            .detail-text
+              .text-body2.text-weight-medium Сервисы кооператива
+              .text-caption.text-grey-6 Запущены и функционируют
+
+        .next-steps.q-mt-xl
+          .text-subtitle2.text-weight-medium.q-mb-md Что дальше?
+          .text-body2.text-grey-8.q-mb-lg
+            | Для завершения настройки необходимо выполнить финальную конфигурацию на сайте вашего Цифрового Кооператива. Нажмите кнопку ниже, чтобы перейти к управлению подключением, где сможете просматривать статус подключения, управлять подписками и настраивать параметры платформы.
+
+          q-btn(
+            color="primary"
+            label="Перейти к управлению подключением"
+            @click="goToDashboard"
+            size="lg"
+            unelevated
+            no-caps
+          ).q-mt-md
+</template>
+
+<script setup lang="ts">
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+
+const goToDashboard = () => {
+  router.push({ name: 'connect' })
+}
+</script>
+
+<style scoped>
+.completion-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 80vh;
+  padding: 2rem 0;
+}
+
+.completion-card {
+  max-width: 600px;
+  width: 100%;
+  text-align: center;
+  padding: 3rem;
+  border-radius: 24px;
+  border: 1px solid rgba(76, 175, 80, 0.1);
+  box-shadow:
+    0 12px 40px rgba(0, 0, 0, 0.08),
+    0 4px 16px rgba(0, 0, 0, 0.04);
+  position: relative;
+  overflow: hidden;
+}
+
+.completion-card::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 4px;
+  background: linear-gradient(90deg, var(--q-positive) 0%, #4CAF50 50%, var(--q-positive) 100%);
+  background-size: 200% 100%;
+  animation: completion-shimmer 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
+}
+
+@keyframes completion-shimmer {
+  0%, 100% { background-position: -100% 0; }
+  50% { background-position: 100% 0; }
+}
+
+.completion-header {
+  position: relative;
+}
+
+.celebration-icon {
+  position: relative;
+  display: inline-block;
+  margin-bottom: 1rem;
+}
+
+.sparkle {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: var(--q-positive);
+  border-radius: 50%;
+  animation: sparkle 2s infinite ease-in-out;
+}
+
+.sparkle-1 {
+  top: -10px;
+  right: -10px;
+  animation-delay: 0s;
+}
+
+.sparkle-2 {
+  top: 20px;
+  left: -15px;
+  animation-delay: 0.5s;
+}
+
+.sparkle-3 {
+  bottom: -5px;
+  right: 15px;
+  animation-delay: 1s;
+}
+
+@keyframes sparkle {
+  0%, 100% {
+    opacity: 0;
+    transform: scale(0);
+  }
+  50% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+.completion-title {
+  font-weight: 700;
+  letter-spacing: -0.5px;
+  margin-bottom: 0.5rem;
+  background: linear-gradient(135deg, var(--q-positive) 0%, #4CAF50 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  text-shadow: 0 2px 4px rgba(76, 175, 80, 0.3);
+}
+
+.completion-details {
+  margin-top: 2rem;
+  text-align: left;
+}
+
+.detail-item {
+  display: flex;
+  align-items: center;
+  padding: 1rem;
+  background: rgba(76, 175, 80, 0.02);
+  border-radius: 12px;
+  border: 1px solid rgba(76, 175, 80, 0.1);
+  transition: all 0.3s ease;
+}
+
+.detail-item:hover {
+  transform: translateX(4px);
+  background: rgba(76, 175, 80, 0.05);
+  box-shadow: 0 4px 12px rgba(76, 175, 80, 0.1);
+}
+
+.detail-text {
+  margin-left: 1rem;
+}
+
+.next-steps {
+  margin-top: 2rem;
+  text-align: left;
+  padding: 1.5rem;
+  background: rgba(0, 0, 0, 0.02);
+  border-radius: 12px;
+}
+
+/* Адаптивность */
+@media (max-width: 768px) {
+  .completion-card {
+    padding: 2rem;
+  }
+
+  .detail-item {
+    flex-direction: column;
+    text-align: center;
+    gap: 0.5rem;
+  }
+
+  .completion-container {
+    min-height: 70vh;
+    padding: 1rem 0;
+  }
+}
+
+@media (max-width: 480px) {
+  .completion-card {
+    padding: 1.5rem;
+  }
+}
+</style>

package/src/pages/Union/ConnectionAgreement/index.ts

@@ -1 +1,2 @@
 export {default as ConnectionAgreementPage} from './ConnectionAgreementPage.vue'
+export {default as InstallationCompletedPage} from './InstallationCompletedPage.vue'

package/src/widgets/ConnectionAgreementStepper/Steps/AgreementStep.vue

@@ -83,7 +83,7 @@ const handleBack = () => {
 <template lang="pug">
 q-step(
   :name="3"
-  title="Соглашение о подключении"
+  title="Соглашение о подключении к платформе"
   icon="description"
   :done="isDone"
 )

package/src/widgets/ConnectionAgreementStepper/Steps/ApprovalWaitingStep.vue

@@ -5,46 +5,38 @@
     icon="schedule"
     :done="isDone"
   )
-    .q-pa-md
-      //- Успех - готово к установке
-      .flex.column.items-center.q-pa-lg
-        q-icon(name="check_circle" color="positive" size="64px").q-mb-md
-        .text-h6.text-center.q-mb-md Техническая подготовка завершена
-        .text-body1.text-center.text-grey-7.q-mb-xl
-          | Ваш кооператив готов к установке
-
-      //- Информационная карточка
-      q-card(flat).q-mb-lg.bg-grey-1
-        q-card-section.q-pa-lg
-          .text-subtitle2.q-mb-md.text-weight-medium Ожидание подтверждения
-          .text-body2.text-grey-8.q-mb-lg
-            | Все готово к установке, но мы ожидаем поступления подтверждения от союза о вашем членстве.
-
-          .text-body2.text-grey-7.q-mb-md
-            | Как только союз подтвердит ваше членство, статус изменится автоматически и установка начнется.
-
-          .text-body2.text-grey-7
-            | Приблизительное время установки после получения подтверждения:
-            strong.text-primary 60 минут
-
-      //- Статус подтверждения
-      .flex.justify-center.q-mb-lg
-        q-chip(
-          :color="getBlockchainStatusColor"
-          text-color="white"
-          size="md"
-          :icon="instance?.blockchain_status === 'active' ? 'check_circle' : 'schedule'"
-        )
-          span {{ getBlockchainStatusText }}
-
-      //- Навигация
-      q-stepper-navigation.q-gutter-sm
-        q-btn(
-          color="grey-6"
-          flat
-          label="Назад"
-          @click="handleBack"
-        )
+    .approval-waiting-container.q-pa-md
+
+      //- Основная карточка ожидания
+      .waiting-card.bg-surface.q-mb-xl
+        .waiting-header
+          .waiting-icon-container
+            q-icon.waiting-icon(
+              :name="getWaitingIcon"
+              :color="getWaitingIconColor"
+              size="80px"
+              @click="refreshStatus"
+              clickable
+            )
+            .pulse-ring(v-if="instance?.blockchain_status !== 'active'")
+          .waiting-title.text-h5.text-weight-medium.text-primary Ожидание подтверждения союза
+
+        //- Статусная информация
+        .status-info.q-mt-lg
+          .status-description.text-body1.text-on-surface
+            | Все технические подготовки завершены. Ваш Цифровой Кооператив готов к установке и подключению к платформе Кооперативной Экономики.
+            br
+            | Теперь мы ожидаем официального подтверждения от союза кооперативов о вашем членстве.
+
+
+    //- Навигация
+    q-stepper-navigation.q-gutter-sm
+      q-btn(
+        color="grey-6"
+        flat
+        label="Назад"
+        @click="handleBack"
+      )
 </template>
 
 <script setup lang="ts">
@@ -61,21 +53,181 @@ const instance = computed(() => connectionAgreement.currentInstance)
 
 const isDone = computed(() => props.isDone)
 
-// Цвет статуса блокчейна
-const getBlockchainStatusColor = computed(() => {
-  if (instance.value?.blockchain_status === 'active') return 'positive'
-  return 'info'
+// Иконка ожидания
+const getWaitingIcon = computed(() => {
+  if (instance.value?.blockchain_status === 'active') return 'check_circle'
+  return 'schedule'
 })
 
-// Текст статуса блокчейна
-const getBlockchainStatusText = computed(() => {
-  if (instance.value?.blockchain_status === 'active') return 'Подтверждено'
-  if (instance.value?.blockchain_status === 'pending') return 'Ожидание подтверждения'
-  return 'Не подтверждено'
+// Цвет иконки ожидания
+const getWaitingIconColor = computed(() => {
+  if (instance.value?.blockchain_status === 'active') return 'positive'
+  return 'warning'
 })
 
+// Функция обновления статуса
+const refreshStatus = async () => {
+  try {
+    await connectionAgreement.loadCurrentInstance()
+  } catch (error) {
+    console.error('Ошибка обновления статуса:', error)
+  }
+}
+
 const handleBack = () => {
-  connectionAgreement.setCurrentStep(2)
+  connectionAgreement.setCurrentStep(4)
 }
 </script>
 
+<style scoped>
+.approval-waiting-container {
+  max-width: 900px;
+  margin: 0 auto;
+  position: relative;
+}
+
+/* Основная карточка ожидания */
+.waiting-card {
+  border-radius: 20px;
+  padding: 2.5rem;
+  box-shadow:
+    0 8px 32px rgba(0, 0, 0, 0.08),
+    0 2px 8px rgba(0, 0, 0, 0.04);
+  position: relative;
+  overflow: hidden;
+}
+
+.waiting-card::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 4px;
+  background: linear-gradient(90deg, var(--q-primary) 0%, var(--q-secondary) 50%, var(--q-primary) 100%);
+  background-size: 200% 100%;
+  animation: shimmer 4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
+}
+
+@keyframes shimmer {
+  0% { background-position: -100% 0; }
+  100% { background-position: 100% 0; }
+}
+
+/* Заголовок карточки */
+.waiting-header {
+  text-align: center;
+  margin-bottom: 2rem;
+}
+
+.waiting-icon-container {
+  position: relative;
+  display: inline-block;
+  margin-bottom: 1.5rem;
+}
+
+.waiting-icon {
+  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.15));
+  animation: gentle-pulse 3s ease-in-out infinite;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.waiting-icon:hover {
+  transform: scale(1.1);
+  filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.25));
+}
+
+@keyframes gentle-pulse {
+  0%, 100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  50% {
+    transform: scale(1.05);
+    opacity: 0.9;
+  }
+}
+
+.pulse-ring {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 90px;
+  height: 90px;
+  border: 1px solid rgba(255, 152, 0, 0.2);
+  border-radius: 50%;
+  animation: pulse-ring 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
+}
+
+@keyframes pulse-ring {
+  0% {
+    transform: translate(-50%, -50%) scale(0.8);
+    opacity: 1;
+  }
+  100% {
+    transform: translate(-50%, -50%) scale(1.4);
+    opacity: 0;
+  }
+}
+
+.waiting-title {
+  font-weight: 700;
+  letter-spacing: -0.5px;
+}
+
+/* Статусная информация */
+.status-info {
+  padding: 1.5rem;
+  border-radius: 16px;
+  border: 1px solid rgba(255, 152, 0, 0.1);
+}
+
+.status-description {
+  line-height: 1.6;
+  text-align: center;
+}
+
+
+
+
+/* Адаптивность */
+@media (max-width: 768px) {
+  .waiting-card {
+    padding: 2rem;
+  }
+
+
+
+  .pulse-ring {
+    width: 70px;
+    height: 70px;
+  }
+}
+
+@media (max-width: 480px) {
+  .approval-waiting-container {
+    padding: 1rem;
+  }
+
+  .waiting-card {
+    padding: 1.5rem;
+  }
+
+  .waiting-icon {
+    font-size: 60px;
+  }
+
+  .pulse-ring {
+    width: 60px;
+    height: 60px;
+  }
+
+  .status-info {
+    padding: 1rem;
+  }
+
+}
+</style>
+

package/src/widgets/ConnectionAgreementStepper/Steps/DomainValidationStep.vue

@@ -55,7 +55,7 @@
               span.q-ml-xs {{ instance?.is_delegated ? 'Делегирован' : 'Ожидаем делегирования' }}
 
         .instruction-footer
-          | Платформа автоматически проверит домен и активирует подключение
+          | Платформа Кооперативной Экономики автоматически проверит домен и активирует подключение вашего Цифрового Кооператива
 
     //- Навигация
     q-stepper-navigation.q-gutter-sm
@@ -206,12 +206,12 @@ const copyIpAddress = async () => {
   height: 3px;
   background: linear-gradient(90deg, #2196F3 0%, #21CBF3 50%, #2196F3 100%);
   background-size: 200% 100%;
-  animation: shimmer 3s ease-in-out infinite;
+  animation: shimmer 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
 }
 
 @keyframes shimmer {
-  0% { background-position: -200% 0; }
-  100% { background-position: 200% 0; }
+  0% { background-position: -100% 0; }
+  100% { background-position: 100% 0; }
 }
 
 .instruction-header {

package/src/widgets/ConnectionAgreementStepper/Steps/FormStep.vue

@@ -35,7 +35,7 @@ const handleBack = () => {
 <template lang="pug">
 q-step(
   :name="2"
-  title="Сбор данных"
+  title="Параметры кооператива"
   icon="settings"
   :done="isDone"
 )

package/src/widgets/ConnectionAgreementStepper/Steps/InstallationStep.vue

@@ -1,20 +1,20 @@
 <template lang="pug">
   q-step(
     :name="6"
-    title="Установка платформы"
+    title="Установка Цифрового Кооператива"
     icon="cloud_download"
     :done="isDone"
   )
     .installation-container.q-pa-md
 
       //- Установка в процессе
-      div(v-if="instance?.progress < 100")
-
+      div
         //- Заголовок с градиентом
+
         .installation-header
-          .text-h6.installation-title Установка платформы
+          .text-h6.installation-title Установка Цифрового Кооператива
           .subtitle.text-body2.text-grey-7.q-mt-sm
-            | Создание кооперативной цифровой экосистемы
+            | Подключение к платформе Кооперативной Экономики
 
         //- Основная карточка прогресса
         .progress-card.q-mb-xl
@@ -48,49 +48,6 @@
                 .stage-description.text-body2.text-grey-7.q-mt-xs {{ currentStageDescription }}
 
 
-      //- Установка завершена
-      div(v-else)
-        .completion-container
-          .completion-card
-            .completion-header
-              .celebration-icon
-                q-icon(name="celebration" color="positive" size="80px")
-                .sparkle.sparkle-1
-                .sparkle.sparkle-2
-                .sparkle.sparkle-3
-              .completion-title.text-h5.text-positive.q-mt-lg Установка завершена!
-              .completion-subtitle.text-body1.text-grey-7.q-mt-sm
-            | Ваш кооператив успешно развернут и готов к работе
-
-            .completion-details.q-mt-xl
-              .detail-item
-                q-icon(name="check_circle" color="positive" size="24px").q-mr-md
-                .detail-text
-                  .text-body2.text-weight-medium Серверная инфраструктура
-                  .text-caption.text-grey-6 Полностью настроена и оптимизирована
-
-              .detail-item.q-mt-md
-                q-icon(name="check_circle" color="positive" size="24px").q-mr-md
-                .detail-text
-                  .text-body2.text-weight-medium Блокчейн интеграция
-                  .text-caption.text-grey-6 Подключена и протестирована
-
-              .detail-item.q-mt-md
-                q-icon(name="check_circle" color="positive" size="24px").q-mr-md
-                .detail-text
-                  .text-body2.text-weight-medium База данных
-                  .text-caption.text-grey-6 Инициализирована и готова к работе
-
-              .detail-item.q-mt-md
-                q-icon(name="check_circle" color="positive" size="24px").q-mr-md
-                .detail-text
-                  .text-body2.text-weight-medium Платформенные сервисы
-                  .text-caption.text-grey-6 Запущены и функционируют
-
-            .next-steps.q-mt-xl
-              .text-subtitle2.text-weight-medium.q-mb-md Что дальше?
-              .text-body2.text-grey-8
-                | Дашборд подключения откроется автоматически через несколько секунд. Здесь вы сможете управлять подписками, просматривать баланс кошелька AXON и настраивать параметры платформы.
 
 </template>
 
@@ -117,45 +74,50 @@ const currentStageInfo = computed(() => {
       icon: 'settings',
       color: 'primary',
       title: 'Подготовка серверного окружения',
-      description: 'Настраиваем инфраструктуру для развертывания платформы'
+      description: 'Настраиваем инфраструктуру, разворачиваем серверные компоненты и настраиваем файервол'
     }
   } else if (progress < 40) {
     return {
       icon: 'download',
       color: 'info',
-      title: 'Загрузка компонентов платформы',
-      description: 'Устанавливаем необходимые компоненты и зависимости'
+      title: 'Загрузка компонентов Цифрового Кооператива',
+      description: 'Устанавливаем программное обеспечение и зависимости для работы платформы'
     }
   } else if (progress < 60) {
     return {
       icon: 'storage',
       color: 'warning',
-      title: 'Настройка базы данных и хранилищ',
-      description: 'Инициализируем базы данных и настраиваем хранилища'
+      title: 'Настройка баз данных и хранилищ',
+      description: 'Разворачиваем базы данных, инициализируем структуры и настраиваем резервное копирование'
     }
   } else if (progress < 80) {
     return {
       icon: 'security',
       color: 'secondary',
-      title: 'Конфигурация блокчейн-интеграции',
-      description: 'Подключаем и тестируем блокчейн функциональность'
+      title: 'Запуск блокчейн-узла',
+      description: 'Разворачиваем и синхронизируем блокчейн-узел для подключения к Кооперативной Экономике'
     }
   } else {
     return {
       icon: 'check_circle',
       color: 'positive',
       title: 'Финализация установки',
-      description: 'Выполняем заключительные настройки и тестирование'
+      description: 'Выполняем заключительные настройки, проверяем работоспособность всех компонентов'
     }
   }
 })
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const currentStageIcon = computed(() => currentStageInfo.value.icon)
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const currentStageColor = computed(() => currentStageInfo.value.color)
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const currentStageTitle = computed(() => currentStageInfo.value.title)
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const currentStageDescription = computed(() => currentStageInfo.value.description)
 
 // Расчет оставшегося времени (общая установка 100 минут)
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const remainingTime = computed(() => {
   const progress = instance.value?.progress || 0
   const totalMinutes = 100
@@ -163,12 +125,8 @@ const remainingTime = computed(() => {
   return Math.max(0, remaining) // Не показываем отрицательные значения
 })
 
-// Реактивно следим за изменениями прогресса
-import { watch } from 'vue'
-
-watch(() => instance.value?.progress, () => {
-  // Ничего не делаем, просто реактивно обновляем отображение
-}, { immediate: true })
+// Редирект теперь обрабатывается в ConnectionAgreementPage через реактивность
+// Здесь только отображение прогресса
 </script>
 
 <style scoped>
@@ -198,7 +156,6 @@ watch(() => instance.value?.progress, () => {
 .progress-card {
   border-radius: 20px;
   padding: 2.5rem;
-  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
   border: 1px solid rgba(0, 0, 0, 0.05);
   box-shadow:
     0 8px 32px rgba(0, 0, 0, 0.08),
@@ -216,12 +173,12 @@ watch(() => instance.value?.progress, () => {
   height: 4px;
   background: linear-gradient(90deg, var(--q-primary) 0%, var(--q-secondary) 50%, var(--q-accent) 100%);
   background-size: 200% 100%;
-  animation: shimmer 4s ease-in-out infinite;
+  animation: shimmer 4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
 }
 
 @keyframes shimmer {
-  0% { background-position: -200% 0; }
-  100% { background-position: 200% 0; }
+  0% { background-position: 100% 0; }
+  100% { background-position: -100% 0; }
 }
 
 .progress-header {
@@ -371,138 +328,6 @@ watch(() => instance.value?.progress, () => {
 }
 
 
-/* Экран завершения */
-.completion-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-height: 500px;
-}
-
-.completion-card {
-  max-width: 600px;
-  width: 100%;
-  text-align: center;
-  padding: 3rem;
-  border-radius: 24px;
-  background: linear-gradient(135deg, #ffffff 0%, #f8fff9 100%);
-  border: 1px solid rgba(76, 175, 80, 0.1);
-  box-shadow:
-    0 12px 40px rgba(0, 0, 0, 0.08),
-    0 4px 16px rgba(0, 0, 0, 0.04);
-  position: relative;
-  overflow: hidden;
-}
-
-.completion-card::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 4px;
-  background: linear-gradient(90deg, var(--q-positive) 0%, #4CAF50 50%, var(--q-positive) 100%);
-  background-size: 200% 100%;
-  animation: completion-shimmer 3s ease-in-out infinite;
-}
-
-@keyframes completion-shimmer {
-  0%, 100% { background-position: -200% 0; }
-  50% { background-position: 200% 0; }
-}
-
-.completion-header {
-  position: relative;
-}
-
-.celebration-icon {
-  position: relative;
-  display: inline-block;
-  margin-bottom: 1rem;
-}
-
-.sparkle {
-  position: absolute;
-  width: 8px;
-  height: 8px;
-  background: var(--q-positive);
-  border-radius: 50%;
-  animation: sparkle 2s infinite ease-in-out;
-}
-
-.sparkle-1 {
-  top: -10px;
-  right: -10px;
-  animation-delay: 0s;
-}
-
-.sparkle-2 {
-  top: 20px;
-  left: -15px;
-  animation-delay: 0.5s;
-}
-
-.sparkle-3 {
-  bottom: -5px;
-  right: 15px;
-  animation-delay: 1s;
-}
-
-@keyframes sparkle {
-  0%, 100% {
-    opacity: 0;
-    transform: scale(0);
-  }
-  50% {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-.completion-title {
-  font-weight: 700;
-  letter-spacing: -0.5px;
-  margin-bottom: 0.5rem;
-  background: linear-gradient(135deg, var(--q-positive) 0%, #4CAF50 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
-  text-shadow: 0 2px 4px rgba(76, 175, 80, 0.3);
-}
-
-.completion-details {
-  margin-top: 2rem;
-  text-align: left;
-}
-
-.detail-item {
-  display: flex;
-  align-items: center;
-  padding: 1rem;
-  background: rgba(76, 175, 80, 0.02);
-  border-radius: 12px;
-  border: 1px solid rgba(76, 175, 80, 0.1);
-  transition: all 0.3s ease;
-}
-
-.detail-item:hover {
-  transform: translateX(4px);
-  background: rgba(76, 175, 80, 0.05);
-  box-shadow: 0 4px 12px rgba(76, 175, 80, 0.1);
-}
-
-.detail-text {
-  margin-left: 1rem;
-}
-
-.next-steps {
-  margin-top: 2rem;
-  text-align: left;
-  padding: 1.5rem;
-  background: rgba(0, 0, 0, 0.02);
-  border-radius: 12px;
-}
-
 /* Адаптивность */
 @media (max-width: 768px) {
   .progress-card {
@@ -515,23 +340,12 @@ watch(() => instance.value?.progress, () => {
     text-align: center;
   }
 
-
   .stage-info {
     flex-direction: column;
     text-align: center;
     gap: 0.75rem;
   }
 
-  .completion-card {
-    padding: 2rem;
-  }
-
-  .detail-item {
-    flex-direction: column;
-    text-align: center;
-    gap: 0.5rem;
-  }
-
   .time-display {
     padding: 0.5rem 1rem;
   }

package/src/widgets/ConnectionAgreementStepper/Steps/IntroStep.vue

@@ -38,7 +38,7 @@ const handleContinue = () => {
 <template lang="pug">
 q-step(
   :name="1"
-  title="Выберите тариф"
+  title="Выбор тарифа подключения"
   icon="info"
   :done="isDone"
 )