@ozdao/martyrs 0.2.601 → 0.2.603

package/src/modules/TASK_ACTIVITY.md

@@ -0,0 +1,60 @@
+      28 -## Сервис (микросервис)                                                                                                                                                                    
+      28 +## Микросервис — REST API                                                                                                                                                                  
+      29  
+      30 -Init + getter singleton (как sessions.service.js). Любой модуль импортирует getter:                                                                                                        
+      30 +Модули взаимодействуют через HTTP. Никаких импортов.                                                                                                                                       
+      31  
+      32 +```                                                                                                                                                                                        
+      33 +POST /api/activities     — создать запись                                                                                                                                                  
+      34 +GET  /api/activities     — получить список с фильтрами                                                                                                                                     
+      35 +```                                                                                                                                                                                        
+      36 +                                                                                                                                                                                           
+      37 +### Создание из любого модуля (HTTP запрос)                                                                                                                                                
+      38 +                                                                                                                                                                                           
+      39  ```js
+      33 -import { getActivityService } from '@martyrs/src/modules/core/controllers/services/activity.service.js';                                                                                   
+      40 +// В любом сервисе/контроллере — просто HTTP вызов                                                                                                                                         
+      41 +await axios.post('http://localhost:8040/api/activities', {                                                                                                                                 
+      42 +  creator: { type: 'user', target: req.userId },                                                                                                                                           
+      43 +  owner: { type: 'organization', target: orgId },                                                                                                                                          
+      44 +  resource: { type: 'Event', target: event._id },                                                                                                                                          
+      45 +  description: 'Создал событие',                                                                                                                                                           
+      46 +  details: { title: event.title },                                                                                                                                                         
+      47 +}, { headers: { Authorization: req.headers.authorization } });                                                                                                                             
+      48 +```                                                                                                                                                                                        
+      49  
+      35 -const activityService = getActivityService();                                                                                                                                              
+      50 +### Чтение                                                                                                                                                                                 
+      51  
+      37 -// Удобные методы                                                                                                                                                                          
+      38 -await activityService.create({ ... });                                                                                                                                                     
+      39 -await activityService.listByOwner(ownerId, ownerType, { skip, limit });                                                                                                                    
+      40 -await activityService.listByResource(resourceType, resourceId, { skip, limit });                                                                                                           
+      52  ```
+      53 +GET /api/activities?owner=OWNER_ID                                                                                                                                                         
+      54 +GET /api/activities?creator=USER_ID                                                                                                                                                        
+      55 +GET /api/activities?resourceType=Event&resourceTarget=EVENT_ID                                                                                                                             
+      56 +```                                                                                                                                                                                        
+      57  
+      58  ## Файлы
+      59  
+      45 -### Создать (5 файлов в `martyrs/src/modules/core/`)                                                                                                                                       
+      60 +### Создать (4 файла в `martyrs/src/modules/core/`)                                                                                                                                        
+      61  
+      47 -1. **`models/activity.model.js`** — модель                                                                                                                                                 
+      48 -2. **`controllers/services/activity.service.js`** — сервис (init + getter singleton)                                                                                                       
+      49 -3. **`controllers/middlewares/activity.verifier.js`** — валидация query для GET                                                                                                            
+      50 -4. **`routes/activity.routes.js`** — GET /api/activities (JWT optional → Verifier → handler)                                                                                               
+      51 -5. **`policies/activity.policies.js`** — ABAC: owner видит свои, admin всё                                                                                                                 
+      62 +1. **`models/activity.model.js`** — модель (ownership schema, resource ref, description, details)                                                                                          
+      63 +2. **`controllers/middlewares/activity.verifier.js`** — валидация body (POST) и query (GET)                                                                                                
+      64 +3. **`routes/activity.routes.js`** — POST + GET /api/activities (JWT → Verifier → ABAC → handler)                                                                                          
+      65 +4. **`policies/activity.policies.js`** — ABAC: create для авторизованных, read по ownership                                                                                                
+      66  
+      67  ### Изменить (1 файл)
+      68  
+      55 -6. **`core.server.js`** — `db.activity = ActivityModel(db)`, `initActivityService(db)`, подключить роуты и политику                                                                        
+      69 +5. **`core.server.js`** — `db.activity = ActivityModel(db)`, подключить роуты и политику                                                                                                   
+      70  
+      71  ## Проверка
+      72  

package/src/modules/TASK_MODULE_ARCH.md

