feat: API Gateway (Express 5 + Prisma + Monday) y conexion de apps al API

- api-gateway: servicio Monday (retry 429/complejidad, paginacion cursor,
  column IDs por titulo), endpoints unidades/cotizaciones/clientes/planes,
  webhook con handshake challenge, Prisma SQLite dev, 55 tests
- cotizador: inventario desde /api/unidades con fallback a seed
- alta-clientes: POST /api/clientes + upload multipart de documentos
- cobranza: persistencia via API con respaldo offline en localStorage
- .env.example con board IDs del workspace Frasa-CAS

apps/cobranza/src/pages/HoyPage.tsx

@@ -1,15 +1,31 @@
-import { useMemo, useState } from 'react'
+import { useEffect, useMemo, useState } from 'react'
 import { Link } from 'react-router-dom'
-import type { PlanPago } from '../types'
-import { cargarPlanes } from '../services/repository'
+import { listarPlanes, type ResultadoPlanes } from '../services/repository'
 import { cobranzaDelDia, round2, statusPago } from '../lib/cobranza'
 import { formatoFechaCorta, formatoMoneda } from '../lib/formatters'
 import KpiCard from '../components/KpiCard'
 
 /** Vista "Cobranza del día": vencidos + por vencer en 7 días, a través de todos los planes activos */
 export default function HoyPage() {
-  const [planes] = useState<PlanPago[]>(() => cargarPlanes())
+  const [resultado, setResultado] = useState<ResultadoPlanes | null>(null)
+  const [errorCarga, setErrorCarga] = useState<string | null>(null)
   const hoy = useMemo(() => new Date(), [])
+
+  useEffect(() => {
+    let activo = true
+    listarPlanes()
+      .then((r) => {
+        if (activo) setResultado(r)
+      })
+      .catch((e: unknown) => {
+        if (activo) setErrorCarga(e instanceof Error ? e.message : 'Error al cargar los planes')
+      })
+    return () => {
+      activo = false
+    }
+  }, [])
+
+  const planes = useMemo(() => resultado?.planes ?? [], [resultado])
   const items = useMemo(() => cobranzaDelDia(planes, hoy), [planes, hoy])
 
   const vencidos = items.filter((i) => i.atraso > 0)
@@ -18,6 +34,14 @@ export default function HoyPage() {
     items.reduce((acc, i) => acc + (i.pago.monto - i.pago.montoPagado), 0),
   )
 
+  if (!resultado) {
+    return errorCarga ? (
+      <div className="border border-red-300 bg-white px-4 py-3 text-sm text-red-700">{errorCarga}</div>
+    ) : (
+      <p className="text-sm text-neutral-400">Cargando...</p>
+    )
+  }
+
   return (
     <div className="space-y-16">
       <div>
@@ -25,6 +49,11 @@ export default function HoyPage() {
         <p className="mt-1 text-sm text-neutral-500">
           Pagos vencidos y vencimientos de los próximos 7 días, en todos los planes activos.
         </p>
+        {resultado.origen === 'local' && (
+          <p className="mt-2 text-xs text-amber-700">
+            Modo offline: sin conexión al API; mostrando datos guardados en este navegador.
+          </p>
+        )}
       </div>
 
       <div className="grid grid-cols-2 gap-6 lg:grid-cols-3">