Genius
Assistente de IA do ME — chat com múltiplos agentes, voz, attachments, pesquisa web e criação de agentes personalizados.
Boas Práticas
O Genius é o assistente transversal do ME — acessível de qualquer tela, conversa com os dados e executa ações no contexto atual.
Visão geral
O Genius abre como painel lateral sobre a tela atual. Mesmo conteúdo do expandido, sem a sidebar de agentes/histórico. O botão de expandir (canto superior) leva à tela cheia.
Ao expandir o painel, o Genius toma a tela inteira: sidebar com AGENTES e HISTÓRICO DE CONVERSAS + a mesma área de chat (boas-vindas, chips e cards de mensagem).
O que o Genius faz
Consulta dados em tempo real
Acessa pedidos, cotações, produtos, requisições e aprovações sem o usuário precisar navegar entre telas.
Executa ações sem trocar de tela
Inicia fluxos como criar cotação, adicionar ao carrinho ou solicitar aprovação diretamente no chat.
Processa documentos e imagens
Lê PDFs, planilhas e imagens anexadas e responde com base no conteúdo — útil para comparar propostas ou contratos.
Aceita entrada por voz
Transcreve mensagens de voz e responde com dados estruturados ou texto. Ideal para uso mobile ou hands-free.
Pesquisa na web
Complementa dados internos com fontes externas quando o toggle de pesquisa web está ativo no input do chat.
Opera com múltiplos agentes
Equipes criam agentes especializados — compras, cotação, fornecedores — cada um com instruções e temas próprios.
Quando usar o Genius no ME
O Genius é transversal — pode ser acionado em qualquer momento do fluxo de compras. Abaixo estão os cenários mais frequentes onde ele agrega valor:
| Momento no ME | O que o usuário faz com o Genius | Ganho |
|---|---|---|
| Sourcing | Busca produtos por nome, código ou especificação técnica. Compara fornecedores e adiciona itens ao carrinho ou lista de compra. | Elimina navegação pelo catálogo |
| Gestão de cotações | Consulta resumo, status e fornecedores de cotações ativas. Solicita avaliação técnica, finaliza negociação ou cancela diretamente no chat. | Toma decisões sem abrir a tela da cotação |
| Acompanhamento de pedidos | Verifica status, itens, valor e prazo de entrega de pedidos de compra. Identifica pendências sem precisar filtrar a listagem. | Visibilidade rápida sem mudar de contexto |
| Aprovações | Lista documentos aguardando aprovação e aprova ou reprova com uma resposta no chat. | Aprovações em segundos, de qualquer tela |
| Investigação cross-módulo | Cruza dados de diferentes entidades em uma conversa — ex.: qual cotação originou o pedido X e qual é o status da nota fiscal? | Elimina saltos entre módulos |
| Onboarding e dúvidas | Usuário pergunta como realizar ações no sistema e o Genius explica o fluxo ou executa por ele. | Reduz curva de aprendizado do ME |
Entidades que o Genius acessa
Ao usar @ no input, o usuário contextualiza a conversa com entidades do ME. O Genius retorna dados estruturados e chips de ação específicos para cada tipo.
| Entidade | Consultas | Ações disponíveis nos chips |
|---|---|---|
| Produto | Buscar por nome, código, categoria, especificação | Adicionar ao carrinho · Adicionar à lista · Ver fornecedores |
| Cotação | Resumo, status, fornecedores, rodada de negociação, itens | Solicitar Av. Técnica · Finalizar negociação · Cancelar cotação |
| Pedido de compra | Status, itens, valor total, prazo de entrega, fornecedor | Ver detalhes · Rastrear entrega |
| Pré-pedido | Itens pendentes, solicitante, valor estimado | Aprovar · Reprovar · Ver detalhes |
| Nota fiscal | Dados fiscais, status de recebimento, valor, emitente | Confirmar recebimento · Ver PDF |
| Requisição | Itens solicitados, centro de custo, solicitante, status | Aprovar · Converter em pedido |
| Aprovação | Documentos aguardando, tipo (pedido, cotação), valor | Aprovar · Reprovar · Solicitar info |
| Lista de compra | Itens da lista, quantidade, categorias | Adicionar itens · Criar cotação a partir da lista |
| Carrinho | Itens adicionados, subtotal, fornecedores | Finalizar pedido · Limpar carrinho |
Diretrizes de comportamento
Prefira resposta estruturada a texto puro quando o dado for tabular
Dados de cotação, pedido ou produto devem aparecer em key-value estruturado dentro do card receiver — nunca como parágrafo de texto. Chips de ação seguem abaixo, separados por linha horizontal.
Chips de sugestão diminuem fricção — use-os certo
Exiba chips na primeira mensagem do agente (boas-vindas) e após respostas estruturadas quando houver ação lógica seguinte. Máximo 4 chips por bloco. Não repita chips se o usuário já escolheu um fluxo.
@contexto antecipa a resposta — sinalize quando ativo
Quando o usuário menciona uma entidade com @, o badge aparece no header do input. O designer deve garantir que o estado "full" (badge visível + send button ativo) seja claramente diferenciado do estado vazio.
Estado de processamento é obrigatório — nunca omita
A barra de progresso animada + "Processando resposta" deve aparecer durante toda a geração da resposta. A ausência desse estado gera a percepção de travamento, especialmente em consultas que levam mais de 2 segundos.
Agentes customizados têm identidade visual própria
Avatar (foto ou iniciais), nome e descrição curta identificam o agente no seletor e no topo do chat. Garanta que o agente ativo seja sempre visível no cabeçalho — o usuário precisa saber com quem está conversando.
Modos de exibição
Modo compacto
Sidebar recolhida. Ponto de entrada padrão — não bloqueia o conteúdo da tela atual.
Sidebar expandida
Painel de navegação visível à esquerda — agentes e histórico acessíveis sem sair da conversa.
Tela cheia
Interface ocupa toda a janela — ideal para conversas longas ou criação de agentes.
Como se integra ao produto
Parte do layout principal. Não é modal nem drawer avulso — acesso via item de navegação ou botão no header da aplicação.
Agente ativo no cabeçalho. O dropdown permite trocar de agente a qualquer momento — histórico da conversa anterior preservado no painel de navegação.
Contextualização via @. Pedidos, cotações e produtos podem ser mencionados no input para dar contexto ao agente.
Anatomia
O painel do Genius tem três zonas verticais: cabeçalho com seletor de agente e ações globais; body scrollável com a thread de mensagens (vazio exibe chips de sugestão, ativo exibe cards com FAB scroll-to-bottom); input em 3 seções — header de contexto (@), textarea e footer de ações (+ @ 🌐 · audio-lines · mic/send).
Ações dos cards do agente
Regenerar
Nova resposta para o mesmo input.
Copiar
Copia o conteúdo completo do card.
Positivo
Feedback positivo da resposta.
Negativo
Feedback negativo da resposta.
O Genius empurra o conteúdo da página — nunca abre sobreposto. O grid reflow acontece instantaneamente: o conteúdo principal encolhe para acomodar o painel. Em tela cheia o conteúdo fica completamente oculto.
O painel lateral direito é compartilhado por todos os Transversais (Genius, Carrinho, Notificações…). Abrir um segundo Transversal substitui o anterior — não há empilhamento. A última ação do usuário define qual Transversal está visível.
Seção AGENTES com atalho para catálogo e lista de agentes fixados. Seção HISTÓRICO com grupo Fixados no topo e conversas por data. Menus contextuais distintos para agente e conversa com botão ⋮.
Estados do painel
O painel do Genius tem estados distintos dependendo de como está posicionado na interface, do momento da conversa e do fluxo que o usuário está executando.
Posição do painel
Sidebar colapsada
Painel de navegação oculto — cabeçalho e área de conversa visíveis, layout compacto
Sidebar expandida
Painel de navegação visível à esquerda com agentes e histórico de conversas
Tela cheia
Interface ocupa a janela inteira via botão de expandir no cabeçalho
Estado da conversa
Aguardando input
Conversa iniciada — chips de sugestão visíveis na primeira mensagem do agente
Processando
"Processando resposta" + barra de progresso animada durante geração da resposta
Busca ativa
Campo de busca com termo — lista de agentes e histórico filtrados em tempo real
Busca vazia
Nenhum resultado: "Não encontramos nada aqui." na sidebar; empty state visual no catálogo
Fluxo de criação de agente
Criação — Criar
Tab "Criar": Genius guia a criação do agente via conversa; preview dinâmico ao lado direito
Criação — Configurar
Tab "Configurar": formulário com avatar, nome, descrição, instruções e temas de conversa
Cards de resposta
guide-surface-muted, canto top-left aberto, header @ME Genius · hora. Cards do usuário: fundo bg-primary/10, canto top-right aberto, header Você · hora. Ações (regenerar, copiar, encaminhar, curtir, descurtir, compartilhar) aparecem abaixo de cada card do agente.Agente: guide-surface-muted, canto top-left aberto. Usuário: bg-primary/10, canto top-right aberto. Ações completas abaixo de cada card do agente. Chips de sugestão aparecem após resposta estruturada.
Fundo bg-primary/10. Canto top-right aberto. Header: Você · hora. Voz: header + play + barra de progresso + tempo. Erro: fundo error-subtle + borda error-border.
Fundo guide-surface-muted. Canto top-left aberto. Header: @ME Genius · hora. 6 ações abaixo. Erro: fundo error-subtle + borda error-border. Lousa: card com header (ícone + título).
Cada tipo de arquivo tem card específico. Imagem e vídeo exibem preview. Áudio mostra waveform. Doc ME exibe o nome e tipo de documento do sistema ME.
Respostas estruturadas
O agente retorna conteúdo em formatos adequados ao dado: grid de produtos, carrossel, botões de ação, tags, gráfico, QR code e formulário com imagem.
Features
Multi-agente
ME Genius padrão, Buyer Agent e agentes customizados por empresa — troca via seletor no cabeçalho sem perder o histórico.
Criação de agentes
Tab "Criar": linguagem natural, o Genius configura automaticamente. Tab "Configurar": formulário com avatar, nome, instruções e temas. Preview em tempo real.
Explorar GPTs
Catálogo de agentes por categoria (Meus Genius, Agentes ME, por empresa). Acessível via painel de navegação.
Histórico de conversas
Persistente e organizado por data. Grupo "Fixados" no topo. Ações por conversa: editar, desafixar, criar agente, excluir.
Mensagens de voz
Gravação via botão de microfone no input. Gera card com ícone de ondas e duração. Agente responde em texto.
Attachments
Imagem, vídeo, áudio, arquivo genérico e doc ME. Cada tipo tem card específico na thread. Múltiplos arquivos simultâneos.
Menções (@)
Referência a pedidos, cotações ou produtos para contextualizar a pergunta. Entidade destacada visualmente na mensagem.
Pesquisa web
Busca na web integrada ao input. O agente sinaliza quando usa dados externos na resposta.
Paginação de respostas
Respostas longas paginadas inline com controles dentro do card — sem truncamento nem scroll infinito.
Busca no histórico
Filtra agentes e histórico simultaneamente em tempo real. Estado vazio com mensagem "Não encontramos nada aqui."
Criação e configuração de agentes
Criar: o Genius guia por linguagem natural e extrai nome, instruções e temas automaticamente. Configurar: formulário com avatar, campos obrigatórios (Nome, Descrição, Instruções) e temas editáveis. Pré Visualizar mostra o agente ao vivo.