Global Control es un CRM operativo que diseñamos y construimos como concepto a través de Northstar Logistics, una empresa de reparto ficticia con centros en Moscú, Dubái, Londres y Nueva York. Es el buque insignia de nuestros conceptos de producto: nueve módulos que funcionan de verdad en una sola aplicación de navegador (la pantalla de inicio Command, pedidos, equipo, mapa en vivo, clientes, informes, automatizaciones, un copiloto de IA y ajustes), con una intro sobre un globo en three.js.

El encargo pedía un CRM premium en el que un responsable da de alta a empleados, reparte pedidos, los sigue, consulta indicadores y gráficos, descarga informes mensuales y anuales, recibe un aviso cuando alguien inicia sesión y trabaja con una IA que se adapta a la persona, y en el que el visitante puede pulsarlo todo y crear cosas propias. Por eso cada visitante monta su propio entorno en un onboarding breve y recibe un equipo, clientes y dos semanas de pedidos ficticios, y una simulación en vivo mantiene la empresa en marcha mientras mira. Nada sale del navegador: el espacio de trabajo se guarda en localStorage.

El onboarding pregunta el nombre, el rol (propietario, responsable o empleado), el nombre de la empresa, el sector, el tamaño del equipo (de 8 a 30 personas), la moneda y un color de acento. Con esas respuestas, un generador con semilla construye el espacio: en la demo por defecto, 18 personas en cuatro centros, 22 clientes, unos 400 pedidos en 14 días y seis automatizaciones, con un historial generado detrás para que los informes mensuales y anuales siempre tengan datos. El sector cambia el vocabulario en toda la interfaz (entregas y repartidores, trabajos y técnicos, o pedidos y preparadores), el rol cambia la pantalla de inicio (dinero y crecimiento para el propietario, la cola de despacho para el responsable, «mi día» para el empleado) y el menú se reordena según lo que la persona usa de verdad. La simulación conecta y desconecta a personas con un aviso, trae pedidos nuevos, mueve a los repartidores por sus rutas y completa entregas, cada centro con su propia hora local.

Pedidos es un tablero con arrastrar y soltar entre estados y sobre personas, un anillo de SLA en vivo en cada tarjeta y un panel en el que el despacho con IA ordena al equipo por centro, carga, distancia, puntualidad y valoración, y explica por qué. Equipo da de alta a un empleado en cuatro pasos y termina con una credencial holográfica que se inclina bajo el cursor; unos segundos después de la invitación, la persona nueva «inicia sesión» y todo el equipo recibe el aviso. El mapa en vivo dibuja una ciudad procedural para cada centro, recorrida por los repartidores, y una vista global con la línea real entre el día y la noche. Los informes cubren un mes, un trimestre o un año y se descargan en PDF, generado por nuestro propio escritor de PDF mínimo, en CSV que Excel abre bien en los dos idiomas o en JSON. Las automatizaciones funcionan como flujos de nodos en vivo, y el editor convierte una regla escrita en inglés o en ruso en disparador, condiciones y acciones, y la reproduce sobre los últimos 14 días. Cada cliente tiene un índice de salud explicable.

El copiloto es lo que llamamos IA de demostración, y así lo rotula el producto: una capa de lenguaje en el dispositivo con tolerancia a erratas en inglés y ruso, 35 intenciones y extracción de entidades, que responde con cifras vivas del espacio de trabajo y actúa con las mismas funciones que una persona, desde repartir la cola hasta exportar un informe. Una capa proactiva propone, como mucho cada 45 segundos, salvar con un clic un pedido en riesgo, y ⌘K abre una paleta de comandos. Por dentro: JavaScript y CSS sin framework, empaquetados con esbuild en 43 archivos de carga diferida, three.js solo para el globo de la intro, tres tipografías variables alojadas en el propio servidor (Unbounded, Onest y JetBrains Mono), un tema de noche y otro de día y 2045 textos de interfaz en cada idioma.

El concepto funciona en /demos/global-control/ con nueve módulos, la intro y una paleta de comandos, en inglés y ruso. El 28 de septiembre de 2026 lo comprobamos nosotros mismos en Chrome headless, sobre una copia local servida con las cabeceras y la política de seguridad de contenido (CSP) de producción del portfolio: 13 rutas en anchos de escritorio y de móvil, los tres roles, la interfaz en ruso, la intro con el onboarding y las acciones principales (despacho con IA, un pedido nuevo, un alta hasta la credencial, seis preguntas al copiloto, ⌘K, una regla escrita con palabras, exportaciones a PDF y CSV) se ejecutaron sin errores de consola, sin infracciones de la CSP y sin peticiones fallidas. El informe mensual salió como un PDF válido de tres páginas y el CSV diario, con una fila por día.

El primer script, app.js, pesa 3,3 KB con gzip; los 43 archivos de JavaScript y la hoja de estilos suman 573 KB con gzip, de los que 138 KB son three.js para la intro. Una primera visita transfiere 528 KB en 25 peticiones. En la dirección pública, Lighthouse 13.5.0 (5 ejecuciones por dispositivo, medianas, en un MacBook con una carga media de 3 a 9) dio un rendimiento de 79 en móvil y de 97 en escritorio, accesibilidad 100 y buenas prácticas 100; en móvil, la puntuación la frena el mayor elemento pintado, el subtítulo de la intro, que aparece a los 3,7 s tras una breve carga.