@coopenomics/desktop 2025.11.18-alpha-1 → 2025.11.19-alpha-2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coopenomics/desktop",
-  "version": "2025.11.18-alpha-1",
+  "version": "2025.11.19-alpha-2",
   "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.18-alpha-1",
-    "@coopenomics/notifications": "2025.11.18-alpha-1",
-    "@coopenomics/sdk": "2025.11.18-alpha-1",
+    "@coopenomics/controller": "2025.11.19-alpha-2",
+    "@coopenomics/notifications": "2025.11.19-alpha-2",
+    "@coopenomics/sdk": "2025.11.19-alpha-2",
     "@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.18-alpha-1",
+    "cooptypes": "2025.11.19-alpha-2",
     "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": "86172790d1a19def4062384a0aa1f67f40ca51cf"
+  "gitHead": "7a75365d2f7de18945779d16ceeecfe5a9aa6c8c"
 }

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

@@ -135,12 +135,19 @@ export const useConnectionAgreementStore = defineStore(namespace, () => {
     try {
       currentInstanceLoading.value = true
       currentInstanceError.value = null
-      currentInstance.value = await getCurrentInstance()
+      const freshInstance = await getCurrentInstance()
+
+      // Обновляем данные только если получили свежие данные
+      // При ошибке оставляем старые данные в currentInstance (они могут быть из localStorage)
+      if (freshInstance !== null) {
+        currentInstance.value = freshInstance
+      }
+
       console.log('Текущий инстанс загружен:', currentInstance.value)
     } catch (error: any) {
       currentInstanceError.value = error.message || 'Ошибка загрузки инстанса'
-      // Очищаем старые данные при ошибке - они больше не актуальны
-      currentInstance.value = null
+      // НЕ очищаем старые данные при ошибке - они остаются актуальными из localStorage
+      // currentInstance.value остается как есть
       console.error('Ошибка при загрузке текущего инстанса:', error)
     } finally {
       currentInstanceLoading.value = false

package/src/features/Provider/api/index.ts

@@ -1,5 +1,5 @@
 import { client } from 'src/shared/api/client';
-import { Queries } from '@coopenomics/sdk';
+import { Queries, Mutations } from '@coopenomics/sdk';
 
 /**
  * Получить подписки пользователя у провайдера
@@ -10,3 +10,37 @@ export async function loadProviderSubscriptions() {
 
   return subscriptions;
 }
+
+/**
+ * Генерирует документ для конвертации в AXON
+ */
+export async function generateConvertToAxonStatement(data: Mutations.Provider.GenerateConvertToAxonStatement.IInput['data'], options?: Mutations.Provider.GenerateConvertToAxonStatement.IInput['options']) {
+  const { [Mutations.Provider.GenerateConvertToAxonStatement.name]: generatedDocument } = await client.Mutation(
+    Mutations.Provider.GenerateConvertToAxonStatement.mutation,
+    {
+      variables: {
+        data,
+        options
+      }
+    }
+  );
+
+  return generatedDocument;
+}
+
+/**
+ * Обрабатывает подписанный документ конвертации в AXON
+ */
+export async function processConvertToAxonStatement(signedDocument: Mutations.Provider.ProcessConvertToAxonStatement.IInput['signedDocument'], convertAmount: string) {
+  const { [Mutations.Provider.ProcessConvertToAxonStatement.name]: result } = await client.Mutation(
+    Mutations.Provider.ProcessConvertToAxonStatement.mutation,
+    {
+      variables: {
+        signedDocument,
+        convertAmount
+      }
+    }
+  );
+
+  return result;
+}

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

@@ -1,7 +1,9 @@
 import { ref, computed } from 'vue';
-import { loadProviderSubscriptions } from '../api';
+import { loadProviderSubscriptions, generateConvertToAxonStatement, processConvertToAxonStatement } from '../api';
 import { useSystemStore } from 'src/entities/System/model';
-import { Queries } from '@coopenomics/sdk';
+import { Queries, Mutations } from '@coopenomics/sdk';
+import { useSignDocument } from 'src/shared/lib/document/model/entity';
+import { SuccessAlert, FailAlert } from 'src/shared/api';
 
 /**
  * Специфичные данные для подписки на хостинг
@@ -23,6 +25,9 @@ export type SubscriptionSpecificData = HostingSubscriptionData | null;
  */
 export type ProviderSubscription = Queries.System.GetProviderSubscriptions.IOutput[typeof Queries.System.GetProviderSubscriptions.name][number];
 
+// Курс конвертации AXON в валюту системы (RUB)
+export const AXON_GOVERN_RATE = 10; // 1 AXON = 10 RUB
+
 /**
  * Composable для работы с подписками провайдера
  */
@@ -32,6 +37,9 @@ export function useProviderSubscriptions() {
   const isLoading = ref(false);
   const error = ref<string | null>(null);
 
+  // IP адрес сервера для делегирования домена
+  const SERVER_IP = '51.250.114.13';
+
   // Получить подписку на хостинг (id=1)
   const hostingSubscription = computed(() =>
     subscriptions.value.find(sub => sub.subscription_type_id === 1)
@@ -104,5 +112,60 @@ export function useProviderSubscriptions() {
     instanceStatus,
     loadSubscriptions,
     startAutoRefresh,
+    SERVER_IP,
+  };
+}
+
+export type IGenerateConvertToAxonStatementInput = Mutations.Provider.GenerateConvertToAxonStatement.IInput['data'];
+export type IGenerateConvertToAxonStatementResult = Mutations.Provider.GenerateConvertToAxonStatement.IOutput[typeof Mutations.Provider.GenerateConvertToAxonStatement.name];
+
+export type IProcessConvertToAxonStatementInput = Mutations.Provider.ProcessConvertToAxonStatement.IInput;
+export type IProcessConvertToAxonStatementResult = Mutations.Provider.ProcessConvertToAxonStatement.IOutput[typeof Mutations.Provider.ProcessConvertToAxonStatement.name];
+
+/**
+ * Composable для конвертации валюты в AXON
+ */
+export function useProviderAxonConvert() {
+  const loading = ref(false);
+
+  /**
+   * Конвертирует указанную сумму в AXON
+   */
+  const convertToAxon = async (params: {
+    convertAmount: string;
+    username: string;
+    coopname: string;
+  }) => {
+    try {
+      loading.value = true;
+
+      // Генерируем документ конвертации
+      const generatedDocument = await generateConvertToAxonStatement({
+        convert_amount: params.convertAmount,
+        username: params.username,
+        coopname: params.coopname
+      });
+
+      // Подписываем документ
+      const { signDocument } = useSignDocument();
+      const signedDocument = await signDocument(generatedDocument, params.username);
+
+
+      // Обрабатываем подписанный документ
+      await processConvertToAxonStatement(signedDocument, params.convertAmount);
+
+      SuccessAlert('Конвертация успешно выполнена');
+      return true;
+    } catch (error: any) {
+      FailAlert(error || 'Не удалось выполнить конвертацию');
+      return false;
+    } finally {
+      loading.value = false;
+    }
+  };
+
+  return {
+    loading,
+    convertToAxon
   };
 }

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

@@ -1,5 +1,5 @@
 <template lang="pug">
-div.row
+div.row.q-pa-md
   div.col-md-12.col-xs-12
     // Лоадер пока идет загрузка данных
     WindowLoader(v-if="isLoading", text="Загрузка данных подключения...")
@@ -8,7 +8,8 @@ div.row
     div(v-else)
       div(v-if="system.info.is_providered")
         //- Показываем дашборд если установка завершена и мы на основной странице
-        ConnectionDashboard(v-if="isInstallationCompleted && !isOnCompletionRoute")
+        div(v-if="isInstallationCompleted && !isOnCompletionRoute").relative
+          ConnectionDashboard
 
         //- Показываем степпер если идет процесс подключения
         ConnectionAgreementStepper(v-else-if="!isOnCompletionRoute")
@@ -107,22 +108,14 @@ const init = async () => {
   console.log('SYSTEM.info.is_unioned', system.info.is_unioned, connectionAgreement.isInitialized);
 
   // Запускаем автообновление инстанса каждые 30 секунд (включает начальную загрузку)
-  stopInstanceRefresh = await connectionAgreement.startInstanceAutoRefresh(30000);
-
-  // Ждем завершения загрузки данных инстанса (независимо от того, есть инстанс или нет)
-  if (connectionAgreement.currentInstanceLoading) {
-    await new Promise<void>((resolve) => {
-      const unwatch = watch(
-        () => connectionAgreement.currentInstanceLoading,
-        (isLoading) => {
-          if (!isLoading) {
-            unwatch();
-            resolve();
-          }
-        }
-      );
-    });
-  }
+  // Не ждем завершения первой загрузки, чтобы избежать зависания при недоступности бэкенда
+  connectionAgreement.startInstanceAutoRefresh(30000).then((stop) => {
+    stopInstanceRefresh = stop;
+  });
+
+  // Даем небольшую паузу для того, чтобы данные могли загрузиться из кэша или быстро
+  // Но не ждем обязательно завершения
+  await new Promise(resolve => setTimeout(resolve, 100));
 
   // Инициализируем persistent store если он еще не инициализирован
   if (!connectionAgreement.isInitialized) {
@@ -133,8 +126,19 @@ const init = async () => {
   const hasInstanceError = connectionAgreement.currentInstanceError;
 
   // Определяем шаг на основе текущего прогресса установки (при каждом заходе)
+
+  // Сначала проверяем, была ли установка уже завершена (даже при ошибке загрузки)
+  const isAlreadyCompleted = instance?.progress === 100 && instance?.status === Zeus.InstanceStatus.ACTIVE;
+  if (isAlreadyCompleted) {
+    console.log('✅ Установка уже завершена ранее, показываем дашборд');
+    // Не меняем шаг, оставляем текущий (или устанавливаем специальный шаг для завершенной установки)
+    isLoading.value = false;
+    return;
+  }
+
   if (hasInstanceError) {
-    // Если есть ошибка загрузки инстанса, начинаем с шага 1 по умолчанию
+    // Если есть ошибка загрузки инстанса, но установки не было завершено ранее,
+    // начинаем с шага 1 по умолчанию
     console.log('❌ Ошибка загрузки инстанса, устанавливаем шаг 1 по умолчанию');
     connectionAgreement.setCurrentStep(1);
   } else if (instance && typeof instance.progress === 'number' && instance.progress > 0) {

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

@@ -68,16 +68,18 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, withDefaults, onMounted } from 'vue'
+import { computed, withDefaults, onMounted } from 'vue'
 import { copyToClipboard } from 'quasar'
 import { FailAlert, SuccessAlert } from 'src/shared/api'
 import type { IStepProps } from '../model/types'
 import { useConnectionAgreementStore } from 'src/entities/ConnectionAgreement'
+import { useProviderSubscriptions } from 'src/features/Provider/model'
 
 const props = withDefaults(defineProps<IStepProps>(), {})
 
 const connectionAgreement = useConnectionAgreementStore()
 const { loadCurrentInstance } = connectionAgreement
+const { SERVER_IP } = useProviderSubscriptions()
 
 // Получаем данные напрямую из store
 const coop = computed(() => connectionAgreement.coop)
@@ -98,9 +100,6 @@ onMounted(async () => {
   await loadCoopIfNeeded()
 })
 
-// IP адрес сервера
-const SERVER_IP = ref('51.250.114.13')
-
 const isDone = computed(() => props.isDone)
 
 
@@ -118,7 +117,7 @@ const handleReload = async () => {
 
 const copyIpAddress = async () => {
   try {
-    await copyToClipboard(SERVER_IP.value)
+    await copyToClipboard(SERVER_IP)
     SuccessAlert('IP адрес скопирован в буфер обмена')
   } catch (error) {
     console.error('Ошибка копирования:', error)

package/src/widgets/ConnectionDashboard/ui/AxonWallet.vue

@@ -0,0 +1,184 @@
+<template lang="pug">
+.axon-wallet
+  ColorCard(color='purple', @click.stop)
+    // Заголовок
+    .wallet-header
+      .wallet-title
+        q-icon(name="account_balance_wallet" size="20px").q-mr-sm
+        | Кошелек AXON
+
+    // Описание
+    .wallet-description
+      .text-body2.text-grey-7
+        | AXON используется для оплаты пакетов документов. Минимально 5 AXON в день, по факту - от использования.
+
+    // Баланс
+    .balance-section
+      .balance-value {{ formattedBalance }}
+      .balance-label Доступно
+
+    // Действия
+    .actions-section
+      .action-buttons.q-pa-sm
+        q-btn(
+          color="primary"
+          icon="add"
+          label="Пополнить"
+          @click.stop="showDepositDialog = true"
+        )
+
+  // Диалог пополнения
+  q-dialog(v-model="showDepositDialog", @hide="clear")
+    ModalBase(title="Пополнение кошелька AXON")
+      Form.q-pa-sm(
+        :handler-submit="handlerSubmit",
+        :is-submitting="isSubmitting",
+        button-cancel-txt="Отменить",
+        button-submit-txt="Пополнить",
+        @cancel="clear"
+      )
+        q-input(
+          v-model="depositAmount",
+          standout="bg-teal text-white",
+          placeholder="Введите сумму в RUB",
+          type="number",
+          :min="0",
+          :step="10",
+          :hint="depositHint",
+          :rules="[(val) => val > 0 || 'Сумма должна быть положительной']"
+        )
+          template(#append)
+            span.text-overline RUB
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from 'vue';
+import { useSessionStore } from 'src/entities/Session';
+import { ColorCard } from 'src/shared/ui';
+import { Form } from 'src/shared/ui/Form';
+import { ModalBase } from 'src/shared/ui/ModalBase';
+import { formatAsset2Digits } from 'src/shared/lib/utils/formatAsset2Digits';
+import { useProviderAxonConvert, AXON_GOVERN_RATE } from 'src/features/Provider/model';
+import { useSystemStore } from 'src/entities/System/model';
+
+const session = useSessionStore();
+const system = useSystemStore();
+const { convertToAxon } = useProviderAxonConvert();
+
+  // Диалог пополнения
+const showDepositDialog = ref(false);
+const depositAmount = ref('');
+const isSubmitting = ref(false);
+
+// Форматированный баланс AXON
+const formattedBalance = computed(() => {
+  const balance = session.blockchainAccount?.core_liquid_balance || '0';
+  return formatAsset2Digits(`${balance} AXON`);
+});
+
+// Подсказка с расчетом AXON
+const depositHint = computed(() => {
+  if (!depositAmount.value || parseFloat(depositAmount.value) <= 0) {
+    return '';
+  }
+
+  const rubAmount = parseFloat(depositAmount.value);
+  const axonAmount = rubAmount / AXON_GOVERN_RATE;
+  return `Будет зачислено: ${formatAsset2Digits(`${axonAmount} AXON`)} (курс: 1 AXON = ${AXON_GOVERN_RATE} RUB)`;
+});
+
+// Закрыть диалог
+const clear = () => {
+  showDepositDialog.value = false;
+  depositAmount.value = '';
+  isSubmitting.value = false;
+};
+
+// Обработчик пополнения (конвертация RUB в AXON)
+const handlerSubmit = async () => {
+  isSubmitting.value = true;
+  try {
+    // Выполняем конвертацию RUB в AXON
+    const success = await convertToAxon({
+      convertAmount: depositAmount.value,
+      username: session.username || '',
+      coopname: system.info.coopname || ''
+    });
+
+    if (success) {
+      clear();
+    } else {
+      isSubmitting.value = false;
+    }
+  } catch (error) {
+    console.error(error);
+    isSubmitting.value = false;
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.axon-wallet {
+  padding: 8px;
+
+  // Переопределяем отступ ColorCard только для этого виджета
+  :deep(.color-card) {
+    margin-bottom: 0 !important;
+  }
+
+  .wallet-header {
+    margin-bottom: 8px;
+
+    .wallet-title {
+      display: flex;
+      align-items: center;
+      font-size: 14px;
+      font-weight: 600;
+    }
+  }
+
+  .wallet-description {
+    margin-bottom: 12px;
+
+    .text-body2 {
+      font-size: 12px;
+      line-height: 1.4;
+    }
+  }
+
+  .balance-section {
+    padding: 12px;
+    background: rgba(255, 255, 255, 0.15);
+    border-radius: 8px;
+    margin-bottom: 12px;
+
+    .balance-label {
+      font-size: 11px;
+      opacity: 0.8;
+      margin-bottom: 4px;
+    }
+
+    .balance-value {
+      font-size: 18px;
+      font-weight: 700;
+    }
+  }
+
+  .actions-section {
+    .action-buttons {
+      display: flex;
+      justify-content: center;
+
+      .action-btn {
+        min-width: 120px;
+        height: 36px;
+        border-radius: 8px;
+
+        &:hover {
+          background: rgba(255, 255, 255, 0.1);
+        }
+      }
+    }
+  }
+}
+</style>

package/src/widgets/ConnectionDashboard/ui/ConnectionDashboard.vue

@@ -1,154 +1,26 @@
 <template lang="pug">
 div.connection-dashboard
-  //- Заголовок с поздравлением
-  .text-center.q-pa-lg.q-mb-lg
-    q-icon(name="celebration" color="positive" size="64px").q-mb-md
-    .text-h5.q-mb-sm Подключение активно
-    .text-body1.text-grey-7 Ваш кооператив успешно развернут на платформе
-
   //- Основная информация
-  .row.q-col-gutter-lg.q-mb-lg
+  .row.q-mb-lg.justify-center
+    //- Карточка баланса AXON
+    .col-12.col-md-4
+      AxonWallet
+
     //- Карточка домена
     .col-12.col-md-6
-      q-card(flat).full-height.bg-grey-1
-        q-card-section.q-pa-lg
-          .flex.items-center.q-mb-md
-            q-icon(name="domain" color="primary" size="32px").q-mr-md
-            .text-subtitle1.text-weight-medium Домен
+      DomainCard
 
-          .text-h6.text-primary.q-mb-sm {{ instance?.domain || '—' }}
-
-          .row.q-mt-md
-            .col-6
-              .text-caption.text-grey-7 Статус
-              .text-body2.text-weight-medium
-                q-chip(color="positive" text-color="white" size="sm") Активен
-            .col-6
-              .text-caption.text-grey-7 Делегирование
-              .text-body2.text-weight-medium
-                q-chip(
-                  :color="instance?.is_delegated ? 'positive' : 'grey'"
-                  text-color="white"
-                  size="sm"
-                ) {{ instance?.is_delegated ? 'Настроено' : 'Не настроено' }}
-
-    //- Карточка блокчейн-статуса
+    //- Карточка подписок
+  .row.justify-center
     .col-12.col-md-6
-      q-card(flat).full-height.bg-grey-1
-        q-card-section.q-pa-lg
-          .flex.items-center.q-mb-md
-            q-icon(name="link" color="primary" size="32px").q-mr-md
-            .text-subtitle1.text-weight-medium Блокчейн
-
-          .text-h6.q-mb-sm {{ getBlockchainStatusLabel }}
+      SubscriptionsCard
 
-          .row.q-mt-md
-            .col-6
-              .text-caption.text-grey-7 Статус членства
-              .text-body2.text-weight-medium
-                q-chip(
-                  :color="getBlockchainStatusColor"
-                  text-color="white"
-                  size="sm"
-                ) {{ instance?.blockchain_status || '—' }}
-            .col-6
-              .text-caption.text-grey-7 Установка
-              .text-body2.text-weight-medium {{ instance?.progress || 0 }}%
 
-  //- Дополнительные карточки (заглушки)
-  .row.q-col-gutter-lg
-    //- Карточка подписок (заглушка)
-    .col-12.col-md-4
-      q-card(flat).full-height.bg-grey-1
-        q-card-section.q-pa-lg
-          .flex.items-center.q-mb-md
-            q-icon(name="subscriptions" color="primary" size="28px").q-mr-sm
-            .text-subtitle2.text-weight-medium Подписки
-
-          .text-body2.text-grey-7.q-mb-md
-            | Управление активными подписками на услуги платформы
-
-          q-btn(
-            flat
-            color="primary"
-            label="Скоро"
-            disable
-            size="sm"
-          )
-
-    //- Карточка баланса AXON (заглушка)
-    .col-12.col-md-4
-      q-card(flat).full-height.bg-grey-1
-        q-card-section.q-pa-lg
-          .flex.items-center.q-mb-md
-            q-icon(name="account_balance_wallet" color="primary" size="28px").q-mr-sm
-            .text-subtitle2.text-weight-medium Кошелек AXON
-
-          .text-body2.text-grey-7.q-mb-md
-            | Баланс токенов для оплаты услуг платформы
-
-          q-btn(
-            flat
-            color="primary"
-            label="Скоро"
-            disable
-            size="sm"
-          )
-
-    //- Карточка настроек (заглушка)
-    .col-12.col-md-4
-      q-card(flat).full-height.bg-grey-1
-        q-card-section.q-pa-lg
-          .flex.items-center.q-mb-md
-            q-icon(name="settings" color="primary" size="28px").q-mr-sm
-            .text-subtitle2.text-weight-medium Настройки
-
-          .text-body2.text-grey-7.q-mb-md
-            | Параметры подключения и конфигурация платформы
-
-          q-btn(
-            flat
-            color="primary"
-            label="Скоро"
-            disable
-            size="sm"
-          )
-
-  //- Информация о платформе
-  .q-mt-xl
-    q-card(flat).bg-grey-1
-      q-card-section.q-pa-lg
-        .text-subtitle2.q-mb-md.text-weight-medium О платформе
-        .text-body2.text-grey-8
-          | Платформа кооперативной экономики предоставляет цифровые инструменты для управления кооперативом,
-          | учета деятельности членов, проведения собраний, голосований и других операций в соответствии
-          | с законодательством о кооперации.
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
-import { useConnectionAgreementStore } from 'src/entities/ConnectionAgreement'
-
-const connectionAgreement = useConnectionAgreementStore()
-
-// Получаем instance напрямую из store
-const instance = computed(() => connectionAgreement.currentInstance)
-
-// Цвет статуса блокчейна
-const getBlockchainStatusColor = computed(() => {
-  if (instance.value?.blockchain_status === 'active') return 'positive'
-  if (instance.value?.blockchain_status === 'pending') return 'warning'
-  if (instance.value?.blockchain_status === 'blocked') return 'negative'
-  return 'grey'
-})
+import { AxonWallet, DomainCard, SubscriptionsCard } from './index'
 
-// Метка статуса блокчейна
-const getBlockchainStatusLabel = computed(() => {
-  if (instance.value?.blockchain_status === 'active') return 'Подключен к блокчейну'
-  if (instance.value?.blockchain_status === 'pending') return 'Ожидание подключения'
-  if (instance.value?.blockchain_status === 'blocked') return 'Заблокирован'
-  return 'Неизвестно'
-})
 </script>
 
 <style lang="scss" scoped>

package/src/widgets/ConnectionDashboard/ui/DomainCard.vue

@@ -0,0 +1,242 @@
+<template lang="pug">
+.domain-card
+  ColorCard(color='blue', @click.stop)
+    // Заголовок
+    .domain-header
+      .domain-title
+        q-icon(name="domain" size="20px").q-mr-sm
+        | Подключение
+
+      // Отображение или редактирование домена
+      .domain-display
+        .flex.items-center
+          .domain-text.full-width
+            template(v-if="!isEditing")
+              div.q-pa-md.text-h6.q-mr-sm {{ coop.publicCooperativeData?.announce || '—' }}
+                q-btn(
+                  flat
+                  round
+                  icon="edit"
+                  size="sm"
+                  color="primary"
+                  @click="startEdit"
+                )
+                  q-tooltip Редактировать домен
+            div(v-else).q-pa-sm
+              .domain-warning.q-mb-md.full-width
+                .text-caption.text-orange-8.q-mb-sm
+                  | ⚠️ Убедитесь, что домен делегирован IP-адрес: {{ SERVER_IP }}.
+                  | Обновление домена перезагрузит цифровой кооператив.
+                  | Все данные будут сохранены.
+
+              q-input(
+                v-model="domainValue"
+                placeholder="Введите домен"
+                outlined
+                dense
+                autofocus
+                @keyup.enter="saveDomain"
+                @keyup.escape="cancelEdit"
+                :rules="[(val) => !!val || 'Домен обязателен']"
+              ).full-width.q-mt-md
+                template(#prepend)
+                  q-btn(
+                    flat
+                    round
+                    icon="close"
+                    size="sm"
+                    color="negative"
+                    @click="cancelEdit"
+                  )
+                    q-tooltip Отменить
+                template(#append)
+                  q-btn(
+                    flat
+                    round
+                    icon="check"
+                    size="sm"
+                    color="positive"
+                    @click="saveDomain"
+                  )
+                    q-tooltip Сохранить
+
+
+      .row
+        .col-6
+          .text-caption.text-grey-7 Членство в союзе
+          .text-body2.text-weight-medium
+            q-chip(
+              :color="getMembershipStatusColor"
+              outline
+              size="sm"
+            ) {{ getMembershipStatusLabel }}
+        .col-6
+          .text-caption.text-grey-7 Домен делегирован
+          .text-body2.text-weight-medium
+            q-chip(
+              :color="isDelegatingLoading ? 'grey' : (instance?.is_delegated ? 'positive' : 'grey')"
+              outline
+              size="sm"
+            )
+              template(v-if="isDelegatingLoading")
+                q-spinner(color="white" size="16px")
+              template(v-else)
+                q-icon(
+                  v-if="!instance?.is_delegated"
+                  name="refresh"
+                  size="14px"
+                  class="q-ml-xs rotating-icon"
+                  color="grey-5"
+                )
+                span {{ instance?.is_delegated ? 'Да' : 'Обновляем' }}
+
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import { useConnectionAgreementStore } from 'src/entities/ConnectionAgreement'
+import { useCooperativeStore } from 'src/entities/Cooperative'
+import { useUpdateCoop } from 'src/features/Cooperative/UpdateCoop'
+import { FailAlert, SuccessAlert } from 'src/shared/api'
+import { useSessionStore } from 'src/entities/Session'
+import { ColorCard } from 'src/shared/ui'
+import { useProviderSubscriptions } from 'src/features/Provider/model'
+
+const connectionAgreement = useConnectionAgreementStore()
+
+const coop = useCooperativeStore()
+const { updateCoop } = useUpdateCoop()
+const session = useSessionStore()
+const { SERVER_IP } = useProviderSubscriptions()
+// Получаем instance напрямую из store
+const instance = computed(() => connectionAgreement.currentInstance)
+
+// Цвет статуса членства
+const getMembershipStatusColor = computed(() => {
+  if (instance.value?.blockchain_status === 'active') return 'positive'
+  if (instance.value?.blockchain_status === 'pending') return 'warning'
+  if (instance.value?.blockchain_status === 'blocked') return 'negative'
+  return 'grey'
+})
+
+// Метка статуса членства
+const getMembershipStatusLabel = computed(() => {
+  if (instance.value?.blockchain_status === 'active') return 'Активно'
+  if (instance.value?.blockchain_status === 'pending') return 'Ожидает подтверждения'
+  if (instance.value?.blockchain_status === 'blocked') return 'Заблокировано'
+  return 'Неизвестно'
+})
+
+// Состояние редактирования домена
+const isEditing = ref(false)
+const domainValue = ref('')
+const isDelegatingLoading = ref(false)
+
+// Загружаем данные кооператива при монтировании
+coop.loadPublicCooperativeData(session.username)
+
+// Синхронизируем значение домена при изменении данных кооператива
+watch(() => coop?.publicCooperativeData?.announce, (newAnnounce) => {
+  if (newAnnounce && !isEditing.value) {
+    domainValue.value = newAnnounce
+  }
+}, { immediate: true })
+
+// Начать редактирование
+const startEdit = () => {
+  isEditing.value = true
+  domainValue.value = coop?.publicCooperativeData?.announce || ''
+}
+
+// Отменить редактирование
+const cancelEdit = () => {
+  isEditing.value = false
+  domainValue.value = coop?.publicCooperativeData?.announce || ''
+}
+
+// Сохранить домен
+const saveDomain = async () => {
+  if (!domainValue.value.trim()) {
+    FailAlert('Домен не может быть пустым')
+    return
+  }
+
+  if (!coop.publicCooperativeData) {
+    FailAlert('Не удалось получить данные кооператива')
+    return
+  }
+
+  try {
+    isDelegatingLoading.value = true
+
+    await updateCoop({
+      coopname: session.username,
+      username: session.username,
+      initial: coop.publicCooperativeData.initial,
+      minimum: coop.publicCooperativeData.minimum,
+      org_initial: coop.publicCooperativeData.org_initial,
+      org_minimum: coop.publicCooperativeData.org_minimum,
+      announce: domainValue.value.trim(), // Обновляем announce (домен)
+      description: coop.publicCooperativeData.description
+    })
+
+    // Перезагружаем данные
+    await coop.loadPublicCooperativeData(session.username)
+    await connectionAgreement.loadCurrentInstance()
+
+    isEditing.value = false
+    SuccessAlert('Домен успешно обновлен')
+  } catch (error: any) {
+    FailAlert(`Ошибка при обновлении домена: ${error.message}`)
+  } finally {
+    isDelegatingLoading.value = false
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.domain-card {
+  padding: 8px;
+
+  // Переопределяем отступ ColorCard только для этого виджета
+  :deep(.color-card) {
+    margin-bottom: 0 !important;
+  }
+
+  .domain-header {
+    margin-bottom: 12px;
+
+    .domain-title {
+      display: flex;
+      align-items: center;
+      font-size: 14px;
+      font-weight: 600;
+    }
+  }
+
+  .domain-display {
+    .domain-text {
+      display: flex;
+      align-items: center;
+
+      .text-h6 {
+        margin-right: 8px;
+      }
+    }
+  }
+
+  // Анимация вращения иконки обновления
+  .rotating-icon {
+    animation: rotate 2s linear infinite;
+  }
+
+  @keyframes rotate {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+}
+</style>

package/src/widgets/ConnectionDashboard/ui/SubscriptionsCard.vue

@@ -0,0 +1,193 @@
+<template lang="pug">
+.subscriptions-card
+  ColorCard(color='orange', @click.stop)
+    // Заголовок
+    .subscriptions-header
+      .subscriptions-title
+        q-icon(name="subscriptions" size="20px").q-mr-sm
+        | Подписки
+
+    // Список подписок
+    .subscriptions-list
+      template(v-if="isLoading")
+        .text-center.q-pa-md
+          q-spinner(color="orange" size="24px")
+          .text-caption.text-grey-7.q-mt-sm Загрузка подписок...
+
+      template(v-else-if="subscriptions.length > 0")
+        q-list(separator)
+          q-item(
+            v-for="subscription in subscriptions"
+            :key="subscription.id"
+          )
+            q-item-section(avatar)
+              q-icon(
+                :name="getSubscriptionIcon(subscription)"
+                :color="getSubscriptionColor(subscription)"
+                size="20px"
+              )
+
+            q-item-section
+              q-item-label {{ getSubscriptionTypeName(subscription.subscription_type_id) }}
+              q-item-label.caption.text-grey-7 {{ getSubscriptionStatusText(subscription) }}
+
+            q-item-section(side)
+              .text-weight-medium {{ formatPrice(subscription.price) }}
+              .text-caption.text-grey-7 {{ currencySymbol }}/месяц
+
+      template(v-else-if="error")
+        .text-center.q-pa-md
+          .text-negative Ошибка загрузки подписок
+          .text-caption.text-grey-7.q-mt-sm {{ error }}
+
+      template(v-else)
+        .text-center.q-pa-md
+          .text-grey-6 Нет активных подписок
+          .text-caption.text-grey-7.q-mt-sm Подписки появятся после подключения услуг платформы
+</template>
+
+<script setup lang="ts">
+import { onMounted, computed } from 'vue'
+import { useProviderSubscriptions } from 'src/features/Provider/model'
+import { useSystemStore } from 'src/entities/System/model'
+import { ColorCard } from 'src/shared/ui'
+import { formatAsset2Digits } from 'src/shared/lib/utils/formatAsset2Digits'
+
+const {
+  subscriptions,
+  isLoading,
+  error,
+  loadSubscriptions
+} = useProviderSubscriptions()
+const { info } = useSystemStore()
+
+// Загружаем подписки при монтировании
+onMounted(async () => {
+  await loadSubscriptions()
+})
+
+// Форматирование цены
+const formatPrice = (price: number | string) => {
+  const priceStr = typeof price === 'number' ? price.toString() : price
+  const currencySymbol = info.symbols?.root_govern_symbol || 'AXON'
+  return formatAsset2Digits(`${priceStr} ${currencySymbol}`)
+}
+
+// Получение символа валюты для отображения
+const currencySymbol = computed(() => info.symbols?.root_govern_symbol || 'AXON')
+
+// Получение названия типа подписки
+const getSubscriptionTypeName = (typeId: number) => {
+  switch (typeId) {
+    case 1: return 'Хостинг'
+    case 2: return 'База данных'
+    case 3: return 'API'
+    default: return `Подписка ${typeId}`
+  }
+}
+
+// Получение иконки для статуса подписки
+const getSubscriptionIcon = (subscription: any) => {
+  // Для хостинга проверяем specific_data
+  if (subscription.subscription_type_id === 1) {
+    const specificData = subscription.specific_data
+    if (specificData?.is_valid && specificData?.is_delegated) return 'check_circle'
+    if (specificData?.progress > 0 && specificData?.progress < 100) return 'hourglass_top'
+    return 'schedule'
+  }
+
+  // Для других типов подписок проверяем instance_status
+  switch (subscription.instance_status) {
+    case 'active': return 'check_circle'
+    case 'pending': return 'schedule'
+    case 'installing': return 'hourglass_top'
+    case 'error': return 'error'
+    case 'inactive': return 'pause_circle'
+    default: return 'help'
+  }
+}
+
+// Получение цвета для статуса подписки
+const getSubscriptionColor = (subscription: any) => {
+  // Для хостинга проверяем specific_data
+  if (subscription.subscription_type_id === 1) {
+    const specificData = subscription.specific_data
+    if (specificData?.is_valid && specificData?.is_delegated) return 'positive'
+    if (specificData?.progress > 0 && specificData?.progress < 100) return 'warning'
+    return 'grey'
+  }
+
+  // Для других типов подписок проверяем instance_status
+  switch (subscription.instance_status) {
+    case 'active': return 'positive'
+    case 'pending': return 'grey'
+    case 'installing': return 'warning'
+    case 'error': return 'negative'
+    case 'inactive': return 'grey'
+    default: return 'grey'
+  }
+}
+
+// Получение текста статуса подписки
+const getSubscriptionStatusText = (subscription: any) => {
+  // Для хостинга показываем прогресс
+  if (subscription.subscription_type_id === 1) {
+    const specificData = subscription.specific_data
+    if (specificData?.is_valid && specificData?.is_delegated) {
+      return 'Активна'
+    }
+    if (specificData?.progress > 0 && specificData?.progress < 100) {
+      return `Устанавливается (${specificData.progress}%)`
+    }
+    return 'Ожидает настройки'
+  }
+
+  // Для других типов подписок
+  switch (subscription.instance_status) {
+    case 'active': return 'Активна'
+    case 'pending': return 'Ожидает активации'
+    case 'installing': return 'Устанавливается'
+    case 'error': return 'Ошибка'
+    case 'inactive': return 'Неактивна'
+    default: return 'Неизвестен'
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.subscriptions-card {
+  padding: 8px;
+
+  // Переопределяем отступ ColorCard только для этого виджета
+  :deep(.color-card) {
+    margin-bottom: 0 !important;
+  }
+
+  .subscriptions-header {
+    margin-bottom: 16px;
+
+    .subscriptions-title {
+      display: flex;
+      align-items: center;
+      font-size: 14px;
+      font-weight: 600;
+    }
+  }
+
+  .subscriptions-list {
+    .q-list {
+      background: transparent;
+      border-radius: 8px;
+
+      .q-item {
+        padding: 12px 16px;
+        border-radius: 8px;
+
+        &:hover {
+          background: rgba(255, 255, 255, 0.05);
+        }
+      }
+    }
+  }
+}
+</style>

package/src/widgets/ConnectionDashboard/ui/index.ts

@@ -1,2 +1,5 @@
 export { default as ConnectionDashboard } from './ConnectionDashboard.vue'
+export { default as AxonWallet } from './AxonWallet.vue'
+export { default as DomainCard } from './DomainCard.vue'
+export { default as SubscriptionsCard } from './SubscriptionsCard.vue'