Lizandro GuarnizoandClaude Opus 5
002b75e71b
Un fondo animado corriendo todo el día en una herramienta de trabajo se ve bien diez segundos y molesta las ocho horas siguientes, además de tener un canvas comiéndose la batería. Así que el movimiento va donde hay algo pasando de verdad, y el fondo queda quieto. Al entrar, una vez por sesión: el campo de puntos conectándose durante poco más de un segundo, y se destruye. Es el mismo lenguaje visual de la página pública —puntos que se enlazan, como el espacio vectorial donde vive el conocimiento— así que refuerza la marca en vez de inventar algo para adentro. En los momentos de espera, que es donde el producto se veía muerto: el chat de prueba decía "Pensando..." en gris y ahora muestra a Umi con los tres puntos, el mismo gesto que ve el visitante en el widget. Y una fuente en "procesando" tenía la etiqueta quieta, sin decir si seguía avanzando o se había colgado: ahora late. El fondo es una retícula de plano técnico, tenue y estática, que se desvanece hacia abajo para no competir con las tablas y los formularios. Dos cosas que aparecieron al verificar: El apagado de la animación de entrada estaba dentro del requestAnimationFrame, que el navegador no corre en pestañas de fondo — abrir el Studio en una pestaña que no se está mirando dejaba el canvas puesto para siempre, tapando la interfaz con una capa invisible. Ahora el temporizador se programa aparte. Y una fuente sin procesar mostraba "leído sin procesar", que no quiere decir nada: si no hay fecha de lectura, no se escribe la frase. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
18 lines
1.1 KiB
HTML
18 lines
1.1 KiB
HTML
<!doctype html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect width='96' height='96' rx='22' fill='%238eb02f'/%3E%3Cpath d='M32,42 V58 A14,14 0 0 0 60,58 V42' fill='none' stroke='%23fff' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60,58 V64' fill='none' stroke='%23fff' stroke-width='10' stroke-linecap='round'/%3E%3Ccircle cx='60' cy='28' r='7' fill='%23fff'/%3E%3C/svg%3E" />
|
|
<title>uMind Studio</title>
|
|
<script type="module" crossorigin src="/orchestrator/assets/index-DwOw7la-.js"></script>
|
|
<link rel="stylesheet" crossorigin href="/orchestrator/assets/index-0jLV4t_y.css">
|
|
</head>
|
|
<!-- Sin clase de fondo: el color lo pone body en style.css desde los tokens,
|
|
que son los que cambian con el tema. Una utilidad acá le ganaba a la
|
|
capa base y dejaba el fondo claro también en modo oscuro. -->
|
|
<body>
|
|
<div id="app"></div>
|
|
</body>
|
|
</html>
|