@coopenomics/desktop 2025.11.15-alpha-1 → 2025.11.16-alpha-1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coopenomics/desktop",
-  "version": "2025.11.15-alpha-1",
+  "version": "2025.11.16-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.15-alpha-1",
-    "@coopenomics/notifications": "2025.11.15-alpha-1",
-    "@coopenomics/sdk": "2025.11.15-alpha-1",
+    "@coopenomics/controller": "2025.11.16-alpha-1",
+    "@coopenomics/notifications": "2025.11.16-alpha-1",
+    "@coopenomics/sdk": "2025.11.16-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.15-alpha-1",
+    "cooptypes": "2025.11.16-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": "3671c05573f13ccdfc23fc90c43dd5e7a7b8fd1d"
+  "gitHead": "8ed8af1b9ce9fbbfc01c9221cdd46230e6f56662"
 }

package/src/app/styles/style.css

@@ -236,3 +236,8 @@ a:visited {
 /* .body--light{
   background-color:rgb(251, 250, 250);
 } */
+
+
+.q-stepper--vertical .q-stepper__step-inner {
+  padding: 0 0px 31px 35px !important;
+}

package/src/entities/ConnectionAgreement/api/index.ts

@@ -16,7 +16,7 @@ export async function getCurrentInstance(): Promise<CurrentInstance | null> {
 
     return instance;
   } catch (error) {
-    console.error('Ошибка при получении текущего инстанса:', error);
+    console.warn('Инстанс не получен. Продолжаем работу без него:', error);
     return null;
   }
 }

package/src/features/Installer/ui/SetVariablesForm/SetVariablesForm.vue

@@ -5,42 +5,51 @@ div
       q-card-section
         div.text-h6 Наименование
         div
-          q-badge.q-mr-sm.q-mb-md ОПФ
-          | - организационно-правовая форма
+          q-badge.q-mr-sm.q-mb-md ОПФ+
+          | - основа наименования (ОПФ + цель деятельности)
+          .text-caption.text-grey Например: "Потребительский Кооператив Социального Комплекса" или просто "Потребительский Кооператив"
+
         q-input(
           autofocus
           v-model="installStore.vars.name"
-          label="Наименование организации (без ОПФ)"
+          label="Собственное название организации"
           placeholder="Ромашка"
           standout="bg-teal text-white"
+          :rules="[val => notEmpty(val)]"
         )
+        .text-caption.text-grey Название без кавычек, которое будет добавляться к основе
 
         q-input.q-mt-md(
           v-model="installStore.vars.full_abbr"
-          label="Полная ОПФ в именительном падеже"
-          placeholder="Потребительский Кооператив"
+          label="Основа наименования в именительном падеже"
+          placeholder="Потребительский Кооператив Социального Комплекса"
           standout="bg-teal text-white"
+          :rules="[val => notEmpty(val)]"
         )
+        .text-caption.text-grey Вся часть до названия. Если уточнения нет - просто ОПФ
 
         q-input.q-mt-md(
           v-model="installStore.vars.full_abbr_genitive"
-          label="Полная ОПФ в родительном падеже"
-          placeholder="Потребительского Кооператива"
+          label="Основа наименования в родительном падеже"
+          placeholder="Потребительского Кооператива Социального Комплекса"
           standout="bg-teal text-white"
+          :rules="[val => notEmpty(val)]"
         )
 
         q-input.q-mt-md(
           v-model="installStore.vars.full_abbr_dative"
-          label="Полная ОПФ в дательном падеже"
-          placeholder="Потребительскому Кооперативу"
+          label="Основа наименования в дательном падеже"
+          placeholder="Потребительскому Кооперативу Социального Комплекса"
           standout="bg-teal text-white"
+          :rules="[val => notEmpty(val)]"
         )
 
         q-input.q-mt-md(
           v-model="installStore.vars.short_abbr"
-          label="Краткая аббривиатура ОПФ"
+          label="Краткая аббревиатура ОПФ"
           placeholder="ПК"
           standout="bg-teal text-white"
+          :rules="[val => notEmpty(val)]"
         )
 
     q-card(flat).q-mb-md
