Lizandro GuarnizoandClaude Opus 5
22158a10a7
La pantalla estaba organizada por tabla de base de datos: siete pestañas que eran nuestras siete entidades —documentos, herramientas, canales, conexiones, eventos— y que se desbordaban a lo ancho. Un dueño de negocio nunca piensa "voy a Conexiones": piensa "¿por qué contestó mal?" o "quiero que sepa mis precios nuevos". Tres cambios. Un estado arriba que responde "¿está bien mi asistente?" sin un clic: "Atendiendo en WhatsApp · Sabe de 2 cosas · 1 conversación", y en ámbar cuando algo falta — "No está atendiendo en ningún lado", "Todavía no sabe nada de tu negocio". Antes eso había que deducirlo entrando pestaña por pestaña. Cada señal es un botón que lleva a donde se arregla, y si el destino está en Avanzado, lo despliega. Tres zonas en lugar de siete pestañas: Conversaciones, Lo que sabe, Dónde atiende. Herramientas, Cuentas conectadas y Problemas pasan a "Avanzado", plegado. No se sacan —hacen falta— pero dejan de competir todos los días con lo que se mira todos los días. Y el conocimiento con la prueba lado a lado. El bucle real es leer lo que sabe → probar → corregir → probar de nuevo; en dos pestañas separadas eso eran seis clics por corrección. Desde 1024px van en dos columnas, con el chat fijo al hacer scroll; abajo de eso se apilan, que es el orden en que igual se trabaja. El vocabulario deja de ser el nuestro: "Base de conocimiento" es "Lo que sabe", "Auditoría" es "Problemas", "Conexiones" es "Cuentas conectadas". Y la site_key sale del encabezado: se usa una vez, al instalar el widget, y vive donde se instala. No se tocó ni el color ni la tipografía ni Umi. Esto es estructura, no pintura: cambiando las dos cosas a la vez no se sabría cuál mejoró qué. 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-CxArDUWK.js"></script>
|
|
<link rel="stylesheet" crossorigin href="/orchestrator/assets/index-Cd5jgLRW.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>
|