Com pacotes menores e opções de carregamento sob demanda, o Fluxo carrega mais rápido nos seus apps React e Next.js.

Destaques

• new

  Importações sob demanda do Support: carregue a interface do Support a partir de um bloco assíncrono com @fluxolat/react/lazy-support e @fluxolat/next/lazy-support.

• updated

  Redução do tamanho dos pacotes: o widget de navegador caiu 65,3 KB gzip e o JS inicial do SDK do React, 91,5 KB com carregamento sob demanda.

• new

  Pontos de entrada específicos: importe apenas o que você precisa com @fluxolat/react/provider, /support-config e /support.

Widget do Support

• new

  Gestão de feedback: nova interface para coletar e priorizar o feedback dos usuários.

• updated

  Perfis do agente de IA: envie fotos de perfil personalizadas para os seus agentes de IA.

• updated

  Notificações de escalonamento: avisos melhores quando uma conversa passa para o suporte humano.

Painel

• new

  Painel administrativo: nova interface administrativa para gerenciar as operações de suporte.

• updated

  Integração do Support: o painel sobreposto e a barra lateral do Support agora fazem parte do próprio painel.

• fixed

  Redirecionamentos de autenticação: corrigidos os problemas de redirecionamento ao entrar no painel.

Correções e melhorias

• fixed

  Modo estrito do React: corrigidos os problemas de compatibilidade com o modo estrito do React.

• updated

  Tradução automática: melhor detecção de idioma e tradução mais confiável.

• fixed

  Estilo dos blocos de código: corrigidos os problemas de exibição dos blocos de código nas conversas de suporte.

Atualização

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

Exemplo

Copiar// O LazySupport carrega a interface do Support a partir de um bloco assíncrono ao montar
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>
  );
}

Melhorias importantes na flexibilidade do widget: integração com tag script, detecção automática do tema e uma gestão mais inteligente do conhecimento pela IA.

https://fluxo.lat

Esclarecer lacunas de conhecimento

Destaques

• new

  Integração com tag script: instale o Fluxo pelo CDN sem React, com uma simples tag script.

• new

  Detecção automática do shadcn: o widget herda automaticamente as variáveis do seu tema shadcn.

• new

  Esclarecimento de conhecimento: a IA pede esclarecimentos quando detecta lacunas de conhecimento.

Widget do Support

• new

  Pacote de navegador: novo pacote @fluxolat/browser para apps sem React, via tag script.

• updated

  Detecção do tema: detecta e usa automaticamente as variáveis CSS do shadcn quando existem.

• updated

  Núcleo modular: arquitetura do widget reescrita para facilitar a personalização e o reaproveitamento.

Painel

• new

  Pedidos de esclarecimento de conhecimento: revise e responda aos pedidos da IA quando ela detecta lacunas.

• new

  Geolocalização do visitante: páginas de detalhe do visitante com dados de localização.

• updated

  Linha do tempo da conversa: interface melhorada, com melhores estados de carregamento.

Correções e melhorias

• fixed

  Confiabilidade da IA: respostas do agente mais consistentes e melhor tratamento de erros.

• fixed

  Compatibilidade com Vite: melhor comportamento em projetos baseados em Vite.

• fixed

  Renderização da linha do tempo: corrigidas as divergências de esquema na linha do tempo da conversa.

Atualização

pnpm add @fluxolat/next@0.2.0

Usar o Fluxo com uma tag script

Perfeito para usar fora do React, com Vue ou em ferramentas como Framer e Webflow. Fixe uma versão específica para que as atualizações sejam previsíveis. Use latest apenas se você aceitar conscientemente uma versão nova do widget, sem revisão, no próximo carregamento da página.

Copiar<!-- Fixe uma versão específica -->
<script src="https://cdn.fluxo.lat/widget/0.2.0/loader.js"></script>
<script>
  window.Fluxo.init({
    publicKey: "pk_live_...",
  });
</script>

Copiar<!-- Ou use sempre a versão mais recente -->
<script src="https://cdn.fluxo.lat/widget/latest/loader.js"></script>
<script>
  window.Fluxo.init({
    publicKey: "pk_live_...",
  });
</script>

Melhorias notáveis de desempenho no agente de IA, com melhor chamada de ferramentas, melhor gestão de memória e um widget mais estável.

