Skip to navigation

Componentes

Las piezas de @signalcore/ui, en vivo, para ver cómo quedan en tu producto antes de usarlas.

View as Markdown

@signalcore/ui es lo que ven las personas a las que atiende tu agente: el chat, la llamada, las pantallas que el agente les enseña y el widget para cualquier web. Son los mismos componentes que usa la app de SignalCore, y hablan solo con la API pública.

Todos los componentes, en vivo y con sus props, están en signalcore.ai/ui. Cada uno habla con una API de demostración: puedes escribir en el chat y el agente de ejemplo contesta.

Qué hay

ComponentePara qué sirve
AgentSpaceEl agente entero: el chat y, si tiene voz, la llamada en el mismo panel. Lo normal en tu producto.
AgentChatSolo el chat de una conversación que tu página ya tiene.
<signalcore-chat>El widget: el mismo espacio en cualquier web, sin React. Una etiqueta o una línea.
SurfaceLas pantallas que compone el agente: tarjetas, cifras, gráficos, tablas, avisos, listas, archivos, botones y formularios.
OrbLa forma de la voz en una llamada: en reposo, escuchando, pensando, hablando.
AudioPlayerNotas de voz y grabaciones de llamadas, con su forma de onda.
AgentCardLa ficha de un agente: nombre, rol y lo que hace.
El kitLos controles con los que se dibujan los formularios: texto, números, fechas, horas, listas, estrellas, botones. Úsalos también en tus pantallas.

Que parezca tuyo

Todos se visten con las mismas variables CSS --sc-* (color de acento, letra, esquinas, espacios, sombras), siguen el tema claro u oscuro de tu página y hablan español o inglés. En signalcore.ai/ui la barra de arriba cambia el idioma, el tema, el acento y las esquinas como lo haría tu web, y la página Theming lista cada variable con su valor por defecto.

Para ponerlos en tu web o en tu producto, sigue la guía de chat web.