@vc-shell/framework 1.0.132 → 1.0.134

package/dist/ui/components/organisms/vc-app/vc-app.vue.d.ts

@@ -5,7 +5,7 @@ export interface Props {
     theme?: "light" | "dark";
     title?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, Readonly<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, Readonly<{
     "app-switcher": void;
     toolbar: void;
     "toolbar:prepend": void;
@@ -16,30 +16,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             name: {
                 type: import("vue").PropType<string>;
             };
-            menuItems: {
-                type: import("vue").PropType<import("../../../../core/types").BladeMenu<import("vue").Component>[]>;
-                default: () => never[];
-            };
             avatarUrl: {
                 type: import("vue").PropType<string>;
             };
             role: {
                 type: import("vue").PropType<string>;
             };
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            name: {
-                type: import("vue").PropType<string>;
-            };
             menuItems: {
                 type: import("vue").PropType<import("../../../../core/types").BladeMenu<import("vue").Component>[]>;
                 default: () => never[];
             };
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: import("vue").PropType<string>;
+            };
             avatarUrl: {
                 type: import("vue").PropType<string>;
             };
             role: {
                 type: import("vue").PropType<string>;
             };
+            menuItems: {
+                type: import("vue").PropType<import("../../../../core/types").BladeMenu<import("vue").Component>[]>;
+                default: () => never[];
+            };
         }>>, {
             menuItems: import("../../../../core/types").BladeMenu<import("vue").Component>[];
         }, {}>;
@@ -56,30 +56,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             name: {
                 type: import("vue").PropType<string>;
             };
-            menuItems: {
-                type: import("vue").PropType<import("../../../../core/types").BladeMenu<import("vue").Component>[]>;
-                default: () => never[];
-            };
             avatarUrl: {
                 type: import("vue").PropType<string>;
             };
             role: {
                 type: import("vue").PropType<string>;
             };
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            name: {
-                type: import("vue").PropType<string>;
-            };
             menuItems: {
                 type: import("vue").PropType<import("../../../../core/types").BladeMenu<import("vue").Component>[]>;
                 default: () => never[];
             };
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: import("vue").PropType<string>;
+            };
             avatarUrl: {
                 type: import("vue").PropType<string>;
             };
             role: {
                 type: import("vue").PropType<string>;
             };
+            menuItems: {
+                type: import("vue").PropType<import("../../../../core/types").BladeMenu<import("vue").Component>[]>;
+                default: () => never[];
+            };
         }>>, {
             menuItems: import("../../../../core/types").BladeMenu<import("vue").Component>[];
         }, {}>;

package/dist/ui/components/organisms/vc-blade/_internal/vc-blade-header/vc-blade-header.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     close: (...args: any[]) => void;
     expand: (...args: any[]) => void;
     collapse: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onClose?: ((...args: any[]) => any) | undefined;
     onExpand?: ((...args: any[]) => any) | undefined;
     onCollapse?: ((...args: any[]) => any) | undefined;

package/dist/ui/components/organisms/vc-blade/_internal/vc-blade-toolbar/_internal/vc-blade-toolbar-button/vc-blade-toolbar-button.vue.d.ts

@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     clickHandler: undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     disabled: boolean;
     isExpanded: boolean;
     icon: string;

package/dist/ui/components/organisms/vc-blade/_internal/vc-blade-toolbar/vc-blade-toolbar.vue.d.ts

