Con paquetes más pequeños y opciones de carga diferida, Fluxo carga más rápido en tus aplicaciones React y Next.js.

Lo más destacado

• new

  Importaciones de carga diferida de Support: carga la interfaz de Support desde un fragmento asíncrono con @fluxolat/react/lazy-support y @fluxolat/next/lazy-support.

• updated

  Reducción del tamaño de los paquetes: el widget de navegador baja 65,3 KB gzip y el JS inicial del SDK de React, 91,5 KB con carga diferida.

• new

  Puntos de entrada específicos: importa solo lo que necesitas con @fluxolat/react/provider, /support-config y /support.

Widget de Support

• new

  Gestión de opiniones: nueva interfaz para recoger y priorizar las opiniones de los usuarios.

• updated

  Perfiles del agente de IA: sube fotos de perfil personalizadas para tus agentes de IA.

• updated

  Notificaciones de escalado: mejores avisos cuando una conversación pasa a soporte humano.

Panel

• new

  Panel de administración: nueva interfaz administrativa para gestionar las operaciones de soporte.

• updated

  Integración de Support: el panel superpuesto y la barra lateral de Support ya están integrados en el propio panel.

• fixed

  Redirecciones de autenticación: corregidos los problemas de redirección al iniciar sesión en el panel.

Correcciones y mejoras

• fixed

  Modo estricto de React: corregidos los problemas de compatibilidad con el modo estricto de React.

• updated

  Traducción automática: mejor detección de idioma y traducción más fiable.

• fixed

  Estilo de los bloques de código: corregidos los problemas de visualización de los bloques de código en las conversaciones de soporte.

Actualización

pnpmnpmyarnbun
pnpm add @fluxolat/react@0.3.0 @fluxolat/next@0.3.0
Copiar

Ejemplo

Copiar// LazySupport carga la interfaz de Support desde un fragmento asíncrono al montarse
import { SupportProvider } from "@fluxolat/next/provider";
import { LazySupport } from "@fluxolat/next/lazy-support";
 
export function App({ children }) {
  return (
    <SupportProvider publicKey="pk_live_...">
      {children}
      <LazySupport />
    </SupportProvider>
  );
}

Mejoras importantes en la flexibilidad del widget: integración con etiqueta script, detección automática del tema y una gestión más inteligente del conocimiento por parte de la IA.

https://fluxo.lat

Aclarar lagunas de conocimiento

Lo más destacado

• new

  Integración con etiqueta script: instala Fluxo desde el CDN sin React, con una simple etiqueta script.

• new

  Detección automática de shadcn: el widget hereda automáticamente las variables de tu tema shadcn.

• new

  Aclaración de conocimiento: la IA pide aclaraciones cuando detecta lagunas de conocimiento.

Widget de Support

• new

  Paquete de navegador: nuevo paquete @fluxolat/browser para aplicaciones sin React, mediante etiqueta script.

• updated

  Detección del tema: detecta y usa automáticamente las variables CSS de shadcn cuando están presentes.

• updated

  Núcleo modular: arquitectura del widget reescrita para facilitar la personalización y la reutilización.

Panel

• new

  Solicitudes de aclaración de conocimiento: revisa y responde a las solicitudes de la IA cuando detecta lagunas.

• new

  Geolocalización del visitante: páginas de detalle del visitante con datos de ubicación.

• updated

  Línea de tiempo de la conversación: interfaz mejorada, con mejores estados de carga.

Correcciones y mejoras

• fixed

  Fiabilidad de la IA: respuestas del agente más consistentes y mejor gestión de errores.

• fixed

  Compatibilidad con Vite: mejor comportamiento en proyectos basados en Vite.

• fixed

  Renderizado de la línea de tiempo: corregidas las discrepancias de esquema en la línea de tiempo de la conversación.

Actualización

pnpm add @fluxolat/next@0.2.0

Usar Fluxo con una etiqueta script

Perfecto para usarlo fuera de React, con Vue o en herramientas como Framer y Webflow. Fija una versión concreta para que las actualizaciones sean predecibles. Usa latest solo si aceptas conscientemente una versión nueva del widget, sin revisar, en la siguiente carga de página.

Copiar<!-- Fija una versión concreta -->
<script src="https://cdn.fluxo.lat/widget/0.2.0/loader.js"></script>
<script>
  window.Fluxo.init({
    publicKey: "pk_live_...",
  });
</script>

Copiar<!-- O usa siempre la última versión -->
<script src="https://cdn.fluxo.lat/widget/latest/loader.js"></script>
<script>
  window.Fluxo.init({
    publicKey: "pk_live_...",
  });
