@coopenomics/desktop 2025.11.26-alpha-5 → 2025.11.28-alpha-1

package/extensions/chatcoop/pages/ChatCoopPage/ui/ChatCoopPage.vue

@@ -20,6 +20,17 @@ div
     text="Загрузка клиента..."
   )
 
+  // Заглушка для мобильных устройств
+  div(v-else-if="isMobile", class="mobile-stub")
+    div.mobile-stub-content
+      div.mobile-icon
+        i.fas.fa-mobile-alt
+      h2 Мобильный клиент доступен
+      p На мобильных устройствах кооперативный мессенджер работает только через мобильное приложение Element X.
+      p Перейдите на страницу с инструкциями по подключению.
+      q-btn(@click="goToMobileClient", class="mobile-button", color="primary", icon="fa-mobile-alt")
+        | Перейти к мобильному клиенту
+
   // Iframe с Matrix клиентом после полной загрузки
   iframe(
     v-else-if="chatcoopStore.accountStatus?.iframeUrl",
@@ -28,7 +39,7 @@ div
     class="matrix-iframe",
     frameborder="0",
     width="100%",
-    :style="{ height: 'calc(100vh - 56px)' }"
+    :style="{ height: 'calc(100vh - 51px)' }"
     @load="onIframeLoaded"
     allow="camera; microphone; display-capture"
   )
@@ -36,11 +47,15 @@ div
 
 <script lang="ts" setup>
 import { ref, onMounted, watch } from 'vue';
+import { useRouter } from 'vue-router';
 import { WindowLoader } from 'src/shared/ui/Loader';
 import { useChatCoopChatStore } from '../../../entities/ChatCoopChat/model';
 import { MatrixRegistration } from '../../../widgets/MatrixRegistration';
+import { useWindowSize } from 'src/shared/hooks/useWindowSize';
 
 const chatcoopStore = useChatCoopChatStore();
+const router = useRouter();
+const { isMobile } = useWindowSize();
 const isIframeLoading = ref(true);
 let iframeLoadTimeout: number | null = null;
 
@@ -84,6 +99,10 @@ async function handleAccountCreated() {
   await chatcoopStore.loadAccountStatus();
 }
 
