@hed-hog/core 0.0.278 → 0.0.279

package/hedhog/frontend/app/dashboard/components/widgets/stat-actions-today.tsx.ejs

@@ -34,24 +34,24 @@ export default function StatActionsToday({
       widgetName={widget?.name ?? 'stat-actions-today'}
       onRemove={onRemove}
     >
-      <Card className="h-full overflow-hidden transition-all duration-300 hover:shadow-md">
-        <CardContent className="flex h-full items-center gap-3 p-3 md:gap-4 md:p-4">
-          <div className="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-indigo-50 dark:bg-indigo-950/40 md:h-11 md:w-11">
-            <MousePointerClick className="h-4 w-4 text-indigo-600 dark:text-indigo-400 md:h-5 md:w-5" />
-          </div>
-          <div className="flex min-w-0 flex-col">
-            <span className="text-[11px] font-medium uppercase tracking-wider text-muted-foreground">
-              {t('actionsToday')}
-            </span>
-            <span className="truncate text-xl font-bold tracking-tight text-foreground md:text-2xl">
-              {data ?? '—'}
-            </span>
-            <span className="hidden text-[11px] text-muted-foreground sm:block">
-              {t('actionsTodaySubtitle')}
-            </span>
-          </div>
-        </CardContent>
-      </Card>
+      <Card className="h-full overflow-hidden transition-all duration-300 hover:shadow-md">
+        <CardContent className="flex h-full items-center gap-2.5 p-2.5 sm:gap-3 sm:p-3 md:gap-4 md:p-4">
+          <div className="flex h-8 w-8 shrink-0 items-center justify-center rounded-xl bg-indigo-50 dark:bg-indigo-950/40 sm:h-9 sm:w-9 md:h-11 md:w-11">
+            <MousePointerClick className="h-3.5 w-3.5 text-indigo-600 dark:text-indigo-400 sm:h-4 sm:w-4 md:h-5 md:w-5" />
+          </div>
+          <div className="flex min-w-0 flex-col">
+            <span className="text-[10px] font-medium uppercase tracking-wider text-muted-foreground sm:text-[11px]">
+              {t('actionsToday')}
+            </span>
+            <span className="truncate text-lg font-bold tracking-tight text-foreground sm:text-xl md:text-2xl">
+              {data ?? '—'}
+            </span>
+            <span className="truncate text-[10px] text-muted-foreground sm:text-[11px]">
+              {t('actionsTodaySubtitle')}
+            </span>
+          </div>
+        </CardContent>
+      </Card>
     </WidgetWrapper>
   );
 }

package/hedhog/frontend/app/dashboard/components/widgets/stat-consecutive-days.tsx.ejs

@@ -34,24 +34,24 @@ export default function StatConsecutiveDays({
       widgetName={widget?.name ?? 'stat-consecutive-days'}
       onRemove={onRemove}
     >
-      <Card className="h-full overflow-hidden transition-all duration-300 hover:shadow-md">
-        <CardContent className="flex h-full items-center gap-3 p-3 md:gap-4 md:p-4">
-          <div className="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-emerald-50 dark:bg-emerald-950/40 md:h-11 md:w-11">
-            <CalendarDays className="h-4 w-4 text-emerald-600 dark:text-emerald-400 md:h-5 md:w-5" />
-          </div>
-          <div className="flex min-w-0 flex-col">
-            <span className="text-[11px] font-medium uppercase tracking-wider text-muted-foreground">
-              {t('consecutiveDays')}
-            </span>
-            <span className="truncate text-xl font-bold tracking-tight text-foreground md:text-2xl">
-              {data ?? '—'}
-            </span>
-            <span className="hidden text-[11px] text-muted-foreground sm:block">
-              {t('consecutiveDaysSubtitle')}
-            </span>
-          </div>
-        </CardContent>
-      </Card>
+      <Card className="h-full overflow-hidden transition-all duration-300 hover:shadow-md">
+        <CardContent className="flex h-full items-center gap-2.5 p-2.5 sm:gap-3 sm:p-3 md:gap-4 md:p-4">
+          <div className="flex h-8 w-8 shrink-0 items-center justify-center rounded-xl bg-emerald-50 dark:bg-emerald-950/40 sm:h-9 sm:w-9 md:h-11 md:w-11">
+            <CalendarDays className="h-3.5 w-3.5 text-emerald-600 dark:text-emerald-400 sm:h-4 sm:w-4 md:h-5 md:w-5" />
+          </div>
+          <div className="flex min-w-0 flex-col">
+            <span className="text-[10px] font-medium uppercase tracking-wider text-muted-foreground sm:text-[11px]">
+              {t('consecutiveDays')}
+            </span>
+            <span className="truncate text-lg font-bold tracking-tight text-foreground sm:text-xl md:text-2xl">
+              {data ?? '—'}
+            </span>
+            <span className="truncate text-[10px] text-muted-foreground sm:text-[11px]">
+              {t('consecutiveDaysSubtitle')}
+            </span>
+          </div>
+        </CardContent>
+      </Card>
     </WidgetWrapper>
   );
 }