@@ -53,6 +62,7 @@ div
           placeholder="https://example.com/statute.pdf"
           type="url"
           standout="bg-teal text-white"
+          :rules="[val => notEmpty(val)]"
         )
 
     q-card(flat).q-mb-md
@@ -90,6 +100,7 @@ div
           label="Email по вопросам конфиденциальности"
           type="email"
           standout="bg-teal text-white"
+          :rules="[val => notEmpty(val)]"
         )
 
         //- q-input.q-mt-md(
@@ -111,12 +122,14 @@ div
             label="Номер протокола"
             :placeholder="getCurrentProtocolNumber"
             standout="bg-teal text-white"
+            :rules="[val => notEmpty(val)]"
           )
           q-input.q-mt-sm(
             v-model="installStore.vars.wallet_agreement.protocol_day_month_year"
             label="Дата протокола"
             :placeholder="getCurrentProtocolDate"
             standout="bg-teal text-white"
+            :rules="[val => notEmpty(val)]"
           )
 
         div.q-mt-md
@@ -126,12 +139,14 @@ div
             label="Номер протокола"
             :placeholder="getCurrentProtocolNumber"
             standout="bg-teal text-white"
+            :rules="[val => notEmpty(val)]"
           )
           q-input.q-mt-sm(
             v-model="installStore.vars.signature_agreement.protocol_day_month_year"
             label="Дата протокола"
             :placeholder="getCurrentProtocolDate"
             standout="bg-teal text-white"
+            :rules="[val => notEmpty(val)]"
           )
 
         div.q-mt-md
@@ -141,12 +156,14 @@ div
             label="Номер протокола"
             :placeholder="getCurrentProtocolNumber"
             standout="bg-teal text-white"
+            :rules="[val => notEmpty(val)]"
           )
           q-input.q-mt-sm(
             v-model="installStore.vars.privacy_agreement.protocol_day_month_year"
             label="Дата протокола"
             :placeholder="getCurrentProtocolDate"
             standout="bg-teal text-white"
+            :rules="[val => notEmpty(val)]"
           )
 
         div.q-mt-md
@@ -156,12 +173,14 @@ div
             label="Номер протокола"
             :placeholder="getCurrentProtocolNumber"
             standout="bg-teal text-white"
+            :rules="[val => notEmpty(val)]"
           )
           q-input.q-mt-sm(
             v-model="installStore.vars.user_agreement.protocol_day_month_year"
             label="Дата протокола"
             :placeholder="getCurrentProtocolDate"
             standout="bg-teal text-white"
+            :rules="[val => notEmpty(val)]"
           )
 
         div.q-mt-md
@@ -171,12 +190,14 @@ div
             label="Номер протокола"
             :placeholder="getCurrentProtocolNumber"
             standout="bg-teal text-white"
+            :rules="[val => notEmpty(val)]"
           )
           q-input.q-mt-sm(
             v-model="installStore.vars.participant_application.protocol_day_month_year"
             label="Дата протокола"
             :placeholder="getCurrentProtocolDate"
             standout="bg-teal text-white"
+            :rules="[val => notEmpty(val)]"
           )
 
     div.flex.justify-between.q-mt-md
@@ -191,6 +212,7 @@ import { useInstallCooperativeStore } from 'src/entities/Installer/model';
 import { useSystemStore } from 'src/entities/System/model';
 import { FailAlert, SuccessAlert } from 'src/shared/api';
 import { useInstallCooperative } from '../../model';
+import { notEmpty } from 'src/shared/lib/utils';
 import { ref, onMounted, computed } from 'vue';
 
 const installStore = useInstallCooperativeStore()

package/src/features/NotificationPermissionDialog/model/index.ts

