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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coopenomics/desktop",
-  "version": "2025.11.15-alpha-1",
+  "version": "2025.11.17-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.17-alpha-1",
+    "@coopenomics/notifications": "2025.11.17-alpha-1",
+    "@coopenomics/sdk": "2025.11.17-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.17-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": "2faadae4cfd733890469c17e38e296d3e4cce29c"
 }

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/CmdkMenu/model/store.ts

@@ -69,18 +69,18 @@ export const useCmdkMenuStore = defineStore(namespace, () => {
     return shortcuts[pageName];
   };
 
+// Вычисляем роль пользователя
+const userRole = computed(() =>
+  user.isChairman ? 'chairman' : user.isMember ? 'member' : 'user'
+);
+
 // Группировка воркспейсов с их страницами
 const groupedItems = computed<GroupedItem[]>(() => {
-  const userRole = user.isChairman
-    ? 'chairman'
-    : user.isMember
-      ? 'member'
-      : 'user';
 
   return desktop.workspaceMenus
     .filter(
       (item) =>
-        item.meta?.roles?.includes(userRole) ||
+        item.meta?.roles?.includes(userRole.value) ||
         item.meta?.roles === undefined ||
         item.meta?.roles.length === 0
     )
@@ -93,14 +93,14 @@ const groupedItems = computed<GroupedItem[]>(() => {
         .filter((page: any) => {
           // Фильтрация по ролям, условиям и скрытым страницам
           const rolesMatch =
-            page.meta?.roles?.includes(user.isChairman ? 'chairman' : user.isMember ? 'member' : 'user') ||
+            page.meta?.roles?.includes(userRole.value) ||
             !page.meta?.roles ||
             page.meta.roles.length === 0;
           const conditionMatch = page.meta?.conditions
-            ? evaluateCondition(page.meta.conditions, {
+              ? evaluateCondition(page.meta.conditions, {
                 isCoop: user.privateAccount.value?.type === 'organization' &&
                        user.privateAccount.value?.organization_data?.type?.toUpperCase() === 'COOP',
-                userRole: user.isChairman ? 'chairman' : user.isMember ? 'member' : 'user',
+                userRole: userRole.value,
                 userAccount: user.privateAccount.value,
                 coopname: info.coopname,
               })

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/Agreementer/SignAgreementDialog/ui/SignAgreementDialog.vue

@@ -4,7 +4,7 @@ q-dialog(v-model="show" persistent :maximized="true" )
     div(style="padding-bottom: 50px; padding-top: 50px;").row.justify-center
       q-card(flat).col-md-8.col-col-xs-12
         Loader(v-if="isLoading" :text='`Формируем документ...`')
-        Form(:handler-submit="sign" :is-submitting="isSubmitting" :showSubmit="!isLoading" :showCancel="false" :button-submit-txt="'Подписать и отправить'" @cancel="clear").q-pa-lg
+        Form(:handler-submit="sign" :is-submitting="isSubmitting" :showSubmit="!isLoading" :showCancel="false" :button-submit-txt="'Подписать'" @cancel="clear").q-pa-lg
           slot
 </template>
 

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"
+          hint="Название без кавычек, которое будет добавляться к основе"
+          :rules="[val => notEmpty(val)]"
         )
 
         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="Краткая аббривиатура ОПФ"
-          placeholder="ПК"
+          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/Cooperative/ListOfMeets/ui/ListOfMeetsPage.vue

@@ -22,7 +22,7 @@ const route = useRoute();
 const coopname = computed(() => route.params.coopname as string);
 const meetStore = useMeetStore();
 
-const { isChairman, isMember } = useCurrentUser();
+const currentUser = useCurrentUser();
 
 // Данные напрямую из стора
 const meets = computed(() => meetStore.meets);
@@ -45,7 +45,7 @@ const loadMeets = async () => {
 
 // Проверка разрешений
 const canCreateMeet = computed(() => {
-  return isMember || isChairman;
+  return currentUser.isMember || currentUser.isChairman;
 });
 
 // Функция для регистрации кнопки
@@ -55,7 +55,7 @@ const registerCreateMeetButton = () => {
       id: CREATE_MEET_BUTTON_ID,
       component: CreateMeetButton,
       props: {
-        isChairman: isChairman,
+        isChairman: currentUser.isChairman,
       },
       order: 1,
     });

package/src/pages/Registrator/SignUp/PayInitial.vue

@@ -4,7 +4,7 @@ q-step(
   title='Оплатите вступительный взнос',
   :done='store.isStepDone("PayInitial")'
 )
-  div(v-if='payment?.payment_details?.amount_without_fee')
+  div(v-if='payment?.payment_details?.amount_without_fee').q-pa-sm
     p Пожалуйста, совершите оплату регистрационного взноса {{ payment.payment_details.amount_without_fee }}. Комиссия провайдера {{ payment.payment_details.fact_fee_percent }}%, всего к оплате: {{ payment.payment_details.amount_plus_fee }}.
     .q-mt-md
       span.text-bold Внимание!

package/src/pages/Registrator/SignUp/ReadStatement.vue

@@ -13,26 +13,26 @@ div
     div(ref='statementDiv' v-if='!isLoading' v-html='html').store.statement
 
     div(v-if='!isLoading').q-gutter-sm
-      q-checkbox(v-model='store.state.agreements.digital_signature' full-width)
+      q-checkbox(v-model='store.state.agreements.digital_signature').full-width
         | Я прочитал и принимаю
         ReadAgreementDialog(v-if="signatureAgreement" :agreement="signatureAgreement" v-model:agree="store.state.agreements.digital_signature" text="положение о порядке и правилах использования простой электронной подписи")
           AgreementReader(:agreement="signatureAgreement").q-mb-lg
 
-      q-checkbox(v-model='store.state.agreements.wallet' full-width)
+      q-checkbox(v-model='store.state.agreements.wallet').full-width
         | Я прочитал и принимаю
         ReadAgreementDialog(v-if="walletAgreement" :agreement="walletAgreement" v-model:agree="store.state.agreements.wallet" text="положение о целевой потребительской программе 'Цифровой Кошелёк'")
           AgreementReader(:agreement="walletAgreement").q-mb-lg
 
-      q-checkbox(v-model='store.state.agreements.user' full-width)
+      q-checkbox(v-model='store.state.agreements.user').full-width
         | Я прочитал и принимаю
         ReadAgreementDialog(v-if="userAgreement" :agreement="userAgreement" v-model:agree="store.state.agreements.user" text="пользовательское соглашение")
           AgreementReader(:agreement="userAgreement").q-mb-lg
 
-      q-checkbox(v-model='store.state.agreements.ustav' full-width)
+      q-checkbox(v-model='store.state.agreements.ustav').full-width
         | Я прочитал и принимаю
 
         a(v-if='hasStatuteLink' @click.stop='(event) => event.stopPropagation()' :href='statuteLink' target='_blank').q-ml-xs Устав кооператива
-        p(v-else).q-ml-xs Устав кооператива
+        span(v-else).q-ml-xs Устав кооператива
 
     div(v-if="!isLoading").q-mt-lg
       q-btn.col-md-6.col-xs-12(flat @click='back')

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,24 +104,55 @@ const init = async () => {
     isLoading.value = false;
     return;
   }
+  console.log('SYSTEM.info.is_unioned', system.info.is_unioned, connectionAgreement.isInitialized);
+
+  // Запускаем автообновление инстанса каждые 30 секунд (включает начальную загрузку)
+  stopInstanceRefresh = await connectionAgreement.startInstanceAutoRefresh(30000);
+
+  // Ждем загрузки данных инстанса перед определением шага
+  if (connectionAgreement.currentInstance === null) {
+    await new Promise<void>((resolve) => {
+      const unwatch = watch(
+        () => connectionAgreement.currentInstance,
+        (instance) => {
+          if (instance !== null) {
+            unwatch();
+            resolve();
+          }
+        }
+      );
+    });
+  }
 
   // Инициализируем persistent store если он еще не инициализирован
   if (!connectionAgreement.isInitialized) {
     connectionAgreement.setInitialized(true);
+  }
 
-    // Устанавливаем начальный шаг в зависимости от членства в союзе
-    if (!system.info.is_unioned) {
-      // Если кооператив не является членом союза, начинаем с нулевого шага
-      connectionAgreement.setCurrentStep(0);
-    } else {
-      // Если кооператив уже член союза, начинаем с первого шага
-      connectionAgreement.setCurrentStep(1);
+  const instance = connectionAgreement.currentInstance;
+
+  // Определяем шаг на основе текущего прогресса установки (при каждом заходе)
+  if (instance && typeof instance.progress === 'number') {
+    if (instance.progress > 0) {
+      // Если установка уже идет (прогресс > 0), переходим к шагу установки
+      console.log('🔄 Установка уже идет, прогресс:', instance.progress, '→ шаг 6');
+      connectionAgreement.setCurrentStep(6);
+    } else if (instance.progress === 0) {
+      // Если установки еще нет, начинаем с начала
+      if (system.info.is_unioned) {
+        // Если кооператив не является членом союза, начинаем с нулевого шага
+        connectionAgreement.setCurrentStep(0);
+      } else {
+        // Если кооператив уже член союза, начинаем с первого шага
+        connectionAgreement.setCurrentStep(1);
+      }
     }
+  } else {
+    // Если данные еще не загружены, начинаем с шага 1 по умолчанию
+    console.log('⏳ Данные инстанса еще не загружены, устанавливаем шаг 1 по умолчанию');
+    connectionAgreement.setCurrentStep(1);
   }
 
-  // Запускаем автообновление инстанса каждые 30 секунд (включает начальную загрузку)
-  stopInstanceRefresh = await connectionAgreement.startInstanceAutoRefresh(30000);
-
   // Скрываем лоадер после загрузки данных
   isLoading.value = false;
 };

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/DomainValidationStep.vue

@@ -55,7 +55,7 @@
               span.q-ml-xs {{ instance?.is_delegated ? 'Делегирован' : 'Ожидаем делегирования' }}
 
         .instruction-footer
-          | Платформа Кооперативной Экономики автоматически проверит домен и активирует подключение вашего Цифрового Кооператива
+          | Мы автоматически проверим домен и активируем установку вашего Цифрового Кооператива
 
     //- Навигация
     q-stepper-navigation.q-gutter-sm

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

@@ -39,16 +39,46 @@ 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;
+}
+
+/* Адаптивность */
+@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,26 +35,61 @@ 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 После вступления в союз, пожалуйста, продолжайте процесс подключения.
-
-  q-stepper-navigation.q-gutter-sm
+  .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-pa-md
     q-btn(
       v-if="isActive"
       color="primary"
@@ -62,3 +97,205 @@ 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;
+}
+
+.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;
+}
+
+/* Секции преимуществ */
+.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;
+}
+
+/* Секция ссылки на союз */
+.union-link-section {
+  padding: 1rem;
+  border-radius: 12px;
+  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);
+}
+
+.union-link-btn:hover {
+  transform: translateY(-1px);
+}
+
+/* Адаптивность */
+@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/widgets/Desktop/SecondLevelMenuList/SecondLevelMenuList.vue

@@ -49,6 +49,11 @@ const evaluateCondition = (
   }
 };
 
+// Вычисляем роль пользователя
+const userRole = computed(() =>
+  user.isChairman ? 'chairman' : user.isMember ? 'member' : 'user'
+);
+
 // Контекст для evaluateCondition и проверки ролей
 const context = computed(() => {
   const isCoop =
@@ -58,15 +63,9 @@ const context = computed(() => {
     user.privateAccount.value.organization_data.type.toUpperCase() ===
       Zeus.OrganizationType.COOP;
 
-  // Роль берем из computed свойств session
-  const userRole = user.isChairman
-    ? 'chairman'
-    : user.isMember
-      ? 'member'
-      : 'user';
   return {
     isCoop,
-    userRole,
+    userRole: userRole.value,
     userAccount: user.privateAccount.value,
     coopname: info.coopname,
   };

package/src/widgets/Desktop/WorkspaceMenu/WorkspaceMenu.vue

@@ -148,17 +148,17 @@ const isActive = (workspaceName: string): boolean => {
 // workspaceMenus – список рабочих столов из store
 const workspaceMenus = computed(() => desktop.workspaceMenus);
 
+// Вычисляем роль пользователя
+const userRole = computed(() =>
+  user.isChairman ? 'chairman' : user.isMember ? 'member' : 'user'
+);
+
 // Фильтрация по ролям
 const menuWorkspaces = computed(() => {
-  const userRole = user.isChairman
-    ? 'chairman'
-    : user.isMember
-      ? 'member'
-      : 'user';
   return workspaceMenus.value
     .filter(
       (item) =>
-        item.meta.roles?.includes(userRole) ||
+        item.meta.roles?.includes(userRole.value) ||
         item.meta.roles === undefined ||
         item.meta.roles.length === 0
     )

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 = () => {