@stacksjs/defaults 0.70.157 → 0.70.160

package/app/Actions/Dashboard/DashboardHomeAction.test.ts

@@ -0,0 +1,19 @@
+import { describe, expect, it } from 'bun:test'
+import { summarizeHttpRequests } from './DashboardHomeAction'
+
+describe('dashboard HTTP metrics', () => {
+  it('summarizes captured requests without fake values', () => {
+    const metrics = summarizeHttpRequests(12_345, [
+      { duration: 10, status: 200 },
+      { duration: 20, status: 302 },
+      { duration: 30, status: 404 },
+      { duration: 40, status: 500 },
+    ])
+
+    expect(metrics.map(metric => metric.value)).toEqual(['12,345', '25ms', '50.0%', '50.0%'])
+  })
+
+  it('returns explicit empty-state metrics', () => {
+    expect(summarizeHttpRequests(0, []).map(metric => metric.value)).toEqual(['0', '0ms', '100%', '0%'])
+  })
+})

package/app/Actions/Dashboard/DashboardHomeAction.ts

@@ -1,5 +1,25 @@
 import { Action } from '@stacksjs/actions'
-import { User, Product, Order, Post } from '@stacksjs/orm'
+import { Order, Post, Product, Request, User } from '@stacksjs/orm'
+
+interface HttpRequestSample {
+  duration: number
+  status: number
+}
+
+export function summarizeHttpRequests(total: number, requests: HttpRequestSample[]) {
+  const successful = requests.filter(request => request.status >= 200 && request.status < 400).length
+  const failed = requests.filter(request => request.status >= 400).length
+  const averageDuration = requests.length > 0
+    ? Math.round(requests.reduce((sum, request) => sum + request.duration, 0) / requests.length)
+    : 0
+
+  return [
+    { title: 'HTTP Requests', value: total.toLocaleString(), detail: 'All captured requests', icon: 'i-hugeicons-global' },
+    { title: 'Average Response', value: `${averageDuration}ms`, detail: `Latest ${requests.length.toLocaleString()} requests`, icon: 'i-hugeicons-clock-01' },
+    { title: 'Success Rate', value: requests.length > 0 ? `${((successful / requests.length) * 100).toFixed(1)}%` : '100%', detail: '2xx and 3xx responses', icon: 'i-hugeicons-checkmark-circle-02' },
+    { title: 'Error Rate', value: requests.length > 0 ? `${((failed / requests.length) * 100).toFixed(1)}%` : '0%', detail: '4xx and 5xx responses', icon: 'i-hugeicons-alert-02' },
+  ]
+}
 
 export default new Action({
   name: 'DashboardHomeAction',
@@ -14,6 +34,8 @@ export default new Action({
     let totalRevenue = 0
     let recentOrderRows: any[] = []
     let recentUserRows: any[] = []
+    let databaseStatus = 'offline'
+    let httpMetrics = summarizeHttpRequests(0, [])
 
     try {
       const results = await Promise.all([
@@ -35,16 +57,31 @@ export default new Action({
       // Calculate total revenue from all orders
       const allOrders = await Order.all()
       totalRevenue = allOrders.reduce((sum, o) => sum + (Number(o.get('total_amount')) || 0), 0)
+      databaseStatus = 'healthy'
+    }
+    catch {
+      // A new project may not have run its migrations yet.
+    }
+
+    try {
+      const [requestCount, recentRequests] = await Promise.all([
+        Request.count(),
+        Request.orderBy('created_at', 'desc').limit(1000).get(),
+      ])
+      httpMetrics = summarizeHttpRequests(requestCount, recentRequests.map(request => ({
+        duration: Number(request.get('duration_ms')) || 0,
+        status: Number(request.get('status_code')) || 500,
+      })))
     }
     catch {
-      // Database may not exist yet - use fallback values
+      // Request capture is optional, so its empty state is valid.
     }
 
     const stats = [
-      { label: 'Total Users', value: String(userCount), trend: '+12%', up: true, color: 'blue' },
-      { label: 'Products', value: String(productCount), trend: '+8%', up: true, color: 'green' },
-      { label: 'Revenue', value: `$${totalRevenue.toLocaleString()}`, trend: '+23%', up: true, color: 'orange' },
-      { label: 'Orders', value: String(orderCount), trend: '+5%', up: true, color: 'red' },
+      { label: 'Total Users', value: String(userCount), color: 'blue' },
+      { label: 'Products', value: String(productCount), color: 'green' },
+      { label: 'Revenue', value: `$${totalRevenue.toLocaleString()}`, color: 'orange' },
+      { label: 'Orders', value: String(orderCount), color: 'red' },
     ]
 
     const quickLinks = [
@@ -55,11 +92,11 @@ export default new Action({
     ]
 
     const services = [
-      { name: 'Database', status: userCount > 0 ? 'healthy' : 'offline', latency: userCount > 0 ? '12ms' : 'N/A' },
-      { name: 'Cache', status: 'healthy', latency: '2ms' },
-      { name: 'Queue', status: 'healthy', latency: '45ms' },
-      { name: 'Storage', status: 'healthy', latency: '8ms' },
-      { name: 'Email', status: 'warning', latency: '234ms' },
+      { name: 'Database', status: databaseStatus, latency: 'N/A' },
+      { name: 'Cache', status: 'configured', latency: 'N/A' },
+      { name: 'Queue', status: 'configured', latency: 'N/A' },
+      { name: 'Storage', status: 'configured', latency: 'N/A' },
+      { name: 'Email', status: 'configured', latency: 'N/A' },
     ]
 
     // Build activities from real data
@@ -78,6 +115,6 @@ export default new Action({
       })),
     ].slice(0, 5)
 
-    return { stats, quickLinks, services, activities }
+    return { stats, httpMetrics, quickLinks, services, activities }
   },
 })

package/package.json

@@ -2,7 +2,7 @@
   "name": "@stacksjs/defaults",
   "type": "module",
   "sideEffects": false,
-  "version": "0.70.157",
+  "version": "0.70.160",
   "description": "Default Stacks scaffold resources (views, layouts, components, preloader) — shipped so apps consuming the framework from node_modules get the same fallback resources a vendored checkout provides. Source of truth: storage/framework/defaults.",
   "author": "Chris Breuer",
   "license": "MIT",