@hed-hog/catalog 0.0.285 → 0.0.286

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

@@ -14,6 +14,7 @@ import {
   CardHeader,
   CardTitle,
 } from '@/components/ui/card';
+import { KpiCardsGrid } from '@/components/ui/kpi-cards-grid';
 import { Skeleton } from '@/components/ui/skeleton';
 import { useApp, useQuery } from '@hed-hog/next-app-provider';
 import {
@@ -126,7 +127,28 @@ export default function CatalogDashboardPage() {
       (item) => item.resource === resourceKey
     )!;
     const stats = statsMap.get(resourceKey);
-    return { resource, total: stats?.total ?? 0, active: stats?.active };
+    const total = stats?.total ?? 0;
+    const active = stats?.active;
+
+    return {
+      key: resource.resource,
+      title: t(`resources.${resource.translationKey}.shortTitle`),
+      value: total,
+      description: (
+        <div className="flex items-center justify-between gap-3 text-sm text-muted-foreground">
+          <span>{t('dashboard.card.totalLabel')}</span>
+          <span>
+            {typeof active === 'number'
+              ? t('dashboard.card.activeLabel', { count: active })
+              : t('dashboard.card.noActiveLabel')}
+          </span>
+        </div>
+      ),
+      icon: resource.icon,
+      accentClassName: resource.colorClass,
+      iconContainerClassName: resource.glowClass,
+      loading: isLoading,
+    };
   });
 
   const volumeChartData = [...catalogResources]