package/hedhog/frontend/app/dashboard/components/widgets/stat-online-time.tsx.ejs

@@ -34,24 +34,24 @@ export default function StatOnlineTime({
       widgetName={widget?.name ?? 'stat-online-time'}
       onRemove={onRemove}
     >
-      <Card className="h-full overflow-hidden transition-all duration-300 hover:shadow-md">
-        <CardContent className="flex h-full items-center gap-3 p-3 md:gap-4 md:p-4">
-          <div className="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-blue-50 dark:bg-blue-950/40 md:h-11 md:w-11">
-            <Clock className="h-4 w-4 text-blue-600 dark:text-blue-400 md:h-5 md:w-5" />
-          </div>
-          <div className="flex min-w-0 flex-col">
-            <span className="text-[11px] font-medium uppercase tracking-wider text-muted-foreground">
-              {t('onlineTime')}
-            </span>
-            <span className="truncate text-xl font-bold tracking-tight text-foreground md:text-2xl">
-              {data ?? '—'}
-            </span>
-            <span className="hidden text-[11px] text-muted-foreground sm:block">
-              {t('onlineTimeSubtitle')}
-            </span>
-          </div>
-        </CardContent>
-      </Card>
+      <Card className="h-full overflow-hidden transition-all duration-300 hover:shadow-md">
+        <CardContent className="flex h-full items-center gap-2.5 p-2.5 sm:gap-3 sm:p-3 md:gap-4 md:p-4">
+          <div className="flex h-8 w-8 shrink-0 items-center justify-center rounded-xl bg-blue-50 dark:bg-blue-950/40 sm:h-9 sm:w-9 md:h-11 md:w-11">
+            <Clock className="h-3.5 w-3.5 text-blue-600 dark:text-blue-400 sm:h-4 sm:w-4 md:h-5 md:w-5" />
+          </div>
+          <div className="flex min-w-0 flex-col">
+            <span className="text-[10px] font-medium uppercase tracking-wider text-muted-foreground sm:text-[11px]">
+              {t('onlineTime')}
+            </span>
+            <span className="truncate text-lg font-bold tracking-tight text-foreground sm:text-xl md:text-2xl">
+              {data ?? '—'}
+            </span>
+            <span className="truncate text-[10px] text-muted-foreground sm:text-[11px]">
+              {t('onlineTimeSubtitle')}
+            </span>
+          </div>
+        </CardContent>
+      </Card>
     </WidgetWrapper>
   );
 }

package/hedhog/frontend/app/dashboard/components/widgets/user-roles.tsx.ejs

