Vibeset

Línea de pensando

Una línea que respira mientras el agente piensa, con su cronómetro, y debajo los pasos que va dando. Al terminar se pliega y se queda en una frase («Pensó durante 12 s»), con los pasos a un clic. Quien la usa le dice el estado y los pasos; ella solo lo dibuja, no inventa pasos ni adivina cuándo acaba un proceso que no conoce. La duración final se congela al pasar a hecho: si siguiera calculándose con el reloj, «12 s» subiría a 13, 14, 15 mientras se lee. La frase es una región status, así que un lector oye «Pensando» al empezar y la duración al acabar, y el cronómetro que cambia cada segundo va oculto. Si la persona la despliega a mano, al terminar no se vuelve a plegar sola. Y el glifo no es una carita de chispas: tres puntos, tres barras, un cursor o nada.

Y el original de React Bits: Thought Line

Esta pieza está escrita desde cero en Vibeset: no se ha copiado ni portado nada de React Bits. Hace algo parecido a su Thought Line, y esto es lo que vimos del suyo por si prefieres usar el original.

Cuándo sí

En cualquier interfaz con un agente o con un proceso largo, justo donde hoy se pone un spinner. Es de las más útiles para quien construye con agentes.

Ojo con

Entre sus glifos hay uno de chispas (SparklesIcon), el distintivo de «IA» que ya cansa a mucha gente: elige otro con la prop glyph.

Accesibilidad

Ocho señales aria y movimiento reducido.