@@ -253,45 +275,7 @@ export default function CatalogDashboardPage() {
           </CardContent>
         </Card>
 
-        <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
-          {kpiCards.map(({ resource, total, active }) => {
-            const Icon = resource.icon;
-
-            return (
-              <Card
-                key={resource.resource}
-                className="overflow-hidden border-border/70 py-0"
-              >
-                <div
-                  className={`h-1 w-full bg-gradient-to-r ${resource.colorClass}`}
-                />
-                <CardContent className="space-y-4 px-6 py-5">
-                  <div className="flex items-start justify-between gap-3">
-                    <div>
-                      <p className="text-xs uppercase tracking-[0.2em] text-muted-foreground">
-                        {t(`resources.${resource.translationKey}.shortTitle`)}
-                      </p>
-                      <p className="mt-2 text-3xl font-semibold tracking-tight">
-                        {isLoading ? '-' : total}
-                      </p>
-                    </div>
-                    <div className={`rounded-2xl p-3 ${resource.glowClass}`}>
-                      <Icon className="size-5" />
-                    </div>
-                  </div>
-                  <div className="flex items-center justify-between text-sm text-muted-foreground">
-                    <span>{t('dashboard.card.totalLabel')}</span>
-                    <span>
-                      {typeof active === 'number'
-                        ? t('dashboard.card.activeLabel', { count: active })
-                        : t('dashboard.card.noActiveLabel')}
-                    </span>
-                  </div>
-                </CardContent>
-              </Card>
-            );
-          })}
-        </div>
+        <KpiCardsGrid items={kpiCards} />
 
         <div className="grid min-w-0 gap-6 xl:grid-cols-[minmax(0,1.3fr)_minmax(320px,0.9fr)]">
           <Card className="min-w-0">

package/hedhog/frontend/messages/en.json

@@ -34,13 +34,13 @@
     "secondaryAction": "View imports",
     "summary": {
       "totalRecords": "Total records",
-      "activeRecords": "Active monitored",
+      "activeRecords": "Active/published monitored",
       "monitoredResources": "Resources with data"
     },
     "card": {
       "totalLabel": "Total",
-      "activeLabel": "{count} active",
-      "noActiveLabel": "No active metric"
+      "activeLabel": "{count} active/published",
+      "noActiveLabel": "No tracked status metric"
     },
     "charts": {
       "volume": {
@@ -48,8 +48,8 @@
         "description": "Comparison across the catalog resources with the largest record sets."
       },
       "status": {
-        "title": "Active vs other records",
-        "description": "Status view across the {count} resources that expose active metrics."
+        "title": "Tracked status vs other records",
+        "description": "Status view across the {count} resources that expose tracked status metrics."
       },
       "distribution": {
         "title": "Volume distribution",
@@ -59,7 +59,7 @@
     "ranking": {
       "title": "Resource ranking",
       "description": "The largest catalog areas right now.",
-      "activeCount": "{count} active"
+      "activeCount": "{count} active/published"
     },
     "quickActions": {
       "itemHint": "Quick access"
@@ -91,7 +91,7 @@
     },
     "kpis": {
       "total": "Resource total",
-      "active": "Active",
+      "active": "Active/published",
       "visible": "Visible records",
       "activeInSlice": "Active in slice",
       "inStockInSlice": "In stock in slice",
@@ -111,7 +111,9 @@
         "active": "Active",
         "inactive": "Inactive",
         "draft": "Draft",
-        "published": "Published"
+        "published": "Published",
+        "archived": "Archived",
+        "hidden": "Hidden"
       },
       "availability_status": {
         "inStock": "In stock",
@@ -175,13 +177,14 @@
         "active": "Active",
         "inactive": "Inactive",
         "draft": "Draft",
-        "published": "Published"
+        "published": "Published",
+        "archived": "Archived",
+        "hidden": "Hidden"
       },
       "comparison_status": {
-        "active": "Active",
-        "inactive": "Inactive",
         "draft": "Draft",
-        "published": "Published"
+        "ready": "Ready",
+        "disabled": "Disabled"
       },
       "availability_status": {
         "in_stock": "In stock",

package/hedhog/frontend/messages/pt.json

@@ -34,13 +34,13 @@
     "secondaryAction": "Ver importacoes",
     "summary": {
       "totalRecords": "Registros totais",
-      "activeRecords": "Ativos monitorados",
+      "activeRecords": "Ativos/publicados monitorados",
       "monitoredResources": "Recursos com dados"
     },
     "card": {
       "totalLabel": "Total",
-      "activeLabel": "{count} ativos",
-      "noActiveLabel": "Sem indicador de ativo"
+      "activeLabel": "{count} ativos/publicados",
+      "noActiveLabel": "Sem indicador de status monitorado"
     },
     "charts": {
       "volume": {
@@ -48,8 +48,8 @@
         "description": "Comparativo entre os recursos com mais registros no catalogo."
       },
       "status": {
-        "title": "Ativos x demais registros",
-        "description": "Leitura dos {count} recursos que expõem estatistica de status."
+        "title": "Status monitorado x demais registros",
+        "description": "Leitura dos {count} recursos que expoem metricas de status monitorado."
       },
       "distribution": {
         "title": "Distribuicao do volume",
@@ -59,7 +59,7 @@
     "ranking": {
       "title": "Ranking de recursos",
       "description": "Os modulos mais volumosos do catalogo neste momento.",
-      "activeCount": "{count} ativos"
+      "activeCount": "{count} ativos/publicados"
     },
     "quickActions": {
       "itemHint": "Acesso rapido"
@@ -91,7 +91,7 @@
     },
     "kpis": {
       "total": "Total do recurso",
-      "active": "Ativos",
+      "active": "Ativos/publicados",
       "visible": "Registros exibidos",
       "activeInSlice": "Ativos no recorte",
       "inStockInSlice": "Em estoque no recorte",
@@ -111,7 +111,9 @@
         "active": "Ativo",
         "inactive": "Inativo",
         "draft": "Rascunho",
-        "published": "Publicado"
+        "published": "Publicado",
+        "archived": "Arquivado",
+        "hidden": "Oculto"
       },
       "availability_status": {
         "inStock": "Em estoque",
@@ -175,13 +177,14 @@
         "active": "Ativo",
         "inactive": "Inativo",
         "draft": "Rascunho",
-        "published": "Publicado"
+        "published": "Publicado",
+        "archived": "Arquivado",
+        "hidden": "Oculto"
       },
       "comparison_status": {
-        "active": "Ativo",
-        "inactive": "Inativo",
         "draft": "Rascunho",
-        "published": "Publicado"
+        "ready": "Pronto",
+        "disabled": "Desabilitado"
       },
       "availability_status": {
         "in_stock": "Em estoque",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/catalog",
-  "version": "0.0.285",
+  "version": "0.0.286",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -9,14 +9,14 @@
     "@nestjs/core": "^11",
     "@nestjs/jwt": "^11",
     "@nestjs/mapped-types": "*",
-    "@hed-hog/core": "0.0.285",
-    "@hed-hog/api-prisma": "0.0.5",
     "@hed-hog/api-pagination": "0.0.6",
-    "@hed-hog/api": "0.0.4",
-    "@hed-hog/content": "0.0.285",
     "@hed-hog/api-locale": "0.0.13",
-    "@hed-hog/category": "0.0.285",
-    "@hed-hog/tag": "0.0.285"
+    "@hed-hog/api": "0.0.4",
+    "@hed-hog/category": "0.0.286",
+    "@hed-hog/core": "0.0.286",
+    "@hed-hog/api-prisma": "0.0.5",
+    "@hed-hog/content": "0.0.286",
+    "@hed-hog/tag": "0.0.286"
   },
   "exports": {
     ".": {