Corte de cambios: 4 al 11 de octubre de 2026
Fuente: historias .stories.ts y cambios recientes del repositorio nebula-ui-kit.
Usar este documento para revisar y actualizar la documentación visual en el proyecto story-book. El repositorio fuente contiene historias junto a los componentes en projects/nebula-ui-kit/src/lib/components/. Storybook se ejecuta desde el workspace con npm start o npm run storybook (puerto habitual: 6006).
table — encabezados de grupoAgregar una historia con groupHeader habilitado y demostrar:
th scope="rowgroup").Archivo fuente: components/table/table.stories.ts.
table-compact — acciones y espacio reducidoAsegurar ejemplos para:
primary, secondary y text en acciones de cabecera.Archivo fuente: components/table-compact/table-compact.stories.ts.
tabs — perfil visual 3.0Mantener o incorporar ejemplos de tema claro y oscuro que muestren:
.tab-dirty.Archivo fuente: components/tabs/tabs.stories.ts.
Agregar una historia de validación que permita interactuar con:
revelarPendientes() navegando al primer pendiente y enfocándolo.lib-code-field con error.requiredMessageKey para mensaje configurable.Estado de fuente: revisar si el proyecto mantiene una historia específica del motor; el directorio form-layout contiene muchos ejemplos y pruebas, pero el inventario de historias actual no mostró un archivo form-layout.stories.ts.
La historia existente components/tasks/tasks.stories.ts ya describe lista, avance y registro. Revisar que enseñe también:
l.taskList, l.taskProgress y l.executionLog.[acciones] de la cabecera.Fuentes: components/tasks/tasks.stories.ts, components/header/header.stories.ts.
La historia components/import-export/import-export.stories.ts debe incluir el recorrido genérico:
jobId y bandeja de tareas.Mostrar la configuración del origen mediante token y aclarar que la UI no implementa HTTP.
Revisar ejemplos de form-layout para cubrir:
l.periodo: doce meses de la vigencia, límites configurables y valor YYYYMM.l.lienzo/l.pieza: dato derivado, texto fijo traducible, ayuda, tooltip y ficha.Estado de fuente: confirmar si estos ejemplos están integrados en una historia existente o deben añadirse a una historia dedicada del motor.
smart-table — filtros y retorno de navegaciónAñadir o revisar ejemplos para:
IN y NOT_IN usando arreglos JSON.El código fuente contiene historias para: autocomplete, breadcrumb, button, checkbox, datepicker, date-range-picker, dialogs, empty, field-label, file-upload, footer, form-card, grid-form, grid-form-item, gridcard, header, import-export, input, key-value-grid, layout, loader, radio, search, select, sidebar, table, table-compact, table-input, tabs, tasks, textarea y toast.
También existen historias de componentes internos de gridcard y table. No se observaron historias dedicadas con nombre form-layout ni smart-table en el inventario de archivos revisado; validar si se documentan mediante layout u otra historia compuesta antes de crear duplicados.
npm start
# o
npm run storybook
Las historias fuente se encuentran bajo projects/nebula-ui-kit/src/lib/components/. Tras copiarlas o adaptarlas al repositorio story-book, comprobar navegación, controles interactivos, tema claro/oscuro y estados accesibles de teclado.