</script>

Mejoras notables de rendimiento en el agente de IA, con mejor llamada a herramientas, mejor gestión de memoria y un widget más estable.

https://fluxo.lat

Navegación por la galería de capturas

Pausar las respuestas de la IAVer los datos del visitante

Pausa las respuestas de la IA indefinidamente o durante un tiempo concreto

Widget de Support

• new

  Pegar imágenes: pega imágenes directamente en el campo del chat para adjuntarlas a los mensajes.

• updated

  Visibilidad de las herramientas: el widget muestra en tiempo real las acciones de la IA, como búsquedas y llamadas a herramientas.

• new

  Componentes de opinión (beta): nuevas primitivas para recoger opiniones sobre el producto dentro de las conversaciones.

Panel

• new

  Control de pausa de la IA: desactiva temporalmente las respuestas de la IA para atender la conversación a mano.

• updated

  Visitantes en tiempo real: seguimiento mejorado, con actualizaciones en vivo y mejores páginas de detalle.

• updated

  Analítica de uso: barras de consumo y controles de analítica mejorados para un mejor seguimiento.

Correcciones y mejoras

• fixed

  Fiabilidad de las respuestas de la IA: corregidos los casos en que la IA se saltaba mensajes o no respondía.

• fixed

  Estabilidad de las llamadas a herramientas: resueltos los problemas de visualización y mejorada la cadena de ejecución.

• fixed

  Rendimiento del widget: varias correcciones de estabilidad para un funcionamiento más fluido.

Actualización

pnpm add @fluxolat/next@0.1.2

Actualización del producto: sin cambio de versión del paquete SDK.

Colabora con tu equipo y controla el uso de IA en tu widget de soporte.

Lo más destacado

• new

  Gestión de equipos: invita a miembros, gestiona permisos y controla quién accede a tu sitio web.

• new

  Medición del uso de IA: controla el consumo de IA asociado a tu suscripción según el modelo, las herramientas y el volumen de uso.

Panel

• new

  Sección de equipo: invita a nuevos miembros y gestiona sus permisos desde una interfaz dedicada.

• updated

  Límites de puestos: se ven con más claridad los puestos disponibles en tu suscripción.

• updated

  Avisos de mejora de plan: sugerencias más intuitivas al acercarte a los límites del plan.

• new

  Novedades en el panel: consulta las últimas actualizaciones sin salir del panel.

Correcciones y mejoras

• updated

  Modo desarrollador: interfaz mejorada para los flujos de desarrollo y pruebas (se abre con cmd+shift+d en cualquier conversación).

La compilación de esta versión midió una reducción del paquete de unos 400 KB sin comprimir y corrigió problemas de compatibilidad con Vite. El resultado final y los tamaños comprimidos varían según el empaquetador.

Widget de Support

• updated

  Gestión de WebSocket: una implementación propia mejora la fiabilidad y abre la puerta a futuras versiones sin React.

• updated

  Animaciones CSS: se sustituye la dependencia de Motion por CSS, lo que supone unos 120 KB de la reducción sin comprimir de esta versión.

• fixed

  Salto de línea en los mensajes: corregido el ajuste incorrecto del texto en los mensajes del chat.

• updated

  Campo de entrada: el campo multimodal ahora se ajusta solo con textos largos.

Correcciones y mejoras

• fixed

  Compatibilidad con Vite: corregida la detección de variables de entorno que hacía fallar las aplicaciones Vite.

• fixed

  Analítica: corregido el seguimiento de eventos que faltaban y evitados los problemas de cuarentena de eventos.

Actualización

pnpm add @fluxolat/next@0.1.1

Grandes mejoras en la inteligencia del agente de IA, integración con Next.js más sencilla y correcciones críticas en la gestión de conversaciones.

Lo más destacado

• new

  Configuración asistida por IA: instala Fluxo copiando un prompt y dejando que tu IA se encargue de la configuración.

• updated

  Integración con Next.js más sencilla: ya no hace falta instalar aparte la librería de React; basta con la de Next.js.

• fixed

  Fiabilidad al crear conversaciones: corregida la condición de carrera que provocaba errores 404 al enviar el primer mensaje.

Widget de Support

• updated

  Diseño mejorado: mejor alineación con la marca y más coherencia visual entre componentes.

• new

  Decisiones de IA más inteligentes: los agentes usan ahora un paso de decisión propio para saber cuándo intervenir en una conversación.

• new

  Modelo de reserva automático: modelos rápidos y económicos toman las decisiones, con paso automático a modelos mejores si hace falta.

Correcciones y mejoras

