@hed-hog/core 0.0.278 → 0.0.285

package/hedhog/frontend/app/users/page.tsx.ejs

@@ -1,6 +1,8 @@
 'use client';
 
 import {
+  EmptyState,
+  Page,
   PageHeader,
   PaginationFooter,
   SearchBar,
@@ -25,13 +27,6 @@ import {
   CardHeader,
   CardTitle,
 } from '@/components/ui/card';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog';
 import {
   Form,
   FormControl,
@@ -422,7 +417,7 @@ export default function UserPage() {
   ];
 
   return (
-    <div className="flex flex-col h-screen px-4">
+    <Page>
       <PageHeader
         breadcrumbs={[{ label: 'Home', href: '/' }, { label: t('users') }]}
         actions={[
@@ -487,10 +482,9 @@ export default function UserPage() {
             { label: t('filterOptionBlocked'), value: 'blocked' },
           ],
         }}
-        className="mt-4"
       />
 
-      <div className="flex-1 pt-4">
+      <div className="flex-1 ">
         {isLoading && (
           <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
             {Array.from({ length: 3 }).map((_, i) => (
@@ -522,7 +516,13 @@ export default function UserPage() {
         )}
 
         {(paginate?.data?.length || 0) === 0 ? (
-          <p className="text-sm text-muted-foreground">{t('noUsersFound')}</p>
+          <EmptyState
+            icon={<Users className="h-12 w-12" />}
+            title={t('noUsersFound')}
+            description={t('description')}
+            actionLabel={t('buttonAddUser')}
+            onAction={() => setIsDialogOpen(true)}
+          />
         ) : (
           <div className="grid gap-4 grid-cols-1 lg:grid-cols-2 xl:grid-cols-3">
             {paginate?.data?.map((user: User) => (
@@ -679,17 +679,17 @@ export default function UserPage() {
           />
         </div>
 
-        <Dialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
-          <DialogContent className="sm:max-w-lg">
-            <DialogHeader>
-              <DialogTitle>{t('dialogAddUserTitle')}</DialogTitle>
-              <DialogDescription>{t('description')}</DialogDescription>
-            </DialogHeader>
+        <Sheet open={isDialogOpen} onOpenChange={setIsDialogOpen}>
+          <SheetContent className="w-full sm:max-w-lg overflow-y-auto gap-0">
+            <SheetHeader>
+              <SheetTitle>{t('dialogAddUserTitle')}</SheetTitle>
+              <SheetDescription>{t('description')}</SheetDescription>
+            </SheetHeader>
             <div className="w-full border-t pt-1 mt-1" />
             <Form {...form}>
               <form
                 onSubmit={form.handleSubmit(onSubmit)}
-                className="space-y-4"
+                className="px-4 gap-4 w-full flex flex-col pt-2"
               >
                 <FormField
                   control={form.control}
@@ -772,8 +772,8 @@ export default function UserPage() {
                 </Button>
               </form>
             </Form>
-          </DialogContent>
-        </Dialog>
+          </SheetContent>
+        </Sheet>
 
         {editingUser && (
           <Sheet
@@ -1157,36 +1157,29 @@ export default function UserPage() {
                     </Button>
                   </div>
 
-                  <Dialog
+                  <AlertDialog
                     open={openDeleteModal}
                     onOpenChange={setOpenDeleteModal}
                   >
-                    <DialogContent className="sm:max-w-lg">
-                      <DialogHeader>
-                        <DialogTitle>{t('dialogDeleteUserTitle')}</DialogTitle>
-                        <DialogDescription>
+                    <AlertDialogContent>
+                      <AlertDialogHeader>
+                        <AlertDialogTitle>
+                          {t('dialogDeleteUserTitle')}
+                        </AlertDialogTitle>
+                        <AlertDialogDescription>
                           {t('dialogDeleteUserDescription')}
-                        </DialogDescription>
-                      </DialogHeader>
-                      <hr className="mt-4" />
-                      <div className="flex justify-end">
-                        <Button
-                          type="button"
-                          className="px-4 w-28 h-12 py-2 bg-gray-300 text-black hover:bg-gray-300 hover:text-black rounded-sm mr-2 text-md"
-                          onClick={() => setOpenDeleteModal(false)}
-                        >
+                        </AlertDialogDescription>
+                      </AlertDialogHeader>
+                      <AlertDialogFooter>
+                        <AlertDialogCancel>
                           {t('deleteUserCancel')}
-                        </Button>
-                        <Button
-                          onClick={onDelete}
-                          variant="destructive"
-                          className="px-4 w-32 h-12 py-2 text-white hover:text-white rounded-sm text-md cursor-pointer"
-                        >
+                        </AlertDialogCancel>
+                        <AlertDialogAction onClick={onDelete}>
                           {t('deleteUserConfirm')}
-                        </Button>
-                      </div>
-                    </DialogContent>
-                  </Dialog>
+                        </AlertDialogAction>
+                      </AlertDialogFooter>
+                    </AlertDialogContent>
+                  </AlertDialog>
                 </TabsContent>
 
                 <TabsContent value="edit" className="space-y-4 mt-4  p-4 pt-0">
@@ -1232,27 +1225,29 @@ export default function UserPage() {
                   value="credentials"
                   className="space-y-4 mt-4  p-4 pt-0"
                 >
-                  <Card className="border-amber-200 bg-amber-50/50">
-                    <CardHeader className="pb-2">
-                      <CardTitle className="text-sm">
+                  <div className="space-y-3 rounded-lg border p-4">
+                    <div>
+                      <h4 className="text-sm font-semibold">
                         {t('passwordResetTitle')}
-                      </CardTitle>
-                      <CardDescription>
+                      </h4>
+                      <p className="text-xs text-muted-foreground mt-1">
                         {t('passwordResetDescription')}
-                      </CardDescription>
-                    </CardHeader>
-                    <CardContent className="flex flex-col gap-3">
-                      <div className="text-xs text-muted-foreground">
-                        {t('passwordResetNotice')}
-                      </div>
-                      <div>
-                        <Button type="button" onClick={openResetPasswordDialog}>
-                          <RefreshCcw className="h-4 w-4 mr-2" />
-                          {t('buttonResetPassword')}
-                        </Button>
-                      </div>
-                    </CardContent>
-                  </Card>
+                      </p>
+                    </div>
+                    <p className="text-xs text-muted-foreground">
+                      {t('passwordResetNotice')}
+                    </p>
+                    <div className="flex flex-col gap-2">
+                      <Button
+                        type="button"
+                        onClick={openResetPasswordDialog}
+                        className="w-full sm:w-fit"
+                      >
+                        <RefreshCcw className="h-4 w-4 mr-2" />
+                        {t('buttonResetPassword')}
+                      </Button>
+                    </div>
+                  </div>
 
                   <div className="space-y-3">
                     <h4 className="text-sm font-medium">
@@ -1422,7 +1417,7 @@ export default function UserPage() {
                     </AlertDialogContent>
                   </AlertDialog>
 
-                  <Dialog
+                  <AlertDialog
                     open={isResetResultDialogOpen}
                     onOpenChange={(open) => {
                       setIsResetResultDialogOpen(open);
@@ -1432,13 +1427,15 @@ export default function UserPage() {
                       }
                     }}
                   >
-                    <DialogContent className="sm:max-w-lg">
-                      <DialogHeader>
-                        <DialogTitle>{t('passwordResultTitle')}</DialogTitle>
-                        <DialogDescription>
+                    <AlertDialogContent>
+                      <AlertDialogHeader>
+                        <AlertDialogTitle>
+                          {t('passwordResultTitle')}
+                        </AlertDialogTitle>
+                        <AlertDialogDescription>
                           {t('passwordResultDescription')}
-                        </DialogDescription>
-                      </DialogHeader>
+                        </AlertDialogDescription>
+                      </AlertDialogHeader>
 
                       <div className="space-y-3">
                         <div className="relative">
@@ -1484,8 +1481,8 @@ export default function UserPage() {
                           </Button>
                         </div>
                       </div>
-                    </DialogContent>
-                  </Dialog>
+                    </AlertDialogContent>
+                  </AlertDialog>
                 </TabsContent>
 
                 <TabsContent
@@ -1573,6 +1570,6 @@ export default function UserPage() {
           </Sheet>
         )}
       </div>
-    </div>
+    </Page>
   );
 }

package/hedhog/frontend/messages/en.json

@@ -329,6 +329,9 @@
     "newTemplate": "New Template",
     "title": "Email Templates",
     "description": "Manage your email templates",
+    "searchPlaceholder": "Search templates by slug or subject...",
+    "noTemplatesFound": "No templates found",
+    "noTemplatesHint": "Create your first template to start sending emails.",
     "tableSlug": "Slug",
     "tableSubject": "Subject",
     "tableVariables": "Variables",
@@ -849,6 +852,8 @@
     "noLogsFound": "No email logs found",
     "adjustSearch": "Try adjusting your search terms",
     "noEmailsSent": "No emails have been sent yet",
+    "clearSearch": "Clear search",
+    "refreshList": "Refresh list",
     "viewDetails": "View Details",
     "emailDetails": "Email Details",
     "detailsDescription": "Complete information about the sent email",
@@ -1044,10 +1049,12 @@
     "extraLarge": "Extra Large",
     "clearSize": "Clear Size",
     "heading": "Heading",
+    "alignment": "Alignment",
     "alignLeft": "Align Left",
     "alignCenter": "Center",
     "alignRight": "Align Right",
     "justify": "Justify",
+    "lists": "Lists",
     "bulletList": "Bullet List",
     "numberedList": "Numbered List",
     "addLink": "Add Link",
@@ -1061,6 +1068,7 @@
     "clearFormatting": "Clear Formatting",
     "undo": "Undo",
     "redo": "Redo",
+    "more": "More",
     "advancedMode": "Advanced Mode (HTML)",
     "advancedModeTitle": "Advanced Mode - HTML Editor",
     "advancedModeDescription": "Edit HTML directly with syntax highlighting and automatic indentation",
@@ -1160,8 +1168,11 @@
   },
   "ForbiddenDialog": {
     "title": "Access Denied",
-    "defaultMessage": "You do not have permission to access this resource.",
-    "understood": "Understood"
+    "defaultMessage": "You do not have access to request this resource.",
+    "understood": "Understood",
+    "statusCode": "Status",
+    "method": "Method",
+    "url": "URL"
   },
   "ForbiddenPage": {
     "message": "Forbidden: You don't have permission to access this page.",
@@ -1174,6 +1185,8 @@
     "sessionsToday": "Sessions Today",
     "emailsSent": "E-mails Sent",
     "permissions": "Permissions",
+    "menus": "Menus",
+    "routes": "Routes",
     "userGrowthTitle": "User Growth",
     "userGrowthDescription": "Monthly evolution of users and sessions",
     "users": "Users",

package/hedhog/frontend/messages/pt.json

@@ -329,6 +329,9 @@
     "newTemplate": "Novo Template",
     "title": "Templates de E-mail",
     "description": "Gerencie seus templates de e-mail",
+    "searchPlaceholder": "Buscar templates por slug ou assunto...",
+    "noTemplatesFound": "Nenhum template encontrado",
+    "noTemplatesHint": "Crie o primeiro template para começar a enviar e-mails.",
     "tableSlug": "Slug",
     "tableSubject": "Assunto",
     "tableVariables": "Variáveis",
@@ -852,6 +855,8 @@
     "noLogsFound": "Nenhum log de e-mail encontrado",
     "adjustSearch": "Tente ajustar seus termos de busca",
     "noEmailsSent": "Nenhum e-mail foi enviado ainda",
+    "clearSearch": "Limpar busca",
+    "refreshList": "Atualizar lista",
     "viewDetails": "Ver Detalhes",
     "emailDetails": "Detalhes do E-mail",
     "detailsDescription": "Informações completas sobre o e-mail enviado",
@@ -1049,10 +1054,12 @@
     "extraLarge": "Extra Grande",
     "clearSize": "Limpar Tamanho",
     "heading": "Título",
+    "alignment": "Alinhamento",
     "alignLeft": "Alinhar à Esquerda",
     "alignCenter": "Centralizar",
     "alignRight": "Alinhar à Direita",
     "justify": "Justificar",
+    "lists": "Listas",
     "bulletList": "Lista com Marcadores",
     "numberedList": "Lista Numerada",
     "addLink": "Adicionar Link",
@@ -1066,6 +1073,7 @@
     "clearFormatting": "Limpar Formatação",
     "undo": "Desfazer",
     "redo": "Refazer",
+    "more": "Mais",
     "advancedMode": "Modo Avançado (HTML)",
     "advancedModeTitle": "Modo Avançado - Editor HTML",
     "advancedModeDescription": "Edite o HTML diretamente com syntax highlighting e indentação automática",
@@ -1215,8 +1223,11 @@
   },
   "ForbiddenDialog": {
     "title": "Acesso Negado",
-    "defaultMessage": "Você não tem permissão para acessar este recurso.",
-    "understood": "Entendi"
+    "defaultMessage": "Você não tem acesso para solicitar este recurso.",
+    "understood": "Entendi",
+    "statusCode": "Status",
+    "method": "Método",
+    "url": "URL"
   },
   "ForbiddenPage": {
     "message": "Proibido: Você não tem permissão para acessar esta página.",
@@ -1229,6 +1240,8 @@
     "sessionsToday": "Sessões Hoje",
     "emailsSent": "E-mails Enviados",
     "permissions": "Permissões",
+    "menus": "Menus",
+    "routes": "Rotas",
     "userGrowthTitle": "Crescimento de Usuários",
     "userGrowthDescription": "Evolução mensal de usuários e sessões",
     "users": "Usuários",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/core",
-  "version": "0.0.278",
+  "version": "0.0.285",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -32,10 +32,10 @@
     "uuid": "^11.1.0",
     "@hed-hog/api-pagination": "0.0.6",
     "@hed-hog/api-types": "0.0.1",
-    "@hed-hog/api-prisma": "0.0.5",
+    "@hed-hog/api": "0.0.4",
     "@hed-hog/api-mail": "0.0.8",
-    "@hed-hog/api-locale": "0.0.13",
-    "@hed-hog/api": "0.0.4"
+    "@hed-hog/api-prisma": "0.0.5",
+    "@hed-hog/api-locale": "0.0.13"
   },
   "exports": {
     ".": {

package/src/dashboard/dashboard-core/dashboard-core.controller.ts

@@ -23,6 +23,11 @@ export class DashboardCoreController {
     return this.dashboardCoreService.getMailStatistics();
   }
 
+  @Get('stats/overview/system')
+  getSystemStatistics() {
+    return this.dashboardCoreService.getSystemStatistics();
+  }
+
   @Get('widgets/me')
   getWidgetsData(@User() user, @Locale() locale: string) {
     return this.dashboardCoreService.getWidgetsData(user.id, locale);

package/src/dashboard/dashboard-core/dashboard-core.service.ts

@@ -297,6 +297,40 @@ export class DashboardCoreService {
     };
   }
 
+  async getSystemStatistics() {
+    const now = new Date();
+    const currentMonthStart = new Date(now.getFullYear(), now.getMonth(), 1);
+    const lastMonthStart = new Date(now.getFullYear(), now.getMonth() - 1, 1);
+    const lastMonthEnd = new Date(now.getFullYear(), now.getMonth(), 0, 23, 59, 59);
+
+    const [
+      menusCount,
+      routesCount,
+      menusCurrentMonth,
+      menusLastMonth,
+    ] = await Promise.all([
+      this.prismaService.menu.count(),
+      this.prismaService.route.count(),
+      this.prismaService.menu.count({ where: { created_at: { gte: currentMonthStart } } }),
+      this.prismaService.menu.count({ where: { created_at: { gte: lastMonthStart, lte: lastMonthEnd } } }),
+    ]);
+
+    const menusChange = this.calculateChange(menusCurrentMonth, menusLastMonth);
+
+    return {
+      cards: {
+        menus: {
+          value: menusCount,
+          change: menusChange,
+        },
+        routes: {
+          value: routesCount,
+          change: null,
+        },
+      },
+    };
+  }
+
   async getUserLayout(userId: number, slug: string, localeCode: string) {
     const dashboard = await this.prismaService.dashboard.findFirst({ where: { slug } });
 

package/src/role/guards/role.guard.ts

@@ -2,13 +2,14 @@ import { IS_PUBLIC_KEY, WITH_ROLE } from '@hed-hog/api';
 import { getLocaleText } from '@hed-hog/api-locale';
 import { PrismaService } from '@hed-hog/api-prisma';
 import {
-    CanActivate,
-    ExecutionContext,
-    forwardRef,
-    Inject,
-    Injectable,
-    RequestMethod,
-    UnauthorizedException,
+  CanActivate,
+  ExecutionContext,
+  ForbiddenException,
+  forwardRef,
+  Inject,
+  Injectable,
+  RequestMethod,
+  UnauthorizedException,
 } from '@nestjs/common';
 import { METHOD_METADATA } from '@nestjs/common/constants';
 import { Reflector } from '@nestjs/core';
@@ -130,7 +131,7 @@ export class RoleGuard implements CanActivate {
         .replace('{{method}}', httpMethod)
         .replace('{{path}}', fullPath);
       
-      throw new UnauthorizedException(message);
+      throw new ForbiddenException(message);
     }
 
     const hasPendingPasswordReset = await this.prisma.user_credential.findFirst({