@hed-hog/core 0.0.278 → 0.0.279

package/hedhog/data/dashboard_component_role.yaml

@@ -1,51 +1,63 @@
-- component_id:
-    where:
-      slug: active-users-card
-  role_id:
-    where:
-      slug: admin-access
-- component_id:
-    where:
-      slug: mail-sent-card
-  role_id:
-    where:
-      slug: admin-access
-- component_id:
-    where:
-      slug: mail-sent-chart
-  role_id:
-    where:
-      slug: admin-access
-- component_id:
-    where:
-      slug: permissions-card
-  role_id:
-    where:
-      slug: admin-access
-- component_id:
-    where:
-      slug: permissions-chart
-  role_id:
-    where:
-      slug: admin-access
-- component_id:
-    where:
-      slug: session-activity-chart
-  role_id:
-    where:
-      slug: admin-access
-- component_id:
-    where:
-      slug: sessions-today-card
-  role_id:
-    where:
-      slug: admin-access
-- component_id:
-    where:
-      slug: user-growth-chart
-  role_id:
-    where:
-      slug: admin-access
+- component_id:
+    where:
+      slug: active-users-card
+  role_id:
+    where:
+      slug: admin-access
+- component_id:
+    where:
+      slug: mail-sent-card
+  role_id:
+    where:
+      slug: admin-access
+- component_id:
+    where:
+      slug: mail-sent-chart
+  role_id:
+    where:
+      slug: admin-access
+- component_id:
+    where:
+      slug: permissions-card
+  role_id:
+    where:
+      slug: admin-access
+- component_id:
+    where:
+      slug: permissions-chart
+  role_id:
+    where:
+      slug: admin-access
+- component_id:
+    where:
+      slug: session-activity-chart
+  role_id:
+    where:
+      slug: admin-access
+- component_id:
+    where:
+      slug: sessions-today-card
+  role_id:
+    where:
+      slug: admin-access
+- component_id:
+    where:
+      slug: menus-card
+  role_id:
+    where:
+      slug: admin-access
+- component_id:
+    where:
+      slug: routes-card
+  role_id:
+    where:
+      slug: admin-access
+- component_id:
+    where:
+      slug: user-growth-chart
+  role_id:
+    where:
+      slug: admin-access
 - component_id:
     where:
       slug: account-security
@@ -178,34 +190,34 @@
   role_id:
     where:
       slug: admin-access
-      
-- component_id:
-    where:
-      slug: mail-config
-  role_id:
-    where:
-      slug: admin
-- component_id:
-    where:
-      slug: locale-config
-  role_id:
-    where:
-      slug: admin
-- component_id:
-    where:
-      slug: oauth-config
-  role_id:
-    where:
-      slug: admin
-- component_id:
-    where:
-      slug: storage-config
-  role_id:
-    where:
-      slug: admin
-- component_id:
-    where:
-      slug: theme-config
-  role_id:
-    where:
-      slug: admin
+      
+- component_id:
+    where:
+      slug: mail-config
+  role_id:
+    where:
+      slug: admin
+- component_id:
+    where:
+      slug: locale-config
+  role_id:
+    where:
+      slug: admin
+- component_id:
+    where:
+      slug: oauth-config
+  role_id:
+    where:
+      slug: admin
+- component_id:
+    where:
+      slug: storage-config
+  role_id:
+    where:
+      slug: admin
+- component_id:
+    where:
+      slug: theme-config
+  role_id:
+    where:
+      slug: admin

package/hedhog/data/dashboard_item.yaml

@@ -68,6 +68,26 @@
   height: 2
   x_axis: 2
   y_axis: 0
+- component_id:
+    where:
+      slug: menus-card
+  dashboard_id:
+    where:
+      slug: default
+  width: 2
+  height: 2
+  x_axis: 8
+  y_axis: 0
+- component_id:
+    where:
+      slug: routes-card
+  dashboard_id:
+    where:
+      slug: default
+  width: 2
+  height: 2
+  x_axis: 10
+  y_axis: 0
 - component_id:
     where:
       slug: user-growth-chart
@@ -86,109 +106,109 @@
     where:
       slug: user
   width: 12
-  height: 2
+  height: 3
   x_axis: 0
   y_axis: 0