• fixed

  Error 404 en conversaciones nuevas: resuelta la condición de carrera entre la creación de la conversación y el primer mensaje.

• fixed

  Mejor compatibilidad con Vite: corregida la compatibilidad en el navegador protegiendo el acceso a las variables de entorno, lo que evita los errores process is not defined.

• fixed

  Renderizados de más: corregidos los renderizados innecesarios en el proveedor principal de React.

• updated

  Mejoras en la línea de tiempo: mejor funcionamiento y presentación del componente de línea de tiempo.

Actualización

pnpm add @fluxolat/next@0.1.0

Librería más ligera y corrección de los indicadores de escritura del panel.

Widget de Support

• fixed

  Archivos de sonido: ahora van incrustados en base64 para evitar errores 404 en los sitios de los clientes.

• updated

  Bloques de código: mejor presentación de los fragmentos de código y los comandos de npm.

Panel

• fixed

  Indicador de escritura: corregido el indicador que fallaba cuando escribía alguien del equipo.

• updated

  Agrupación de conversaciones: mejor presentación de cada conversación y mejor lógica de agrupación.

Correcciones y mejoras

• updated

  Tamaño de la librería: paquete más pequeño al eliminar la dependencia de React Markdown.

Actualización

pnpm add @fluxolat/next@0.0.33

Agentes de IA más inteligentes gracias al entrenamiento con la base de conocimiento, mejor diseño del widget y mejoras de rendimiento.

Widget de Support

• updated

  Diseño: mejor alineación visual y más coherencia con la marca Fluxo.

• fixed

  Mensajes: corregidos los problemas de visualización y almacenamiento de mensajes.

• updated

  Rendimiento: mejor recuperación del contexto del visitante y navegación entre conversaciones.

Panel

• new

  Base de conocimiento: sube archivos y FAQ para entrenar a tu agente de IA.

• new

  Rastreo automático: la IA puede escanear tu sitio web para construir fuentes de conocimiento.

• updated

  Bandeja inteligente: mejor gestión de conversaciones e indicadores de lectura.

Correcciones y mejoras

• updated

  Respuestas de la IA: respuestas más precisas gracias a la memoria y a varias fuentes de conocimiento.

• fixed

  Respuestas por correo: resueltos los problemas al responder a conversaciones por correo.

• fixed

  Comprobación de tipos: definiciones de TypeScript mejoradas.

Actualización

pnpm add @fluxolat/next@0.0.30

Corrección de errores y mejoras de rendimiento para la compatibilidad con React 19 y el escalado del agente de IA.

Widget de Support

• updated

  Compatibilidad con React 19: funciona por completo con React 18 y 19.

• fixed

  Saltos de línea en el área de texto: corregidos los saltos de línea que se perdían al escribir un mensaje.

Panel

• updated

  Escalado del agente de IA: los agentes derivan correctamente las conversaciones al soporte humano.

• updated

  Gestión de WebSocket: mejor manejo de eventos en tiempo real para los agentes de IA.

Actualización

pnpm add @fluxolat/next@0.0.29

Mejoras notables de rendimiento en el widget de React, con mejor composición, posicionamiento automático y un nuevo sistema de gestión de contactos.

Widget de Support

• new

  Modo controlado: ahora el widget se puede controlar con las props open y onOpenChange.

• new

  Componentes personalizados: admite componentes propios para el disparador y el contenido.

• new

  Posicionamiento inteligente: evita colisiones automáticamente para que el widget siempre se vea.

• new

  Gestión de eventos: nuevo sistema de eventos para integrarlo con tu analítica.

• updated

  Rendimiento: menos consultas y mejor rendimiento general.

Panel

• new

  Gestión de contactos: mini-CRM para gestionar la información de contacto.

• new

  Compartir archivos: sube imágenes y documentos en las conversaciones.

• new

  Vista previa de escritura de la IA: mira cuándo la IA está redactando una respuesta.

Correcciones

• fixed

  WebSocket: mejor gestión de la conexión y más fiabilidad.

• fixed

  Línea de tiempo: mejor comportamiento del desplazamiento en la conversación.

• fixed

  Tipos: corregidos los problemas de tipado en todo el código.

Actualización

pnpm add @fluxolat/next@0.0.28

Ejemplo

Copiarimport { Support } from "@fluxolat/next/support";
import { useState } from "react";
 
export function App() {
  const [open, setOpen] = useState(false);
 
  return (
    <Support
      open={open}
      onOpenChange={setOpen}
      avoidCollisions={true}
      onMessageSent={(event) => console.log("Mensaje enviado:", event)}
    />
  );
}