@@ -4,7 +4,7 @@ export interface Props {
 }
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     items: () => never[];
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     items: () => never[];
 }>>>, {
     items: IBladeToolbar<import("vue").ComponentPublicInstance>[];

package/dist/ui/components/organisms/vc-blade/vc-blade.vue.d.ts

@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     close: () => void;
     expand: () => void;
     collapse: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     width: string;
     closable: boolean;
     expandable: boolean;

package/dist/ui/components/organisms/vc-gallery/_internal/vc-gallery-item/vc-gallery-item.vue.d.ts

@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     edit: (...args: any[]) => void;
     remove: (...args: any[]) => void;
     preview: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     image: () => ICommonAsset;
     readonly: boolean;
     actions: () => {

package/dist/ui/components/organisms/vc-gallery/_internal/vc-gallery-preview/vc-gallery-preview.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     index: number;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     images: () => never[];
     index: number;
 }>>> & {

package/dist/ui/components/organisms/vc-gallery/index.d.ts

@@ -60,7 +60,7 @@ export declare const VcGallery: import("vue").DefineComponent<{
     sort: (sorted: import("../../../..").ICommonAsset[]) => void;
     edit: (image: import("../../../..").ICommonAsset) => void;
     remove: (image: import("../../../..").ICommonAsset) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: import("vue").PropType<boolean>;
     };

package/dist/ui/components/organisms/vc-gallery/vc-gallery.vue.d.ts

@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     sort: (sorted: ICommonAsset[]) => void;
     edit: (image: ICommonAsset) => void;
     remove: (image: ICommonAsset) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     images: () => never[];
     tooltipIcon: string;
     uploadIcon: string;

package/dist/ui/components/organisms/vc-login-form/vc-login-form.vue.d.ts

@@ -5,7 +5,7 @@ export interface Props {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     title: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     title: string;
 }>>>, {
     title: string;

package/dist/ui/components/organisms/vc-popup/_internal/vc-popup-error/vc-popup-error.vue.d.ts

@@ -3,7 +3,7 @@ export interface Emits {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
     onClose?: (() => any) | undefined;
 }, {}, {}>, {
     default?(_: {}): any;

package/dist/ui/components/organisms/vc-popup/_internal/vc-popup-warning/vc-popup-warning.vue.d.ts

@@ -5,7 +5,7 @@ export interface Emits {
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
     confirm: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
     onClose?: (() => any) | undefined;
     onConfirm?: (() => any) | undefined;
 }, {}, {}>, {

package/dist/ui/components/organisms/vc-popup/vc-popup.vue.d.ts

@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"default" | "warning" | "success" | "error">;
         default: string;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "confirm")[], "close" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "confirm")[], "close" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: string;

package/dist/ui/components/organisms/vc-table/_internal/vc-table-cell/vc-table-cell.vue.d.ts

@@ -3,7 +3,7 @@ export interface Props {
     cell: ITableColumns;
     item: Record<string, unknown>;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/ui/components/organisms/vc-table/_internal/vc-table-column-switcher/vc-table-column-switcher.vue.d.ts

@@ -7,7 +7,7 @@ export interface Emits {
 }
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: ITableColumns) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>> & {
     onChange?: ((value: ITableColumns) => any) | undefined;
 }, {}, {}>;
 export default _default;

package/dist/ui/components/organisms/vc-table/_internal/vc-table-counter/vc-table-counter.vue.d.ts

@@ -5,7 +5,7 @@ export interface Props {
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     label: string;
     value: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     label: string;
     value: number;
 }>>>, {

package/dist/ui/components/organisms/vc-table/_internal/vc-table-filter/vc-table-filter.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     title: undefined;
     counter: number;
     parentExpanded: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     title: undefined;
     counter: number;
     parentExpanded: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.132",
+  "version": "1.0.134",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -28,40 +28,39 @@
     "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@floating-ui/vue": "^1.0.0",
+    "@floating-ui/vue": "^1.0.2",
     "@microsoft/signalr": "^8.0.0",
-    "@vee-validate/i18n": "^4.9.4",
-    "@vee-validate/rules": "^4.11.8",
+    "@vee-validate/i18n": "^4.12.4",
+    "@vee-validate/rules": "^4.12.4",
     "@vueup/vue-quill": "^1.2.0",
-    "@vueuse/components": "^10.7.0",
-    "@vueuse/core": "^10.7.0",
-    "@vueuse/integrations": "^10.7.0",
-    "ace-builds": "^1.32.0",
-    "core-js": "^3.33.3",
-    "moment": "^2.29.4",
+    "@vueuse/components": "^10.7.1",
+    "@vueuse/core": "^10.7.1",
+    "@vueuse/integrations": "^10.7.1",
+    "ace-builds": "^1.32.2",
+    "core-js": "^3.35.0",
+    "moment": "^2.30.1",
     "normalize.css": "^8.0.1",
     "quill": "^1.3.7",
     "quill-image-uploader": "^1.3.0",
     "swiper": "^6.8.4",
-    "vee-validate": "^4.11.8",
-    "vue": "3.3.13",
+    "vee-validate": "^4.12.4",
+    "vue": "3.4.0",
     "vue-currency-input": "^3.0.5",
     "vue-i18n": "^9.8.0",
     "vue-router": "^4.2.5",
     "vue3-ace-editor": "^2.2.4",
-    "vue3-touch-events": "^4.1.8",
     "whatwg-fetch": "^3.6.19"
   },
   "devDependencies": {
-    "@vc-shell/api-client-generator": "^1.0.132",
-    "@vc-shell/config-generator": "^1.0.132",
-    "@vc-shell/ts-config": "^1.0.132",
-    "@vitejs/plugin-vue": "^4.5.1",
-    "sass": "^1.69.5",
+    "@vc-shell/api-client-generator": "^1.0.134",
+    "@vc-shell/config-generator": "^1.0.134",
+    "@vc-shell/ts-config": "^1.0.134",
+    "@vitejs/plugin-vue": "^5.0.0",
+    "sass": "^1.69.6",
     "typescript": "5.3.3",
     "vite": "4.5.0",
-    "vue-component-type-helpers": "^1.8.24",
-    "vue-tsc": "^1.8.25"
+    "vue-component-type-helpers": "^1.8.27",
+    "vue-tsc": "^1.8.27"
   },
   "publishConfig": {
     "access": "public",

package/shared/components/blade-navigation/composables/useBladeNavigation/index.ts

@@ -84,6 +84,9 @@ export function useBladeNavigation(): IUseBladeNavigation {
           components: {
             default: createdComponent,
           },
+          meta: {
+            permissions: createdComponent.type?.permissions,
+          },
         });
 
         return await router.push({ path: createdComponent.type?.url as string });

package/shared/components/blade-navigation/types/index.ts

@@ -11,6 +11,7 @@ import {
   ComponentPublicInstance,
 } from "vue";
 import { ComponentPublicInstanceConstructor } from "../../../utilities/vueUtils";
+import { MenuItemConfig } from "../../../../core/types";
 
 export type CoreBladeComponentProps = {
   expanded?: boolean;
@@ -24,28 +25,6 @@ export type CoreDynamicBladeComponentProps = {
   composables?: any;
 };
 
-export interface MenuItemConfig {
-  id?: string;
-  /**
-   * Menu item title.
-   */
-  title: string;
-  /**
-   * Menu item icon.
-   */
-  icon: string;
-  /**
-   * Menu item group. Is used to group menu items with it's provided name.
-   *
-   * If the path is not specified, the menu item is added to the root of the menu.
-   */
-  group?: string;
-  /**
-   * Position priority.
-   */
-  priority: number;
-}
-
 export type CoreBladeAdditionalSettings = {
   url?: `/${string}`;
   permissions?: string | string[];

package/shared/modules/dynamic/types/index.ts

@@ -8,9 +8,8 @@ import {
   VcStatus,
   VcVideo,
 } from "./../../../../ui/components";
-import { ITableColumns, IValidationRules } from "../../../../core/types";
+import { ITableColumns, IValidationRules, MenuItemConfig } from "../../../../core/types";
 import type { ComponentProps } from "./../../../utilities/vueUtils";
-import { MenuItemConfig } from "../../../components/blade-navigation/types";
 
 export type KeysOfUnion<T> = T extends T ? keyof T : never;
 

package/ui/components/molecules/vc-notification/vc-notification.vue

@@ -6,14 +6,18 @@
     @mouseenter="onMouseEnter"
     @mouseleave="onMouseLeave"
   >
-    <VcIcon
-      :icon="types[type ?? 'default']?.icon"
-      :style="{ color: types[type ?? 'default']?.color }"
-      size="l"
-      class="tw-mr-2"
-    ></VcIcon>
-    <div class="tw-text-[color:var(--notification-content-color)] tw-whitespace-pre-line">
-      {{ content }}
+    <div class="tw-flex tw-flex-row tw-items-center">
+      <VcIcon
+        :icon="types[type ?? 'default']?.icon"
+        :style="{ color: types[type ?? 'default']?.color }"
+        size="l"
+        class="tw-mr-2"
+      ></VcIcon>
+      <div
+        class="vc-notification__content tw-text-[color:var(--notification-content-color)] tw-whitespace-pre-line tw-overflow-auto tw-max-h-[100px]"
+      >
+        {{ content }}
+      </div>
     </div>
     <VcIcon
       icon="fas fa-times"
@@ -125,6 +129,11 @@ function onMouseLeave() {
   --notification-error: #ef796f;
   --notification-success: #87b563;
   --notification-info: #bdd1df;
+
+  --notification-scroll-color: #e1eff9;
+  --notification-scroll-color-hover: #cce4f5;
+  --notification-scroll-width: 8px;
+  --notification-scroll-shadow: 0 3px 2px rgba(0, 0, 0, 0.1) inset, 0 -3px 2px rgba(0, 0, 0, 0.1) inset;
 }
 
 .vc-notification {
@@ -133,5 +142,22 @@ function onMouseLeave() {
   .vc-app_mobile {
     @apply tw-max-w-[80%];
   }
+
+  &__content {
+    &::-webkit-scrollbar {
+      @apply tw-w-[var(--notification-scroll-width)] tw-bg-transparent;
+    }
+
+    &::-webkit-scrollbar-track {
+      @apply tw-bg-transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      @apply tw-bg-[color:var(--notification-scroll-color)]
+      tw-rounded-[calc(var(--notification-scroll-width)/2)]
+      tw-overflow-x-hidden
+      hover:tw-bg-[color:var(--notification-scroll-color-hover)];
+    }
+  }
 }
 </style>

package/ui/components/organisms/vc-app/_internal/vc-app-menu/_internal/vc-app-menu-item/_internal/vc-app-menu-link.vue

@@ -48,14 +48,15 @@
       :key="i"
     >
       <router-link
-        :to="nested.url"
+        v-if="$hasAccess(nested.permissions!)"
+        :to="nested.url!"
         custom
       >
         <div
           :key="i"
           :class="[
             {
-              'vc-app-menu-item__child-item_active': isActive(nested.url),
+              'vc-app-menu-item__child-item_active': isActive(nested.url!),
             },
             'vc-app-menu-item__child-item',
           ]"

package/ui/components/organisms/vc-app/_internal/vc-app-menu/_internal/vc-app-menu-item/vc-app-menu-item.vue

@@ -6,6 +6,7 @@
         custom
       >
         <vc-app-menu-link
+          v-if="isVisible"
           :sticky="sticky"
           :icon="icon ?? ''"
           :title="title ?? ''"
@@ -16,6 +17,7 @@
     </template>
     <template v-else>
       <vc-app-menu-link
+        v-if="isVisible"
         :children="children"
         :sticky="sticky"
         :icon="icon ?? ''"

package/ui/components/organisms/vc-app/_internal/vc-app-menu/vc-app-menu.vue

@@ -41,7 +41,7 @@
           <VcAppMenuItem
             v-for="item in menuItems"
             :key="item?.id"
-            :is-visible="true"
+            :is-visible="$hasAccess(item.permissions!)"
             :url="item.url"
             :icon="item.icon"
             :title="item.title as string"

package/ui/components/organisms/vc-app/vc-app.vue

@@ -156,7 +156,7 @@ const onMenuItemClick = function (item: MenuItem) {
       },
       true,
     );
-  } else {
+  } else if (!item.routeId && item.url) {
     router.push(item.url);
   }
 };