@devstroupe/devkit-cli 1.0.0 → 1.1.0

package/dist/boilerplates/angular-template/node_modules/.bin/acorn

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/acorn@8.17.0/node_modules/acorn/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/acorn@8.17.0/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/acorn@8.17.0/node_modules/acorn/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/acorn@8.17.0/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/acorn@8.17.0/node_modules/acorn/bin/acorn" "$@"
+else
+  exec node  "$basedir/../../../../node_modules/.pnpm/acorn@8.17.0/node_modules/acorn/bin/acorn" "$@"
+fi

package/dist/boilerplates/angular-template/node_modules/.bin/eslint

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/eslint@10.6.0_jiti@2.7.0/node_modules/eslint/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/eslint@10.6.0_jiti@2.7.0/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/eslint@10.6.0_jiti@2.7.0/node_modules/eslint/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/eslint@10.6.0_jiti@2.7.0/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/eslint@10.6.0_jiti@2.7.0/node_modules/eslint/bin/eslint.js" "$@"
+else
+  exec node  "$basedir/../../../../node_modules/.pnpm/eslint@10.6.0_jiti@2.7.0/node_modules/eslint/bin/eslint.js" "$@"
+fi

package/dist/boilerplates/angular-template/node_modules/.bin/js-yaml

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/@zkochan+js-yaml@0.0.7/node_modules/@zkochan/js-yaml/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/@zkochan+js-yaml@0.0.7/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/@zkochan+js-yaml@0.0.7/node_modules/@zkochan/js-yaml/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/@zkochan+js-yaml@0.0.7/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/@zkochan+js-yaml@0.0.7/node_modules/@zkochan/js-yaml/bin/js-yaml.js" "$@"
+else
+  exec node  "$basedir/../../../../node_modules/.pnpm/@zkochan+js-yaml@0.0.7/node_modules/@zkochan/js-yaml/bin/js-yaml.js" "$@"
+fi

package/dist/boilerplates/angular-template/node_modules/.bin/ng

@@ -10,9 +10,9 @@ case `uname` in
 esac
 
 if [ -z "$NODE_PATH" ]; then
-  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/@angular+cli@21.0.6_@types+node@20.19.43_hono@4.12.27/node_modules/@angular/cli/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/@angular+cli@21.0.6_@types+node@20.19.43_hono@4.12.27/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules"
+  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/@angular+cli@21.0.6_@types+node@20.19.43_chokidar@5.0.0_hono@4.12.27/node_modules/@angular/cli/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/@angular+cli@21.0.6_@types+node@20.19.43_chokidar@5.0.0_hono@4.12.27/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules"
 else
-  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/@angular+cli@21.0.6_@types+node@20.19.43_hono@4.12.27/node_modules/@angular/cli/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/@angular+cli@21.0.6_@types+node@20.19.43_hono@4.12.27/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules:$NODE_PATH"
+  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/@angular+cli@21.0.6_@types+node@20.19.43_chokidar@5.0.0_hono@4.12.27/node_modules/@angular/cli/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/@angular+cli@21.0.6_@types+node@20.19.43_chokidar@5.0.0_hono@4.12.27/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules:$NODE_PATH"
 fi
 if [ -x "$basedir/node" ]; then
   exec "$basedir/node"  "$basedir/../@angular/cli/bin/ng.js" "$@"

package/dist/boilerplates/angular-template/node_modules/.bin/nx

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/nx@23.0.1/node_modules/nx/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/nx@23.0.1/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/nx@23.0.1/node_modules/nx/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/nx@23.0.1/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/nx@23.0.1/node_modules/nx/dist/bin/nx.js" "$@"
+else
+  exec node  "$basedir/../../../../node_modules/.pnpm/nx@23.0.1/node_modules/nx/dist/bin/nx.js" "$@"
+fi

package/dist/boilerplates/angular-template/node_modules/.bin/nx-cloud

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/nx@23.0.1/node_modules/nx/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/nx@23.0.1/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/nx@23.0.1/node_modules/nx/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/nx@23.0.1/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/nx@23.0.1/node_modules/nx/dist/bin/nx-cloud.js" "$@"
+else
+  exec node  "$basedir/../../../../node_modules/.pnpm/nx@23.0.1/node_modules/nx/dist/bin/nx-cloud.js" "$@"
+fi

package/dist/boilerplates/angular-template/node_modules/.bin/sass

