@ozdao/martyrs 0.2.547 → 0.2.549

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/martyrs",
-  "version": "0.2.547",
+  "version": "0.2.549",
   "description": "Fullstack framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",
@@ -59,14 +59,11 @@
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "clean": "rimraf dist",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs",
-    "build": "pnpm run clean && vite build --config vite.components.config.js && vite build --config vite.modules.client.config.js && vite build --config vite.modules.server.config.js && vite build --config vite.builder.config.js",
-    "build:components": "pnpm run clean && vite build --config vite.components.config.js",
-    "build:client": "pnpm run clean && vite build --config vite.modules.client.config.js",
-    "build:server": "pnpm run clean && vite build --config vite.modules.server.config.js",
-    "build:builder": "pnpm run clean && vite build --config vite.builder.config.js",
+    "build": "pnpm run clean && pnpm run build:builder && pnpm run build:components && pnpm run build:client && pnpm run build:server",
+    "build:components": "vite build --config vite.components.config.js",
+    "build:client": "vite build --config vite.modules.client.config.js",
+    "build:server": "vite build --config vite.modules.server.config.js",
+    "build:builder": "vite build --config vite.builder.config.js",
     "build:rspack": "pnpm run clean && pnpm run build:builder:rspack && pnpm run build:components:rspack && pnpm run build:client:rspack && pnpm run build:theme:rspack && pnpm run build:server:rspack",
     "build:components:rspack": "rspack --config rspack.components.config.js",
     "build:theme:rspack": "rspack --config rspack.theme.config.js",
@@ -78,6 +75,7 @@
     "@capacitor/core": "^7.0.1",
     "@capacitor/preferences": "^7.0.0",
     "@googlemaps/google-maps-services-js": "^3.4.0",
+    "@vitejs/plugin-vue": "^6.0.1",
     "bignumber.js": "^9.1.2",
     "config": "^3.3.12",
     "isomorphic-dompurify": "^2.22.0",
@@ -90,6 +88,7 @@
     "openai": "^4.86.1",
     "sharp": "^0.33.5",
     "uuidv4": "^6.2.13",
+    "vite": "^7.1.9",
     "vue": "^3.5.13",
     "vue-i18n": "^11.1.1",
     "vue-router": "^4.5.0"
@@ -100,7 +99,6 @@
     "@rsdoctor/rspack-plugin": "^0.4.13",
     "@rspack/cli": "^1.2.8",
     "@rspack/core": "^1.2.8",
-    "@vitejs/plugin-vue": "^6.0.0",
     "connect-history-api-fallback": "^2.0.0",
     "css-minimizer-webpack-plugin": "^7.0.2",
     "dotenv-webpack": "^8.1.0",
@@ -112,8 +110,6 @@
     "purgecss-webpack-plugin": "^7.0.2",
     "rimraf": "^6.0.1",
     "sass": "^1.85.1",
-    "vite": "^7.0.3",
-    "vitepress": "^1.6.3",
     "webpack": "^5.98.0",
     "webpack-dev-middleware": "^7.4.2",
     "webpack-merge": "^6.0.1",

package/src/builder/builder.js

@@ -2,17 +2,13 @@ import createSpaRspackDevServer from './modes/spa.rspack.dev.js';
 import createSpaProdServer from './modes/spa.prod.js';
 
 import createSsrRspackDevServer from './modes/ssr.rspack.dev.js';
-import createSsrViteDevServer from './modes/ssr.vite.dev.js';
 import createSsrProdServer from './modes/ssr.prod.js';
 
 import rspackConfigs from './rspack/index.js';
