@ozdao/martyrs 0.2.604 → 0.2.605

package/src/modules/core/views/components/partials/CitySelection.vue

@@ -6,7 +6,7 @@
     <!-- Select city -->
     <div class="mn-b-semi">
       <!-- Description -->
-      <p class="mn-b-small t-transp p-regular">{{t('description')}}</p> 
+      <p class="mn-b-small opacity-50 p-regular">{{t('description')}}</p> 
       <!-- Input -->
       <div class="flex-nowrap flex mn-b-small pd-small radius-small bg-light">
         <span class="d-block mn-r-auto">{{t('cities[0]')}}</span>
@@ -32,7 +32,7 @@
       </div>
     </div>
     <!-- Description -->
-    <p class="mn-b-small t-transp">{{t('helpus')}}</p> 
+    <p class="mn-b-small opacity-50">{{t('helpus')}}</p> 
     <div class="pd-small p-medium radius-small bg-light">
       <a class="">hello@nms.network</a>
     </div>

package/src/modules/core/views/components/partials/Footer.centered.vue

@@ -265,7 +265,7 @@ const iconComponents = {
         <!-- Subscribe Block -->
         <div class="col">
           <h4 class="h5 fw-medium mn-b-regular">{{ t('subscribe') }}</h4>
-          <p class="t-small mn-b-small t-transp">{{ t('subscribe_text') }}</p>
+          <p class="t-small mn-b-small opacity-50">{{ t('subscribe_text') }}</p>
           
           <FieldSubscribeNewsletter
             :action="false"
@@ -323,7 +323,7 @@ const iconComponents = {
         {{ t('copyright') }} 
       </p>
 
-      <a href="https://ozdao.dev" target="_blank" rel="noopener" class="flex-nowrap flex-v-center flex fw-medium gap-thin br-1px br-light pd-thin radius-thin">
+      <a href="https://ozdao.com" target="_blank" rel="noopener" class="flex-nowrap flex-v-center flex fw-medium gap-thin br-1px br-light pd-thin radius-thin">
         <Logotype class="h-1r w-auto"/>
         <span>{{ t('ozdao') }}</span>
       </a>

package/src/modules/core/views/components/partials/Footer.vue

@@ -164,7 +164,7 @@ const iconComponents = {
         <!-- Subscribe Block -->
         <div class="col">
           <h4 class="h5 fw-medium mn-b-regular">{{ t('footer.subscribe') }}</h4>
-          <p class="t-small mn-b-small t-transp">{{ t('footer.subscribe_text') }}</p>
+          <p class="t-small mn-b-small opacity-50">{{ t('footer.subscribe_text') }}</p>
           
           <FieldSubscribeNewsletter
             :action="''"
@@ -226,7 +226,7 @@ const iconComponents = {
         {{ t('footer.copyright') }} 
       </p>
 
-      <a href="https://ozdao.dev" target="_blank" rel="noopener" class="flex-nowrap flex-v-center flex fw-medium gap-thin br-1px br-light pd-thin radius-thin">
+      <a href="https://ozdao.com" target="_blank" rel="noopener" class="flex-nowrap flex-v-center flex fw-medium gap-thin br-1px br-light pd-thin radius-thin">
         <Logotype class="h-1r w-auto"/>
         <span>{{ t('footer.ozdao') }}</span>
       </a>

package/src/modules/core/views/components/partials/Header.vue

@@ -85,8 +85,8 @@ onMounted(() => {
     id="header"
     :class="[
       headerClass ?? {
-        'pos-relative pos-t-0 br-b-1px t-black br-light': theme === 'light',
-        'pos-relative pos-t-0 br-b-1px t-white br-dark': theme === 'dark',
+        'pos-relative pos-t-0 br-b-1px t-black br-grey': theme === 'light',
+        'pos-relative pos-t-0 br-b-1px t-white br-grey': theme === 'dark',
       },
     ]"
   >
@@ -98,7 +98,7 @@ onMounted(() => {
       />
 
       <!-- LOGO -->
-      <component class="cursor-pointer h-2r" v-if="logotype" :is="logotype" @click="router.push({ path: '/' })" :theme="theme" />
+      <component class="cursor-pointer" v-if="logotype" :is="logotype" @click="router.push({ path: route.meta.context === 'backoffice' ? '/backoffice' : '/' })" :theme="theme" />
 
       <button
         class="cursor-pointer bg-transparent pd-micro radius-extra uppercase fw-semi br-2px ease-linear ws-nowrap"

package/src/modules/core/views/components/partials/LocationSelection.vue

@@ -3,7 +3,7 @@
 		<p class="h1 mn-b-medium">🌍</p>
 		
 		<h3 class="mn-b-semi">{{t('title')}}</h3>
-		<p class="mn-b-small t-transp p-regular">{{t('description')}}</p> 
+		<p class="mn-b-small opacity-50 p-regular">{{t('description')}}</p> 
 		
 		<Address
 			:key="$i18n.locale"

package/src/modules/core/views/components/partials/Navigation.vue

@@ -89,7 +89,7 @@ const processRoute = (routeFn) => {
     >
       <div
         v-if="section.category && stateSidebar && !horizontal"
-        class="uppercase fw-medium t-transp p-small"
+        class="uppercase fw-medium opacity-50 p-small"
         :class="{
           't-black': theme === 'light',
           't-white':  theme === 'dark'

package/src/modules/core/views/components/sections/Filters.vue

@@ -31,7 +31,7 @@
       :isPopupOpen="showAllFilters"
       @close-popup="closeAllFilters"
       :align="isPhone() ? 'bottom center' : 'center center'"
-      class="w-min-20r bg-white radius-medium mobile:radius-zero mobile:radius-tr-medium mobile:radius-tl-medium mobile:w-100 pd-medium"
+      class="w-clamp-20r-20r-100 bg-white radius-medium mobile:radius-zero mobile:radius-tr-medium mobile:radius-tl-medium pd-medium"
     >
       <FiltersGroup
         :filters="filters"
@@ -51,7 +51,7 @@
       :isPopupOpen="individualPopups[filter.value]"
       @close-popup="cancelFilter(filter.value)"
       :align="isPhone() ? 'bottom center' : 'center center'"
-      class="bg-white radius-medium mobile:radius-zero mobile:radius-tr-medium mobile:radius-tl-medium mobile:w-100 pd-medium"
+      class="bg-white radius-medium w-clamp-20r-20r-100 mobile:radius-zero mobile:radius-tr-medium mobile:radius-tl-medium pd-medium"
     >
       <h4 class="mn-b-medium">{{ filter.title }}</h4>
 

package/src/modules/core/views/components/sections/SectionPageTitle.vue

@@ -18,7 +18,7 @@
         <router-link
           v-else-if="action.to"
           :to="action.to"
-          :class="action.class || 'radius-extra pd-small pd-r-medium pd-l-medium p-regular uppercase fw-medium hover:scale-[1.05] ease cursor-pointer t-white bg-second flex-center flex'"
+          :class="action.class || 'radius-small pd-small pd-r-medium pd-l-medium p-regular uppercase fw-medium hover:scale-[1.05] ease cursor-pointer t-white bg-second flex-center flex'"
         >
           {{ action.label }}
         </router-link>
@@ -26,7 +26,7 @@
         <button
           v-else-if="action.method"
           @click="action.method"
-          :class="action.class || 'radius-extra pd-thin uppercase fw-medium hover:scale-[1.05] ease cursor-pointer t-white bg-second flex-center flex'"
+          :class="action.class || 'radius-small pd-small uppercase fw-medium transition-ease hover:scale-[1.05] ease cursor-pointer t-white bg-second flex-center flex'"
         >
           {{ action.label }}
         </button>

package/src/modules/core/views/components/sections/Walkthrough.vue

@@ -23,7 +23,7 @@
 
 	        <h3 class="h3 mn-b-medium">Welcome to 3SR</h3>
 	        
-	        <p class="p-regular t-transp mn-b-big">
+	        <p class="p-regular opacity-50 mn-b-big">
 	          Access premium cameras, lenses, lighting, and audio gear through our app designed for filmmakers and content creators.
 	        </p>
 
@@ -44,7 +44,7 @@
           </div>
 
 	        <h3 class="h3 mn-b-medium">Stay in the Loop</h3>
-	        <p class="p-regular t-transp mn-b-big">
+	        <p class="p-regular opacity-50 mn-b-big">
 	          Get instant notifications about equipment availability, booking confirmations, and exclusive deals from our rental platform.
 	        </p>
 
@@ -69,7 +69,7 @@
           </div>
 
           <h3 class="h3 mn-b-medium">Find Nearby Equipment</h3>
-          <p class="p-regular t-transp mn-b-big">
+          <p class="p-regular opacity-50 mn-b-big">
             Discover rental locations and equipment availability near you. We'll show you the closest pickup points and delivery options.
           </p>
 
@@ -93,7 +93,7 @@
           </div>
 
           <h3 class="h3 mn-b-medium">Personalized Experience</h3>
-          <p class="p-regular t-transp mn-b-big">
+          <p class="p-regular opacity-50 mn-b-big">
             Allow us to provide you with personalized recommendations and improve your app experience based on your preferences.
           </p>
 
@@ -117,12 +117,12 @@
 	      		class="i-extra radius-medium mn-b-small"
 	      	>
 	      	<h3 class="h3 mn-b-medium">Ready to Rent?</h3>
-	      	<p class="p-regular t-transp mn-b-big">Join thousands of creators who trust 3SR for their professional video equipment needs. Choose how you'd like to get started.</p>
+	      	<p class="p-regular opacity-50 mn-b-big">Join thousands of creators who trust 3SR for their professional video equipment needs. Choose how you'd like to get started.</p>
 	    
 	      	<button @click="openFirstRoute('Sign Up')" class="bg-main p-semi w-100 button mn-b-thin">Create Account</button> 
 	      	<button @click="openFirstRoute('Sign In')" class="bg-light t-black p-semi w-100 button mn-b-semi">Sign In</button>
 
-		      <p class="p-small mn-b-medium t-transp">Or explore as a guest:</p> 
+		      <p class="p-small mn-b-medium opacity-50">Or explore as a guest:</p> 
 	      	<button @click="setFirstUseFalse()" class="bg-light p-semi w-max button">Continue as Guest</button>
       	</div>
 	    </div>

package/src/modules/core/views/mixins/mixins.js

@@ -1,5 +1,6 @@
 import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';
 import { i18nManager } from '@martyrs/src/modules/core/views/classes/i18n.manager.js';
+import { parsePhoneNumberFromString } from 'libphonenumber-js';
 
 // useGlobalMixins.js
 export function useGlobalMixins() {
@@ -267,6 +268,13 @@ export function useGlobalMixins() {
     return matchMediaSafe(`(min-width: ${minWidth})`).matches;
   };
 
+  const formatPhone = (phone) => {
+    if (!phone) return ''
+    const str = String(phone).startsWith('+') ? phone : `+${phone}`
+    const parsed = parsePhoneNumberFromString(str)
+    return parsed ? parsed.formatInternational() : phone
+  }
+
   const isFlipPhone = () => isMediaMax('--flip-phone-max');
   const isPhone = () => isMediaMax('--phone-landscape-max');
 
@@ -298,6 +306,13 @@ export function useGlobalMixins() {
 
   const isXXLDesktop = () => isMediaMin('--xxl-desktop-min');
 
+  const isPWA = () => {
+    if (!isClientSide) return false;
+    return window.matchMedia('(display-mode: standalone)').matches
+      || window.matchMedia('(display-mode: minimal-ui)').matches
+      || window.navigator.standalone === true;
+  };
+
   return {
     isModuleInstalled,
     isAdmin,
@@ -312,6 +327,7 @@ export function useGlobalMixins() {
     getMarketplaceLink,
     getSpotsLink,
     generateFilters,
+    formatPhone,
     // Брейкпоинты
     getCssVar,
     isMediaMax,
@@ -324,6 +340,7 @@ export function useGlobalMixins() {
     isDesktop,
     isXLDesktop,
     isXXLDesktop,
+    isPWA,
   };
 }
 

package/src/modules/core/views/plugins/date-picker.plugin.js

@@ -14,7 +14,7 @@ const state = reactive({
   variantId: null,
   quantity: 1,
   price: 0,
-  options: { showFees: false, feesRate: 0.15, showVat: false, vatRate: 0 },
+  options: { showFees: false, feesRate: 0.15, showVat: false, vatRate: 0, enableTime: false },
   resolve: null,
   reject: null
 })
@@ -22,10 +22,10 @@ const state = reactive({
 function getDefaultOptions() {
   const store = useStore();
   return {
-    showFees: store.core.state.options?.orders?.showFees || false,
-    feesRate: store.core.state.options?.orders?.feesRate || 0.15,
-    showVat: store.core.state.options?.orders?.showVat || false,
-    vatRate: store.core.state.options?.orders?.vatRate || 0
+    showFees: store.core.state.options?.orders?.showFees ?? false,
+    feesRate: store.core.state.options?.orders?.feesRate ?? 0.15,
+    showVat: store.core.state.options?.orders?.showVat ?? false,
+    vatRate: store.core.state.options?.orders?.vatRate ?? 0
   }
 }
 
@@ -70,6 +70,9 @@ const DateSelectorHost = defineComponent({
             feesRate: state.options.feesRate,
             showVat: state.options.showVat,
             vatRate: state.options.vatRate,
+            enableTime: state.options.enableTime || false,
+            initialDates: state.options.initialDates || null,
+            periodType: state.options.periodType || 'day',
             showCancelButton: state.options.showCancelButton || false,
             onConfirm: confirmSelection,
             onCancel: state.options.onCancel || cancelSelection,

package/src/modules/core/views/store/core.store.js

@@ -337,6 +337,11 @@ export function createStore() {
 // Синглтон для клиента
 let clientStore = null;
 
+// Экспорт для использования als.run() в renderApp
+export async function getSSRLocalStorage() {
+  return getAsyncLocalStorage();
+}
+
 // AsyncLocalStorage для SSR (изоляция per-request)
 export async function setSSRStore(store) {
   if (typeof window === 'undefined') {

package/src/modules/core/views/utils/vue-app-renderer.js

@@ -145,6 +145,11 @@ export function renderAndMountApp({ createApp, hooks = {} }) {
     const measure24 = performance.getEntriesByName('loading-24')[0];
     console.log(`[LOADING 24] InitialState parsed and applied in ${measure24?.duration?.toFixed(2)}ms`);
 
+    // Подключаем router ПОСЛЕ гидратации state, чтобы route guards имели доступ к auth state
+    if (!app.config.globalProperties.$router) {
+      app.use(router);
+    }
+
     await router.isReady();
 
     // [LOADING 25] Mounting the application

package/src/modules/events/components/pages/EditEventTickets.vue

@@ -15,19 +15,19 @@
     <Block v-if="stats" title="Statistics" class="mn-b-thin">
       <div class="cols-4 mobile:cols-2 gap-thin">
         <div class="bg-white radius-medium pd-medium">
-          <p class="p-small fw-medium t-transp uppercase mn-b-thin">Total Tickets</p>
+          <p class="p-small fw-medium opacity-50 uppercase mn-b-thin">Total Tickets</p>
           <h2 class="h2">{{ stats.total }}</h2>
         </div>
         <div class="bg-white radius-medium pd-medium">
-          <p class="p-small fw-medium t-transp uppercase mn-b-thin">Sold</p>
+          <p class="p-small fw-medium opacity-50 uppercase mn-b-thin">Sold</p>
           <h2 class="h2 t-main">{{ stats.sold }}</h2>
         </div>
         <div class="bg-white radius-medium pd-medium">
-          <p class="p-small fw-medium t-transp uppercase mn-b-thin">Free</p>
+          <p class="p-small fw-medium opacity-50 uppercase mn-b-thin">Free</p>
           <h2 class="h2 t-dark">{{ stats.free }}</h2>
         </div>
         <div class="bg-white radius-medium pd-medium">
-          <p class="p-small fw-medium t-transp uppercase mn-b-thin">Refunds</p>
+          <p class="p-small fw-medium opacity-50 uppercase mn-b-thin">Refunds</p>
           <h2 class="h2 t-red">{{ stats.refunded }}</h2>
         </div>
       </div>
@@ -40,15 +40,15 @@
       <!-- General Stats -->
       <div class="flex-nowrap flex gap-thin mn-b-medium">
         <div class="bg-white radius-small pd-small">
-          <span class="p-micro t-transp uppercase d-block mn-b-thin">Total</span>
+          <span class="p-micro opacity-50 uppercase d-block mn-b-thin">Total</span>
           <p class="p-medium fw-medium">{{ attendance.total }}</p>
         </div>
         <div class="bg-white radius-small pd-small">
-          <span class="p-micro t-transp uppercase d-block mn-b-thin">Expected</span>
+          <span class="p-micro opacity-50 uppercase d-block mn-b-thin">Expected</span>
           <p class="p-medium fw-medium">{{ attendance.expected }}</p>
         </div>
         <div class="bg-white radius-small pd-small">
-          <span class="p-micro t-transp uppercase d-block mn-b-thin">Arrived</span>
+          <span class="p-micro opacity-50 uppercase d-block mn-b-thin">Arrived</span>
           <p class="p-medium fw-medium t-main">{{ attendance.arrived }}</p>
         </div>
       </div>
@@ -171,7 +171,7 @@
           <h4 class="mn-b-thin flex-nowrap flex gap-thin">
             <span>{{ ticket.client_refactor?.name || 'No name' }}</span><span v-if="ticket.seat" class="pd-thin radius-micro p-small bg-second t-white"> {{ ticket.seat }}</span>
           </h4>
-          <p class="p-small t-transp mn-b-thin">
+          <p class="p-small opacity-50 mn-b-thin">
             {{ ticket.client_refactor?.email || 'No email' }}
           </p>
           <span
@@ -188,7 +188,7 @@
 
         <!-- Actions -->
         <Dropdown
-          :label="{ component: IconEllipsis, class: 't-transp i-regular' }"
+          :label="{ component: IconEllipsis, class: 'opacity-50 i-regular' }"
           :align="'right'"
           class="cursor-pointer radius-small pd-small bg-white flex-shrink-0"
         >

package/src/modules/events/components/pages/Event.vue

@@ -89,7 +89,7 @@
               @updateTicket="handleTicketUpdate"
             />
 
-            <p v-if="event?.ticketsTypes.length > 0" class="z-index-1 t-transp p-small mn-t-small ">Buy ticket online with special price:</p>
+            <p v-if="event?.ticketsTypes.length > 0" class="z-index-1 opacity-50 p-small mn-t-small ">Buy ticket online with special price:</p>
             <Countdown 
               v-if="event?.date?.start && event?.ticketsTypes?.length > 0"
               class="mn-t-thin radius-medium bg-white w-100"
@@ -136,7 +136,7 @@ import ButtonJoin from '@martyrs/src/modules/events/components/elements/ButtonJo
 import Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';
 
 import Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';
-import User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';
+import User from '@martyrs/src/modules/core/views/components/blocks/CardUser.vue';
 
 import * as events from '@martyrs/src/modules/events/store/events.js';
 import * as tickets from '@martyrs/src/modules/events/store/tickets.js';

package/src/modules/events/components/sections/EditTickets.vue

@@ -25,7 +25,7 @@
 
       <div class="w-100">
         <p class="p-regular mn-b-thin fw-medium d-block">{{ ticket.name || 'Unnamed ticket' }}</p>
-        <p class="fw-medium t-transp">{{ returnCurrency() }}{{ ticket.price }}</p>
+        <p class="fw-medium opacity-50">{{ returnCurrency() }}{{ ticket.price }}</p>
       </div>
 
       <div class="flex gap-thin">

package/src/modules/events/components/sections/SelectDate.vue

@@ -12,7 +12,7 @@
         @click="handleDateSelect(date)"
       >
         <p class="mn-b-small p-medium fw-medium">{{ date.label }}</p>
-        <div class="p-regular t-transp">{{ date.range }}</div>
+        <div class="p-regular opacity-50">{{ date.range }}</div>
       </div>
     </div>
   </div>

package/src/modules/events/events.client.js

@@ -23,7 +23,7 @@ import List from './components/sections/List.vue';
 
 function initializeEvents(app, store, router, options = {}) {
   // Root: /events/*
-  addRoutes(router, {
+  if (!options.contexts || options.contexts.includes('client')) addRoutes(router, {
     parentName: options.route || 'Home',
     basePath: options.basePath || 'events',
     routes: routerRoot,
@@ -31,7 +31,7 @@ function initializeEvents(app, store, router, options = {}) {
   });
 
   // User: /users/:_id/events/*
-  if (!options.withUserRoutes) {
+  if (!options.contexts || options.contexts.includes('user')) {
     addRoutes(router, {
       parentName: options.routeUser || 'User Profile Root',
       basePath: 'events',
@@ -42,7 +42,7 @@ function initializeEvents(app, store, router, options = {}) {
   }
 
   // Organization: /organizations/:_id/events/*
-  if (!options.withOrganizationRoutes) {
+  if (!options.contexts || options.contexts.includes('organization')) {
     addRoutes(router, {
       parentName: options.routeOrganizations || 'OrganizationRoot',
       basePath: 'events',
@@ -53,7 +53,7 @@ function initializeEvents(app, store, router, options = {}) {
   }
 
   // Backoffice: /backoffice/events/*
-  if (!options.withBackoffice) {
+  if (!options.contexts || options.contexts.includes('backoffice')) {
     addRoutes(router, {
       parentName: options.routeBackoffice || 'Backoffice Root',
       basePath: 'events',

package/src/modules/gallery/components/sections/BackofficeGallery.vue

@@ -12,7 +12,7 @@
         { name: 'Archived', value: 'archived' }
       ]"
       :actions="[
-        ...(hasAccess(route.params._id, 'gallery', 'create', auth.state.accesses, auth.state.access.roles) ? [{ method: () => openPhotoPopup(null), label: 'Add Photo' }] : [])
+        ...(hasAccess(route.params._id, 'gallery', 'create', auth.state.accesses, auth.state.access.roles) ? [{ method: () => openPhotoPopup(null), label: '+ Add Photo' }] : [])
       ]"
       class="mn-b-small bg-light bg-light radius-big"
     />

package/src/modules/gallery/router/gallery.router.js

@@ -12,7 +12,7 @@ export function getRoutes(options = {}) {
   const routes = [];
 
   // Home контекст
-  routes.push({
+  if (!options.contexts || options.contexts.includes('client')) routes.push({
     parentName: route,
     config: {
       basePath: options.basePath || 'gallery',
@@ -41,7 +41,7 @@ export function getRoutes(options = {}) {
   });
 
   // Backoffice контекст
-  if (!options.withBackoffice) {
+  if (!options.contexts || options.contexts.includes('backoffice')) {
     routes.push({
       parentName: routeBackoffice,
       config: {
@@ -82,7 +82,7 @@ export function getRoutes(options = {}) {
   }
 
   // Organizations контекст
-  if (!options.withOrganizationRoutes) {
+  if (!options.contexts || options.contexts.includes('organization')) {
     routes.push({
       parentName: routeOrganizations,
       config: {

package/src/modules/governance/middlewares/sprints.verifier.js

@@ -24,7 +24,7 @@ export default function(db) {
       default: 'not_started',
       validator: Validator.schema()
         .string()
-        .oneOf(['not_started', 'in_progress', 'completed', 'blocked', 'cancelled'], 'Invalid status')
+        .oneOf(['not_started', 'in_progress', 'completed', 'blocked', 'canceled'], 'Invalid status')
     },
     startDate: {
       rule: 'required',
@@ -114,7 +114,7 @@ export default function(db) {
       rule: 'optional',
       validator: Validator.schema()
         .string()
-        .oneOf(['not_started', 'in_progress', 'completed', 'blocked', 'cancelled'], 'Invalid status')
+        .oneOf(['not_started', 'in_progress', 'completed', 'blocked', 'canceled'], 'Invalid status')
     },
     owner: {
       rule: 'optional',
@@ -169,7 +169,7 @@ export default function(db) {
       rule: 'optional',
       validator: Validator.schema()
         .string()
-        .oneOf(['not_started', 'in_progress', 'completed', 'blocked', 'cancelled'], 'Invalid status')
+        .oneOf(['not_started', 'in_progress', 'completed', 'blocked', 'canceled'], 'Invalid status')
     },
     startDate: {
       rule: 'optional',

package/src/modules/governance/middlewares/tasks.verifier.js

@@ -24,7 +24,7 @@ export default function(db) {
       default: 'not_started',
       validator: Validator.schema()
         .string()
-        .oneOf(['proposed', 'voting', 'not_started', 'in_progress', 'review', 'completed', 'blocked', 'cancelled'], 'Invalid status')
+        .oneOf(['proposed', 'voting', 'not_started', 'in_progress', 'review', 'completed', 'blocked', 'canceled'], 'Invalid status')
     },
     assignedTo: {
       rule: 'optional',
@@ -111,7 +111,7 @@ export default function(db) {
       rule: 'optional',
       validator: Validator.schema()
         .string()
-        .oneOf(['proposed', 'voting', 'not_started', 'in_progress', 'review', 'completed', 'blocked', 'cancelled'], 'Invalid status')
+        .oneOf(['proposed', 'voting', 'not_started', 'in_progress', 'review', 'completed', 'blocked', 'canceled'], 'Invalid status')
     },
     priority: {
       rule: 'optional',
@@ -166,7 +166,7 @@ export default function(db) {
       rule: 'optional',
       validator: Validator.schema()
         .string()
-        .oneOf(['proposed', 'voting', 'not_started', 'in_progress', 'review', 'completed', 'blocked', 'cancelled'], 'Invalid status')
+        .oneOf(['proposed', 'voting', 'not_started', 'in_progress', 'review', 'completed', 'blocked', 'canceled'], 'Invalid status')
     },
     assignedTo: {
       rule: 'optional',

package/src/modules/governance/models/sprint.model.js

@@ -10,7 +10,7 @@ export default db => {
       },
       status: {
         type: String,
-        enum: ['not_started', 'in_progress', 'completed', 'blocked', 'cancelled'],
+        enum: ['not_started', 'in_progress', 'completed', 'blocked', 'canceled'],
         default: 'not_started',
       },
       startDate: {

package/src/modules/governance/models/task.model.js

@@ -10,7 +10,7 @@ export default db => {
       },
       status: {
         type: String,
-        enum: ['proposed', 'voting', 'not_started', 'in_progress', 'review', 'completed', 'blocked', 'cancelled'],
+        enum: ['proposed', 'voting', 'not_started', 'in_progress', 'review', 'completed', 'blocked', 'canceled'],
         default: 'not_started',
       },
       assignedTo: {

package/src/modules/governance/reactcode/src/components/TaskStatusBadge.tsx

@@ -10,7 +10,7 @@ const statusConfig: Record<string, { label: string; color: string }> = {
   review: { label: 'Review', color: 'bg-purple-100 text-purple-700' },
   completed: { label: 'Completed', color: 'bg-green-100 text-green-700' },
   blocked: { label: 'Blocked', color: 'bg-red-100 text-red-700' },
-  cancelled: { label: 'Cancelled', color: 'bg-gray-200 text-gray-600' },
+  canceled: { label: 'Canceled', color: 'bg-gray-200 text-gray-600' },
   draft: { label: 'Draft', color: 'bg-gray-100 text-gray-700' },
   active: { label: 'Active', color: 'bg-green-100 text-green-700' },
   archived: { label: 'Archived', color: 'bg-gray-200 text-gray-600' },

package/src/modules/governance/views/components/blocks/CardInitiativeItem.vue

@@ -39,7 +39,7 @@ const coverUrl = computed(() => {
       <div class="pd-small">
         <div class="flex flex-justify-between flex-v-center mn-b-small">
           <TaskStatusBadge :status="initiative.status" />
-          <div v-if="sprintCount > 0" class="flex flex-v-center t-transp p-small">
+          <div v-if="sprintCount > 0" class="flex flex-v-center opacity-50 p-small">
             <svg class="i-regular mn-r-thin" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
               <path d="M12 2L2 7l10 5 10-5-10-5z"/>
               <path d="M2 17l10 5 10-5"/>
@@ -51,10 +51,10 @@ const coverUrl = computed(() => {
         <h3 class="h4 fw-medium mn-b-small hover:t-main ease-cubic-in-out truncate">
           {{ initiative.title }}
         </h3>
-        <p class="p-small t-transp mn-b-medium line-clamp-2">
+        <p class="p-small opacity-50 mn-b-medium line-clamp-2">
           {{ initiative.description }}
         </p>
-        <div v-if="createdDate" class="flex flex-v-center t-transp p-small">
+        <div v-if="createdDate" class="flex flex-v-center opacity-50 p-small">
           <IconCalendar class="i-regular mn-r-thin" :fill="'currentColor'" />
           <span>{{ formatDate(createdDate, { dateOnly: true }) }}</span>
         </div>

package/src/modules/governance/views/components/blocks/CardSprintItem.vue

@@ -32,7 +32,7 @@ const props = defineProps({
 
       <div class="mn-b-medium">
         <div class="flex flex-justify-between mn-b-small p-small">
-          <span class="t-transp">Progress</span>
+          <span class="opacity-50">Progress</span>
           <span class="fw-medium">{{ sprint.progress }}%</span>
         </div>
         <div class="w-100 bg-light radius-thin h-thin o-hidden">
@@ -44,13 +44,13 @@ const props = defineProps({
       </div>
 
       <div class="flex flex-justify-between p-small">
-        <div class="flex flex-v-center t-transp">
+        <div class="flex flex-v-center opacity-50">
           <IconCalendar class="i-regular mn-r-thin" :fill="'currentColor'" />
           <span>
             {{ formatDate(sprint.startDate, { dayMonth: true }) }} - {{ formatDate(sprint.dueDate, { dayMonth: true }) }}
           </span>
         </div>
-        <div class="flex flex-v-center t-transp">
+        <div class="flex flex-v-center opacity-50">
           <IconCheckmark class="i-regular mn-r-thin" :fill="'currentColor'" />
           <span>{{ sprint.taskCount }}</span>
         </div>
@@ -62,7 +62,7 @@ const props = defineProps({
           :alt="sprint.owner.name"
           class="i-medium radius-medium"
         />
-        <span class="mn-l-thin p-small t-transp">{{ sprint.owner.name }}</span>
+        <span class="mn-l-thin p-small opacity-50">{{ sprint.owner.name }}</span>
       </div>
     </div>
   </router-link>

package/src/modules/governance/views/components/blocks/CardTaskItem.vue

@@ -43,14 +43,14 @@ const borderColor = computed(() => priorityConfig[props.task.priority] || priori
         <span
           v-for="tag in task.tags"
           :key="tag"
-          class="pd-thin radius-thin bg-white t-transp p-small fw-medium"
+          class="pd-thin radius-thin bg-white opacity-50 p-small fw-medium"
         >
           {{ tag }}
         </span>
       </div>
 
       <div class="flex flex-justify-between flex-v-center">
-        <div v-if="task.dueDate" class="flex flex-v-center p-small t-transp">
+        <div v-if="task.dueDate" class="flex flex-v-center p-small opacity-50">
           <IconCalendar class="i-regular mn-r-thin" :fill="'currentColor'" />
           <span>{{ formatDate(task.dueDate, { dayMonth: true }) }}</span>
         </div>