https://fluxo.lat

Navegação da galeria de capturas

Pausar as respostas da IAVer os dados do visitante

Pause as respostas da IA por tempo indeterminado ou por um período específico

Widget do Support

• new

  Colar imagens: cole imagens direto no campo do chat para anexá-las às mensagens.

• updated

  Visibilidade das ferramentas: o widget mostra em tempo real as ações da IA, como buscas e chamadas de ferramentas.

• new

  Componentes de feedback (beta): novas primitivas para coletar opiniões sobre o produto dentro das conversas.

Painel

• new

  Controle de pausa da IA: desative temporariamente as respostas da IA para atender a conversa manualmente.

• updated

  Visitantes em tempo real: acompanhamento melhorado, com atualizações ao vivo e melhores páginas de detalhe.

• updated

  Análise de uso: barras de consumo e controles de análise melhorados para um acompanhamento melhor.

Correções e melhorias

• fixed

  Confiabilidade das respostas da IA: corrigidos os casos em que a IA pulava mensagens ou não respondia.

• fixed

  Estabilidade das chamadas de ferramentas: resolvidos os problemas de exibição e melhorada a cadeia de execução.

• fixed

  Desempenho do widget: várias correções de estabilidade para um funcionamento mais fluido.

Atualização

pnpm add @fluxolat/next@0.1.2

Atualização do produto: sem mudança de versão do pacote SDK.

Colabore com sua equipe e acompanhe o uso de IA no seu widget de suporte.

Destaques

• new

  Gestão de equipes: convide membros, gerencie permissões e controle quem acessa o seu site.

• new

  Medição do uso de IA: acompanhe o consumo de IA vinculado à sua assinatura conforme o modelo, as ferramentas e o volume de uso.

Painel

• new

  Seção de equipe: convide novos membros e gerencie as permissões deles a partir de uma interface dedicada.

• updated

  Limites de assentos: as vagas disponíveis na sua assinatura ficam mais claras.

• updated

  Avisos de upgrade: sugestões mais intuitivas ao se aproximar dos limites do plano.

• new

  Novidades no painel: veja as últimas atualizações sem sair do painel.

Correções e melhorias

• updated

  Modo desenvolvedor: interface melhorada para os fluxos de desenvolvimento e teste (abre com cmd+shift+d em qualquer conversa).

A compilação desta versão mediu uma redução do pacote de cerca de 400 KB sem compressão e corrigiu problemas de compatibilidade com o Vite. O resultado final e os tamanhos comprimidos variam conforme o empacotador.

Widget do Support

• updated

  Gestão de WebSocket: uma implementação própria melhora a confiabilidade e abre caminho para futuras versões sem React.

• updated

  Animações CSS: a dependência do Motion foi substituída por CSS, o que representa cerca de 120 KB da redução sem compressão desta versão.

• fixed

  Quebra de linha nas mensagens: corrigido o ajuste incorreto do texto nas mensagens do chat.

• updated

  Campo de entrada: o campo multimodal agora se ajusta sozinho com textos longos.

Correções e melhorias

• fixed

  Compatibilidade com Vite: corrigida a detecção de variáveis de ambiente que fazia os apps Vite quebrarem.

• fixed

  Análise: corrigido o rastreamento de eventos que faltavam e evitados os problemas de quarentena de eventos.

Atualização

pnpm add @fluxolat/next@0.1.1

Grandes melhorias na inteligência do agente de IA, integração com Next.js mais simples e correções críticas na gestão de conversas.

Destaques

• new

  Configuração assistida por IA: instale o Fluxo copiando um prompt e deixando a sua IA cuidar da configuração.

• updated

  Integração com Next.js mais simples: não é mais preciso instalar a biblioteca do React à parte; basta a do Next.js.

• fixed

  Confiabilidade ao criar conversas: corrigida a condição de corrida que causava erros 404 ao enviar a primeira mensagem.

Widget do Support

• updated

  Design melhorado: melhor alinhamento com a marca e mais coerência visual entre os componentes.

• new

  Decisões de IA mais inteligentes: os agentes agora usam um passo de decisão próprio para saber quando entrar numa conversa.

• new

  Modelo de reserva automático: modelos rápidos e baratos tomam as decisões, com troca automática para modelos melhores quando necessário.