-import viteConfigs from './vite/index.js';
 
 export {
   rspackConfigs,
-  viteConfigs,
   createSsrRspackDevServer,
-  createSsrViteDevServer,
   createSsrProdServer,
   createSpaRspackDevServer,
   createSpaProdServer,
@@ -20,9 +16,7 @@ export {
 
 export default {
   rspackConfigs,
-  viteConfigs,
   createSsrRspackDevServer,
-  createSsrViteDevServer,
   createSsrProdServer,
   createSpaRspackDevServer,
   createSpaProdServer,

package/src/components/Button/Button.vue

@@ -167,7 +167,6 @@ a.button {
   justify-content: center;
   color: black;
   text-align: center;
-  text-transform: uppercase;
   font-size: 1rem;
   letter-spacing: 5%;
   transition: all 0.33s ease;

package/src/components/Calendar/Calendar.vue

@@ -386,13 +386,13 @@
     </div>
     <div class="pd-thin flex flex-nowrap flex-v-center flex-justify-between">
       <button @click.stop="prevMonth" class="aspect-1x1 pd-thin bg-white radius-extra" :disabled="isPrevMonthDisabled">
-        <svg class="i-regular" xmlns="http://www.w3.org/2000/svg" width="12" height="20" viewBox="0 0 12 20" fill="none">
+        <svg class="i-medium" xmlns="http://www.w3.org/2000/svg" width="12" height="20" viewBox="0 0 12 20" fill="none">
           <path d="M0.610352 10.0068C0.615885 9.81315 0.654622 9.63607 0.726562 9.47559C0.798503 9.3151 0.90918 9.16016 1.05859 9.01074L9.37598 0.958984C9.61393 0.721029 9.90723 0.602051 10.2559 0.602051C10.4883 0.602051 10.6986 0.657389 10.8867 0.768066C11.0804 0.878743 11.2326 1.02816 11.3433 1.21631C11.4595 1.40446 11.5176 1.61475 11.5176 1.84717C11.5176 2.19027 11.3875 2.49186 11.1274 2.75195L3.60693 9.99854L11.1274 17.2534C11.3875 17.519 11.5176 17.8206 11.5176 18.1582C11.5176 18.3962 11.4595 18.6092 11.3433 18.7974C11.2326 18.9855 11.0804 19.1349 10.8867 19.2456C10.6986 19.3618 10.4883 19.4199 10.2559 19.4199C9.90723 19.4199 9.61393 19.2982 9.37598 19.0547L1.05859 11.0029C0.903646 10.8535 0.790202 10.6986 0.718262 10.5381C0.646322 10.3721 0.610352 10.195 0.610352 10.0068Z" :fill="isPrevMonthDisabled ? '#303030' : '#007AFF'"/>
         </svg>
       </button>
       <span class="t-semi">{{ monthYear }}</span>
       <button @click.stop="nextMonth" class="aspect-1x1 pd-thin bg-white radius-extra">
-        <svg class="i-regular " xmlns="http://www.w3.org/2000/svg" width="11" height="20" viewBox="0 0 11 20" fill="none">
+        <svg class="i-medium " xmlns="http://www.w3.org/2000/svg" width="11" height="20" viewBox="0 0 11 20" fill="none">
           <path d="M10.9072 10.0151C10.9017 10.2088 10.863 10.3859 10.791 10.5464C10.7191 10.7069 10.6084 10.8618 10.459 11.0112L2.1416 19.063C1.90365 19.3009 1.61035 19.4199 1.26172 19.4199C1.0293 19.4199 0.81901 19.3646 0.630859 19.2539C0.437175 19.1432 0.284994 18.9938 0.174316 18.8057C0.0581055 18.6175 8.85326e-08 18.4072 1.08852e-07 18.1748C1.38846e-07 17.8317 0.130046 17.5301 0.390137 17.27L7.91065 10.0234L0.390138 2.76855C0.130047 2.50293 1.5053e-06 2.20133 1.53481e-06 1.86377C1.55561e-06 1.62581 0.058107 1.41276 0.174318 1.22461C0.284995 1.03646 0.437176 0.887043 0.630861 0.776366C0.819012 0.660155 1.0293 0.60205 1.26172 0.60205C1.61035 0.60205 1.90365 0.723795 2.1416 0.967284L10.459 9.01904C10.6139 9.16846 10.7274 9.3234 10.7993 9.48389C10.8713 9.6499 10.9072 9.82699 10.9072 10.0151Z" :fill="isPrevMonthDisabled ? '#303030' : '#007AFF'"/>
         </svg>
       </button>

package/src/components/Chips/Chips.vue

@@ -6,7 +6,7 @@
 		<p 
 			v-if="chips?.length"
 		  v-for="(chip,index) in chips" 
-		  :class="$attrs.class || 'p-medium font-main'"
+		  :class="$attrs.class || 'p-regular font-main'"
 		 	class="mn-r-nano d-inline-block w-max pd-thin radius-thin t-medium bg-main" 
 		>
 			{{chip.text ? chip.text : chip}}

package/src/components/Countdown/Countdown.vue

@@ -5,19 +5,19 @@
     </div>
 
     <div  v-if="!isTimeOver" class="flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small">
-    	<p class="p-semi">{{ days }}</p>
+    	<p class="p-medium">{{ days }}</p>
     	<p class="p-small t-transp">Days</p>
     </div>
      <div  v-if="!isTimeOver" class="flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small">
-    	<p class="p-semi">{{ hours }}</p>
+    	<p class="p-medium">{{ hours }}</p>
     	<p class="p-small t-transp">hours</p>
     </div>
      <div  v-if="!isTimeOver" class="flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small">
-    	<p class="p-semi">{{ minutes }}</p>
+    	<p class="p-medium">{{ minutes }}</p>
     	<p class="p-small t-transp">minutes</p>
     </div>
      <div  v-if="!isTimeOver" class="flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small">
-    	<p class="p-semi">{{ seconds }}</p>
+    	<p class="p-medium">{{ seconds }}</p>
     	<p class="p-small t-transp">seconds</p>
     </div>
   </div>

package/src/components/EmptyState/EmptyState.vue

@@ -1,7 +1,7 @@
 <template>
   <section>
     <h5 class="mn-b-small">{{ title }}</h5>
-    <p class="t-transp p-medium">{{ description }}</p>
+    <p class="t-transp p-regular">{{ description }}</p>
 
     <button v-if="action" @click="callback" class="mn-t-small t-white bg-second w-100 button">
       {{ action }}

package/src/components/FieldBig/FieldBig.vue

@@ -9,7 +9,7 @@
     :name="fieldName"
     :id="fieldId"
     :validation="validation"
-    class="radius-medium flex-nowrap flex  w-100 p-medium t-regular uppercase pd-thin"
+    class="radius-medium flex-nowrap flex  w-100 p-regular t-regular uppercase pd-thin"
   >
     <slot></slot>
     <Button

package/src/components/FieldPhone/FieldPhone.vue

@@ -19,7 +19,7 @@
       @keydown.esc="reset"
       class="br-solid br-black-transp-10 br-1px radius-thin"
     >
-      <span class="flex-nowrap flex flex-v-center p-medium vti__selection">
+      <span class="flex-nowrap flex flex-v-center p-regular vti__selection">
         <span v-if="dropdownOptions.showFlags" v-html="activeCountryFlag" class="mn-r-nano" />
         
         <!-- Новый инпут для ввода кода страны -->

package/src/components/LocationMarker/LocationMarker.vue

@@ -2,10 +2,10 @@
   <div class="pos-relative">
     <div ref="mapContainer" class="w-100 h-100"></div>
 
-    <button class="cursor-pointer flex-center flex pos-absolute pos-t-regular pos-r-regular i-semi bg-second pd-nano radius-extra" @click="setUserLocation">
+    <button class="cursor-pointer flex-center flex pos-absolute pos-t-regular pos-r-regular i-medium bg-second pd-nano radius-extra" @click="setUserLocation">
 
       <transition name="ScaleOut" mode="out-in"> 
-        <svg v-if="!locationLoading" class="i-regular" width="98" height="98" viewBox="0 0 98 98" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <svg v-if="!locationLoading" class="i-medium" width="98" height="98" viewBox="0 0 98 98" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path d="M50.0004 31.4995C39.7996 31.4995 31.5 39.7991 31.5 49.9999C31.5 60.2007 39.7996 68.5003 50.0004 68.5003C60.2012 68.5003 68.5008 60.2007 68.5008 49.9999C68.5008 39.7991 60.2012 31.4995 50.0004 31.4995ZM50.0004 63.7944C42.3941 63.7944 36.2059 57.6062 36.2059 49.9999C36.2059 42.3936 42.3941 36.2054 50.0004 36.2054C57.6067 36.2054 63.7949 42.3936 63.7949 49.9999C63.7949 57.6062 57.6067 63.7944 50.0004 63.7944Z" fill="rgb(var(--white))"/>
           <path d="M97.6471 47.6471H84.56C83.3977 30.4141 69.5859 16.6024 52.3529 15.44V2.35294C52.3529 1.05255 51.2988 0 50 0C48.6996 0 47.6471 1.05255 47.6471 2.35294V15.44C30.4141 16.6024 16.6024 30.4141 15.44 47.6471H2.35294C1.05255 47.6471 0 48.6996 0 50C0 51.2988 1.05255 52.3529 2.35294 52.3529H15.44C16.6024 69.5859 30.4141 83.3977 47.6471 84.56V97.6471C47.6471 98.9459 48.6996 100 50 100C51.2988 100 52.3529 98.9459 52.3529 97.6471V84.56C69.5859 83.3977 83.3977 69.5859 84.56 52.3529H97.6471C98.9459 52.3529 100 51.2988 100 50C100 48.6996 98.9459 47.6471 97.6471 47.6471ZM50 79.9435C33.4886 79.9435 20.0565 66.5114 20.0565 50C20.0565 33.4886 33.4886 20.0565 50 20.0565C66.5098 20.0565 79.9435 33.4886 79.9435 50C79.9435 66.5098 66.5098 79.9435 50 79.9435Z" fill="rgb(var(--white))"/>      
         </svg>

package/src/components/Menu/MenuItem.vue

@@ -51,7 +51,7 @@
                 h(
                   'span',
                   {
-                    class: ['p-semi', 't-medium', 'mn-r-auto']
+                    class: ['p-medium', 't-medium', 'mn-r-auto']
                   },
                   textSlot
                 )

package/src/components/Status/Snack.vue

@@ -14,7 +14,7 @@
       </p>
       <IconCross 
         @click="$emit('close')" 
-        class="cursor-pointer hover-scale-1 i-regular z-index-5"
+        class="cursor-pointer hover-scale-1 i-medium z-index-5"
       />
     </div>
   </div>

package/src/components/Status/Status.vue

@@ -11,7 +11,7 @@
 			<p class="w-100">
 				{{te(`globals.errors.${data.message}`) ? t(`globals.errors.${data.message}`) : data.message}}
 			</p>
-			<IconCross @click="closeError()"  class="cursor-pointer hover-scale-1 i-regular z-index-5"/>
+			<IconCross @click="closeError()"  class="cursor-pointer hover-scale-1 i-medium z-index-5"/>
 		</div>
 	</div>
 </template>

package/src/components/UploadImage/UploadImage.vue

@@ -24,10 +24,10 @@
         </div>
         <div v-else class="hover-buttons flex gap-small">
           <button @click.stop="onComponentClick" class="hover-button radius-small pd-thin bg-main t-white br-none cursor-pointer">
-            <IconUpload class="i-semi" fill="rgb(var(--white))" />
+            <IconUpload class="i-medium" fill="rgb(var(--white))" />
           </button>
           <button @click.stop="deleteImage" class="hover-button radius-small pd-thin bg-danger t-white br-none cursor-pointer">
-            <IconDelete class="i-semi" fill="rgb(var(--white))" />
+            <IconDelete class="i-medium" fill="rgb(var(--white))" />
           </button>
         </div>
       </div>

package/src/configurator/components/layouts/layoutConfigurator.vue

@@ -1,5 +1,5 @@
 <template>
-	<section id="account" class="cols-2-1_3 gap-medium pd-big">
+	<section id="account" class="cols-2-1_3 gap-regular pd-big">
     <!-- ---------------------------------------------------------------- -->
     <!-- 02. Page Tabs  -->
     <!-- ---------------------------------------------------------------- -->

package/src/modules/STYLES.MD

@@ -8,92 +8,76 @@
 - Кнопки и акцентные элементы → `bg-main` или `bg-second`
 - Всегда соблюдай контраст между элементами
 
-## Реальные примеры паттернов из кода
-
-### Страницы и секции
-```
-<!-- Страница с паддингом (rents/Rents.vue) -->
-<div class="pd-medium mobile:pd-thin bg-white">
-
-<!-- Хедер страницы (products/Products.vue) -->
-<header class="pd-medium flex-v-center flex-nowrap flex">
-
-<!-- Основная сетка с сайдбаром (products/Products.vue) -->
-<div class="cols-2-1_3 br-1px br-solid br-light z-index-3 pos-relative">
-```
-
-### Карточки продуктов/контента
-```
-<!-- Карточка продукта (products/CardProduct.vue) -->
-<div class="radius-medium cols-1 o-hidden pos-relative">
-  <!-- Изображение продукта -->
-  <div class="o-hidden d-flex pd-thin pd-b-zero radius-medium w-100 pos-relative aspect-1x1">
-  <!-- Информация продукта -->
-  <div class="pd-small cols-1 t-left">
-</div>
-
-<!-- Карточка категории (products/CardCategory.vue) -->
-<div class="flex-v-center bg-light pd-small radius-small flex-column flex">
-
-<!-- Карточка в Feed (community/Blog.vue) -->
-<CardComponent class="h-max-40r bg-light radius-medium mobile:radius-zero">
-```
-
-### Кнопки (используется компонент Button)
-```
-<!-- Основная кнопка (auth/SignIn.vue) -->
-<Button class="w-100 bg-main">
-
-<!-- HTML кнопка добавления (rents/Rents.vue) - исключение -->
-<button class="radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second">
-
-<!-- HTML кнопка-иконка (products/CardProduct.vue) - исключение -->
-<button class="cursor-pointer radius-extra pd-thin bg-main">
-
-<!-- HTML кнопка вторичная (products/Products.vue) - исключение -->
-<button class="pd-small radius-small bg-light mn-r-small">
-
-<!-- Компонент Button с классом button (products/Products.vue) -->
-<Button class="bg-main w-100 button mn-t-medium">
+## Примеры комбинаций классов из модуля music
+
+### Карточки
+```
+# Карточка пример 1
+d-block radius-medium o-hidden
+pos-relative
+w-100 aspect-1x1 object-fit-cover
+pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center flex transition-cubic-in-out
+i-big bg-main radius-round flex-center flex aspect-1x1
+pd-medium bg-light
+mn-b-thin t-medium t-truncate
+t-transp t-small t-truncate
+
+# Карточка пример 2
+flex flex-column radius-medium o-hidden bg-white
+cursor-pointer hover-scale-1
+w-100 pos-relative aspect-1x1
+w-100 h-100 object-fit-cover
+w-100 h-100 bg-light flex-center flex
+pos-absolute pos-t-small pos-r-small pd-micro radius-medium
+t-medium mn-b-small t-truncate
+азвTrackListCard)
+pd-small hover-bg-white-transp-25 flex-v-center flex cursor-pointer
+bg-main-transp-10
+w-3r t-center pos-relative
+flex-child-1 flex flex-v-center
+w-3r h-3r object-fit-cover o-hidden radius-small
+hover-t-main hover-t-underline
+```
+
+### Формы
+```
+# Форма поиска (SearchForm)
+flex-v-center flex bg-white-transp-50 pd-thin radius-extra
+i-small mn-r-small
+bg-transparent border-none flex-1
+bg-transparent border-none pd-zero
 ```
 
-### Поля форм (используются компоненты Field/FieldPhone)
+### Страницы и секции
 ```
-<!-- Поле ввода (auth/SignIn.vue) -->
-<Field class="bg-light h-4r pd-medium radius-small">
-
-<!-- Поле фильтра (products/Products.vue) -->
-<Field class="w-50 bg-light pd-small radius-small">
-
-<!-- Контейнер табов (auth/SignIn.vue) -->
-<div class="mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden">
+# Главная страница музыки (MusicHome)
+pd-medium mobile:pd-thin
+mn-b-semi
+flex-between flex mn-b-small
 ```
 
-### Сетки и раскладки
+### Скроллируемые контейнеры
 ```
-<!-- Грид продуктов 4 колонки (products/Products.vue) -->
-<div class="cols-4 z-index-1 pos-relative w-100 rows-1 gap-thin">
-
-<!-- Feed контейнер (community/Blog.vue) -->
-<Feed class="rows-1 gap-thin">
-
-<!-- Flex контейнер (products/CardCategory.vue) -->
-<div class="w-100 flex-v-center flex-nowrap gap-thin flex">
+# Горизонтальный скролл
+flex flex-nowrap gap-small o-x-scroll scroll-behavior-smooth scroll-snap-type-x-mandatory scroll-hide
+flex-none scroll-snap-align-start
+w-min-15r transition-cubic-in-out
 
-<!-- Сайдбар (products/Products.vue) -->
-<div class="o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative">
+# Контейнер списка
+bg-light radius-medium o-hidden
 ```
 
-### Типографика
+### Гриды и раскладки
 ```
-<!-- Заголовки используются без классов -->
-<h1>, <h2>, <h3>, <h4>, <h5>
+# Грид плейлистов
+cols-5 mobile:cols-2 gap-small
 
-<!-- Текст с размерами -->
-<p class="p-small">, <p class="p-medium">, <p class="p-big">
+# Грид артистов
+cols-6 mobile:cols-3 gap-small
 
-<!-- Модификаторы текста -->
-<span class="t-semi">, <span class="t-transp">, <span class="t-medium">
+# Элемент грида
+flex-child-default w-100
+hover-scale-1 transition-cubic-in-out
 ```
 
 ### Отступы и размеры
@@ -167,10 +151,8 @@ grid-template-columns
 ```
 pd-zero, pd-nano, pd-micro, pd-thin, pd-small, pd-regular, pd-medium, pd-semi, pd-big, pd-extra
 pd-t-*, pd-r-*, pd-b-*, pd-l-*
-pd-x-*, pd-y-*
 mn-zero, mn-nano, mn-micro, mn-thin, mn-small, mn-regular, mn-medium, mn-semi, mn-big, mn-extra
 mn-t-*, mn-r-*, mn-b-*, mn-l-*
-mn-x-*, mn-y-*
 mn-auto, mn-l-auto, mn-r-auto
 gap-nano, gap-micro, gap-thin, gap-small, gap-regular, gap-medium, gap-semi, gap-big, gap-extra
 ```
@@ -224,7 +206,7 @@ radius-tl-*, radius-tr-*, radius-br-*, radius-bl-*
 ## **Типография**
 ```
 h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5
-p-nano, p-micro, p-small, p-regular, p-medium, p-semi, p-big, p-extra
+p-nano, p-micro, p-small, p-regular, p-medium, p-medium, p-semi, p-extra
 font-main, font-second
 t-bold, t-demi, t-semi, t-medium, t-regular, t-light
 t-left, t-center, t-right

package/src/modules/TASK-CORE-TRANSFER.MD

@@ -0,0 +1,62 @@
+Core сессия
+
+  - В Core добавляем класс Session (например core/classes/session.js). Создаем экземпляр вместе с приложением, держим в нем текущее состояние пользователя (token, роли, доступы) и умеет: прочитать cookie/SSR state,
+  выдать геттеры (isAuthenticated, getAccesses), эмитить события (onChange). Сам Core создаёт Session при старте, а модуль Auth остаётся “поставщиком” — после логина/логаута Auth вызывает Session.set(...)
+  и Session.clear(). Таким образом, Core не зависит от Auth, но предоставляет единый источник истины.
+
+  Core client
+
+  - Новый модуль martyrs/src/modules/core/client.js переносит код из globals/views/classes/globals.app.js: createUniversalApp, создание приложения, router guards, moduleRegistry, SSR-hydration. Этот
+  модуль единственный помечается критическим в global.config.js.
+  - src/client.js импортирует createUniversalApp из @martyrs/src/modules/core/client.js. Никаких “bootstrap” в именах.
+
+  Globals/UI
+
+  - martyrs/src/modules/globals/globals.client.js оставляем чисто для UI: локали, плагины, layout, стор globals. Если нужно, Core может сразу вызвать store.addStore('globals', storeGlobals), но
+  инициализация UI остаётся в модуле.
+  - Плагины (alert, popup, date-picker) и mixins остаются в globals — Core их не трогает.
+
+  Auth
+
+  - Из auth/views/store/auth.js выделяем функции для работы с Session: hydrateFromCookie, resetState, logoutWithSession. Core при старте вызывает Session.hydrate(...), а когда модуль Auth грузится, он
+  проверяет if (!store.auth) и, после добавления стора, подписывается на события Session, чтобы синхронизировать UI.
+  - Auth по-прежнему поставляет маршруты, UI и собственные сторы.
+
+  Organizations/Backoffice
+
+  - Их initialize остаются без изменений: регистрируют роуты и сторы при ленивой загрузке. В Core только меняется список критических модулей (теперь ['core']), а зависимости dependencies: ['auth']
+  продолжают работать через moduleRegistry.
+
+  Локализация
+
+  - Core при старте вызывает getLocales() и сразу выставляет язык из SSR/браузера, чтобы первый рендер был на правильном языке. Регистрация словарей (i18nManager.register('globals', ...), auth/locales)
+  остаётся в соответствующих модулях; Core лишь гарантирует, что i18n уже создан и настроен.
+
+  Store
+
+  - Core создаёт основной store (useStore()), устанавливает SSR state, синхронизирует Session. Остальные модули по-прежнему делают store.addStore(...) при инициализации. Никакой ломки текущей архитектуры.
+
+  Если ок – могу расписать конкретные изменения по файлам.
+
+▌ да все отлично - напиши это в виде плана и задачи
+
+> Задача Core / Session
+
+  - Ввести модуль @martyrs/src/modules/core/client.js (критический) и перенести туда текущее приложение из globals/views/classes/globals.app.js: создание Vue/SSR app, moduleRegistry, router guards, SSR
+  render/hydrate.
+  - Создать сервис core/session.js, который хранит состояние сессии (token, roles, accesses), умеет гидратить данные из cookie/SSR и рассылает события. Core инициализирует Session при старте, модуль Auth
+  после логина/логаута обновляет Session.
+  - В Core сразу инициализировать store (useStore), применить SSR‑state и подключить Session; остальные модульные сторы продолжают регистрироваться через store.addStore.
+  - Локализацию подключить в Core: получить i18n через getLocales() и выставить язык (из SSR или браузера) до первого рендера. Регистрация словарей остаётся в модулях.
+  - globals преобразовать в чистый UI‑модуль: оставить плагины, миксины, layout, стор globals, роуты 401/404; убрать оттуда системную инициализацию (store/router/env) — этим занимается Core.
+  - В auth выделить helpers, работающие с Session (hydrate/logout), добавить защиту от повторной регистрации стора в initialize, остальное оставить без изменений.
+  - Удалить жёсткий список критических модулей (['globals','auth','organizations','backoffice']) и пометить критическим только core в global.config.js; зависимости (dependencies: ['auth'] и т.д.)
+  продолжают работать через конфиг.
+
+  План внедрения
+
+  1. Создать core/client.js, перенести туда код из globals.app.js, обновить src/client.js и global.config.js (critical → core).
+  2. Реализовать core/session.js, подключить к гидратации/SSR и токенам, обновить auth для привязки к Session.
+  3. Привести globals.client.js к UI‑роли, оставить только плагины/локали/404/401; убедиться, что остальные модули продолжают работать.
+  4. Протестировать SSR и клиент: язык, авторизация (cookie), ленивые модули auth, backoffice, organizations.
+

package/src/modules/auth/views/components/pages/EnterPassword.vue

@@ -24,7 +24,7 @@
 		</div>
 		<div
 			 v-if="route.query.method !== 'reset-password'" 
-			 class="p-medium t-semi mn-b-semi "
+			 class="p-regular t-semi mn-b-semi "
 		>
 			 By registering, you agree to our <a class="t-second" href="/legal/eula" target="_blank" rel="noopener noreferrer">End User License Agreement (EULA)</a>
 		</div>

package/src/modules/auth/views/components/pages/Profile.vue

@@ -75,7 +75,7 @@
 							_id: auth.state.user._id
 						}
 					})" 