-- component_id:
-    where:
-      slug: stat-online-time
-  dashboard_id:
-    where:
-      slug: user
-  width: 3
-  height: 1
-  x_axis: 0
-  y_axis: 2
-- component_id:
-    where:
-      slug: stat-actions-today
-  dashboard_id:
-    where:
-      slug: user
-  width: 3
-  height: 1
-  x_axis: 3
-  y_axis: 2
-- component_id:
-    where:
-      slug: stat-consecutive-days
-  dashboard_id:
-    where:
-      slug: user
-  width: 3
-  height: 1
-  x_axis: 6
-  y_axis: 2
-- component_id:
-    where:
-      slug: stat-access-level
-  dashboard_id:
-    where:
-      slug: user
-  width: 3
-  height: 1
-  x_axis: 9
-  y_axis: 2
-- component_id:
-    where:
-      slug: account-security
-  dashboard_id:
-    where:
-      slug: user
-  width: 5
-  height: 5
-  x_axis: 0
-  y_axis: 7
-- component_id:
-    where:
-      slug: login-history-chart
-  dashboard_id:
-    where:
-      slug: user
-  width: 7
-  height: 4
-  x_axis: 0
-  y_axis: 3
-- component_id:
-    where:
-      slug: email-notifications
-  dashboard_id:
-    where:
-      slug: user
-  width: 7
-  height: 5
-  x_axis: 5
-  y_axis: 7
-- component_id:
-    where:
-      slug: activity-timeline
-  dashboard_id:
-    where:
-      slug: user
-  width: 5
-  height: 3
-  x_axis: 7
-  y_axis: 12
-- component_id:
-    where:
-      slug: user-sessions
-  dashboard_id:
-    where:
-      slug: user
-  width: 5
-  height: 4
-  x_axis: 7
-  y_axis: 3
-- component_id:
-    where:
-      slug: user-roles
-  dashboard_id:
-    where:
-      slug: user
-  width: 7
-  height: 3
-  x_axis: 0
-  y_axis: 12
+- component_id:
+    where:
+      slug: stat-online-time
+  dashboard_id:
+    where:
+      slug: user
+  width: 3
+  height: 1
+  x_axis: 0
+  y_axis: 3
+- component_id:
+    where:
+      slug: stat-actions-today
+  dashboard_id:
+    where:
+      slug: user
+  width: 3
+  height: 1
+  x_axis: 3
+  y_axis: 3
+- component_id:
+    where:
+      slug: stat-consecutive-days
+  dashboard_id:
+    where:
+      slug: user
+  width: 3
+  height: 1
+  x_axis: 6
+  y_axis: 3
+- component_id:
+    where:
+      slug: stat-access-level
+  dashboard_id:
+    where:
+      slug: user
+  width: 3
+  height: 1
+  x_axis: 9
+  y_axis: 3
+- component_id:
+    where:
+      slug: account-security
+  dashboard_id:
+    where:
+      slug: user
+  width: 5
+  height: 5
+  x_axis: 0
+  y_axis: 7
+- component_id:
+    where:
+      slug: login-history-chart
+  dashboard_id:
+    where:
+      slug: user
+  width: 7
+  height: 4
+  x_axis: 0
+  y_axis: 3
+- component_id:
+    where:
+      slug: email-notifications
+  dashboard_id:
+    where:
+      slug: user
+  width: 7
+  height: 5
+  x_axis: 5
+  y_axis: 7
+- component_id:
+    where:
+      slug: activity-timeline
+  dashboard_id:
+    where:
+      slug: user
+  width: 5
+  height: 3
+  x_axis: 7
+  y_axis: 13
+- component_id:
+    where:
+      slug: user-sessions
+  dashboard_id:
+    where:
+      slug: user
+  width: 5
+  height: 4
+  x_axis: 7
+  y_axis: 4
+- component_id:
+    where:
+      slug: user-roles
+  dashboard_id:
+    where:
+      slug: user
+  width: 7
+  height: 3
+  x_axis: 0
+  y_axis: 13
 
 - component_id:
     where:

package/hedhog/data/route.yaml

@@ -716,6 +716,14 @@
     role:
       - where:
           slug: admin-mail
+- url: /dashboard-core/stats/overview/system
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-access
 - url: /dashboard-core/layout/:slug
   method: GET
   relations:

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

@@ -115,7 +115,7 @@ export default function AiAgentPage() {
     },
   });
 