@@ -0,0 +1,391 @@
+# Module Architecture: Lightweight client.js + ExtensionSlot
+
+## Проблема
+
+Две проблемы, одно решение:
+
+1. **client.js грузится долго** — статические импорты Vue компонентов тянут весь граф зависимостей при загрузке модуля, даже если компоненты не рендерятся
+2. **Модули не могут встраивать UI друг в друга** — inventory хочет показать пункт в сайдбаре backoffice, orders хочет таб в профиле организации, но для этого нет механизма
+
+## Корень проблемы: статические импорты компонентов
+
+```javascript
+// auth.client.js — СЕЙЧАС
+// Эти 9 компонентов со всеми зависимостями грузятся при import файла,
+// хотя нужны только для re-export и НЕ используются в initialize()
+export { default as Auth } from './views/components/layouts/Auth.vue';
+export { default as Profile } from './views/components/pages/Profile.vue';
+export { default as ProfileEdit } from './views/components/pages/ProfileEdit.vue';
+// ... ещё 6 компонентов
+```
+
+Бандлер пакует все компоненты в чанк модуля. Браузер скачивает и парсит весь код при `import('auth/client')`, хотя ни один компонент ещё не рендерится.
+
+## Решение
+
+### 1. Компоненты через defineAsyncComponent
+
+`defineAsyncComponent(() => import(...))` создаёт ленивую обёртку. Код компонента загрузится **только при рендере**. Сам `client.js` остаётся лёгким — бандлер выносит каждый компонент в отдельный чанк.
+
+```javascript
+// auth.client.js — ПОСЛЕ
+import { defineAsyncComponent } from 'vue'
+
+// Ленивые обёртки — НЕ грузят код компонентов
+export const Auth = defineAsyncComponent(() => import('./views/components/layouts/Auth.vue'));
+export const Profile = defineAsyncComponent(() => import('./views/components/pages/Profile.vue'));
+export const ProfileEdit = defineAsyncComponent(() => import('./views/components/pages/ProfileEdit.vue'));
+// ...
+
+// Это по-прежнему нужно при инициализации — статические импорты ОК
+import * as storeAuth from './views/store/auth.js';
+import * as storeUsers from './views/store/users.js';
+import addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';
+// ...
+
+function initializeAuth(app, store, router, options = {}) {
+  // Всё как раньше — addRoutes, addStore, i18n, plugins
+}
+```
+
+**Импорт работает как раньше** — потребитель не замечает разницы:
+```javascript
+import { Profile } from '@ozdao/martyrs/modules/auth/client'
+// Profile — async component, грузится при <Profile /> в шаблоне
+```
+
+### 2. Все модули грузятся при старте
+
+Раз `client.js` лёгкий (компоненты в отдельных чанках, остался только код инициализации) — загружаем **все** модули при старте приложения. Не нужна ленивая загрузка по роутам.
+
+```
+БЫЛО:
+global.config → register(loader) → router.beforeEach → lazy load → initialize()
+                                    ↑ тут задержка при навигации
+
+СТАЛО:
+global.config → loadAll() → initialize() для всех модулей → app ready
+                ↑ быстро, client.js лёгкие
+```
+
+### 3. ExtensionSlot — модули встраивают UI друг в друга
+
+В `initialize()` модуль регистрирует свои расширения в чужие слоты:
+
+```javascript
+// inventory.client.js
+import { defineAsyncComponent } from 'vue'
+
+function initializeInventory(app, store, router, options = {}) {
+  // Роуты и сторы — как раньше
+  addRoutes(router, { parentName: 'Backoffice Root', basePath: 'inventory', ... })
+
+  // Встраивает свой UI в backoffice
+  app.extensions.add('backoffice:sidebar', {
+    component: defineAsyncComponent(() => import('./components/nav/InventoryNav.vue')),
+    order: 30
+  })
+
+  // Встраивает таб в профиль организации
+  app.extensions.add('organization:tabs', {
+    component: defineAsyncComponent(() => import('./components/tabs/OrgInventory.vue')),
+    label: 'Inventory',
+    icon: 'inventory',
+    order: 40
+  })
+}
+```
+
+Принимающая сторона — компонент `ExtensionSlot`:
+
+```vue
+<!-- Backoffice Sidebar -->
+<template>
+  <nav>
+    <ExtensionSlot name="backoffice:sidebar" :context="{ auth }" />
+  </nav>
+</template>
+
+<!-- Organization Profile -->
+<template>
+  <div>
+    <ExtensionSlot name="organization:tabs" :context="{ organization, auth }" />
+  </div>
+</template>
+```
+
+`ExtensionSlot` собирает всё что зарегистрировали модули для данного слота, сортирует по `order`, фильтрует по `visible`, рендерит через `<component :is>`. Каждый компонент подгружается через `defineAsyncComponent` только когда слот рендерится.
+
+## Реализация
+
+### ExtensionSlot.vue
+
+```vue
+<script setup>
+import { computed, inject } from 'vue'
+
+const props = defineProps({
+  name: { type: String, required: true },
+  context: { type: Object, default: () => ({}) },
+  tag: { type: String, default: 'div' },
+  itemClass: { type: String, default: '' }
+})
+
+const extensions = inject('extensions')
+
+const items = computed(() => {
+  return (extensions.get(props.name) || [])
+    .filter(ext => !ext.visible || ext.visible(props.context))
+    .sort((a, b) => (a.order || 0) - (b.order || 0))
+})
+</script>
+
+<template>
+  <component :is="tag" v-if="items.length">
+    <component
+      v-for="(ext, i) in items"
+      :key="i"
+      :is="ext.component"
+      v-bind="context"
+      :class="itemClass"
+    />
+  </component>
+</template>
+```
+
+### Extensions API (в core)
+
+```javascript
+// extensions.js
+import { reactive } from 'vue'
+
+export function createExtensions() {
+  const slots = reactive(new Map())
+
+  return {
+    add(slotName, extension) {
+      if (!slots.has(slotName)) {
+        slots.set(slotName, [])
+      }
+      slots.get(slotName).push(extension)
+    },
+
+    get(slotName) {
+      return slots.get(slotName) || []
+    },
+
+    // Для install в app
+    install(app) {
+      app.extensions = this
+      app.provide('extensions', slots)
+    }
+  }
+}
+```
+
+### Подключение в core.app.js
+
+```javascript
+import { createExtensions } from './extensions.js'
+
+function createApp() {
+  const app = createVueSSRApp(layoutApp, config)
+  const extensions = createExtensions()
+  app.use(extensions)
+
+  // Загружаем и инициализируем ВСЕ модули
+  for (const [name, moduleConfig] of Object.entries(config.modules)) {
+    if (moduleConfig.loader) {
+      const mod = await moduleConfig.loader()
+      const module = mod.default || mod
+      if (module.initialize) {
+        await module.initialize(app, store, router, moduleConfig)
+      }
+    }
+  }
+
+  // Всё готово — роуты, сторы, extensions
+}
+```
+
+## Примеры для существующих модулей
+
+### auth.client.js
+
+```javascript
+import { defineAsyncComponent } from 'vue'
+import * as storeAuth from './views/store/auth.js';
+import * as storeUsers from './views/store/users.js';
+import otpPlugin from './views/plugins/otp.plugin.js';
+import popupAuthPlugin from './views/plugins/popup.auth.plugin.js';
+import addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';
+import { getAuthRoutes } from './views/router/auth.router.js';
+import { getUsersRoutes } from './views/router/users.router.js';
+import { i18nManager } from '@martyrs/src/modules/core/views/classes/i18n.manager.js';
+import locales from './locales/index.js';
+
+// Компоненты — async, не грузят код при импорте
+export const Auth = defineAsyncComponent(() => import('./views/components/layouts/Auth.vue'));
+export const Invite = defineAsyncComponent(() => import('./views/components/pages/Invite.vue'));
+export const Profile = defineAsyncComponent(() => import('./views/components/pages/Profile.vue'));
+export const ProfileEdit = defineAsyncComponent(() => import('./views/components/pages/ProfileEdit.vue'));
+export const ResetPassword = defineAsyncComponent(() => import('./views/components/pages/ResetPassword.vue'));
+export const SignIn = defineAsyncComponent(() => import('./views/components/pages/SignIn.vue'));
+export const SignUp = defineAsyncComponent(() => import('./views/components/pages/SignUp.vue'));
+export const FeaturedUsers = defineAsyncComponent(() => import('./views/components/sections/FeaturedUsers.vue'));
+export const SliderFeatures = defineAsyncComponent(() => import('./views/components/sections/SliderFeatures.vue'));
+
+function initializeAuth(app, store, router, options = {}) {
+  i18nManager.register('auth', locales);
+  addRoutes(router, { ...getAuthRoutes(options).config, parentName: getAuthRoutes(options).parentName });
+  addRoutes(router, { ...getUsersRoutes(options).config, parentName: getUsersRoutes(options).parentName });
+  store.addStore('auth', storeAuth);
+  store.addStore('users', storeUsers);
+  app.use(otpPlugin);
+  app.use(popupAuthPlugin);
+  app.provide('store', store);
+}
+
+export default { initialize: initializeAuth };
+```
+
+### inventory.client.js
+
+```javascript
+import { defineAsyncComponent } from 'vue'
+import addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';
+import routerInventory from './router/inventory.router.js';
+
+// Компоненты — async
+export const Inventory = defineAsyncComponent(() => import('./components/pages/Inventory.vue'));
+export const InventoryEdit = defineAsyncComponent(() => import('./components/pages/InventoryEdit.vue'));
+export const AdjustmentForm = defineAsyncComponent(() => import('./components/forms/AdjustmentForm.vue'));
+export const HistoryView = defineAsyncComponent(() => import('./components/forms/HistoryView.vue'));
+export const ColumnSettingsMenu = defineAsyncComponent(() => import('./components/forms/ColumnSettingsMenu.vue'));
+export const StockAlertsForm = defineAsyncComponent(() => import('./components/forms/StockAlertsForm.vue'));
+
+function initializeInventory(app, store, router, options = {}) {
+  const routeBackoffice = options.routeBackoffice || 'Backoffice Root';
+  const routeOrganizations = options.routeOrganizations || 'OrganizationRoot';
+
+  if (!options.withBackoffice) {
+    addRoutes(router, {
+      parentName: routeBackoffice,
+      basePath: 'inventory',
+      routes: routerInventory,
+      routeNamePrefix: 'Backoffice',
+      filterConfig: { include: ['InventoryList', 'InventoryAudit'] },
+      meta: { context: 'backoffice' },
+    });
+  }
+
+  if (!options.withOrganizationRoutes) {
+    addRoutes(router, {
+      parentName: routeOrganizations,
+      basePath: 'inventory',
+      routes: routerInventory,
+      routeNamePrefix: 'Organization',
+      filterConfig: { include: ['InventoryList', 'InventoryAudit'] },
+      meta: { context: 'organization' },
+    });
+  }
+
+  // Расширяет другие модули
+  app.extensions.add('backoffice:sidebar', {
+    component: defineAsyncComponent(() => import('./components/nav/InventoryNav.vue')),
+    order: 30
+  });
+
+  app.extensions.add('organization:tabs', {
+    component: defineAsyncComponent(() => import('./components/tabs/OrgInventory.vue')),
+    label: 'Inventory',
+    icon: 'inventory',
+    order: 40
+  });
+}
+
+export default { initialize: initializeInventory };
+```
+
+### orders.client.js (пример extensions)
+
+```javascript
+function initializeOrders(app, store, router, options = {}) {
+  // ... addRoutes, addStore как раньше ...
+
+  app.extensions.add('backoffice:sidebar', {
+    component: defineAsyncComponent(() => import('./components/nav/OrdersNav.vue')),
+    order: 10
+  });
+
+  app.extensions.add('backoffice:dashboard-widgets', {
+    component: defineAsyncComponent(() => import('./components/widgets/RecentOrders.vue')),
+    order: 10
+  });
+
+  app.extensions.add('organization:tabs', {
+    component: defineAsyncComponent(() => import('./components/tabs/OrgOrders.vue')),
+    label: 'Orders',
+    icon: 'orders',
+    order: 20
+  });
+
+  app.extensions.add('user:tabs', {
+    component: defineAsyncComponent(() => import('./components/tabs/UserOrders.vue')),
+    label: 'My Orders',
+    order: 10,
+    visible: (ctx) => ctx.auth?.user?._id === ctx.userId
+  });
+}
+```
+
+## Соглашение по именам слотов
+
+Формат: `module:location`
+
+```
+app:navigation              — главное меню
+app:footer                  — виджеты в футере
+
+backoffice:sidebar          — навигация бэкофиса
+backoffice:dashboard-widgets — виджеты на дашборде
+
+organization:tabs           — табы на странице организации
+organization:header-actions — кнопки в шапке организации
+
+user:tabs                   — табы в профиле пользователя
+user:header-actions         — кнопки в шапке профиля
+
+orders:detail-widgets       — виджеты на странице заказа
+events:detail-sidebar       — сайдбар на странице события
+```
+
+## Порядок загрузки
+
+```
+1. global.config.js              → список модулей + опции
+2. createExtensions()            → reactive Map для слотов
+3. Для каждого модуля:
+   a. await loader()             → быстро, компоненты в отдельных чанках
+   b. module.initialize()        → addRoutes, addStore, extensions.add
+4. createApp()                   → Vue app с роутером, сторами, extensions
+5. Рендер страницы               → ExtensionSlot рендерит расширения
+                                    defineAsyncComponent подгружает компоненты
+```
+
+## Что меняется, что нет
+
+| Что | Меняется? | Как |
+|-----|-----------|-----|
+| global.config.js | Нет | Как было — модули, опции, loader |
+| client.js экспорты компонентов | Да | `export { default as X }` → `export const X = defineAsyncComponent(...)` |
+| client.js initialize() | Да | Добавляется `app.extensions.add(...)` |
+| ModuleManager | Да | Загрузка всех модулей при старте вместо lazy per route |
+| navigation.config.js | Удаляется | Навигация через extensions |
+| core.app.js | Да | Подключение extensions + загрузка всех модулей |
+
+## Открытые вопросы
+
+1. **SSR**: При SSR все модули и так грузятся синхронно — extensions работают. `defineAsyncComponent` на сервере резолвится синхронно. Нужно проверить что `reactive(Map)` корректно сериализуется для гидратации
+2. **Порядок initialize**: Модули с зависимостями (`inventory → products`) — нужно сохранить порядок инициализации. В текущем ModuleManager это уже есть через `dependencies`
+3. **global.config routes**: Если все модули грузятся при старте, массив `routes` в конфиге больше не нужен для ленивой загрузки. Но может пригодиться для SSR (грузить только модули текущего роута)

