Contexto
Las rutas app/app/market, app/app/market/[id], app/app/pay/[id], app/app/claim-provider/[id] y app/app/claim-investor/[id] muestran spinners genéricos o pantalla en blanco mientras cargan datos del API/SDK.
Alcance
- Implementar
<Skeleton /> (ya existe en components/ui/skeleton.tsx) en:
- Lista de facturas del market (cards).
- Detalle de factura (header, montos, botón de acción).
- Estado de claim (timeline + botón).
- Skeletons que coincidan con la forma final del contenido (no rectángulos genéricos).
Definition of done
- Sin layout shift al cargar (CLS = 0).
- Skeleton solo aparece si la carga > 200ms (evitar flash).
- Modo claro y oscuro.
Por qué es seguro delegarlo
Solo afecta estado de carga visual. No toca llamadas al backend ni al SDK de Trustless Work.
Contexto
Las rutas
app/app/market,app/app/market/[id],app/app/pay/[id],app/app/claim-provider/[id]yapp/app/claim-investor/[id]muestran spinners genéricos o pantalla en blanco mientras cargan datos del API/SDK.Alcance
<Skeleton />(ya existe encomponents/ui/skeleton.tsx) en:Definition of done
Por qué es seguro delegarlo
Solo afecta estado de carga visual. No toca llamadas al backend ni al SDK de Trustless Work.