Oleada UX 6: Reportes agrupados en familias con rango global persistente y favoritos; Configuracion con auditoria de cambios y simulador de comisiones

frontend/src/components/reportes/HorasAgendaReport.tsx

@@ -15,6 +15,7 @@ import { ExportButton } from '../ui/ExportButton';
 import { exportToExcel } from '../../lib/exporter';
 import { odooApi, type HoraAgendaRow } from '../../services/odoo';
 import type { BadgeVariant } from '../ui/Badge';
+import { useReportRange } from '../../lib/reportRange';
 
 const citaStateLabels: Record<string, string> = {
   pending: 'Pendiente', confirmed: 'Confirmada', arrived: 'Llegó',
@@ -30,11 +31,10 @@ const citaStateBadge = (state: string): BadgeVariant => {
   }
 };
 
-const hoy = () => new Date().toISOString().split('T')[0];
 
 const HorasAgendaReport: FC = () => {
-  const [start, setStart] = useState(hoy());
-  const [end, setEnd] = useState(hoy());
+  // Rango global de Reportes; los campos Inicio/Fin fijan uno propio
+  const { start, end, setStart, setEnd } = useReportRange('horas-agenda');
   const [horas, setHoras] = useState<HoraAgendaRow[]>([]);
   const [loading, setLoading] = useState(true);
 
@@ -94,6 +94,7 @@ const HorasAgendaReport: FC = () => {
           <div className="flex flex-col sm:flex-row sm:items-end gap-3">
             <Input label="Inicio" type="date" value={start} onChange={(e) => setStart(e.target.value)} className="sm:max-w-[160px]" />
             <Input label="Fin" type="date" value={end} onChange={(e) => setEnd(e.target.value)} className="sm:max-w-[160px]" />
+            
             <ExportButton onClick={exportar} loading={exporting} />
             <p className="text-sm text-theme-muted sm:ml-auto">{total} citas en el periodo</p>
           </div>