Identifica cambios materiales y conserva las citas.
Registros, filtros y relaciones.
Las tablas densas combinan búsqueda, filtros, selección y acciones sin perder encabezados, unidades ni estado del conjunto.
Ejemplo en contexto
La misma mesa reúne conversación, proceso observable, evidencia y aprobación; cada página destaca la parte que documenta.
usaia · tarea asistidaContrastar el informe con sus fuentes
2 de 3 pasosEncontré dos cambios respaldados y una cifra que requiere revisión.
Ver 3 fuentesPrimitivas
| Pieza | Contrato v10 |
|---|---|
| Records table | Columnas, relaciones, orden y paginación |
| Filter table | Filtros activos, conteos y limpiar todo |
| Selection | Cantidad y acciones sobre filas visibles o conjunto |
| Detail | Ficha enlazable, no panel inaccesible obligatorio |
Aplicación por producto
| Capa | Uso |
|---|---|
| USAIA | Útil para herramientas, permisos, evaluaciones y actividad. |
| COCHID | Útil para catálogos, datasets, fuentes y resultados de calidad. |
Criterios de aceptación
- Encabezados y captions describen el conjunto.
- El estado del filtro vive en la URL cuando es compartible.
- Selección global distingue filas visibles del conjunto total.
- La versión móvil usa prioridades o cards de datos, no scroll oculto.
- Toda tabla ofrece estado vacío, error y carga.
Referencias de diseño
AI Elements aporta el registry y el inventario técnico sobre shadcn/ui. Beautiful UI aporta referencias de interacción AI-native. Style adapta los patrones y no copia su identidad visual.
Relación de herencia
Kit Style v10
└── Capa IA y análisis
├── marca USAIA → productos conversacionales y agentes
└── marca COCHID → evidencia, datos y análisis asistido