-					class="cursor-pointer pos-absolute pos-t-regular pos-r-regular i-regular t-transp"
+					class="cursor-pointer pos-absolute pos-t-regular pos-r-regular i-medium t-transp"
 				/>
 
 				<img loading="lazy" 
@@ -103,7 +103,7 @@
 				</p>
 
 				<p 
-					class="mn-b-small p-medium"
+					class="mn-b-small p-regular"
 				>
 				 {{ users.state.current.profile.description ? users.state.current.profile.description : 'Bio not specified' }}
 				</p>
@@ -173,7 +173,7 @@
 	          <component 
 	            :is="module.icon" 
 	            v-if="module.icon"
-	            class="i-semi" 
+	            class="i-medium" 
 	            :icon="true"
 	          />
 	          <span>{{ module.displayName }}</span>

package/src/modules/auth/views/components/pages/ProfileEdit.vue

@@ -10,7 +10,7 @@
       <Loader />
     </div>
     
-    <div v-else class="flex h-min-100 flex-row mobile:flex-column gap-medium">
+    <div v-else class="flex h-min-100 flex-row mobile:flex-column gap-regular">
       <ProfileEditSidebar class="w-10r mobile:w-100 flex-shrink-0" />
       
       <RouterView :userData="userData" />

package/src/modules/auth/views/components/sections/FeaturedUsers.vue