-  const { data, isLoading, refetch } = useQuery<PaginatedResponse<Agent>>({
+  const { data, isLoading, refetch } = useQuery<PaginatedResponse<Agent>>({
     queryKey: ['ai-agents', page, pageSize, debouncedSearch],
     queryFn: async () => {
       const params = new URLSearchParams();
@@ -130,14 +130,14 @@ export default function AiAgentPage() {
 
       return response.data;
     },
-    initialData: {
-      data: [],
-      total: 0,
-      page: 1,
-      pageSize: 10,
-      totalPages: 1,
-    },
-  });
+  });
+  const agentList = data ?? {
+    data: [],
+    total: 0,
+    page: 1,
+    pageSize: 10,
+    totalPages: 1,
+  };
 
   useEffect(() => {
     if (editingAgent) {
@@ -280,12 +280,12 @@ export default function AiAgentPage() {
                 <TableRow>
                   <TableCell colSpan={5}>{t('loading')}</TableCell>
                 </TableRow>
-              ) : data.data.length === 0 ? (
-                <TableRow>
-                  <TableCell colSpan={5}>{t('empty')}</TableCell>
-                </TableRow>
-              ) : (
-                data.data.map((agent) => (
+              ) : agentList.data.length === 0 ? (
+                <TableRow>
+                  <TableCell colSpan={5}>{t('empty')}</TableCell>
+                </TableRow>
+              ) : (
+                agentList.data.map((agent) => (
                   <TableRow key={agent.id}>
                     <TableCell>{agent.slug}</TableCell>
                     <TableCell className="uppercase">
@@ -322,8 +322,8 @@ export default function AiAgentPage() {
       <PaginationFooter
         currentPage={page}
         pageSize={pageSize}
-        totalItems={data.total}
-        onPageChange={setPage}
+        totalItems={agentList.total}
+        onPageChange={setPage}
         onPageSizeChange={(value) => {
           setPageSize(value);
           setPage(1);

package/hedhog/frontend/app/dashboard/[slug]/dashboard-content.tsx.ejs

@@ -12,6 +12,7 @@ import { Button } from '@/components/ui/button';
 import { Separator } from '@/components/ui/separator';
 import { SidebarTrigger } from '@/components/ui/sidebar';
 import { Skeleton } from '@/components/ui/skeleton';
+import { useIsMobile } from '@/components/ui/use-mobile';
 import { useApp, useQuery } from '@hed-hog/next-app-provider';
 import { IconDeviceFloppy } from '@tabler/icons-react';
 import { useTranslations } from 'next-intl';
@@ -38,6 +39,7 @@ export const DashboardContent = ({ dashboardSlug }: DashboardContentProps) => {
   const t = useTranslations('core.DashboardPage');
   const { request } = useApp();
   const router = useRouter();
+  const isMobile = useIsMobile();
 
   const [layout, setLayout] = useState<LayoutItem[]>([]);
   const [widgets, setWidgets] = useState<WidgetLayout[]>([]);
@@ -106,7 +108,10 @@ export const DashboardContent = ({ dashboardSlug }: DashboardContentProps) => {
           x: item.x,
           y: item.y,
           w: item.w,
-          h: item.h,
+          h:
+            dashboardSlug === 'user' && item.slug === 'profile-card'
+              ? Math.max(item.h, 3)
+              : item.h,
           minW: item.minW || 1,
           maxW: item.maxW || 12,
           minH: item.minH || 1,
@@ -277,37 +282,42 @@ export const DashboardContent = ({ dashboardSlug }: DashboardContentProps) => {
 
   return (
     <>
-      <header className="flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12">
-        <div className="flex w-full items-center justify-between gap-2 px-4">
-          <div className="flex items-center gap-2">
+      <header className="flex min-h-16 shrink-0 items-center gap-2 py-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 sm:h-16 sm:py-0">
+        <div className="flex w-full flex-col gap-2 px-4 sm:flex-row sm:items-center sm:justify-between">
+          <div className="flex min-w-0 items-center gap-2">
             <SidebarTrigger className="-ml-1" />
             <Separator
               orientation="vertical"
               className="mr-2 data-[orientation=vertical]:h-4"
             />
-            <Breadcrumb>
+            <Breadcrumb className="min-w-0">
               <BreadcrumbList>
                 <BreadcrumbItem className="hidden md:block">
                   <BreadcrumbLink href="#">{t('dashboard')}</BreadcrumbLink>
                 </BreadcrumbItem>
                 <BreadcrumbSeparator className="hidden md:block" />
                 <BreadcrumbItem>
-                  <BreadcrumbPage>{dashboardName}</BreadcrumbPage>
+                  <BreadcrumbPage className="truncate">
+                    {dashboardName}
+                  </BreadcrumbPage>
                 </BreadcrumbItem>
               </BreadcrumbList>
             </Breadcrumb>
           </div>
-          <div className="flex items-center gap-2">
+          <div className="flex w-full items-center justify-end gap-2 sm:w-auto">
             {hasChanges && (
               <Button
                 size="sm"
                 variant="default"
-                className="gap-2"
+                className="gap-1 px-2 sm:gap-2 sm:px-3"
                 onClick={handleSaveLayout}
                 disabled={isSaving}
+                aria-label={isSaving ? t('saving') : t('saveLayout')}
               >
                 <IconDeviceFloppy className="size-4" />
-                {isSaving ? t('saving') : t('saveLayout')}
+                <span className="hidden sm:inline">
+                  {isSaving ? t('saving') : t('saveLayout')}
+                </span>
               </Button>
             )}
             <AddWidgetSelectorDialog
@@ -321,15 +331,16 @@ export const DashboardContent = ({ dashboardSlug }: DashboardContentProps) => {
       </header>
       <div className="flex flex-1 flex-col gap-4 overflow-auto p-4 pt-0">
         {widgets.length > 0 ? (
-          <div className="min-h-[600px]">
+          <div className="min-h-[420px] sm:min-h-[520px] lg:min-h-[600px]">
             <DraggableGrid
               className="dashboard-grid"
               layout={layout}
               onLayoutChange={handleLayoutChange}
               cols={12}
               rowHeight={80}
-              isDraggable={true}
-              isResizable={true}
+              preventCollision
+              isDraggable={!isMobile}
+              isResizable={!isMobile}
               resizeHandles={['se']}
             >
               {widgets.map((widget) => (