Standardize page headers and chart tokens across all pages

PageHeader on Budget, Proyecciones, Pensiones, Planificador,
Municipalidad, Sincronización, Financiamientos, Asistente. Pensiones
fund identity and Municipalidad meter/charge series now use the
validated chart tokens (color-mix for translucent fills). Planificador
stat cards on StatTile; deterministic chart rendering everywhere.
Municipalidad page title now matches its nav/breadcrumb label.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Carlos Escalante
2026-07-04 12:53:30 -06:00
parent 9907ff265e
commit 41d4306e86
8 changed files with 117 additions and 151 deletions

View File

@@ -19,6 +19,7 @@ import {
TableRow,
} from '@/components/ui/table';
import ErrorState from '@/components/ErrorState';
import { PageHeader } from '@/components/page-header';
import ConvertToInstallmentsDialog from '@/components/transactions/ConvertToInstallmentsDialog';
function formatDate(iso: string) {
@@ -104,14 +105,11 @@ export default function Financiamientos() {
return (
<div className="space-y-6">
<div className="flex items-center gap-3">
<Layers className="w-6 h-6 text-primary" />
<h1 className="text-2xl font-bold tracking-tight">Financiamientos</h1>
</div>
<p className="text-sm text-muted-foreground -mt-4">
Compras Tasa Cero pagadas en cuotas mensuales sin intereses. Las cuotas
futuras ya cuentan en el presupuesto de sus meses.
</p>
<PageHeader
icon={Layers}
title="Financiamientos"
subtitle="Compras Tasa Cero en cuotas sin intereses — las cuotas futuras ya cuentan en el presupuesto de sus meses."
/>
{/* Summary */}
<div className="grid gap-4 sm:grid-cols-3">