@@ -78,31 +78,26 @@ export function useNotificationPermissionDialog() {
 
   // Обработка согласия пользователя
   const handleAllow = async () => {
+    // Немедленно закрываем диалог и сохраняем выбор пользователя
+    saveChoice('granted');
+    hideDialog();
+
+    // Выполняем подписку в фоне
     try {
-      store.isPermissionDialogProcessing = true;
-      console.log('handleAllow');
-      // Подписываемся на уведомления (это включает запрос разрешения)
+      console.log('handleAllow - начинаем фоновую подписку');
       const success = await subscribe();
       console.log('success', success);
-      if (success) {
-        console.log('saveChoice granted');
-        saveChoice('granted');
-        console.log('hideDialog');
-        hideDialog();
-      } else {
-        console.log('saveChoice denied');
-        // Если подписка не удалась, но пользователь согласился,
-        // все равно сохраняем выбор чтобы не показывать диалог снова
+      if (!success) {
+        console.log('saveChoice denied - подписка не удалась');
+        // Если подписка не удалась, меняем выбор на denied
+        // чтобы диалог мог появиться снова при необходимости
         saveChoice('denied');
-        hideDialog();
       }
     } catch (error) {
       console.error('Ошибка при разрешении уведомлений:', error);
-      console.log('saveChoice denied');
+      console.log('saveChoice denied - ошибка подписки');
+      // При ошибке тоже меняем на denied
       saveChoice('denied');
-      hideDialog();
-    } finally {
-      store.isPermissionDialogProcessing = false;
     }
   };
 

package/src/features/NotificationPermissionDialog/ui/NotificationPermissionDialog.vue

@@ -1,7 +1,6 @@
 <template lang="pug">
 q-dialog(
   v-model='isDialogVisible',
-  persistent,
   no-esc-dismiss,
   no-backdrop-dismiss,
   transition-show='fade',

package/src/features/Union/CooperativeDataForm/ui/CooperativeDataForm.vue

@@ -1,23 +1,87 @@
 <template lang="pug">
 div
-  Form(:handler-submit="saveData" :showCancel="false" :button-cancel-txt="'Отменить'" :button-submit-txt="'Продолжить'" @cancel="clear").q-gutter-md
-    q-input(standout="bg-teal text-white" hint="domovoy.com или coop.domovoy.com" label="Домен или поддомен для запуска" v-model="formData.announce" :rules="[val => notEmpty(val), val => isDomain(val)]")
+  Form(:handler-submit="saveData" :showCancel="true" :button-cancel-txt="'Назад'" :button-submit-txt="'Продолжить'" @cancel="handleBack").q-gutter-md
 
-    q-input(standout="bg-teal text-white" placeholder="100" label="Вступительный взнос для физлиц и ИП" v-model="formData.initial" type="number" :min="0" :rules="[val => notEmpty(val)]")
-      template(#append)
-        span.text-overline RUB
+    //- Домен кооператива
+    .form-section.q-mb-lg
+      .section-header.q-mb-md
+        .section-title
+          q-icon(name="domain" size="20px" color="primary").q-mr-sm
+          span.text-subtitle1.text-weight-medium Домен кооператива
+        .section-description.text-body2.q-mt-sm
+          | Укажите домен или поддомен, на котором будет работать ваш кооператив
 
-    q-input(standout="bg-teal text-white" label="Минимальный паевый взнос для физлиц и ИП" placeholder="300" v-model="formData.minimum" type="number" :min="0" :rules="[val => notEmpty(val)]")
-      template(#append)
-        span.text-overline RUB
+      q-input.form-input(
+        standout="bg-teal text-white"
+        hint="domovoy.com или coop.domovoy.com"
+        label="Домен или поддомен для запуска"
+        v-model="formData.announce"
+        :rules="[val => notEmpty(val), val => isDomain(val)]"
+      )
 
-    q-input(standout="bg-teal text-white" placeholder="1000" label="Вступительный взнос для организаций" v-model="formData.org_initial" type="number" :min="0" :rules="[val => notEmpty(val)]")
-      template(#append)
-        span.text-overline RUB
+    //- Финансовые параметры
+    .form-section.q-mb-lg
+      .section-header.q-mb-md
+        .section-title
+          q-icon(name="account_balance_wallet" size="20px" color="secondary").q-mr-sm
+          span.text-subtitle1.text-weight-medium Финансовые параметры
+        .section-description.text-body2.q-mt-sm
+          | Введите вступительные и минимальные паевые взносы пайщиков. Эти параметры будут должны быть указаны в уставных документах кооператива.
 
-    q-input(standout="bg-teal text-white" placeholder="3000" label="Минимальный паевый взнос для организаций" v-model="formData.org_minimum" type="number" :min="0"  :rules="[val => notEmpty(val)]")
-      template(#append)
-        span.text-overline RUB
+      .financial-grid
+        .grid-section.q-mb-md
+          .subsection-title.text-body1.text-weight-medium.q-mb-sm Для физических лиц и ИП
+          .input-row.q-mb-sm
+            q-input.form-input(
+              standout="bg-teal text-white"
+              placeholder="100"
+              label="Вступительный взнос"
+              v-model="formData.initial"
+              type="number"
+              :min="0"
+              :rules="[val => notEmpty(val)]"
+            )
+              template(#append)
+                span.text-overline RUB
+          .input-row
+            q-input.form-input(
+              standout="bg-teal text-white"
+              label="Минимальный паевый взнос"
+              placeholder="300"
+              v-model="formData.minimum"
+              type="number"
+              :min="0"
+              :rules="[val => notEmpty(val)]"
+            )
+              template(#append)
+                span.text-overline RUB
+
+        .grid-section
+          .subsection-title.text-body1.text-weight-medium.q-mb-sm Для организаций
+          .input-row.q-mb-sm
+            q-input.form-input(
+              standout="bg-teal text-white"
+              placeholder="1000"
+              label="Вступительный взнос"
+              v-model="formData.org_initial"
+              type="number"
+              :min="0"
+              :rules="[val => notEmpty(val)]"
+            )
+              template(#append)
+                span.text-overline RUB
+          .input-row
+            q-input.form-input(
+              standout="bg-teal text-white"
+              placeholder="3000"
+              label="Минимальный паевый взнос"
+              v-model="formData.org_minimum"
+              type="number"
+              :min="0"
+              :rules="[val => notEmpty(val)]"
+            )
+              template(#append)
+                span.text-overline RUB
 </template>
 <script lang="ts" setup>
 import { ref, watch } from 'vue'
@@ -27,7 +91,7 @@ import { useConnectionAgreementStore } from 'src/entities/ConnectionAgreement';
 import type { ICooperativeFormData } from 'src/entities/ConnectionAgreement/model/types';
 
 
-const emit = defineEmits(['continue'])
+const emit = defineEmits(['continue', 'back'])
 
 const connectionAgreement = useConnectionAgreementStore()
 
@@ -56,8 +120,8 @@ const syncFormData = () => {
   connectionAgreement.setFormData(formData.value)
 }
 
-const clear = () => {
-  emit('continue')
+const handleBack = () => {
+  emit('back')
 }
 
 const saveData = async () => {
@@ -67,3 +131,110 @@ const saveData = async () => {
   emit('continue', formData.value)
 }
 </script>
+
+<style scoped>
+.form-section {
+  padding: 1.5rem;
+  border-radius: 16px;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+
+.section-header {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+  padding-bottom: 1rem;
+  display: block;
+}
+
+.section-title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 0.25rem;
+}
+
+.section-description {
+  line-height: 1.5;
+}
+
+.financial-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 2rem;
+}
+
+.grid-section {
+  padding: 1rem;
+  border-radius: 12px;
+  border: 1px solid rgba(0, 0, 0, 0.03);
+}
+
+.subsection-title {
+  color: var(--q-primary);
+  border-bottom: 2px solid var(--q-primary);
+  padding-bottom: 0.5rem;
+  margin-bottom: 1rem;
+}
+
+.input-row {
+  margin-bottom: 1rem;
+}
+
+.input-row:last-child {
+  margin-bottom: 0;
+}
+
+.form-input {
+  margin-bottom: 0;
+}
+
+/* Разделитель между секциями */
+.form-section + .form-section {
+  margin-top: 2rem;
+}
+
+/* Адаптивность */
+@media (max-width: 768px) {
+  .financial-grid {
+    grid-template-columns: 1fr;
+    gap: 1.5rem;
+  }
+
+  .form-section {
+    padding: 1.25rem;
+  }
+}
+
+@media (max-width: 480px) {
+  .form-section {
+    padding: 1rem;
+  }
+
+  .section-title {
+    flex-direction: column;
+    gap: 0.5rem;
+    text-align: center;
+  }
+
+  .section-header {
+    text-align: center;
+    display: block !important;
+  }
+
+  .section-description {
+    display: block !important;
+    width: 100% !important;
+  }
+
+  .financial-grid {
+    gap: 1rem;
+  }
+
+  .grid-section {
+    padding: 0.75rem;
+  }
+
+  .subsection-title {
+    font-size: 1rem;
+  }
+}
+</style>

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

@@ -1,5 +1,5 @@
 <template lang="pug">
-div.row.q-pa-md
+div.row
   div.col-md-12.col-xs-12
     // Лоадер пока идет загрузка данных
     WindowLoader(v-if="isLoading", text="Загрузка данных подключения...")
@@ -104,13 +104,13 @@ const init = async () => {
     isLoading.value = false;
     return;
   }
-
+  console.log('SYSTEM.info.is_unioned', system.info.is_unioned, connectionAgreement.isInitialized);
   // Инициализируем persistent store если он еще не инициализирован
   if (!connectionAgreement.isInitialized) {
     connectionAgreement.setInitialized(true);
 
     // Устанавливаем начальный шаг в зависимости от членства в союзе
-    if (!system.info.is_unioned) {
+    if (system.info.is_unioned) {
       // Если кооператив не является членом союза, начинаем с нулевого шага
       connectionAgreement.setCurrentStep(0);
     } else {

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, withDefaults } from 'vue'
+import { computed, ref, withDefaults } from 'vue'
 import type { IStepProps } from '../model/types'
 import { DocumentHtmlReader } from 'src/shared/ui/DocumentHtmlReader'
 import { Loader } from 'src/shared/ui/Loader'
@@ -15,8 +15,23 @@ const connectionAgreement = useConnectionAgreementStore()
 
 const isActive = computed(() => props.isActive)
 const isDone = computed(() => props.isDone)
+const isSigning = ref(false)
+
+// Проверяем, готов ли документ для подписания
+const isDocumentReady = computed(() => {
+  return connectionAgreement.document && connectionAgreement.document.sign
+})
 
 const handleSign = async () => {
+  if (isSigning.value) return // Предотвращаем повторные клики
+
+  // Дополнительная проверка готовности документа
+  if (!isDocumentReady.value) {
+    console.warn('⚠️ Документ еще не готов для подписания')
+    return
+  }
+
+  isSigning.value = true
   try {
     console.log('📝 AgreementStep: Подписываем документ')
     await connectionAgreement.signDocument()
@@ -67,14 +82,17 @@ const handleSign = async () => {
   } catch (error) {
     console.error('❌ Ошибка при подписании или отправке в блокчейн:', error)
     throw error
+  } finally {
+    isSigning.value = false
   }
 }
 
 const handleBack = () => {
-  // Специальная логика для возврата - очищаем подписанный документ
+  // Специальная логика для возврата - очищаем документы для показа Loader при повторном переходе
   console.log(`⬅️ AgreementStep: Возврат с шага ${connectionAgreement.currentStep}`)
 
-  // Очищаем подписанный документ без генерации нового
+  // Очищаем документы, чтобы при повторном переходе вперед показался Loader
+  connectionAgreement.setDocument(null)
   connectionAgreement.setSignedDocument(null)
 
   if (connectionAgreement.currentStep > 1) {
@@ -104,9 +122,12 @@ q-step(
       label="Назад"
       @click="handleBack"
     )
+
     q-btn(
       v-if="isActive"
       color="primary"
+      :loading="isSigning"
+      :disable="!isDocumentReady"
       label="Подписать"
       @click="handleSign"
     )

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

@@ -39,16 +39,51 @@ q-step(
   icon="settings"
   :done="isDone"
 )
-  .q-pa-md
+  .form-step-container.q-pa-md
+
+    //- Заголовок шага
+    .step-header.q-mb-xl
+      .text-h6.form-title Настройка параметров кооператива
+      .subtitle.text-body2.text-grey-7.q-mt-sm
+        | Заполните основные параметры для запуска вашего Цифрового Кооператива
+
+    //- Форма ввода данных
     CooperativeDataForm(
       @continue="handleContinue"
-    )
-
-  q-stepper-navigation.q-gutter-sm
-    q-btn(
-      color="grey-6"
-      flat
-      label="Назад"
-      @click="handleBack"
+      @back="handleBack"
     )
 </template>
+
+<style scoped>
+.form-step-container {
+  max-width: 900px;
+  margin: 0 auto;
+  position: relative;
+}
+
+.step-header {
+  text-align: center;
+  margin-bottom: 2rem;
+}
+
+.form-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);
+}
+
+/* Адаптивность */
+@media (max-width: 480px) {
+  .form-step-container {
+    padding: 1rem;
+  }
+
+  .step-header {
+    margin-bottom: 1.5rem;
+  }
+}
+</style>

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

@@ -3,12 +3,14 @@ import { computed, withDefaults } from 'vue'
 import type { IStepProps } from '../model/types'
 import { TariffSelector, type ITariff } from '../Tariffs'
 import { useConnectionAgreementStore } from 'src/entities/ConnectionAgreement'
+import { useSystemStore } from 'src/entities/System/model'
 
 const props = withDefaults(defineProps<IStepProps & {
   selectedTariff?: ITariff | null
 }>(), {})
 
 const connectionAgreement = useConnectionAgreementStore()
+const system = useSystemStore()
 
 const isActive = computed(() => props.isActive)
 const isDone = computed(() => props.isDone)
@@ -28,6 +30,12 @@ const handleTariffDeselected = () => {
   selectedTariff.value = null
 }
 
+const handleBack = () => {
+  if (system.info.is_unioned) {
+    connectionAgreement.setCurrentStep(0)
+  }
+}
+
 const handleContinue = () => {
   if (canContinue.value && connectionAgreement.currentStep < 5) {
     connectionAgreement.setCurrentStep(connectionAgreement.currentStep + 1)
@@ -52,6 +60,13 @@ q-step(
     )
 
   q-stepper-navigation.q-gutter-sm
+    q-btn(
+      v-if="isActive && system.info.is_unioned"
+      color="grey-6"
+      flat
+      label="Назад"
+      @click="handleBack"
+    )
     q-btn(
       v-if="isActive"
       color="primary"

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

@@ -35,25 +35,58 @@ q-step(
   icon="group"
   :done="isDone"
 )
-  .q-pa-md
-    .text-h6.q-mb-md Для подключения к Кооперативной Экономике кооператив должен быть членом союза
-
-    .q-mb-md
-      | Для вступления в союз перейдите по ссылке:
-      br
-      q-btn(
-        v-if="unionLink"
-        flat
-        color="primary"
-        :label="unionLink"
-        @click="openUnionLink"
-        no-caps
-        class="q-mt-sm"
-      )
-      span(v-else).text-grey-6 Ссылка недоступна
-
-    .q-mb-lg После вступления в союз, пожалуйста, продолжайте процесс подключения.
+  .union-membership-container.q-pa-md
 
+    //- Основная информационная карточка
+    .membership-info-card.q-mb-xl
+      .card-header
+        .text-h6.membership-title Членство в Союзе Потребительских Обществ Русь
+        .subtitle.text-body2.text-grey-7.q-mt-sm
+          | Необходимый шаг для полноценной работы на платформе Кооперативной Экономики
+
+      //- Что будет сделано
+      .membership-benefits.q-mb-lg
+        .benefit-section
+          .section-title
+            q-icon(name="check_circle" size="20px" color="positive").q-mr-sm
+            span.text-subtitle1.text-weight-medium Ваш кооператив будет подключен к платформе
+
+          .benefit-description.text-body2.text-grey-8.q-mt-sm.q-ml-lg
+            | Согласно выбранному тарифу членских взносов ваш Цифровой Кооператив получит доступ ко всем сервисам платформы Кооперативной Экономики
+
+        .benefit-section.q-mt-md
+          .section-title
+            q-icon(name="security" size="20px" color="primary").q-mr-sm
+            span.text-subtitle1.text-weight-medium Документооборот в порядке
+
+          .benefit-description.text-body2.text-grey-8.q-mt-sm.q-ml-lg
+            | Членство в союзе обеспечивает юридическую чистоту всех операций и соответствие требованиям кооперативного законодательства
+
+      //- Требование членства
+      .membership-requirement.q-mt-lg
+        .requirement-card
+          .requirement-header
+            q-icon(name="info" size="24px" color="warning").q-mr-sm
+            .text-subtitle1.text-weight-medium Необходимость вступления в союз
+
+          .requirement-description.text-body2.q-mt-sm
+            | Для работы на платформе и обеспечения базового документооборота ваш кооператив должен быть членом Союза Потребительских Обществ Русь. Это обязательное условие для всех участников Кооперативной Экономики.
+
+          .union-link-section.q-mt-md
+            .text-body2.q-mb-sm Для вступления в союз перейдите по официальной ссылке:
+            q-btn.union-link-btn(
+              v-if="unionLink"
+              flat
+              color="primary"
+              :label="unionLink"
+              @click="openUnionLink"
+              no-caps
+              class="q-mt-sm"
+            )
+              q-icon(name="open_in_new" size="16px").q-ml-xs
+            span(v-else).text-grey-6.q-mt-sm Ссылка временно недоступна
+
+  //- Навигация
   q-stepper-navigation.q-gutter-sm
     q-btn(
       v-if="isActive"
@@ -62,3 +95,215 @@ q-step(
       @click="handleContinue"
     )
 </template>
+
+<style scoped>
+.union-membership-container {
+  max-width: 900px;
+  margin: 0 auto;
+  position: relative;
+}
+
+/* Основная информационная карточка */
+.membership-info-card {
+  border-radius: 20px;
+  padding: 2.5rem;
+  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;
+  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.95) 100%);
+}
+
+.membership-info-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 cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
+}
+
+@keyframes shimmer {
+  0% { background-position: 100% 0; }
+  100% { background-position: -100% 0; }
+}
+
+.card-header {
+  text-align: center;
+  margin-bottom: 2rem;
+}
+
+.membership-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);
+}
+
+/* Секции преимуществ */
+.membership-benefits {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.benefit-section {
+  padding: 1.5rem;
+  border-radius: 16px;
+  background: rgba(25, 118, 210, 0.02);
+  border: 1px solid rgba(25, 118, 210, 0.1);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.benefit-section:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 8px 25px rgba(25, 118, 210, 0.1);
+  background: rgba(25, 118, 210, 0.05);
+}
+
+.section-title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 0.5rem;
+}
+
+.benefit-description {
+  line-height: 1.6;
+  padding-left: 24px;
+  position: relative;
+}
+
+.benefit-description::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 2px;
+  background: linear-gradient(180deg, var(--q-primary) 0%, rgba(25, 118, 210, 0.3) 100%);
+  border-radius: 1px;
+}
+
+/* Требование членства */
+.membership-requirement {
+  border-top: 1px solid rgba(0, 0, 0, 0.08);
+  padding-top: 2rem;
+}
+
+.requirement-card {
+  padding: 2rem;
+  border-radius: 16px;
+  background: linear-gradient(135deg, rgba(255, 152, 0, 0.02) 0%, rgba(255, 193, 7, 0.02) 100%);
+  border: 1px solid rgba(255, 152, 0, 0.1);
+  position: relative;
+}
+
+.requirement-card::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 3px;
+  background: linear-gradient(90deg, #FF9800 0%, #FFC107 50%, #FF9800 100%);
+  border-radius: 16px 16px 0 0;
+}
+
+.requirement-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 1rem;
+}
+
+.requirement-description {
+  line-height: 1.6;
+  color: #555;
+}
+
+/* Секция ссылки на союз */
+.union-link-section {
+  padding: 1rem;
+  border-radius: 12px;
+  background: rgba(255, 255, 255, 0.5);
+  border: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.union-link-btn {
+  width: 100%;
+  justify-content: center;
+  padding: 0.75rem 1rem;
+  border-radius: 12px;
+  font-weight: 500;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow: 0 2px 8px rgba(25, 118, 210, 0.1);
+}
+
+.union-link-btn:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 4px 16px rgba(25, 118, 210, 0.2);
+}
+
+/* Адаптивность */
+@media (max-width: 768px) {
+  .membership-info-card {
+    padding: 2rem;
+  }
+
+  .benefit-section {
+    padding: 1.25rem;
+  }
+
+  .requirement-card {
+    padding: 1.5rem;
+  }
+
+  .benefit-description {
+    padding-left: 20px;
+  }
+
+  .benefit-description::before {
+    width: 1.5px;
+  }
+}
+
+@media (max-width: 480px) {
+  .union-membership-container {
+    padding: 1rem;
+  }
+
+  .membership-info-card {
+    padding: 1.5rem;
+  }
+
+  .benefit-section {
+    padding: 1rem;
+  }
+
+  .requirement-card {
+    padding: 1.25rem;
+  }
+
+  .section-title {
+    flex-direction: column;
+    gap: 0.5rem;
+    text-align: center;
+  }
+
+  .benefit-description {
+    padding-left: 0;
+    text-align: center;
+  }
+
+  .benefit-description::before {
+    display: none;
+  }
+}
+</style>

package/src/widgets/ConnectionAgreementStepper/Tariffs/TariffCard.vue

@@ -97,7 +97,6 @@ div.tariff-card-container
   min-height: 360px; /* Уменьшенная минимальная высота */
   padding: 24px;
   border-radius: 16px;
-  background: white;
   border: 2px solid #f0f0f0;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   cursor: pointer;
@@ -220,7 +219,6 @@ div.tariff-card-container
   letter-spacing: -1px;
   background: linear-gradient(135deg, var(--q-accent) 0%, rgba(25, 118, 210, 0.8) 100%);
   -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
   background-clip: text;
   line-height: 1;
   text-shadow: 0 2px 4px rgba(25, 118, 210, 0.3);

package/src/widgets/Desktop/CmdkMenu/CmdkMenu.vue

@@ -29,7 +29,7 @@ q-dialog.cmdk-dialog(
 
     // Список результатов
     div.cmdk-content(ref="contentRef")
-      transition-group.cmdk-results(
+      transition-group(
         name="cmdk-fade",
         tag="div"
       )
@@ -177,10 +177,6 @@ onUnmounted(() => {
   }
 }
 
-.cmdk-results {
-  padding: 8px 0;
-}
-
 .cmdk-group {
   &:not(:last-child) {
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);

package/src-pwa/register-service-worker.ts

@@ -174,7 +174,7 @@ if (!shouldRegisterSW) {
       // Показываем уведомление пользователю о доступном обновлении
       if ('Notification' in window && Notification.permission === 'granted') {
         new Notification('Обновление доступно', {
-          body: 'Новая версия приложения готова к установке',
+          body: 'Выпущена новая версия приложения. Нажмите на уведомление, чтобы обновить приложение.',
           icon: '/icons/icon-192x192.png',
         });
       }
@@ -193,7 +193,7 @@ if (!shouldRegisterSW) {
       if ('Notification' in window) {
         if (Notification.permission === 'granted') {
           new Notification('Обновление доступно', {
-            body: 'Новая версия приложения готова. Нажмите для обновления.',
+            body: 'Выпущена новая версия приложения. Нажмите на уведомление, чтобы обновить приложение.',
             icon: '/icons/icon-192x192.png',
             requireInteraction: true,
           }).onclick = () => {
@@ -203,7 +203,7 @@ if (!shouldRegisterSW) {
           Notification.requestPermission().then((permission) => {
             if (permission === 'granted') {
               new Notification('Обновление доступно', {
-                body: 'Новая версия приложения готова. Нажмите для обновления.',
+                body: 'Выпущена новая версия приложения. Нажмите на уведомление, чтобы обновить приложение.',
                 icon: '/icons/icon-192x192.png',
                 requireInteraction: true,
               }).onclick = () => {