package/src/modules/auth/controllers/routes/users.routes.js

@@ -1,12 +1,20 @@
 import middlewareFactory from '../middlewares/index.js';
 import controllerFactory from '../services/users.service.js';
+import ABAC from '@martyrs/src/modules/core/controllers/classes/abac/abac.js';
+const { getInstance } = ABAC;
 
 export default (function (app, db, origins) {
   const controller = controllerFactory(db);
   const { authJwt, verifyUser, otp } = middlewareFactory(db);
+  const abac = getInstance(db);
 
   app.post('/api/users', [authJwt.verifyToken(), verifyUser.checkDuplicateUsername], controller.create);
   app.get('/api/users', controller.read);
+  app.get('/api/users/stats',
+    authJwt.verifyToken(),
+    abac.middleware('users', 'read'),
+    controller.getStats
+  );
 
   // Профиль (без email/phone)
   app.put('/api/users/:_id', [

package/src/modules/auth/controllers/services/users.service.js

@@ -1,5 +1,6 @@
 import addMembersQuantity from '@martyrs/src/modules/organizations/controllers/utils/addMembersQuantity.js';
 import addUserStatusFields from '@martyrs/src/modules/organizations/controllers/utils/addUserStatusFields.js';
+import queryProcessorCore from '@martyrs/src/modules/core/controllers/utils/queryProcessor.js';
 import { Types } from 'mongoose';
 const ObjectId = { Types }.Types.ObjectId;
 
@@ -54,7 +55,8 @@ const controllerFactory = db => {
     }
     
     if (matchConditions.length > 0) query.push({ $match: { $and: matchConditions } });
-   
+    query.push(...queryProcessorCore.getFilterDate(req.query.dateStart, req.query.dateEnd));
+
     query.push({
       $lookup: {
         from: 'orders',
@@ -89,6 +91,7 @@ const controllerFactory = db => {
         __v: 0
       }
     });
+    query.push(...queryProcessorCore.getSortingOptions(req.query.sortParam, req.query.sortOrder));
     query.push({
       $skip: skip,
     });
@@ -168,12 +171,59 @@ const controllerFactory = db => {
       return res.status(500).send({ errorCode: 'INTERNAL_SERVER_ERROR', message: err });
     }
   };
+  const getStats = async (req, res) => {
+    try {
+      const now = new Date();
+      const startOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);
+      const thirtyDaysAgo = new Date(now.getTime() - 30 * 24 * 60 * 60 * 1000);
+
+      const startDate = req.query.startDate ? new Date(req.query.startDate) : null;
+      const endDate = req.query.endDate ? new Date(req.query.endDate) : null;
+      const dateFilter = (startDate && endDate) ? { createdAt: { $gte: startDate, $lte: endDate } } : null;
+
+      const [totals, dailyRegistrations] = await Promise.all([
+        User.aggregate([
+          ...(dateFilter ? [{ $match: dateFilter }] : []),
+          { $facet: {
+            total: [{ $count: 'count' }],
+            active: [{ $match: { status: 'active' } }, { $count: 'count' }],
+            newThisMonth: [{ $match: { createdAt: dateFilter ? { $gte: startDate, $lte: endDate } : { $gte: startOfMonth } } }, { $count: 'count' }]
+          }}
+        ]),
+        User.aggregate([
+          { $match: dateFilter || { createdAt: { $gte: thirtyDaysAgo } } },
+          { $group: {
+            _id: { $dateToString: { format: '%Y-%m-%d', date: '$createdAt' } },
+            count: { $sum: 1 }
+          }},
+          { $sort: { _id: 1 } }
+        ])
+      ]);
+
+      const facet = totals[0];
+      res.status(200).send({
+        total: facet.total[0]?.count || 0,
+        active: facet.active[0]?.count || 0,
+        newThisMonth: facet.newThisMonth[0]?.count || 0,
+        dailyRegistrations
+      });
+    } catch (err) {
+      console.error(err);
+      res.status(500).send({
+        errorCode: 'GET_USER_STATS_FAILED',
+        message: 'Error occurred while fetching user stats.',
+        error: err.message,
+      });
+    }
+  };
+
   return {
     read,
     create,
     update,
     updateEmail,
     updatePhone,
+    getStats,
   };
 };
 export default controllerFactory;

package/src/modules/auth/views/components/blocks/PopupAuth.vue

@@ -21,7 +21,7 @@
 
         <span>
           {{ t('auth.popup.haveAccount') }}
-          <a @click="handleSignIn" class="t-grey cursor-pointer">{{ t('auth.popup.signIn') }}</a>
+          <a @click="handleSignIn" class="t-dark cursor-pointer">{{ t('auth.popup.signIn') }}</a>
         </span>
       </div>
     </div>

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

@@ -1,26 +1,19 @@
 <template>
 	<div class="pd-thin">
-		<header class="mn-b-medium flex-v-center flex-nowrap flex">
-    	<h2 class="mn-r-medium">Posts</h2>
-    	<button 
-    		v-if="auth.state.user._id === route.params._id"
-    		@click="$router.push({
-    			name: 'Create BlogPost'
-    		})" 
-    		class="radius-extra t-white fw-semi i-big hover:scale-[1.05] cursor-pointer t-white bg-second">
-    			+
-    	</button>
-		</header>
-
-		<Tab 
-			v-if="auth.state.user._id === route.params._id"
-			v-model:selected="tabOrganization"
-			:tabs="[
-				{ name: 'My posts', 	value: 'posts' },
-				{ name: 'Drafts', 		value: 'drafts' },
-				{ name: 'Following', 	value: 'following' },	
-			]"
-			class="mn-b-small o-hidden h5 radius-big bg-light"
+		<SectionPageTitle
+			title="Posts"
+			:actions="auth.state.user._id === route.params._id
+				? [{ method: () => router.push({ name: routePrefix + 'CreateBlogPost', params: { _id: route.params._id } }), label: '+', class: 'radius-extra t-white fw-semi i-big hover:scale-[1.05] cursor-pointer t-white bg-second' }]
+				: []"
+			:tabs="auth.state.user._id === route.params._id
+				? [
+					{ name: 'My posts', value: 'posts' },
+					{ name: 'Drafts', value: 'drafts' },
+					{ name: 'Following', value: 'following' },
+				]
+				: null"
+			:tabs_current="tabOrganization"
+			@update:tabs_current="tabOrganization = $event"
 		/>
 
 		<Feed
@@ -58,11 +51,10 @@
 </template>
 
 <script setup>
-	import { watch, ref } from 'vue'
+	import { watch, ref, computed } from 'vue'
 	import { useRoute, useRouter } from 'vue-router'
 	// Components
-	import Tab  		from '@martyrs/src/components/Tab/Tab.vue'
-
+	import SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue'
 	import Feed from '@martyrs/src/components/Feed/Feed.vue'
 
   import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';
@@ -72,6 +64,15 @@
 	// Accessing router
 	const route = useRoute()
 	const router = useRouter()
+
+	const routePrefix = computed(() => {
+		const ctx = route.meta.context
+		if (ctx === 'user') return 'User'
+		if (ctx === 'organization') return 'Organization'
+		if (ctx === 'backoffice') return 'Backoffice'
+		return ''
+	})
+
 	// State
 	let tab = route.query.tab ? route.query.tab : 'posts';