Hace aproximadamente un año compartí un pequeño proyecto paralelo: un editor de flujos para call center construido sobre Foblex Flow.
La idea era sencilla: permitir que las personas diseñen flujos de llamadas de forma visual arrastrando nodos y conectándolos, en lugar de escribir configuraciones manualmente.
Desde entonces, Angular ha evolucionado, y este editor también. Quise aprovechar Angular 20 y su nueva API de Signals, así que decidí darle una renovación completa.
Novedades
- Migración completa a Angular 20
- Gestión de estado reescrita con Signals, sin store externo, más simple y reactiva
- Interruptor de tema claro y oscuro para una edición más cómoda
- Funciones de deshacer y rehacer para experimentar sin miedo
- UX más fluida en zoom, arrastre y reconexión de nodos
- Interfaz basada en componentes de Angular Material
Demo y código
Puedes probarlo aquí: Demostración en vivo.
Explora el proyecto en Código fuente del editor y consulta la biblioteca Foblex Flow.
Reflexiones
Migrar todo a Signals simplificó mucho la lógica de estado. Deshacer y rehacer fue más sencillo de integrar, y persistir el estado en localStorage resultó casi trivial.
Es una buena muestra de lo rápido que evoluciona el ecosistema de Angular. Signals ya es lo bastante potente como para impulsar interfaces interactivas complejas.
Conclusiones
Este proyecto comenzó como un experimento y sigue creciendo junto con Angular. Signals simplificó el código y volvió al editor más responsivo.
Estoy planeando seguir puliéndolo, así que cualquier comentario es bienvenido. Si te resulta útil, considera dejar una estrella en GitHub. También puedes probar la demo en línea.
Cómo te ayuda Q2BSTUDIO
En Q2BSTUDIO impulsamos soluciones que transforman la operación de centros de atención y contact centers con aplicaciones a medida y software a medida de alto rendimiento. Si buscas construir un editor de flujos, orquestar integraciones con telefonía o llevar tu enrutamiento de llamadas a otro nivel, nuestro equipo puede diseñarlo end to end. Descubre cómo abordamos proyectos complejos con nuestro enfoque de desarrollo de aplicaciones a medida.
Además, integramos capacidades de inteligencia artificial para empresas, como agentes IA que optimizan la priorización de llamadas, análisis de sentimiento y automatización de procesos omnicanal. Conoce más sobre nuestras soluciones de inteligencia artificial.
Completamos el ciclo con ciberseguridad y pentesting para proteger tus canales de atención, despliegues en servicios cloud aws y azure, servicios inteligencia de negocio con power bi para analizar métricas de rendimiento en tiempo real y automatización de procesos para reducir tiempos de gestión. Si te interesa llevar tus flujos y tu operación a la siguiente etapa, en Q2BSTUDIO estamos listos para ayudarte.