@@ -68,7 +68,7 @@
       </div>
     </Marquee>
 
-    <p class="w-m-33r mn-r-auto mn-l-auto t-center mn-b-small p-semi">
+    <p class="w-m-33r mn-r-auto mn-l-auto t-center mn-b-small p-medium">
       Together, we're shaping the future of the globals music community.
     </p>
     <router-link :to="{ name: 'Sign In' }" class="bg-black w-max mn-r-auto mn-l-auto t-medium t-white button">

package/src/modules/backoffice/components/admin/Users.vue

@@ -41,7 +41,7 @@
       </p>
 
       <div class="flex block">
-        <p class="w-100 mn-b-thin p-semi">
+        <p class="w-100 mn-b-thin p-medium">
           <!-- +7{{user.phone}}  -->
         </p>
          

package/src/modules/backoffice/components/pages/Dashboard.vue

@@ -4,21 +4,21 @@
 		<div class="mn-b-medium cols-3 mobile:cols-1 gap-thin">
 			<Block class="pos-relative">
 				<span class="t-green t-semi pos-absolute pos-t-medium pos-r-medium">+12.5%</span>
-				<div class="mn-b-medium radius-small w-max bg-main"><IconProfile class="i-semi mn-small"/></div>
+				<div class="mn-b-medium radius-small w-max bg-main"><IconProfile class="i-medium mn-small"/></div>
 				<p class="h3 mn-b-thin">2,453</p>
 				<p>Active Members</p>
 			</Block>
 
 			<Block class="pos-relative">
 				<span class="t-green t-semi pos-absolute pos-t-medium pos-r-medium">+14.8%</span>