@@ -52,37 +52,41 @@ function RolesContent({ roles }: { roles: RoleData[] }) {
   const t = useTranslations('core.DashboardPage.userRoles');
 
   return (
-    <Card className="flex h-full min-h-0 flex-col overflow-hidden">
+    <Card className="flex h-full min-h-0 flex-col overflow-hidden">
       <CardHeader className="shrink-0 pb-3">
         <div className="flex items-center gap-2">
-          <Crown className="h-5 w-5 text-amber-600 dark:text-amber-400" />
+          <Crown className="h-4 w-4 text-amber-600 dark:text-amber-400 sm:h-5 sm:w-5" />
           <div>
-            <CardTitle className="text-base font-semibold">
+            <CardTitle className="text-sm font-semibold sm:text-base">
               {t('title')}
             </CardTitle>
-            <CardDescription>{t('description')}</CardDescription>
+            <CardDescription className="text-xs sm:text-sm">
+              {t('description')}
+            </CardDescription>
           </div>
         </div>
       </CardHeader>
-      <CardContent className="flex min-h-0 flex-1 overflow-auto pt-0">
-        <div className="grid grid-cols-1 gap-2 md:grid-cols-2">
+      <CardContent className="flex min-h-0 flex-1 overflow-auto pt-0">
+        <div className="grid grid-cols-1 gap-2 md:grid-cols-2">
           {roles.map((role, index) => {
             const style = levelStyles[index % levelStyles.length]!;
             return (
               <div
                 key={role.id}
-                className={`flex items-center gap-3 rounded-xl border p-3 transition-all duration-200 hover:shadow-sm ${style.border} ${style.bg}`}
+                className={`flex items-center gap-2.5 rounded-xl border p-2.5 transition-all duration-200 hover:shadow-sm sm:gap-3 sm:p-3 ${style.border} ${style.bg}`}
               >
                 <div
-                  className={`flex h-9 w-9 shrink-0 items-center justify-center rounded-lg ${style.iconBg}`}
+                  className={`flex h-8 w-8 shrink-0 items-center justify-center rounded-lg sm:h-9 sm:w-9 ${style.iconBg}`}
                 >
-                  <ShieldCheck className={`h-4 w-4 ${style.iconColor}`} />
+                  <ShieldCheck
+                    className={`h-3.5 w-3.5 sm:h-4 sm:w-4 ${style.iconColor}`}
+                  />
                 </div>
                 <div className="flex min-w-0 flex-1 flex-col gap-0.5">
-                  <span className="text-sm font-medium text-foreground">
+                  <span className="truncate text-[13px] font-medium text-foreground sm:text-sm">
                     {role.name}
                   </span>
-                  <span className="text-xs text-muted-foreground">
+                  <span className="truncate text-[11px] text-muted-foreground sm:text-xs">
                     {role.slug}
                   </span>
                 </div>

package/hedhog/frontend/app/dashboard/components/widgets/user-sessions.tsx.ejs

@@ -86,31 +86,33 @@ function SessionsContent({ sessions }: { sessions: SessionData[] }) {
   const router = useRouter();
 
   return (
-    <Card className="flex h-full min-h-0 flex-col overflow-hidden">
-      <CardHeader className="shrink-0 pb-3">
-        <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
-          <div className="flex min-w-0 items-center gap-2">
-            <Globe className="h-5 w-5 text-blue-600" />
-            <div className="min-w-0">
-              <CardTitle className="text-base font-semibold">
-                {t('title')}
-              </CardTitle>
-              <CardDescription>{t('description')}</CardDescription>
-            </div>
-          </div>
-          <Button
-            variant="outline"
-            size="sm"
-            onClick={() => router.push('/core/account/sessions')}
-            className="w-full shrink-0 sm:w-auto"
-          >
-            <Info className="h-3.5 w-3.5" />
-            {t('moreInfo')}
-          </Button>
-        </div>
-      </CardHeader>
-      <CardContent className="flex min-h-0 flex-1 overflow-auto pt-0">
-        <div className="flex flex-col gap-2">
+    <Card className="flex h-full min-h-0 flex-col overflow-hidden">
+      <CardHeader className="shrink-0 pb-3">
+        <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
+          <div className="flex min-w-0 items-center gap-2">
+            <Globe className="h-4 w-4 text-blue-600 sm:h-5 sm:w-5" />
+            <div className="min-w-0">
+              <CardTitle className="text-sm font-semibold sm:text-base">
+                {t('title')}
+              </CardTitle>
+              <CardDescription className="text-xs sm:text-sm">
+                {t('description')}
+              </CardDescription>
+            </div>
+          </div>
+          <Button
+            variant="outline"
+            size="sm"
+            onClick={() => router.push('/core/account/sessions')}
+            className="h-8 w-full shrink-0 gap-1.5 px-2.5 text-xs sm:h-9 sm:w-auto sm:text-sm"
+          >
+            <Info className="h-3.5 w-3.5" />
+            {t('moreInfo')}
+          </Button>
+        </div>
+      </CardHeader>
+      <CardContent className="flex min-h-0 flex-1 overflow-auto pt-0">
+        <div className="flex flex-col gap-2">
           {sessions.map((session, index) => {
             const ua = session.user_agent ?? '';
             const deviceType = detectDeviceType(ua);
@@ -135,42 +137,42 @@ function SessionsContent({ sessions }: { sessions: SessionData[] }) {
             return (
               <div
                 key={session.id}
-                className={`group flex items-center gap-3 rounded-xl border p-3.5 transition-all duration-200 hover:shadow-sm ${
+                className={`group flex items-center gap-2.5 rounded-xl border p-3 transition-all duration-200 hover:shadow-sm sm:gap-3 sm:p-3.5 ${
                   isCurrent
                     ? 'border-emerald-200 bg-emerald-50/50 dark:border-emerald-800 dark:bg-emerald-950/30'
                     : 'bg-card hover:bg-muted/30'
                 }`}
               >
                 <div
-                  className={`flex h-10 w-10 shrink-0 items-center justify-center rounded-lg ${
+                  className={`flex h-8 w-8 shrink-0 items-center justify-center rounded-lg sm:h-10 sm:w-10 ${
                     isCurrent
                       ? 'bg-emerald-100 dark:bg-emerald-900/50'
                       : 'bg-muted'
                   }`}
                 >
                   <DeviceIcon
-                    className={`h-5 w-5 ${
+                    className={`h-4 w-4 sm:h-5 sm:w-5 ${
                       isCurrent
                         ? 'text-emerald-600 dark:text-emerald-400'
                         : 'text-muted-foreground'
                     }`}
                   />
                 </div>
-                <div className="flex min-w-0 flex-1 flex-col gap-0.5">
-                  <div className="flex flex-wrap items-center gap-2">
-                    <span className="min-w-0 break-words text-sm font-medium text-foreground">
-                      {device}
-                    </span>
+                <div className="flex min-w-0 flex-1 flex-col gap-0.5">
+                  <div className="flex flex-wrap items-center gap-2">
+                    <span className="min-w-0 wrap-break-word text-[13px] font-medium text-foreground sm:text-sm">
+                      {device}
+                    </span>
                     {isCurrent && (
                       <Badge className="bg-emerald-100 text-[10px] text-emerald-700 hover:bg-emerald-100 dark:bg-emerald-900/50 dark:text-emerald-400 dark:hover:bg-emerald-900/50">
                         {t('thisSession')}
                       </Badge>
                     )}
                   </div>
-                  <span className="break-words text-xs text-muted-foreground">
-                    {browser} &middot; {ip}
-                  </span>
-                  <div className="flex flex-wrap items-center gap-3 text-[11px] text-muted-foreground/70">
+                  <span className="wrap-break-word text-[11px] text-muted-foreground sm:text-xs">
+                    {browser} &middot; {ip}
+                  </span>
+                  <div className="flex flex-wrap items-center gap-2 text-[10px] text-muted-foreground/70 sm:gap-3 sm:text-[11px]">
                     <span className="flex items-center gap-1">
                       <Clock className="h-3 w-3" />
                       {relativeTime}

package/hedhog/frontend/app/dashboard/dashboard.css.ejs

@@ -34,8 +34,12 @@
   opacity: 0.45;
 }
 
-.dashboard-grid .react-grid-item:hover > .react-resizable-handle.react-resizable-handle-se,
-.dashboard-grid .react-grid-item.resizing > .react-resizable-handle.react-resizable-handle-se {
+.dashboard-grid
+  .react-grid-item:hover
+  > .react-resizable-handle.react-resizable-handle-se,
+.dashboard-grid
+  .react-grid-item.resizing
+  > .react-resizable-handle.react-resizable-handle-se {
   opacity: 1;
 }
 
@@ -43,11 +47,15 @@
   display: none;
 }
 
-.dashboard-grid .react-grid-item > .react-resizable-handle:not(.react-resizable-handle-se) {
+.dashboard-grid
+  .react-grid-item
+  > .react-resizable-handle:not(.react-resizable-handle-se) {
   display: none;
 }
 
-.dashboard-grid .react-grid-item > .react-resizable-handle.react-resizable-handle-se {
+.dashboard-grid
+  .react-grid-item
+  > .react-resizable-handle.react-resizable-handle-se {
   bottom: 0;
   right: 0;
   cursor: se-resize;
@@ -102,3 +110,11 @@
 .dashboard-widget > [data-slot='card'] > [data-slot='card-header'] {
   padding-top: 0;
 }
+
+@media (max-width: 639px) {
+  .dashboard-widget > [data-slot='card'] {
+    gap: 0.625rem;
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }
+}

package/hedhog/frontend/app/mail/log/page.tsx.ejs

@@ -51,10 +51,9 @@ export default function MailLogPage() {
   const [pageSize, setPageSize] = useState(10);
   const { request, getSettingValue } = useApp();
 
-  const {
-    data: { data, total },
-    refetch: refetchLogs,
-  } = useQuery<PaginationResult<MailSent>>({
+  const { data: logsResult, refetch: refetchLogs } = useQuery<
+    PaginationResult<MailSent>
+  >({
     queryKey: ['mail-sent', debouncedSearch, page, pageSize],
     queryFn: async () => {
       const response = await request({
@@ -67,13 +66,8 @@ export default function MailLogPage() {
       });
       return response.data as PaginationResult<MailSent>;
     },
-    initialData: {
-      data: [],
-      total: 0,
-      page: 1,
-      pageSize: 10,
-    },
-  });
+  });
+  const { data = [], total = 0 } = logsResult ?? {};
 
   useEffect(() => {
     if (data) {

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

@@ -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

package/hedhog/frontend/messages/en.json

@@ -1044,10 +1044,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 +1063,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 +1163,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 +1180,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

@@ -1049,10 +1049,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 +1068,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 +1218,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 +1235,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.279",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -32,9 +32,9 @@
     "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-mail": "0.0.8",
     "@hed-hog/api-locale": "0.0.13",
+    "@hed-hog/api-mail": "0.0.8",
+    "@hed-hog/api-prisma": "0.0.5",
     "@hed-hog/api": "0.0.4"
   },
   "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 } });