@coopenomics/desktop 2025.11.12-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.12-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.12-alpha-1",
-    "@coopenomics/notifications": "2025.11.12-alpha-1",
-    "@coopenomics/sdk": "2025.11.12-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.12-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": "b261f505aa7897cdc82ce88ed770fe0f6aee7afc"
+  "gitHead": "dab94657557e501109b96a18e0e00db0c00d111e"
 }

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

@@ -139,14 +139,16 @@ export const useConnectionAgreementStore = defineStore(namespace, () => {
       console.log('Текущий инстанс загружен:', currentInstance.value)
     } catch (error: any) {
       currentInstanceError.value = error.message || 'Ошибка загрузки инстанса'
+      // Очищаем старые данные при ошибке - они больше не актуальны
+      currentInstance.value = null
       console.error('Ошибка при загрузке текущего инстанса:', error)
     } finally {
       currentInstanceLoading.value = false
     }
   }
 
-  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,134 +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(() => {
-  const instance = connectionAgreement.currentInstance
-  return instance?.progress === 100 && instance?.status === Zeus.InstanceStatus.ACTIVE
+  // После загрузки данных проверяем статус установки
+  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
+})
+
+// Следим за показом степпера
+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 (!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) {
-      // Домен валиден и делегирован
+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,
+    });
+
+    // Логика автоматических переходов (только для шагов 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"
 )