-				<div class="mn-b-medium radius-small w-max bg-main"><IconOrders class="i-semi mn-small"/></div>
+				<div class="mn-b-medium radius-small w-max bg-main"><IconOrders class="i-medium mn-small"/></div>
 				<p class="h3 mn-b-thin">432</p>
 				<p>New Orders</p>
 			</Block>
 
 			<Block class="pos-relative">
 				<span class="t-green t-semi pos-absolute pos-t-medium pos-r-medium">+25.1%</span>
-				<div class="mn-b-medium radius-small w-max bg-main"><IconProfile class="i-semi mn-small"/></div>
+				<div class="mn-b-medium radius-small w-max bg-main"><IconProfile class="i-medium mn-small"/></div>
 				<p class="h3 mn-b-thin">$23,232</p>
 				<p>Monthly Revenue</p>
 			</Block>

package/src/modules/backoffice/components/partials/Sidebar.vue

@@ -11,7 +11,7 @@
         <component 
           v-if="item.icon" 
           :is="item.icon" 
-          class="i-regular mn-r-thin" 
+          class="i-medium mn-r-thin" 
           :icon="true" 
           :fill="'rgba(var(--black),0.25)'"
         /> 
@@ -27,7 +27,7 @@
         <component 
           v-if="item.icon" 
           :is="item.icon" 
-          class="i-regular mn-r-thin" 
+          class="i-medium mn-r-thin" 
           :icon="true" 
           :fill="'rgba(var(--black),0.25)'"
         /> 

package/src/modules/chats/components/sections/ChatWindow.vue

@@ -21,7 +21,7 @@
     </div>
 
     <div class="flex-nowrap flex-v-center flex bg-white w-100 radius-big pd-small">
-      <!-- <IconAdd class="mn-r-thin t-transp i-regular" /> -->
+      <!-- <IconAdd class="mn-r-thin t-transp i-medium" /> -->
       <input class="" placeholder="Enter your message" type="text" v-model="newMessage" @keyup.enter="sendMessage" />
     </div>
   </div>