Correções e melhorias

• fixed

  Erro 404 em conversas novas: resolvida a condição de corrida entre a criação da conversa e a primeira mensagem.

• fixed

  Melhor compatibilidade com Vite: corrigida a compatibilidade no navegador protegendo o acesso às variáveis de ambiente, o que evita os erros process is not defined.

• fixed

  Renderizações a mais: corrigidas as renderizações desnecessárias no provedor principal do React.

• updated

  Melhorias na linha do tempo: melhor funcionamento e apresentação do componente de linha do tempo.

Atualização

pnpm add @fluxolat/next@0.1.0

Biblioteca mais leve e correção dos indicadores de digitação do painel.

Widget do Support

• fixed

  Arquivos de som: agora vão embutidos em base64 para evitar erros 404 nos sites dos clientes.

• updated

  Blocos de código: melhor apresentação dos trechos de código e dos comandos do npm.

Painel

• fixed

  Indicador de digitação: corrigido o indicador que falhava quando alguém da equipe estava digitando.

• updated

  Agrupamento de conversas: melhor apresentação de cada conversa e melhor lógica de agrupamento.

Correções e melhorias

• updated

  Tamanho da biblioteca: pacote menor com a remoção da dependência do React Markdown.

Atualização

pnpm add @fluxolat/next@0.0.33

Agentes de IA mais inteligentes graças ao treinamento com a base de conhecimento, melhor design do widget e melhorias de desempenho.

Widget do Support

• updated

  Design: melhor alinhamento visual e mais coerência com a marca Fluxo.

• fixed

  Mensagens: corrigidos os problemas de exibição e armazenamento de mensagens.

• updated

  Desempenho: melhor recuperação do contexto do visitante e navegação entre conversas.

Painel

• new

  Base de conhecimento: envie arquivos e FAQ para treinar o seu agente de IA.

• new

  Rastreamento automático: a IA pode escanear o seu site para montar fontes de conhecimento.

• updated

  Caixa de entrada inteligente: melhor gestão de conversas e indicadores de leitura.

Correções e melhorias

• updated

  Respostas da IA: respostas mais precisas graças à memória e a várias fontes de conhecimento.

• fixed

  Respostas por e-mail: resolvidos os problemas ao responder a conversas por e-mail.

• fixed

  Verificação de tipos: definições de TypeScript melhoradas.

Atualização

pnpm add @fluxolat/next@0.0.30

Correção de erros e melhorias de desempenho para a compatibilidade com o React 19 e o escalonamento do agente de IA.

Widget do Support

• updated

  Compatibilidade com React 19: funciona totalmente com React 18 e 19.

• fixed

  Quebras de linha na área de texto: corrigidas as quebras de linha que se perdiam ao escrever uma mensagem.

Painel

• updated

  Escalonamento do agente de IA: os agentes encaminham corretamente as conversas para o suporte humano.

• updated

  Gestão de WebSocket: melhor tratamento de eventos em tempo real para os agentes de IA.

Atualização

pnpm add @fluxolat/next@0.0.29

Melhorias notáveis de desempenho no widget do React, com melhor composição, posicionamento automático e um novo sistema de gestão de contatos.

Widget do Support

• new

  Modo controlado: agora o widget pode ser controlado com as props open e onOpenChange.

• new

  Componentes personalizados: aceita componentes próprios para o gatilho e o conteúdo.

• new

  Posicionamento inteligente: evita colisões automaticamente para que o widget sempre apareça.

• new

  Gestão de eventos: novo sistema de eventos para integrar com a sua análise.

• updated

  Desempenho: menos consultas e melhor desempenho geral.

Painel

• new

  Gestão de contatos: mini-CRM para gerenciar as informações de contato.

• new

  Compartilhar arquivos: envie imagens e documentos nas conversas.

• new

  Prévia de digitação da IA: veja quando a IA está redigindo uma resposta.

Correções

• fixed

  WebSocket: melhor gestão da conexão e mais confiabilidade.

• fixed

  Linha do tempo: melhor comportamento da rolagem na conversa.

• fixed

  Tipos: corrigidos os problemas de tipagem em todo o código.

Atualização

pnpm add @fluxolat/next@0.0.28

Exemplo

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("Mensagem enviada:", event)}
    />
  );
}