refactor completo + truncate de base de datos + reingenieria dashboard

components/dashboard/widget-shell.tsx

@@ -3,17 +3,21 @@ import type { WidgetStatus } from '@/lib/dashboard-types'
 
 interface WidgetShellProps {
   title: string
+  subtitle?: string
   status: WidgetStatus
   n?: number
   children: React.ReactNode
   colSpan?: number
 }
 
-export function WidgetShell({ title, status, n, children, colSpan = 6 }: WidgetShellProps) {
+export function WidgetShell({ title, subtitle, status, n, children, colSpan = 6 }: WidgetShellProps) {
   return (
     <div className={`db-widget db-col-${colSpan}`} style={{ gridColumn: `span ${colSpan}` }}>
       <div className="db-widget-header">
-        <h3 className="db-widget-title">{title}</h3>
+        <div className="db-widget-title-group">
+          <h3 className="db-widget-title">{title}</h3>
+          {subtitle && <p className="db-widget-subtitle">{subtitle}</p>}
+        </div>
         {n !== undefined && status === 'ok' && (
           <span className="db-widget-n">n = {n.toLocaleString('es-PY')}</span>
         )}