Notas de la versión de Lyrics Card Generator v4.4.0
Fecha de publicación: 2026-07-10
Esta versión traslada los ajustes desde un modal a una «ala de ajustes» completa situada a la derecha del editor. El editor, los ejemplos de letras y los ajustes comparten ahora un único sistema espacial excluyente: los ejemplos siguen entrando desde arriba, los ajustes desde la derecha y se conservan todas las preferencias, vistas previas, guardados automáticos y reglas de persistencia existentes.
Cambios principales
- Los ajustes ya no muestran una capa oscura ni dejan activo el editor del fondo. El editor sale hacia la izquierda mientras el ala de ajustes entra desde la derecha.
- Un estado de superficie activa unificado aísla las zonas ocultas con
aria-hidden,inerty bloqueo de eventos del puntero. Escape y la X de la cabecera vuelven al editor y devuelven el foco al botón de Ajustes original. - La navegación ofrece tres diseños adaptativos: barra lateral completa con descripciones en pantallas amplias, barra compacta de iconos en anchuras medias y menú de categorías que se cierra automáticamente en pantallas pequeñas.
- Se añade una cabecera propia, estado de guardado, descripciones de categorías y tarjetas de grupo uniformes, manteniendo las categorías General, Apariencia, Exportar, IA y Acerca de.
- El estado y los efectos de los ajustes se separan de la antigua carcasa modal. Las preferencias normales siguen previsualizándose y guardándose al instante, los recursos antiguos de fondo continúan limpiándose y los ajustes de IA conservan el guardado diferido de 700 ms y el guardado pendiente al cerrar.
- Si falta la configuración de IA, se abre directamente la categoría IA. Las entradas se conservan al cambiar de categoría y el modo de movimiento reducido sustituye el gran desplazamiento por un fundido muy breve.
- Se eliminan la cuadrícula del fondo de la aplicación y el marco exterior del ala de ajustes, se mejora la animación de selección, Spark Cursor pasa a Apariencia, se alinean los botones de acciones de letras y el diseño inicial queda fijado en tamaño personalizado con altura automática.
- Se añaden descripciones localizadas para los seis idiomas y pruebas de regresión que cubren transiciones espaciales, ciclo de guardado, navegación adaptativa y accesibilidad.
Verificación
- npm run typecheck
- npm run core:test
- npm run build
- npm run desktop:build
- git diff --check
- Comprobaciones adaptativas y de interacción a 1520px, 1280px, 900px, 720px y 520px