+function goToMobileClient() {
+  router.push({ name: 'chatcoop-mobile' });
+}
+
 onMounted(async () => {
   await chatcoopStore.loadAccountStatus();
   // Инициализируем загрузку iframe после получения статуса аккаунта
@@ -103,7 +122,7 @@ onMounted(async () => {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  height: calc(100vh - 56px);
+  height: calc(100vh - 51px);
   text-align: center;
   padding: 2rem;
 }
@@ -127,4 +146,42 @@ onMounted(async () => {
 .retry-button:hover {
   background-color: #0056b3;
 }
+
+.mobile-stub {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: calc(100vh - 51px);
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: white;
+}
+
+.mobile-stub-content {
+  text-align: center;
+  padding: 2rem;
+  max-width: 400px;
+}
+
+.mobile-icon {
+  font-size: 4rem;
+  margin-bottom: 1.5rem;
+  opacity: 0.9;
+}
+
+.mobile-stub-content h2 {
+  margin: 0 0 1rem 0;
+  font-size: 2rem;
+  font-weight: 600;
+}
+
+.mobile-stub-content p {
+  margin: 0 0 1.5rem 0;
+  opacity: 0.9;
+  line-height: 1.6;
+  font-size: 1.1rem;
+}
+
+.mobile-button {
+  margin-top: 1rem;
+}
 </style>

package/extensions/chatcoop/widgets/MatrixRegistration/ui/MatrixRegistration.vue

@@ -196,7 +196,7 @@ const handleSubmit = async () => {
   padding: 3rem 2.5rem;
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
   width: 100%;
-  max-width: 420px;
+  max-width: 500px;
   border: 1px solid rgba(255, 255, 255, 0.2);
   transition: all 0.3s ease;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coopenomics/desktop",
-  "version": "2025.11.26-alpha-5",
+  "version": "2025.11.28-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.26-alpha-5",
-    "@coopenomics/notifications": "2025.11.26-alpha-5",
-    "@coopenomics/sdk": "2025.11.26-alpha-5",
+    "@coopenomics/controller": "2025.11.28-alpha-1",
+    "@coopenomics/notifications": "2025.11.28-alpha-1",
+    "@coopenomics/sdk": "2025.11.28-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.26-alpha-5",
+    "cooptypes": "2025.11.28-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": "53a1c103d691570643c7f98e0f656efc42edaee6"
+  "gitHead": "7128e26a2741c2a5d4fd8bdbbcab363541341d79"
 }

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

@@ -12,7 +12,7 @@ const namespace = 'connection-agreement'
 
 export const useConnectionAgreementStore = defineStore(namespace, () => {
   // State
-  const currentStep = ref<number>(1)
+  const currentStep = ref<number>(0)
   const selectedTariff = ref<ITariff | null>(null)
   const isInitialized = ref<boolean>(false)
   const document = ref<any>(null)
@@ -137,10 +137,9 @@ export const useConnectionAgreementStore = defineStore(namespace, () => {
     try {
       currentInstanceLoading.value = true
       currentInstanceError.value = null
-      const freshInstance = await getCurrentInstance()
-
-      // При успешной загрузке сбрасываем флаг Bad Gateway
+      // Сбрасываем флаг Bad Gateway при начале каждой загрузки
       isBadGateway.value = false
+      const freshInstance = await getCurrentInstance()
 
       // Обновляем данные только если получили свежие данные
       // При ошибке оставляем старые данные в currentInstance (они могут быть из localStorage)
@@ -150,9 +149,14 @@ export const useConnectionAgreementStore = defineStore(namespace, () => {
 
       console.log('Текущий инстанс загружен:', currentInstance.value)
     } catch (error: any) {
-      isBadGateway.value = true
 
       currentInstanceError.value = extractGraphQLErrorMessages(error)
+
+      // Не устанавливаем Bad Gateway для ошибки "Инстанс не найден"
+      if (!currentInstanceError.value?.includes('Инстанс не найден')) {
+        isBadGateway.value = true
+      }
+
       // НЕ очищаем старые данные при ошибке - они остаются актуальными из localStorage
       // currentInstance.value остается как есть
       console.warn('Ошибка при загрузке текущего инстанса:', error)

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

@@ -15,23 +15,23 @@ div
           label="Собственное название организации"
           placeholder="Ромашка"
           standout="bg-teal text-white"
-          hint="Название без кавычек, которое будет добавляться к основе"
+          hint="Название кооператива без кавычек, которое будет добавляться к ОПФ+"
           :rules="[val => notEmpty(val)]"
         )
 
         q-input.q-mt-md(
           v-model="installStore.vars.full_abbr"
-          label="Основа наименования в именительном падеже"
-          placeholder="Потребительский Кооператив Социального Комплекса"
+          label="ОПФ+ в именительном падеже"
+          hint="Например: Потребительский Кооператив Социального Комплекса"
           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="Потребительского Кооператива Социального Комплекса"
+          hint="Например: Потребительского Кооператива Социального Комплекса"
           standout="bg-teal text-white"
           :rules="[val => notEmpty(val)]"
         )
@@ -39,7 +39,7 @@ div
         q-input.q-mt-md(
           v-model="installStore.vars.full_abbr_dative"
           label="Основа наименования в дательном падеже"
-          placeholder="Потребительскому Кооперативу Социального Комплекса"
+          hint="Например: Потребительскому Кооперативу Социального Комплекса"
           standout="bg-teal text-white"
           :rules="[val => notEmpty(val)]"
         )
@@ -47,7 +47,7 @@ div
         q-input.q-mt-md(
           v-model="installStore.vars.short_abbr"
           label="Краткая аббревиатура основы наименования"
-          placeholder="ПКСК"
+          hint="Например: ПКСК"
           standout="bg-teal text-white"
           :rules="[val => notEmpty(val)]"
         )

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

@@ -1,6 +1,7 @@
 <template lang="pug">
 div.row.q-pa-md
   div.col-md-12.col-xs-12
+
     // Лоадер пока идет загрузка данных или технические работы у провайдера
     WindowLoader(
       v-if="isLoading || connectionAgreement.isBadGateway",
@@ -108,7 +109,6 @@ const init = async () => {
     isLoading.value = false;
     return;
   }
-  console.log('SYSTEM.info.is_unioned', system.info.is_unioned, connectionAgreement.isInitialized);
 
   // Запускаем автообновление инстанса каждые 30 секунд (включает начальную загрузку)
   // Ждем завершения первой загрузки, чтобы корректно определить состояние isBadGateway
@@ -135,29 +135,29 @@ const init = async () => {
     return;
   }
 
+  // Определяем шаг на основе текущего состояния
+  let targetStep: number;
+
   if (hasInstanceError) {
-    // Если есть ошибка загрузки инстанса, но установки не было завершено ранее,
-    // начинаем с шага 1 по умолчанию
-    console.log('❌ Ошибка загрузки инстанса, устанавливаем шаг 1 по умолчанию');
-    connectionAgreement.setCurrentStep(1);
+    // Если есть ошибка загрузки инстанса, определяем шаг на основе членства в союзе
+    targetStep = system.info.is_unioned ? 0 : 1;
   } else if (instance && typeof instance.progress === 'number' && instance.progress > 0) {
     // Если установка уже идет (прогресс > 0), переходим к шагу установки
-    console.log('🔄 Установка уже идет, прогресс:', instance.progress, '→ шаг 6');
-    connectionAgreement.setCurrentStep(6);
+    targetStep = 6;
   } else {
     // Если инстанса нет ИЛИ его прогресс = 0, определяем шаг на основе членства в союзе
-    const hasNoInstance = instance === null;
     if (system.info.is_unioned) {
       // Если кооператив не является членом союза, начинаем с нулевого шага
-      console.log(hasNoInstance ? 'ℹ️ Инстанс отсутствует, кооператив не в союзе → шаг 0' : '🔄 Установка не начата, кооператив не в союзе → шаг 0');
-      connectionAgreement.setCurrentStep(0);
+      targetStep = 0;
     } else {
       // Если кооператив уже член союза, начинаем с первого шага
-      console.log(hasNoInstance ? 'ℹ️ Инстанс отсутствует, кооператив в союзе → шаг 1' : '🔄 Установка не начата, кооператив в союзе → шаг 1');
-      connectionAgreement.setCurrentStep(1);
+      targetStep = 1;
     }
   }
 
+  // Устанавливаем определенный шаг
+  connectionAgreement.setCurrentStep(targetStep);
+
   // Скрываем лоадер после загрузки данных
   isLoading.value = false;
 };

package/src/processes/init-installed-extensions/extensions-registry.ts

@@ -0,0 +1,47 @@
+import type { IWorkspaceConfig } from 'src/shared/lib/types/workspace';
+
+// Импортируем все функции установки расширений
+import capitalInstall from '../../../extensions/capital/install';
+import chairmanInstall from '../../../extensions/chairman/install';
+import chatcoopInstall from '../../../extensions/chatcoop/install';
+import marketInstall from '../../../extensions/market/install';
+import marketAdminInstall from '../../../extensions/market-admin/install';
+import participantInstall from '../../../extensions/participant/install';
+import powerupInstall from '../../../extensions/powerup/install';
+import sovietInstall from '../../../extensions/soviet/install';
+
+/**
+ * Единый регистр всех доступных расширений
+ * Ключ - имя расширения, значение - функция установки
+ */
+export const extensionsRegistry: Record<string, () => Promise<IWorkspaceConfig[]>> = {
+  capital: capitalInstall,
+  chairman: chairmanInstall,
+  chatcoop: chatcoopInstall,
+  market: marketInstall,
+  'market-admin': marketAdminInstall,
+  participant: participantInstall,
+  powerup: powerupInstall,
+  soviet: sovietInstall,
+};
+
+/**
+ * Получить список всех доступных расширений
+ */
+export function getAvailableExtensions(): string[] {
+  return Object.keys(extensionsRegistry);
+}
+
+/**
+ * Проверить, существует ли расширение
+ */
+export function isExtensionAvailable(extensionName: string): boolean {
+  return extensionName in extensionsRegistry;
+}
+
+/**
+ * Получить функцию установки расширения
+ */
+export function getExtensionInstaller(extensionName: string): (() => Promise<IWorkspaceConfig[]>) | undefined {
+  return extensionsRegistry[extensionName];
+}

package/src/processes/init-installed-extensions/index.ts

@@ -1,35 +1,62 @@
 import type { Router } from 'vue-router';
 import { useDesktopStore } from 'src/entities/Desktop/model';
 import type { IWorkspaceConfig } from 'src/shared/lib/types/workspace';
+import { extensionsRegistry, getAvailableExtensions } from './extensions-registry';
 
 export async function useInitExtensionsProcess(router: Router) {
   const store = useDesktopStore();
-  // Загружаем все модули расширений
-  const modules = import.meta.glob('../../../extensions/**/install.{ts,js}');
 
-  for (const path in modules) {
-    const mod = await modules[path]();
-    if (mod?.default) {
-      // Ожидаем, что расширение возвращает массив IWorkspaceConfig[]
-      const result = await mod.default();
+  console.log('📦 [InitExtensions] Starting initialization with extensions registry');
+
+  // Получаем список всех доступных расширений
+  const availableExtensions = getAvailableExtensions();
+
+  console.log('📦 [InitExtensions] Available extensions:', availableExtensions);
+
+  // Загружаем все расширения из регистра
+  for (const extensionName of availableExtensions) {
+    try {
+      console.log(`📦 [InitExtensions] Loading extension: ${extensionName}`);
+
+      const installFunction = extensionsRegistry[extensionName];
+      const result = await installFunction();
 
       // Поддержка обоих форматов: массив или одиночный объект (для обратной совместимости)
       const workspaceConfigs: IWorkspaceConfig[] = Array.isArray(result) ? result : [result];
 
+      console.log(`📦 [InitExtensions] Extension "${extensionName}" loaded, configs:`, workspaceConfigs.length);
+
       // Обрабатываем каждый workspace из расширения
       for (const config of workspaceConfigs) {
         if (config?.workspace && config?.routes?.length) {
+          console.log(`📦 [InitExtensions] Setting routes for workspace: ${config.workspace}`);
+
           // Записываем маршруты в соответствующий workspace
           store.setRoutes(config.workspace, config.routes as any);
+
           // Регистрируем маршруты в router, добавляя их в базовый родительский маршрут
           const baseRoute = router.getRoutes().find((r) => r.name === 'base');
           if (baseRoute) {
-            config.routes.forEach((r: any) => router.addRoute('base', r));
+            config.routes.forEach((r: any) => {
+              // Проверяем, не зарегистрирован ли уже маршрут
+              const existingRoute = router.getRoutes().find((route) => route.name === r.name);
+              if (!existingRoute) {
+                console.log(`📦 [InitExtensions] Adding route to router: ${r.name}`);
+                router.addRoute('base', r);
+              } else {
+                console.log(`📦 [InitExtensions] Route already exists, skipping: ${r.name}`);
+              }
+            });
           }
         }
       }
+    } catch (error) {
+      console.error(`📦 [InitExtensions] Failed to load extension "${extensionName}":`, error);
+      // Продолжаем загрузку других расширений даже если одно не загрузилось
     }
   }
+
+  console.log('📦 [InitExtensions] All extensions initialization completed');
 }
 
 // Функция для динамической загрузки маршрутов конкретного расширения
@@ -42,72 +69,59 @@ export async function loadExtensionRoutes(
   try {
     console.log('📦 [LoadExtensionRoutes] Starting to load routes for extension:', extensionName);
 
-    // Получаем все доступные модули расширений
-    const allModules = import.meta.glob(
-      '../../../extensions/**/install.{ts,js}',
-    );
-
-    // Находим путь к модулю нужного расширения
-    const modulePath = Object.keys(allModules).find((path) => {
-      // Извлекаем имя расширения из пути: ../../../extensions/{extensionName}/install.{ts,js}
-      const pathParts = path.split('/');
-      const extName = pathParts[pathParts.length - 2]; // предпоследний элемент - имя папки
-      return extName === extensionName;
-    });
+    // Получаем функцию установки из регистра
+    const installFunction = extensionsRegistry[extensionName];
 
-    if (!modulePath) {
-      console.warn(`📦 [LoadExtensionRoutes] No module found for extension "${extensionName}"`);
+    if (!installFunction) {
+      console.warn(`📦 [LoadExtensionRoutes] Extension "${extensionName}" not found in registry`);
       return;
     }
 
-    console.log('📦 [LoadExtensionRoutes] Found module path:', modulePath);
-
-    const module = await allModules[modulePath]();
-    if (module?.default) {
-      const result = await module.default();
-      console.log('📦 [LoadExtensionRoutes] Module loaded, result:', result);
-
-      // Поддержка обоих форматов: массив или одиночный объект (для обратной совместимости)
-      const workspaceConfigs: IWorkspaceConfig[] = Array.isArray(result) ? result : [result];
-
-      console.log('📦 [LoadExtensionRoutes] Processing workspace configs:', workspaceConfigs.length);
-
-      // Обрабатываем каждый workspace из расширения
-      for (const config of workspaceConfigs) {
-        console.log('📦 [LoadExtensionRoutes] Processing workspace config:', {
-          workspace: config.workspace,
-          routesCount: config.routes?.length,
-          routes: config.routes?.map(r => ({ name: r.name, meta: r.meta }))
-        });
-
-        if (config?.workspace && config?.routes?.length) {
-          // Записываем маршруты в соответствующий workspace
-          console.log('📦 [LoadExtensionRoutes] Setting routes for workspace:', config.workspace);
-          store.setRoutes(config.workspace, config.routes as any);
-
-          // Регистрируем маршруты в router
-          const baseRoute = router.getRoutes().find((r) => r.name === 'base');
-          if (baseRoute) {
-            config.routes.forEach((r: any) => {
-              // Проверяем, не зарегистрирован ли уже маршрут
-              const existingRoute = router
-                .getRoutes()
-                .find((route) => route.name === r.name);
-              if (!existingRoute) {
-                console.log('📦 [LoadExtensionRoutes] Adding route to router:', r.name);
-                router.addRoute('base', r);
-              } else {
-                console.log('📦 [LoadExtensionRoutes] Route already exists, skipping:', r.name);
-              }
-            });
-          }
+    console.log('📦 [LoadExtensionRoutes] Found extension in registry, loading...');
+
+    const result = await installFunction();
+    console.log('📦 [LoadExtensionRoutes] Extension loaded, result:', result);
+
+    // Поддержка обоих форматов: массив или одиночный объект (для обратной совместимости)
+    const workspaceConfigs: IWorkspaceConfig[] = Array.isArray(result) ? result : [result];
+
+    console.log('📦 [LoadExtensionRoutes] Processing workspace configs:', workspaceConfigs.length);
+
+    // Обрабатываем каждый workspace из расширения
+    for (const config of workspaceConfigs) {
+      console.log('📦 [LoadExtensionRoutes] Processing workspace config:', {
+        workspace: config.workspace,
+        routesCount: config.routes?.length,
+        routes: config.routes?.map(r => ({ name: r.name, meta: r.meta }))
+      });
+
+      if (config?.workspace && config?.routes?.length) {
+        // Записываем маршруты в соответствующий workspace
+        console.log('📦 [LoadExtensionRoutes] Setting routes for workspace:', config.workspace);
+        store.setRoutes(config.workspace, config.routes as any);
+
+        // Регистрируем маршруты в router
+        const baseRoute = router.getRoutes().find((r) => r.name === 'base');
+        if (baseRoute) {
+          config.routes.forEach((r: any) => {
+            // Проверяем, не зарегистрирован ли уже маршрут
+            const existingRoute = router
+              .getRoutes()
+              .find((route) => route.name === r.name);
+            if (!existingRoute) {
+              console.log('📦 [LoadExtensionRoutes] Adding route to router:', r.name);
+              router.addRoute('base', r);
+            } else {
+              console.log('📦 [LoadExtensionRoutes] Route already exists, skipping:', r.name);
+            }
+          });
         }
       }
-
-      console.log(
-        `📦 [LoadExtensionRoutes] Routes for extension "${extensionName}" loaded successfully (${workspaceConfigs.length} workspace(s))`,
-      );
     }
+
+    console.log(
+      `📦 [LoadExtensionRoutes] Routes for extension "${extensionName}" loaded successfully (${workspaceConfigs.length} workspace(s))`,
+    );
   } catch (error) {
     console.error(
       `📦 [LoadExtensionRoutes] Failed to load routes for extension "${extensionName}":`,

package/src/shared/lib/composables/index.ts

@@ -1,3 +1,4 @@
 export { useMeetStatus } from './useMeetStatus';
 export { useExpandableState } from './useExpandableState';
 export { useDataPoller } from './useDataPoller';
+export { useMobileDrawer } from './useMobileDrawer';

package/src/shared/lib/composables/useMobileDrawer.ts

@@ -0,0 +1,20 @@
+import { useDesktopStore } from 'src/entities/Desktop/model';
+
+/**
+ * Composable для управления drawer на мобильных устройствах
+ * Используется для автоматического закрытия drawer при определенных действиях
+ */
+export function useMobileDrawer() {
+  const desktop = useDesktopStore();
+
+  /**
+   * Закрывает левый drawer только на мобильных устройствах
+   */
+  const closeDrawerOnMobile = () => {
+    desktop.closeLeftDrawerOnMobile();
+  };
+
+  return {
+    closeDrawerOnMobile,
+  };
+}

package/src/shared/ui/Loader/WindowLoader.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-.absolute-full.flex.flex-center.z-top
+.absolute-full.flex.flex-center.z-plus
   Loader(size='50px', color='grey', style='margin: auto', :text='text')
 </template>
 
@@ -14,3 +14,8 @@ defineProps({
   },
 });
 </script>
+<style>
+.z-plus {
+  z-index: 100;
+}
+</style>

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

@@ -25,9 +25,8 @@
         .status-info.q-mt-lg
           .status-description.text-body1.text-on-surface
             | Все технические подготовки завершены. Ваш Цифровой Кооператив готов к установке и подключению к платформе Кооперативной Экономики.
-            br
-            | Теперь мы ожидаем официального подтверждения от союза кооперативов о вашем членстве.
-
+            | Теперь мы ожидаем официального подтверждения от союза о вашем активном членстве.
+            | Когда оно будет получено - установка продолжится автоматически.
 
     //- Навигация
     q-stepper-navigation.q-gutter-sm

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

@@ -48,7 +48,7 @@ q-dialog.cmdk-dialog(
             // Заголовок группы (воркспейс)
             .cmdk-group-header(
               :class="{ 'selected': cmdkStore.selectedIndex === groupIndex }"
-              @click="cmdkStore.selectGroup(groupIndex)"
+              @click="handleSelectGroup(groupIndex)"
             )
               q-icon.cmdk-group-icon(:name="group.icon")
               .cmdk-group-title {{ group.title }}
@@ -60,14 +60,14 @@ q-dialog.cmdk-dialog(
                 v-for="(page, pageIndex) in group.pages",
                 :key="page.name",
                 :class="{ 'selected': cmdkStore.selectedIndex === groupIndex && cmdkStore.selectedPageIndex === pageIndex }"
-                @click="cmdkStore.selectPage(group.workspaceName, page)"
+                @click="handleSelectPage(group.workspaceName, page)"
               )
                 q-icon.cmdk-page-icon(:name="page.meta.icon || 'circle'")
                 .cmdk-page-title {{ page.meta.title }}
                 .cmdk-page-shortcut(v-if="page.shortcut") {{ page.shortcut }}
 
     // Подсказки
-    .cmdk-footer
+    .cmdk-footer(v-if="!isMobile")
       .cmdk-hint
         kbd ↑↓
         span для навигации
@@ -80,11 +80,26 @@ q-dialog.cmdk-dialog(
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted, watchEffect } from 'vue';
 import { useCmdkMenuStore } from 'src/entities/CmdkMenu/model';
+import { useMobileDrawer } from 'src/shared/lib/composables/useMobileDrawer';
+import { useWindowSize } from 'src/shared/hooks/useWindowSize';
 
 const cmdkStore = useCmdkMenuStore();
+const { isMobile } = useWindowSize();
+const { closeDrawerOnMobile } = useMobileDrawer();
 const searchInput = ref<HTMLInputElement | null>(null);
 const contentRef = ref<HTMLElement | null>(null);
 
+// Обработчики для выбора элементов с закрытием drawer на мобильных устройствах
+const handleSelectGroup = (groupIndex: number) => {
+  closeDrawerOnMobile();
+  cmdkStore.selectGroup(groupIndex);
+};
+
+const handleSelectPage = (workspaceName: string, page: any) => {
+  closeDrawerOnMobile();
+  cmdkStore.selectPage(workspaceName, page);
+};
+
 // Следим за contentRef и устанавливаем его в store
 watchEffect(() => {
   if (contentRef.value) {
@@ -110,6 +125,7 @@ onUnmounted(() => {
 <style lang="scss">
 .cmdk-dialog {
   max-width: 100%;
+  z-index: 10000;
 }
 
 .cmdk-panel {