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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coopenomics/desktop",
-  "version": "2025.11.12-alpha-1",
+  "version": "2025.11.13-alpha-1",
   "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-1",
+    "@coopenomics/notifications": "2025.11.13-alpha-1",
+    "@coopenomics/sdk": "2025.11.13-alpha-1",
     "@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-1",
     "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": "d0f73c32bb68d8f7451ecef3989bdff4629d71c4"
 }

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

@@ -139,6 +139,8 @@ 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

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

@@ -45,6 +45,11 @@ let stopInstanceRefresh: (() => void) | null = null
 
 // Проверка завершения установки
 const isInstallationCompleted = computed(() => {
+  // Не показываем поздравление если идет загрузка или есть ошибка
+  if (connectionAgreement.currentInstanceLoading || connectionAgreement.currentInstanceError) {
+    return false
+  }
+
   const instance = connectionAgreement.currentInstance
   return instance?.progress === 100 && instance?.status === Zeus.InstanceStatus.ACTIVE
 })
@@ -72,6 +77,11 @@ const init = async () => {
 
 // Watch за изменением currentInstance для автоматического перехода между шагами
 watch(() => connectionAgreement.currentInstance, (instance) => {
+  // Не обрабатываем изменения если идет загрузка или есть ошибка
+  if (connectionAgreement.currentInstanceLoading || connectionAgreement.currentInstanceError) {
+    return
+  }
+
   if (!instance) return
 
   const currentStep = connectionAgreement.currentStep

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

@@ -14,7 +14,11 @@ const connectionAgreement = useConnectionAgreementStore()
 const handleContinue = (formData?: any) => {
   console.log('📝 FormStep: Продолжаем с данными формы:', formData)
 
-  // Сохраняем данные формы в стор (уже сохранены напрямую)
+  // Сохраняем данные формы в стор
+  if (formData) {
+    connectionAgreement.setFormData(formData)
+  }
+
   // Переходим к следующему шагу (документ сгенерируется в watch)
   if (connectionAgreement.currentStep < 5) {
     connectionAgreement.setCurrentStep(connectionAgreement.currentStep + 1)

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

@@ -1,75 +1,97 @@
 <template lang="pug">
   q-step(
     :name="6"
-    title="Установка"
+    title="Установка платформы"
     icon="cloud_download"
     :done="isDone"
   )
-    .q-pa-md
+    .installation-container.q-pa-md
+
       //- Установка в процессе
       div(v-if="instance?.progress < 100")
-        .text-h6.text-center.q-mb-lg Установка платформы
-
-        //- Стильный прогресс-бар
-        .q-mb-lg.q-px-md
-          q-linear-progress(
-            :value="instance?.progress / 100 || 0"
-            color="primary"
-            size="24px"
-            rounded
-            class="q-mb-md"
-          )
-            .absolute-full.flex.flex-center
-              .text-body2.text-white.text-weight-medium {{ instance?.progress || 0 }}%
-
-        //- Информационные тексты в стиле Windows
-        q-card(flat).q-mb-lg.bg-grey-1
-          q-card-section.q-pa-lg
-            .text-body2.text-grey-8.q-mb-md(v-if="instance?.progress < 20")
-              q-icon(name="settings" color="primary" size="20px").q-mr-sm
-              | Подготовка серверного окружения...
-            .text-body2.text-grey-8.q-mb-md(v-else-if="instance?.progress < 40")
-              q-icon(name="download" color="primary" size="20px").q-mr-sm
-              | Загрузка компонентов платформы...
-            .text-body2.text-grey-8.q-mb-md(v-else-if="instance?.progress < 60")
-              q-icon(name="storage" color="primary" size="20px").q-mr-sm
-              | Настройка базы данных и хранилищ...
-            .text-body2.text-grey-8.q-mb-md(v-else-if="instance?.progress < 80")
-              q-icon(name="security" color="primary" size="20px").q-mr-sm
-              | Конфигурация блокчейн-интеграции...
-            .text-body2.text-grey-8.q-mb-md(v-else)
-              q-icon(name="check_circle" color="primary" size="20px").q-mr-sm
-              | Финализация установки...
-
-            .text-caption.text-grey-6.q-mt-md
-              | Платформа кооперативной экономики объединяет цифровые инструменты для управления, учета и взаимодействия членов кооператива.
-
-        .text-body2.text-center.text-grey-7
-          | Приблизительное время: 60 минут
+
+        //- Заголовок с градиентом
+        .installation-header
+          .text-h6.installation-title Установка платформы
+          .subtitle.text-body2.text-grey-7.q-mt-sm
+            | Создание кооперативной цифровой экосистемы
+
+        //- Основная карточка прогресса
+        .progress-card.q-mb-xl
+          .progress-header
+            .progress-title
+              q-icon(name="rocket_launch" size="24px" color="primary").q-mr-sm
+              span.text-subtitle1.text-weight-medium Прогресс установки
+
+          //- Живой прогресс-бар с анимацией
+          .progress-bar-container.q-mt-lg
+            .progress-bar-background
+              .progress-bar-fill(
+                :style="{ width: (instance?.progress || 0) + '%' }"
+              )
+                .progress-bar-shimmer
+            .progress-bar-glow(:style="{ width: (instance?.progress || 0) + '%' }")
+
+          //- Оставшееся время
+          .remaining-time.q-mt-md
+            .time-display
+              q-icon(name="schedule" size="18px" color="primary").q-mr-sm
+              span.text-body2 Осталось: {{ remainingTime }} мин
+
+          //- Статус текущего этапа
+          .current-stage.q-mt-lg
+            .stage-info
+              .stage-icon
+                q-icon(:name="currentStageIcon" size="32px" :color="currentStageColor")
+              .stage-details
+                .stage-title.text-body1.text-weight-medium {{ currentStageTitle }}
+                .stage-description.text-body2.text-grey-7.q-mt-xs {{ currentStageDescription }}
+
 
       //- Установка завершена
       div(v-else)
-        .flex.column.items-center.q-pa-lg
-          q-icon(name="celebration" color="positive" size="96px").q-mb-lg
-          .text-h5.text-center.q-mb-md.text-positive Установка завершена!
-          .text-body1.text-center.text-grey-7.q-mb-xl
+        .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
             | Ваш кооператив успешно развернут и готов к работе
 
-        //- Информация о следующих шагах
-        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-md
-              | Дашборд откроется автоматически через несколько секунд. Здесь вы сможете управлять подписками, просматривать баланс кошелька AXON и настраивать параметры платформы.
-
-      //- Навигация (только кнопка назад, если установка не завершена)
-      q-stepper-navigation.q-gutter-sm(v-if="instance?.progress < 100")
-        q-btn(
-          color="grey-6"
-          flat
-          label="Назад"
-          @click="handleBack"
-        )
+            .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>
 
 <script setup lang="ts">
@@ -86,9 +108,447 @@ const instance = computed(() => connectionAgreement.currentInstance)
 
 const isDone = computed(() => props.isDone)
 
-const handleBack = () => {
-  connectionAgreement.setCurrentStep(2)
-}
+// Текущий этап (соответствует логике из startup-workflow.service.ts)
+const currentStageInfo = computed(() => {
+  const progress = instance.value?.progress || 0
+
+  if (progress < 20) {
+    return {
+      icon: 'settings',
+      color: 'primary',
+      title: 'Подготовка серверного окружения',
+      description: 'Настраиваем инфраструктуру для развертывания платформы'
+    }
+  } else if (progress < 40) {
+    return {
+      icon: 'download',
+      color: 'info',
+      title: 'Загрузка компонентов платформы',
+      description: 'Устанавливаем необходимые компоненты и зависимости'
+    }
+  } else if (progress < 60) {
+    return {
+      icon: 'storage',
+      color: 'warning',
+      title: 'Настройка базы данных и хранилищ',
+      description: 'Инициализируем базы данных и настраиваем хранилища'
+    }
+  } else if (progress < 80) {
+    return {
+      icon: 'security',
+      color: 'secondary',
+      title: 'Конфигурация блокчейн-интеграции',
+      description: 'Подключаем и тестируем блокчейн функциональность'
+    }
+  } else {
+    return {
+      icon: 'check_circle',
+      color: 'positive',
+      title: 'Финализация установки',
+      description: 'Выполняем заключительные настройки и тестирование'
+    }
+  }
+})
+
+const currentStageIcon = computed(() => currentStageInfo.value.icon)
+const currentStageColor = computed(() => currentStageInfo.value.color)
+const currentStageTitle = computed(() => currentStageInfo.value.title)
+const currentStageDescription = computed(() => currentStageInfo.value.description)
+
+// Расчет оставшегося времени (общая установка 100 минут)
+const remainingTime = computed(() => {
+  const progress = instance.value?.progress || 0
+  const totalMinutes = 100
+  const remaining = totalMinutes - progress
+  return Math.max(0, remaining) // Не показываем отрицательные значения
+})
+
+// Реактивно следим за изменениями прогресса
+import { watch } from 'vue'
+
+watch(() => instance.value?.progress, () => {
+  // Ничего не делаем, просто реактивно обновляем отображение
+}, { immediate: true })
 </script>
 
+<style scoped>
+.installation-container {
+  max-width: 900px;
+  margin: 0 auto;
+  position: relative;
+}
+
+/* Заголовок с градиентом */
+.installation-header {
+  text-align: center;
+  margin-bottom: 2rem;
+}
+
+.installation-title {
+  font-weight: 700;
+  letter-spacing: -0.5px;
+  background: linear-gradient(135deg, var(--q-primary) 0%, rgba(25, 118, 210, 0.8) 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  text-shadow: 0 2px 4px rgba(25, 118, 210, 0.3);
+}
+
+/* Основная карточка прогресса */
+.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),
+    0 2px 8px rgba(0, 0, 0, 0.04);
+  position: relative;
+  overflow: hidden;
+}
+
+.progress-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-accent) 100%);
+  background-size: 200% 100%;
+  animation: shimmer 4s ease-in-out infinite;
+}
+
+@keyframes shimmer {
+  0% { background-position: -200% 0; }
+  100% { background-position: 200% 0; }
+}
+
+.progress-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 1rem;
+}
+
+.progress-title {
+  display: flex;
+  align-items: center;
+  font-weight: 600;
+  color: var(--q-primary);
+}
+
+
+/* Живой прогресс-бар */
+.progress-bar-container {
+  position: relative;
+  height: 12px;
+  background: rgba(0, 0, 0, 0.05);
+  border-radius: 20px;
+  overflow: hidden;
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.progress-bar-background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  background: linear-gradient(90deg, #e0e0e0 0%, #f0f0f0 100%);
+}
+
+.progress-bar-fill {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  background: linear-gradient(135deg, var(--q-primary) 0%, var(--q-secondary) 100%);
+  border-radius: 20px;
+  transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow:
+    0 0 20px rgba(25, 118, 210, 0.3),
+    inset 0 1px 2px rgba(255, 255, 255, 0.2);
+  position: relative;
+  overflow: hidden;
+}
+
+.progress-bar-shimmer {
+  position: absolute;
+  top: 0;
+  left: -100%;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    rgba(255, 255, 255, 0.6) 30%,
+    rgba(255, 255, 255, 0.8) 50%,
+    rgba(255, 255, 255, 0.6) 70%,
+    transparent 100%
+  );
+  animation: progress-shimmer 1.2s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+@keyframes progress-shimmer {
+  0% {
+    left: -100%;
+    opacity: 0;
+  }
+  10% {
+    opacity: 1;
+  }
+  90% {
+    opacity: 1;
+  }
+  100% {
+    left: 100%;
+    opacity: 0;
+  }
+}
+
+.progress-bar-glow {
+  position: absolute;
+  top: -2px;
+  left: 0;
+  height: 16px;
+  background: linear-gradient(135deg, var(--q-primary) 0%, rgba(25, 118, 210, 0.3) 100%);
+  border-radius: 20px;
+  filter: blur(4px);
+  opacity: 0.6;
+  transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+/* Текущий этап */
+.current-stage {
+  margin-top: 2rem;
+  padding: 1.5rem;
+  background: rgba(25, 118, 210, 0.02);
+  border-radius: 16px;
+  border: 1px solid rgba(25, 118, 210, 0.1);
+}
+
+.stage-info {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+.stage-icon {
+  background: linear-gradient(135deg, var(--q-primary) 0%, rgba(25, 118, 210, 0.8) 100%);
+  border-radius: 50%;
+  padding: 0.75rem;
+  box-shadow: 0 4px 12px rgba(25, 118, 210, 0.2);
+}
+
+.stage-details {
+  flex: 1;
+}
+
+.stage-title {
+  color: var(--q-primary);
+  margin-bottom: 0.25rem;
+}
+
+.stage-description {
+  color: #666;
+}
+
+/* Оставшееся время */
+.remaining-time {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.time-display {
+  display: flex;
+  align-items: center;
+  padding: 0.75rem 1.5rem;
+  background: rgba(25, 118, 210, 0.05);
+  border-radius: 12px;
+  border: 1px solid rgba(25, 118, 210, 0.1);
+}
+
+
+/* Экран завершения */
+.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 {
+    padding: 2rem;
+  }
+
+  .progress-header {
+    flex-direction: column;
+    gap: 1rem;
+    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;
+  }
+}
+
+@media (max-width: 480px) {
+  .installation-container {
+    padding: 1rem;
+  }
+
+  .progress-card {
+    padding: 1.5rem;
+  }
+
+  .time-display {
+    padding: 0.5rem 0.75rem;
+    font-size: 0.875rem;
+  }
+}
+</style>