@ozdao/martyrs 0.2.583 → 0.2.585

package/dist/style.css

@@ -1,4 +1,9 @@
 @charset "UTF-8";
+input[data-v-4a88f18b] { border: none; outline: none;
+}
+input[data-v-4a88f18b]::placeholder { color: rgba(var(--dark), 0.4);
+}
+
 .help-card[data-v-cdb417ab] {
   margin-top: auto;
   text-decoration: none;
@@ -72,22 +77,22 @@
 .background-div {
   flex-grow: 1;
 }
-input[data-v-36998019],
-textarea[data-v-36998019],
-span[data-v-36998019] {
+input[data-v-ba38e654],
+textarea[data-v-ba38e654],
+span[data-v-ba38e654] {
   color: inherit;
   line-height: 1;
 }
-textarea[data-v-36998019] {
+textarea[data-v-ba38e654] {
   resize: none;
   overflow: hidden; 
   height: 1rem;
 }
-input[data-v-36998019] {
+input[data-v-ba38e654] {
   height: 1rem;
 }
-input[type="date"][data-v-36998019]::-webkit-calendar-picker-indicator,
-input[type="time"][data-v-36998019]::-webkit-calendar-picker-indicator {
+input[type="date"][data-v-ba38e654]::-webkit-calendar-picker-indicator,
+input[type="time"][data-v-ba38e654]::-webkit-calendar-picker-indicator {
   filter: invert(1);
   opacity: 1;
   color: inherit;
@@ -741,75 +746,75 @@ ul li[data-v-af5048fc] {
     left: 100%;
 }
 }
-.calendar[aria-disabled=true][data-v-5feab7b5] {
+.calendar[aria-disabled=true][data-v-7c705e8c] {
   cursor: not-allowed;
 }
-.calendar[aria-disabled=true][data-v-5feab7b5] * {
+.calendar[aria-disabled=true][data-v-7c705e8c] * {
   pointer-events: none;
 }
-.calendar__week[data-v-5feab7b5] {
+.calendar__week[data-v-7c705e8c] {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 5px;
   margin-bottom: 10px;
 }
-.calendar__weekday[data-v-5feab7b5] {
+.calendar__weekday[data-v-7c705e8c] {
   text-align: center;
 }
-.calendar__dates[data-v-5feab7b5] {
+.calendar__dates[data-v-7c705e8c] {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   grid-auto-rows: 1fr;
 }
-.calendar__dates[data-v-5feab7b5]::before {
+.calendar__dates[data-v-7c705e8c]::before {
   content: "";
   width: 0;
   padding-bottom: 100%;
   grid-row: 1/1;
   grid-column: 1/1;
 }
-.calendar__dates[data-v-5feab7b5] > *:first-child {
+.calendar__dates[data-v-7c705e8c] > *:first-child {
   grid-row: 1/1;
   grid-column: 1/1;
 }
-.calendar__date--today[data-v-5feab7b5] {
+.calendar__date--today[data-v-7c705e8c] {
   background-color: rgb(var(--main)) !important;
   font-weight: bold;
 }
-.calendar__date--in-other-month[data-v-5feab7b5] {
+.calendar__date--in-other-month[data-v-7c705e8c] {
   color: #aaaaaa; /* Grey text color for dates from adjacent months */
 }
-.calendar__date--selected[data-v-5feab7b5] {
+.calendar__date--selected[data-v-7c705e8c] {
   background-color: #007bff !important;
   color: #fff;
 }
-.calendar__date--range[data-v-5feab7b5] {
+.calendar__date--range[data-v-7c705e8c] {
   background-color: #1c6ab8 !important;
 }
-.calendar__date--disabled[data-v-5feab7b5], .calendar__date--unavailable[data-v-5feab7b5] {
+.calendar__date--disabled[data-v-7c705e8c], .calendar__date--unavailable[data-v-7c705e8c] {
   color: #ccc;
   cursor: not-allowed;
   text-decoration: line-through;
   opacity: 0.5;
 }
-.calendar__date--low-availability[data-v-5feab7b5] {
+.calendar__date--low-availability[data-v-7c705e8c] {
   position: relative;
   background-color: #f0f0f0;
   /*  border: 1px solid #fff3cd;*/
   /*  background-color: #fff3cd;*/
 }
-.availability-indicator[data-v-5feab7b5] {
+.availability-indicator[data-v-7c705e8c] {
   position: absolute;
   bottom: 2px;
   right: 2px;
   font-size: 8px;
   color: #6c757d;
 }
-button[data-v-5feab7b5]:disabled {
+button[data-v-7c705e8c]:disabled {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.calendar-tooltip[data-v-5feab7b5] {
+.calendar-tooltip[data-v-7c705e8c] {
   position: fixed;
   background-color: #333;
   color: white;
@@ -836,7 +841,7 @@ button[data-v-5feab7b5]:disabled {
   width: 100%;
 }
 
-.filters-content[data-v-2c930cac] {
+.filters-content[data-v-026224ab] {
   max-height: 60vh;
   overflow-y: auto;
 }
@@ -1609,19 +1614,19 @@ to {
   transform: translateY(0);
 }
 
-.hidden[data-v-499f10e6] {
+.hidden[data-v-0780c9a9] {
   opacity: 0;
   width: 0;
   display: none;
 }
-.visible[data-v-499f10e6] {
+.visible[data-v-0780c9a9] {
   opacity: 1;
   display: block;
 }
 
 /* Mobile: ВСЕГДА скрываем, показываем ТОЛЬКО по клику меню */
 @media (max-width: 1024px) {
-aside[data-sidebar][data-v-499f10e6] {
+aside[data-sidebar][data-v-0780c9a9] {
     position: absolute !important;
     left: 0 !important;
     transform: translateX(-100%) !important;
@@ -1630,24 +1635,24 @@ aside[data-sidebar][data-v-499f10e6] {
 }
 
   /* Показываем ТОЛЬКО когда manual клик (НЕ от SSR state) */
-aside[data-sidebar].mobile-opened[data-v-499f10e6] {
+aside[data-sidebar].mobile-opened[data-v-0780c9a9] {
     transform: translateX(0) !important;
     visibility: visible !important;
 }
 }
 
 /* Scrollbar styles */
-[data-v-499f10e6]::-webkit-scrollbar {
+[data-v-0780c9a9]::-webkit-scrollbar {
   width: 6px;
 }
-[data-v-499f10e6]::-webkit-scrollbar-track {
+[data-v-0780c9a9]::-webkit-scrollbar-track {
   background: transparent;
 }
-[data-v-499f10e6]::-webkit-scrollbar-thumb {
+[data-v-0780c9a9]::-webkit-scrollbar-thumb {
   background-color: var(--grey-micro);
   border-radius: 3px;
 }
-[data-v-499f10e6]::-webkit-scrollbar-thumb:hover {
+[data-v-0780c9a9]::-webkit-scrollbar-thumb:hover {
   background-color: var(--grey-small);
 }
 .eye[data-v-4241147a] {
@@ -2204,7 +2209,7 @@ to {
   left: 0;
   top: 0;
 }
-.field-date__dropdown[data-v-4076d2e3] {
+.field-date__dropdown[data-v-0840c48f] {
   top: calc(100% + 0.5rem);
   left: 0;
   z-index: 1000;

package/dist/{web-BNJDRie_.js → web-BA6h6Z8P.js}

@@ -1,4 +1,4 @@
-import { W as p } from "./main-vq1_XpmQ.js";
+import { W as p } from "./main-xL-jtBkT.js";
 class f extends p {
   constructor() {
     super(...arguments), this.group = "CapacitorStorage";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/martyrs",
-  "version": "0.2.583",
+  "version": "0.2.585",
   "description": "Fullstack framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",

package/src/builder/modes/ssr.rspack.dev.js

@@ -160,6 +160,7 @@ export default function createSsrDevServer(projectRoot, configs, createServer) {
       const measure5 = performance.getEntriesByName('loading-5')[0];
       console.log(`[LOADING 5] HTML rendering and Beasties completed in ${measure5?.duration?.toFixed(2)}ms`);
 
+      console.log('[SSR-404] dev renderer returning statusCode:', statusCode);
       return { html: completeHtml, statusCode };
     };
   };
@@ -273,6 +274,7 @@ export default function createSsrDevServer(projectRoot, configs, createServer) {
         res.locals.webpack.devMiddleware // Update to rspack middleware context
       );
 
+      console.log('[SSR-404] sending response with statusCode:', result.statusCode);
       res.status(result.statusCode)
         .header("Content-Type", "text/html; charset=utf-8")
         .send(result.html);

package/src/components/Calendar/Calendar.vue

@@ -528,10 +528,10 @@
 <template>
   <div class="t-noselect calendar" :aria-disabled="disabled"> 
      <div v-if="allowRange && !disablePastDates" class="br-b-1px br-grey-transp-25 gap-thin flex flex-nowrap pd-thin">
-      <button @click="selectToday" class="font-second t-nowrap pd-thin bg-white radius-small">Today</button>
-      <button @click="selectLastWeek" class="font-second t-nowrap pd-thin bg-white radius-small">Last Week</button>
-      <button @click="selectLastMonth" class="font-second t-nowrap pd-thin bg-white radius-small">Last Month</button>
-      <button @click="selectLastYear" class="font-second t-nowrap pd-thin bg-white radius-small">All time</button>
+      <button @click="selectToday" class="font-second ws-nowrap pd-thin bg-white radius-small">Today</button>
+      <button @click="selectLastWeek" class="font-second ws-nowrap pd-thin bg-white radius-small">Last Week</button>
+      <button @click="selectLastMonth" class="font-second ws-nowrap pd-thin bg-white radius-small">Last Month</button>
+      <button @click="selectLastYear" class="font-second ws-nowrap pd-thin bg-white radius-small">All time</button>
     </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">

package/src/components/Completion/Completion.vue

@@ -1,10 +1,10 @@
 <template>
   <section class="">
     <div class="mn-b-small gap-small flex-v-center flex-nowrap flex">
-      <h4 class="t-nowrap  ">
+      <h4 class="ws-nowrap  ">
         {{ text }}
 
-      <span class="uppercase radius-big t-nowrap fw-medium t-white bg-black w-max pd-micro pd-l-thin pd-r-small">
+      <span class="uppercase radius-big ws-nowrap fw-medium t-white bg-black w-max pd-micro pd-l-thin pd-r-small">
         {{ percentage || completionPercentage }}%
       </span>
 
@@ -19,7 +19,7 @@
         }"
       >
 
-        <span class="uppercase radius-big t-nowrap fw-medium t-white bg-black w-max pd-micro pd-l-thin pd-r-small">
+        <span class="uppercase radius-big ws-nowrap fw-medium t-white bg-black w-max pd-micro pd-l-thin pd-r-small">
           {{ text_cta }}
         </span>
       

package/src/components/Field/Field.vue

@@ -79,7 +79,7 @@ const text = ref(props.field);
       v-if="label"
       class="t-transp mn-r-small"
     >
-      <span class="t-nowrap">
+      <span class="ws-nowrap">
         {{label}}
       </span>
     </div>

package/src/components/FieldBig/FieldBig.vue

@@ -18,7 +18,7 @@
       :showLoader="showLoader"
       :callback="callback"
       :callbackDelay="callbackDelay"
-      class="t-nowrap fw-medium radius-small uppercase cursor-pointer flex flex-v-center pd-thin w-max hover:bg-fifth fw-semi ease-linear t-black bg-main"
+      class="ws-nowrap fw-medium radius-small uppercase cursor-pointer flex flex-v-center pd-thin w-max hover:bg-fifth fw-semi ease-linear t-black bg-main"
     >
       <span v-if="action" class="desktop-only mn-r-thin">{{action}}</span>
       <IconArrow class="i-medium"/>

package/src/components/FieldDate/FieldDate.vue

@@ -14,7 +14,7 @@
         v-if="label"
         class="t-transp mn-r-small"
       >
-        <span class="t-nowrap">
+        <span class="ws-nowrap">
           {{ label }}
         </span>
       </div>

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

@@ -1,6 +1,5 @@
 <template>
 	<div 
-		v-if="show"
 		class="for-transition bg-white w-100"
 	>
 		<div 
@@ -259,7 +258,7 @@ import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'
 
 import PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'
 // Import libs
-import { computed, watch, onMounted, ref, onBeforeMount, inject } from 'vue'
+import { computed, watch, onMounted, onServerPrefetch, ref, onBeforeMount, inject } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 
 // Import state
@@ -267,13 +266,14 @@ import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'
 import * as users from '@martyrs/src/modules/auth/views/store/users.js'
 import membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'
 import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'
+import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'
 // Accessing router
 const route = useRoute()
 const router = useRouter()
 // Get organization _id from cookie
 const show = ref(false)
 
-const store = inject('store')
+const store = useStore()
 const { isModuleInstalled } = useGlobalMixins()
 
 const modules = {
@@ -310,9 +310,37 @@ const modules = {
 }
 
 
+// Функция загрузки данных пользователя
+async function fetchUser() {
+  try {
+    const result = await users.actions.read({ _id: route.params._id, user: auth.state.user?._id });
+    // Если пользователь не найден - устанавливаем 404
+    if (!result || result.length === 0 || !users.state.current?._id) {
+      store.core.state.notFound = true;
+      return false;
+    }
+    return true;
+  } catch (error) {
+    console.error('Error fetching user:', error);
+    store.core.state.notFound = true;
+    return false;
+  }
+}
+
+// SSR: загружаем данные на сервере для SEO
+onServerPrefetch(async () => {
+  console.log('[SSR-404] Profile onServerPrefetch, route._id:', route.params._id);
+  await fetchUser();
+  console.log('[SSR-404] Profile fetchUser completed');
+});
+
+// Client: загружаем данные если еще не загружены (после гидратации)
 onMounted(async () => {
- 	await users.actions.read({ _id: route.params._id, user: auth.state.user._id });
- 	show.value = true
+  // Если данные уже загружены на сервере (SSR) - не загружаем повторно
+  if (!users.state.current?._id || users.state.current._id !== route.params._id) {
+    await fetchUser();
+  }
+  show.value = true;
 })
 
 const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {

package/src/modules/backoffice/backoffice.client.js

@@ -1,24 +1,11 @@
 // Router
 import addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';
-import { getRoutes } from './backoffice.router.js';
+import { getRoutes } from './router/backoffice.router.js';
 
 // Views
-// Layouts
-
 // Pages
 import Dashboard from './components/pages/Dashboard.vue';
 
-// Admin components
-// import AdminDashboard from './components/admin/Dashboard.vue';
-// import FastOrders from './components/admin/FastOrders.vue';
-// import UserEdit from './components/admin/UserEdit.vue';
-// import Users from './components/admin/Users.vue';
-// import ProductEdit from './components/admin/ProductEdit.vue';
-// import Backcalls from './components/admin/Backcalls.vue';
-
-// Partials
-import Sidebar from './components/partials/Sidebar.vue';
-
 // Пример функции инициализации для модуля бэкофиса
 function initializeBackoffice(app, store, router, options = {}) {
   const routes = getRoutes(options);
@@ -34,18 +21,7 @@ const ModuleBackoffice = {
       getRoutes,
     },
     components: {
-      // Layouts
-      // Pages
       Dashboard,
-      // Admin components
-      // AdminDashboard,
-      // FastOrders,
-      // UserEdit,
-      // Users,
-      // ProductEdit,
-      // Backcalls,
-      // Partials
-      Sidebar,
     },
   },
 };

package/src/modules/backoffice/configs/navigation.backoffice.config.js

@@ -0,0 +1,99 @@
+// Import icons
+import IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'
+import IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue'
+import IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'
+import IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'
+import IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'
+import IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'
+import IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'
+import IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'
+
+// Backoffice navigation configuration
+export const navigationItems = [
+  {
+    category: 'Menu',
+    visible: () => true,
+    items: [
+      {
+        title: 'Organizations',
+        iconComponent: IconGroups,
+        route: () => '/backoffice/organizations',
+        visible: () => true
+      },
+      {
+        title: 'Community',
+        iconComponent: IconCommunity,
+        route: () => '/backoffice/community',
+        visible: () => true
+      },
+      {
+        title: 'Products',
+        iconComponent: IconProducts,
+        route: () => '/backoffice/products',
+        visible: () => true
+      },
+      {
+        title: 'Inventory',
+        iconComponent: IconLeftovers,
+        route: () => '/backoffice/inventory',
+        visible: () => true
+      },
+      {
+        title: 'Orders',
+        iconComponent: IconOrders,
+        route: () => '/backoffice/orders',
+        visible: () => true
+      },
+      {
+        title: 'Gallery',
+        iconComponent: IconGallery,
+        route: () => '/backoffice/gallery',
+        visible: () => true
+      },
+      {
+        title: 'Applications',
+        iconComponent: IconEvents,
+        route: () => '/backoffice/applications',
+        visible: () => true
+      },
+      {
+        title: 'Events',
+        iconComponent: IconEvents,
+        route: () => '/backoffice/events',
+        visible: () => true
+      }
+    ]
+  },
+  {
+    category: 'General',
+    visible: () => true,
+    items: [
+      {
+        title: 'Payments',
+        iconComponent: IconPayments,
+        route: () => '/backoffice/payments',
+        visible: () => true
+      },
+      {
+        title: 'Users',
+        iconComponent: null,
+        route: () => '/backoffice/users',
+        visible: () => true
+      },
+      {
+        title: 'Pages',
+        iconComponent: null,
+        route: () => '/backoffice/pages',
+        visible: () => true
+      },
+      {
+        title: 'Reports',
+        iconComponent: null,
+        route: () => '/backoffice/reports',
+        visible: () => true
+      }
+    ]
+  }
+]
+
+export default navigationItems

package/src/modules/backoffice/router/backoffice.router.js

@@ -1,10 +1,10 @@
-// backoffice.meta.js
-import Sidebar from '../components/partials/Sidebar.vue';
+import Navigation from '@martyrs/src/modules/core/views/components/partials/Navigation.vue'
+import { navigationItems } from '../configs/navigation.backoffice.config.js'
 
 export function getRoutes(options = {}) {
   const route = options.route || 'Home';
   const routes = [];
-  
+
   routes.push({
     parentName: route,
     config: {
@@ -14,8 +14,9 @@ export function getRoutes(options = {}) {
           path: '',
           name: 'Backoffice Root',
           meta: {
-            sidebar_navigation: Sidebar,
-            sidebar_width_hidden: 'w-0',
+            sidebar_navigation: Navigation,
+            sidebar_navigation_items: navigationItems,
+            sidebar_width_hidden: 'w-2r',
           },
           props: {
             newsletterPopup: 12344,
@@ -64,6 +65,6 @@ export function getRoutes(options = {}) {
       ],
     }
   });
-  
+
   return routes;
-}
+}

package/src/modules/community/components/layouts/Community.vue

@@ -4,7 +4,7 @@
 
 			<div style="flex: 1 1 auto" class="w-100 h-100 pos-relative">
 				<header v-if="!route.params.url && route.name !== 'Create BlogPost'" class="bg-light pd-medium radius-medium mobile:radius-zero scroll-hide o-y-visible t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex">
-		    	<h2 class="pos-relative t-nowrap flex-v-center flex-nowrap flex">
+		    	<h2 class="pos-relative ws-nowrap flex-v-center flex-nowrap flex">
 		    		<span class="mn-r-thin">Posts for </span>
 
 		    		<Select 
@@ -29,7 +29,7 @@
 				</header>
 
 				<div  v-if="!route.params.url && route.name !=='Create BlogPost'"  class="w-100 pos-relative">
-					<ul class="align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-regular gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide">
+					<ul class="align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-regular gap-thin flex-row flex-nowrap flex z-index-2 o-scroll ws-nowrap scroll-hide">
 						<li  	
 							:class="{'t-black bg-white': route.params.category === 'featured' }" 					
 							@click="() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}" 

package/src/modules/community/components/pages/BlogPost.vue

@@ -74,10 +74,12 @@ import Comments from '@martyrs/src/modules/community/components/sections/Comment
 import Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';
 import * as blog from '@martyrs/src/modules/community/store/blogposts.js';
 import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';
-  
+import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';
+
 import { useRoute } from 'vue-router';
 
 const route = useRoute();
+const store = useStore();
 const blogpost = computed(() => blog.state.current);
 const isLoading = ref(false);
 const canShare = ref(false);
@@ -90,9 +92,15 @@ async function fetchBlogpost() {
     blogpost.value = data[0];
     // Обновляем состояние хранилища
     blog.state.current = data[0];
+
+    // Если пост не найден - устанавливаем 404
+    if (!data || data.length === 0 || !blog.state.current) {
+      store.core.state.notFound = true;
+    }
   } catch (err) {
     error.value = err;
     console.error('Error fetching blogpost:', err);
+    store.core.state.notFound = true;
   } finally {
     isLoading.value = false;
   }

package/src/modules/core/core.client.js

@@ -123,6 +123,7 @@ export { default as Sidebar } from '@martyrs/src/modules/core/views/components/p
 export { default as Footer } from '@martyrs/src/modules/core/views/components/partials/Footer.vue';
 export { default as Walkthrough } from '@martyrs/src/modules/core/views/components/sections/Walkthrough.vue';
 
+
 // Functional exports
 export {
   appRenderer,

package/src/modules/core/views/classes/core.app.js

@@ -261,13 +261,14 @@ export function createUniversalApp({
     // FOR SSR / SERVER ENTRY
     async function renderApp({ url, cookies, headers, languages, ssrContext }) {
       const { app, router, store, i18n, meta, moduleManager } = await createApp();
-      
+
       // Set SSR store for useStore calls
       if (typeof window === 'undefined') {
         const { setSSRStore } = await import('../store/core.store.js');
         await setSSRStore(store);
       }
-      
+
+
       const context = {
         app,
         store,
@@ -278,10 +279,11 @@ export function createUniversalApp({
 
       // [LOADING 20] SSR renderApp starting and loading modules
       performance.mark('loading-20-start');
-      console.log('[LOADING 20] SSR renderApp starting and loading modules...');
+      console.log('[SSR-404] renderApp starting, url:', url);
 
       // Для SSR загружаем модули для текущего маршрута
       const requiredModules = moduleManager.getModulesForRoute(url);
+      console.log('[SSR-404] required modules:', requiredModules.map(m => m.name));
 
       // Собираем имена модулей которые нужны для текущего роута
       const currentRouteModules = [];
@@ -299,8 +301,11 @@ export function createUniversalApp({
       console.log(`[LOADING 20] SSR modules loaded in ${measure20?.duration?.toFixed(2)}ms`);
       
       // После загрузки модулей и регистрации роутов, выполняем навигацию
+      console.log('[SSR-404] modules loaded, pushing url:', url);
+      console.log('[SSR-404] available routes:', router.getRoutes().map(r => r.path));
       await router.push(url);
       await router.isReady();
+      console.log('[SSR-404] router ready, currentRoute:', router.currentRoute.value.name, router.currentRoute.value.path);
       
       const result = await appRenderer.render({
         url,

package/src/modules/core/views/components/blocks/CardHeader.vue

@@ -8,7 +8,7 @@
 		>
 
 			<div
-				class="w-100 gap-thin p-regular t-nowrap flex-nowrap flex-v-center flex"
+				class="w-100 gap-thin p-regular ws-nowrap flex-nowrap flex-v-center flex"
 			>
 				<img loading="lazy" 
 					v-if="owner.target?.profile?.photo?.length > 0 && type !== 'short'"