@@ -10,12 +10,12 @@ case `uname` in
 esac
 
 if [ -z "$NODE_PATH" ]; then
-  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/sass@1.97.3/node_modules/sass/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/sass@1.97.3/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules"
+  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/sass@1.100.0/node_modules/sass/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/sass@1.100.0/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules"
 else
-  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/sass@1.97.3/node_modules/sass/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/sass@1.97.3/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules:$NODE_PATH"
+  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/sass@1.100.0/node_modules/sass/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/sass@1.100.0/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules:$NODE_PATH"
 fi
 if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/sass@1.97.3/node_modules/sass/sass.js" "$@"
+  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/sass@1.100.0/node_modules/sass/sass.js" "$@"
 else
-  exec node  "$basedir/../../../../node_modules/.pnpm/sass@1.97.3/node_modules/sass/sass.js" "$@"
+  exec node  "$basedir/../../../../node_modules/.pnpm/sass@1.100.0/node_modules/sass/sass.js" "$@"
 fi

package/dist/boilerplates/angular-template/node_modules/.bin/vite

@@ -10,12 +10,12 @@ case `uname` in
 esac
 
 if [ -z "$NODE_PATH" ]; then
-  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/vite@7.3.5_@types+node@20.19.43_jiti@2.7.0_less@4.4.2_lightningcss@1.32.0_sass-embedded_35e3be6e2ec5ed5742b6ca2bfcdede72/node_modules/vite/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/vite@7.3.5_@types+node@20.19.43_jiti@2.7.0_less@4.4.2_lightningcss@1.32.0_sass-embedded_35e3be6e2ec5ed5742b6ca2bfcdede72/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules"
+  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/vite@7.3.5_@types+node@20.19.43_jiti@2.7.0_less@4.4.2_lightningcss@1.32.0_sass-embedded_acddd9f13a5ef45c06c677cd51fbc549/node_modules/vite/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/vite@7.3.5_@types+node@20.19.43_jiti@2.7.0_less@4.4.2_lightningcss@1.32.0_sass-embedded_acddd9f13a5ef45c06c677cd51fbc549/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules"
 else
-  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/vite@7.3.5_@types+node@20.19.43_jiti@2.7.0_less@4.4.2_lightningcss@1.32.0_sass-embedded_35e3be6e2ec5ed5742b6ca2bfcdede72/node_modules/vite/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/vite@7.3.5_@types+node@20.19.43_jiti@2.7.0_less@4.4.2_lightningcss@1.32.0_sass-embedded_35e3be6e2ec5ed5742b6ca2bfcdede72/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules:$NODE_PATH"
+  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/vite@7.3.5_@types+node@20.19.43_jiti@2.7.0_less@4.4.2_lightningcss@1.32.0_sass-embedded_acddd9f13a5ef45c06c677cd51fbc549/node_modules/vite/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/vite@7.3.5_@types+node@20.19.43_jiti@2.7.0_less@4.4.2_lightningcss@1.32.0_sass-embedded_acddd9f13a5ef45c06c677cd51fbc549/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules:$NODE_PATH"
 fi
 if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/vite@7.3.5_@types+node@20.19.43_jiti@2.7.0_less@4.4.2_lightningcss@1.32.0_sass-embedded_35e3be6e2ec5ed5742b6ca2bfcdede72/node_modules/vite/bin/vite.js" "$@"
+  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/vite@7.3.5_@types+node@20.19.43_jiti@2.7.0_less@4.4.2_lightningcss@1.32.0_sass-embedded_acddd9f13a5ef45c06c677cd51fbc549/node_modules/vite/bin/vite.js" "$@"
 else
-  exec node  "$basedir/../../../../node_modules/.pnpm/vite@7.3.5_@types+node@20.19.43_jiti@2.7.0_less@4.4.2_lightningcss@1.32.0_sass-embedded_35e3be6e2ec5ed5742b6ca2bfcdede72/node_modules/vite/bin/vite.js" "$@"
+  exec node  "$basedir/../../../../node_modules/.pnpm/vite@7.3.5_@types+node@20.19.43_jiti@2.7.0_less@4.4.2_lightningcss@1.32.0_sass-embedded_acddd9f13a5ef45c06c677cd51fbc549/node_modules/vite/bin/vite.js" "$@"
 fi

package/dist/boilerplates/angular-template/node_modules/.bin/webpack

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/webpack@5.106.2_lightningcss@1.32.0_postcss@8.5.15/node_modules/webpack/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/webpack@5.106.2_lightningcss@1.32.0_postcss@8.5.15/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/webpack@5.106.2_lightningcss@1.32.0_postcss@8.5.15/node_modules/webpack/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/webpack@5.106.2_lightningcss@1.32.0_postcss@8.5.15/node_modules:/home/vitor/trabalho/devstroupe/framework/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/webpack@5.106.2_lightningcss@1.32.0_postcss@8.5.15/node_modules/webpack/bin/webpack.js" "$@"
+else
+  exec node  "$basedir/../../../../node_modules/.pnpm/webpack@5.106.2_lightningcss@1.32.0_postcss@8.5.15/node_modules/webpack/bin/webpack.js" "$@"
+fi

package/dist/boilerplates/angular-template/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devkit-angular-boilerplate",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Boilerplate Angular integrado ao DT-DevKit",
   "private": true,
   "scripts": {

package/dist/boilerplates/angular-template/src/app/app.config.ts

@@ -4,6 +4,8 @@ import { provideHttpClient, withInterceptors } from '@angular/common/http';
 import { provideSpartanHlm } from '@spartan-ng/helm/utils';
 import { routes } from './app.routes';
 import { tenantInterceptor } from './shared/interceptors/tenant.interceptor';
+import { DEVKIT_AUTH_SERVICE } from '@devstroupe/devkit-angular';
+import { AuthService } from './core/services/auth.service';
 
 import { provideIcons } from '@ng-icons/core';
 import { 
@@ -32,6 +34,7 @@ export const appConfig: ApplicationConfig = {
     provideZoneChangeDetection({ eventCoalescing: true }),
     provideSpartanHlm(),
     provideRouter(routes),
+    { provide: DEVKIT_AUTH_SERVICE, useExisting: AuthService },
     provideHttpClient(
       withInterceptors([tenantInterceptor])
     ),

package/dist/boilerplates/angular-template/src/app/app.routes.ts

@@ -5,10 +5,12 @@ import { RegisterComponent } from './modules/auth/register/register.component';
 import { DashboardComponent } from './modules/dashboard/dashboard.component';
 import { MainLayoutComponent } from './shared/layouts/main-layout/main-layout.component';
 import { ENTITY_ROUTES } from './app.entity-routes';
+import { devkitPermissionGuard } from '@devstroupe/devkit-angular';
 
 export const routes: Routes = [
   { path: 'login', component: LoginComponent },
   { path: 'register', component: RegisterComponent },
+  { path: 'unauthorized', loadComponent: () => import('./shared/components/unauthorized/unauthorized.component').then(m => m.UnauthorizedComponent) },
   {
     path: '',
     component: MainLayoutComponent,
@@ -18,6 +20,11 @@ export const routes: Routes = [
       { path: 'dashboard', component: DashboardComponent },
       { path: 'profile', loadComponent: () => import('./modules/profile/profile.component').then(m => m.ProfileComponent) },
       { path: 'playground', loadComponent: () => import('./modules/playground/playground.component').then(m => m.PlaygroundComponent) },
+      { 
+        path: 'role', 
+        loadComponent: () => import('./modules/role/role-permissions.component').then(m => m.RolePermissionsComponent),
+        canActivate: [devkitPermissionGuard('manage:permissions')]
+      },
       ...ENTITY_ROUTES
     ]
   },

package/dist/boilerplates/angular-template/src/app/modules/role/role-permissions.component.css

@@ -0,0 +1,38 @@
+.role-manager-container {
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+
+.role-grid {
+  display: grid;
+  grid-template-columns: 320px 1fr;
+  gap: 1.5rem;
+}
+
+@media (max-width: 768px) {
+  .role-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+.role-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.75rem 1rem;
+  border-radius: 0.5rem;
+  cursor: pointer;
+  transition: all 0.2s;
+  border: 1px solid transparent;
+}
+
+.role-item:hover {
+  background-color: var(--muted, #f4f4f5);
+}
+
+.role-item.active {
+  background-color: var(--accent, #f4f4f5);
+  border-color: var(--border, #e4e4e7);
+  font-weight: 500;
+}

package/dist/boilerplates/angular-template/src/app/modules/role/role-permissions.component.html

@@ -0,0 +1,175 @@
+<div class="p-6 max-w-7xl mx-auto role-manager-container">
+  <!-- Cabeçalho -->
+  <div class="flex justify-between items-center mb-4">
+    <div>
+      <h1 class="text-3xl font-bold text-foreground tracking-tight">Perfis de Acesso</h1>
+      <p class="text-sm text-muted-foreground mt-1">Gerencie os papéis de acesso e as permissões granulares dos usuários do sistema.</p>
+    </div>
+  </div>
+
+  <!-- Alertas -->
+  <div *ngIf="successMessage" class="p-4 mb-4 text-sm text-green-700 bg-green-50 border border-green-200 rounded-lg dark:bg-green-900/10 dark:text-green-400 dark:border-green-800">
+    {{ successMessage }}
+  </div>
+  <div *ngIf="errorMessage" class="p-4 mb-4 text-sm text-red-700 bg-red-50 border border-red-200 rounded-lg dark:bg-red-900/10 dark:text-red-400 dark:border-red-800">
+    {{ errorMessage }}
+  </div>
+
+  <div class="role-grid">
+    <!-- Painel Esquerdo: Lista de Perfis -->
+    <div class="bg-card border border-border rounded-xl p-5 shadow-sm flex flex-col gap-4">
+      <div class="border-b border-border pb-3">
+        <h2 class="font-semibold text-lg text-foreground">Perfis Disponíveis</h2>
+      </div>
+
+      <div class="flex flex-col gap-1 overflow-y-auto max-h-96">
+        <div 
+          *ngFor="let role of roles" 
+          (click)="selectRole(role)"
+          [class.active]="selectedRole?.id === role.id"
+          class="role-item transition-all"
+        >
+          <div class="flex flex-col">
+            <span class="text-sm font-medium text-foreground">{{ role.name }}</span>
+            <span class="text-xs text-muted-foreground mt-0.5">{{ role.permissions.length }} permissões</span>
+          </div>
+          <svg *ngIf="selectedRole?.id === role.id" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" class="w-4 h-4 text-primary">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
+          </svg>
+        </div>
+      </div>
+
+      <!-- Criar Nova Role -->
+      <div class="border-t border-border pt-4 mt-auto">
+        <h3 class="text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-3">Novo Perfil</h3>
+        <div class="flex gap-2">
+          <input 
+            type="text" 
+            [(ngModel)]="newRoleName"
+            placeholder="Nome do perfil..."
+            class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
+          />
+          <button 
+            hlmBtn 
+            variant="default" 
+            size="sm"
+            [disabled]="!newRoleName.trim()"
+            (click)="createRole()"
+          >
+            Adicionar
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <!-- Painel Direito: Matriz de Permissões -->
+    <div class="bg-card border border-border rounded-xl p-5 shadow-sm flex flex-col gap-4">
+      <div class="border-b border-border pb-3 flex justify-between items-center">
+        <div>
+          <h2 class="font-semibold text-lg text-foreground">Definição de Permissões</h2>
+          <p class="text-xs text-muted-foreground mt-0.5" *ngIf="selectedRole">
+            Editando permissões para o perfil: <strong class="text-foreground font-semibold">{{ selectedRole.name }}</strong>
+          </p>
+        </div>
+        <button 
+          hlmBtn 
+          variant="default"
+          [disabled]="!selectedRole || isSaving"
+          (click)="savePermissions()"
+        >
+          <span *ngIf="isSaving">Salvando...</span>
+          <span *ngIf="!isSaving">Salvar Permissões</span>
+        </button>
+      </div>
+
+      <!-- Estado Vazio -->
+      <div *ngIf="!selectedRole" class="flex flex-col items-center justify-center py-20 text-center">
+        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-12 h-12 text-muted-foreground/60 mb-3">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.03 0 1.9.693 2.166 1.638m-7.377 0A48.536 48.536 0 0112 3m0 0c2.917 0 5.747.294 8.5.862m-21 10.398c0-.552.448-1 1-1h6.25a1 1 0 011 1v3.83a1 1 0 001 1h2.01a1 1 0 001-1v-3.83a1 1 0 011-1H20a1 1 0 011 1v3.83a1 1 0 01-1 1h-6.25a1 1 0 01-1-1v-3.83a1 1 0 00-1-1H9.99a1 1 0 00-1 1v3.83a1 1 0 01-1 1H3a1 1 0 01-1-1v-3.83z" />
+        </svg>
+        <span class="text-sm font-medium text-foreground">Nenhum Perfil Selecionado</span>
+        <p class="text-xs text-muted-foreground mt-1">Selecione um perfil de acesso à esquerda para gerenciar suas permissões.</p>
+      </div>
+
+      <!-- Matriz de Checkboxes -->
+      <div *ngIf="selectedRole" class="overflow-x-auto">
+        <table class="min-w-full divide-y divide-border text-sm">
+          <thead>
+            <tr class="text-left text-xs font-semibold text-muted-foreground uppercase tracking-wider border-b border-border">
+              <th class="py-3 px-4">Recurso / Entidade</th>
+              <th class="py-3 px-4 text-center">Visualizar (Read)</th>
+              <th class="py-3 px-4 text-center">Cadastrar (Create)</th>
+              <th class="py-3 px-4 text-center">Atualizar (Update)</th>
+              <th class="py-3 px-4 text-center">Excluir (Delete)</th>
+            </tr>
+          </thead>
+          <tbody class="divide-y divide-border">
+            <tr *ngFor="let resource of resources" class="hover:bg-muted/30">
+              <td class="py-3.5 px-4 font-medium text-foreground">
+                {{ resource.label }}
+                <span class="text-xs text-muted-foreground block font-normal mt-0.5">{{ resource.name }}</span>
+              </td>
+              <!-- Read -->
+              <td class="py-3.5 px-4 text-center">
+                <input 
+                  type="checkbox" 
+                  [checked]="hasPermission('read', resource.name)" 
+                  (change)="togglePermission('read', resource.name)"
+                  class="rounded border-border text-primary focus:ring-primary h-4 w-4 transition-colors"
+                />
+              </td>
+              <!-- Create -->
+              <td class="py-3.5 px-4 text-center">
+                <input 
+                  type="checkbox" 
+                  [checked]="hasPermission('create', resource.name)" 
+                  (change)="togglePermission('create', resource.name)"
+                  class="rounded border-border text-primary focus:ring-primary h-4 w-4 transition-colors"
+                />
+              </td>
+              <!-- Update -->
+              <td class="py-3.5 px-4 text-center">
+                <input 
+                  type="checkbox" 
+                  [checked]="hasPermission('update', resource.name)" 
+                  (change)="togglePermission('update', resource.name)"
+                  class="rounded border-border text-primary focus:ring-primary h-4 w-4 transition-colors"
+                />
+              </td>
+              <!-- Delete -->
+              <td class="py-3.5 px-4 text-center">
+                <input 
+                  type="checkbox" 
+                  [checked]="hasPermission('delete', resource.name)" 
+                  (change)="togglePermission('delete', resource.name)"
+                  class="rounded border-border text-primary focus:ring-primary h-4 w-4 transition-colors"
+                />
+              </td>
+            </tr>
+
+            <!-- Permissões Especiais do Sistema -->
+            <tr class="bg-muted/20">
+              <td colspan="5" class="py-2.5 px-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider">
+                Permissões Especiais de Negócio
+              </td>
+            </tr>
+            <tr class="hover:bg-muted/30">
+              <td class="py-3.5 px-4 font-medium text-foreground" colspan="4">
+                Gerenciar Permissões
+                <span class="text-xs text-muted-foreground block font-normal mt-0.5">Permite acessar esta tela e alterar configurações do sistema</span>
+              </td>
+              <td class="py-3.5 px-4 text-center">
+                <input 
+                  type="checkbox" 
+                  [checked]="hasSpecialPermission('manage:permissions')" 
+                  (change)="toggleSpecialPermission('manage:permissions')"
+                  class="rounded border-border text-primary focus:ring-primary h-4 w-4 transition-colors"
+                />
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>

package/dist/boilerplates/angular-template/src/app/modules/role/role-permissions.component.ts

@@ -0,0 +1,134 @@
+import { Component, OnInit, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { RoleService } from '../../services/role.service';
+import { HlmButton } from '@spartan-ng/helm/button';
+
+interface ResourceItem {
+  name: string;
+  label: string;
+}
+
+@Component({
+  selector: 'app-role-permissions',
+  standalone: true,
+  imports: [CommonModule, FormsModule, HlmButton],
+  templateUrl: './role-permissions.component.html',
+  styleUrl: './role-permissions.component.css'
+})
+export class RolePermissionsComponent implements OnInit {
+  private roleService = inject(RoleService);
+
+  roles: any[] = [];
+  selectedRole: any = null;
+  newRoleName = '';
+  isSaving = false;
+  successMessage = '';
+  errorMessage = '';
+
+  resources: ResourceItem[] = [
+    { name: 'cabin', label: 'Cabines' },
+    { name: 'company', label: 'Empresas' },
+    { name: 'role', label: 'Perfis de Acesso' }
+  ];
+
+  ngOnInit(): void {
+    this.loadRoles();
+  }
+
+  loadRoles(): void {
+    this.roleService.list({}).subscribe({
+      next: (res: any) => {
+        this.roles = res?.items || [];
+        if (this.roles.length > 0 && !this.selectedRole) {
+          this.selectRole(this.roles[0]);
+        } else if (this.selectedRole) {
+          const updated = this.roles.find(r => r.id === this.selectedRole.id);
+          if (updated) this.selectRole(updated);
+        }
+      },
+      error: (err: any) => {
+        this.errorMessage = 'Erro ao carregar perfis de acesso.';
+      }
+    });
+  }
+
+  selectRole(role: any): void {
+    // Clona para evitar modificar a referência original antes de salvar
+    this.selectedRole = {
+      ...role,
+      permissions: [...(role.permissions || [])]
+    };
+    this.successMessage = '';
+    this.errorMessage = '';
+  }
+
+  createRole(): void {
+    if (!this.newRoleName.trim()) return;
+
+    this.roleService.create({ name: this.newRoleName.trim(), permissions: [] }).subscribe({
+      next: (created: any) => {
+        this.newRoleName = '';
+        this.successMessage = 'Perfil de acesso criado com sucesso!';
+        this.selectedRole = created;
+        this.loadRoles();
+      },
+      error: (err: any) => {
+        this.errorMessage = err?.error?.message || 'Erro ao criar perfil de acesso.';
+      }
+    });
+  }
+
+  hasPermission(action: string, resource: string): boolean {
+    if (!this.selectedRole) return false;
+    const permission = `${action}:${resource}`;
+    return this.selectedRole.permissions.includes(permission);
+  }
+
+  togglePermission(action: string, resource: string): void {
+    if (!this.selectedRole) return;
+    const permission = `${action}:${resource}`;
+    const index = this.selectedRole.permissions.indexOf(permission);
+    if (index > -1) {
+      this.selectedRole.permissions.splice(index, 1);
+    } else {
+      this.selectedRole.permissions.push(permission);
+    }
+  }
+
+  hasSpecialPermission(permission: string): boolean {
+    if (!this.selectedRole) return false;
+    return this.selectedRole.permissions.includes(permission);
+  }
+
+  toggleSpecialPermission(permission: string): void {
+    if (!this.selectedRole) return;
+    const index = this.selectedRole.permissions.indexOf(permission);
+    if (index > -1) {
+      this.selectedRole.permissions.splice(index, 1);
+    } else {
+      this.selectedRole.permissions.push(permission);
+    }
+  }
+
+  savePermissions(): void {
+    if (!this.selectedRole) return;
+
+    this.isSaving = true;
+    this.successMessage = '';
+    this.errorMessage = '';
+
+    this.roleService.update(this.selectedRole.id, this.selectedRole).subscribe({
+      next: (updated: any) => {
+        this.isSaving = false;
+        this.successMessage = 'Permissões do perfil atualizadas com sucesso!';
+        // Atualiza a lista local com os novos valores
+        this.loadRoles();
+      },
+      error: (err: any) => {
+        this.isSaving = false;
+        this.errorMessage = err?.error?.message || 'Erro ao salvar permissões do perfil.';
+      }
+    });
+  }
+}

package/dist/boilerplates/angular-template/src/app/services/role.service.ts

@@ -0,0 +1,12 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { BaseService } from '@devstroupe/devkit-angular';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class RoleService extends BaseService<any> {
+  constructor(http: HttpClient) {
+    super(http, '/api/role');
+  }
+}

package/dist/boilerplates/angular-template/src/app/services/user.service.ts

@@ -0,0 +1,12 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { BaseService } from '@devstroupe/devkit-angular';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class UserService extends BaseService<any> {
+  constructor(http: HttpClient) {
+    super(http as any, '/api/user');
+  }
+}

package/dist/boilerplates/angular-template/src/app/shared/components/unauthorized/unauthorized.component.css

@@ -0,0 +1,4 @@
+/* Estilos locais para UnauthorizedComponent */
+.min-height-screen {
+  min-height: 80vh;
+}