xertica-ui 1.3.1 → 1.3.3

package/components/AssistenteXertica.tsx

@@ -120,88 +120,40 @@ interface AssistenteXerticaProps {
   isFullPage?: boolean;
 }
 
-import type { Message, Conversa, SearchResult, SearchSource, SearchCommand, Sugestao } from '../contexts/AssistenteContext';
-
-const sugestoesPadrao: Sugestao[] = [
-  { id: '1', texto: 'O que posso pedir para você fazer?' },
-  { id: '2', texto: 'O que você faz?' },
-  { id: '3', texto: 'Com quais projetos devo me preocupar agora?' },
-  { id: '4', texto: 'Qual meu próximo projeto?' },
-  { id: '5', texto: 'Qual projetos está tendo o melhor desempenho?' }
-];
-
-const sugestoesRicas: Sugestao[] = [
-  { id: 'rich-1', texto: 'Ver exemplo de Gráfico', icon: <BarChart3 className="w-4 h-4 mr-2" /> },
-  { id: 'rich-2', texto: 'Ver exemplo de Imagem', icon: <ImageIcon className="w-4 h-4 mr-2" /> },
-  { id: 'rich-3', texto: 'Ver exemplo de Tabela', icon: <TableIcon className="w-4 h-4 mr-2" /> },
-  { id: 'rich-4', texto: 'Ver exemplo de Documento', icon: <FileText className="w-4 h-4 mr-2" /> }
-];
+import type { Message, Conversa, SearchResult, SearchSource, SearchCommand, Sugestao, MockResponse } from '../contexts/AssistenteContext';
+import { sugestoesPadrao, sugestoesRicas, gerarResposta } from './assistant-utils';
+
+// ... (existing code)
+
+interface AssistenteXerticaProps {
+  isExpanded: boolean;
+  onToggle: () => void;
+  onToggleWithTab?: (tab: 'chat' | 'historico' | 'favoritos') => void;
+  isFullPage?: boolean;
+  demoMode?: boolean;
+  customResponses?: MockResponse[];
+}
+
+// ... (existing code)
+
+
+
 
 // Respostas simuladas da IA
-const gerarResposta = (mensagemUsuario: string): string => {
-  const mensagemLower = mensagemUsuario.toLowerCase();
-  const mensagemOriginal = mensagemUsuario;
-
-  if (mensagemLower.includes('o que') && (mensagemLower.includes('fazer') || mensagemLower.includes('pedir'))) {
-    return 'Posso ajudar você com diversas tarefas! Posso:\n\n• Analisar dados e métricas dos seus projetos\n• Responder perguntas sobre performance e resultados\n• Sugerir otimizações e melhorias\n• Gerar relatórios e documentação\n• Ajudar no planejamento de sprints\n• E muito mais!\n\nQual tarefa você gostaria de realizar primeiro?';
-  }
-
-  if (mensagemLower.includes('o que você faz') || mensagemLower.includes('quem é você')) {
-    return 'Olá! Sou o Assistente Xertica, uma IA desenvolvida para ajudar você a gerenciar projetos, analisar dados e otimizar processos. Estou aqui 24/7 para responder suas perguntas e auxiliar nas suas tarefas diárias.\n\nPosso processar documentos, analisar áudios e imagens, além de fornecer insights baseados nos dados da plataforma.';
-  }
-
-  if (mensagemLower.includes('projeto') && (mensagemLower.includes('preocupar') || mensagemLower.includes('atenção'))) {
-    return 'Com base na análise dos seus projetos ativos, recomendo focar nos seguintes:\n\n1. **Projeto Alpha** - 15% acima do prazo, requer atenção imediata\n2. **Sistema Beta** - Performance crítica, necessita otimização\n3. **Mobile Gamma** - Aguardando aprovações há 5 dias\n\nGostaria de mais detalhes sobre algum deles?';
-  }
-
-  if (mensagemLower.includes('próximo projeto') || mensagemLower.includes('próxima tarefa')) {
-    return 'Seu próximo projeto prioritário é o **Sistema de Analytics V2**.\n\n📅 Início previsto: Próxima segunda-feira\n👥 Time: 5 desenvolvedores\n⏱️ Duração estimada: 3 sprints\n\nJá preparei um roadmap inicial. Gostaria de revisar?';
-  }
-
-  if (mensagemLower.includes('desempenho') || mensagemLower.includes('performance') || mensagemLower.includes('melhor')) {
-    return 'Analisando os dados de performance dos últimos 30 dias:\n\n🏆 **Melhor Performance:**\n• Projeto Dashboard 2.0: +35% eficiência\n• Sistema CRM: -40% tempo de resposta\n• App Mobile: 4.8★ rating (+0.5)\n\n📊 Todos estão acima das metas estabelecidas. Parab��ns!\n\nQuer ver métricas detalhadas?';
-  }
-
-  if (mensagemLower.includes('olá') || mensagemLower.includes('oi') || mensagemLower.includes('bom dia') || mensagemLower.includes('boa tarde') || mensagemLower.includes('boa noite')) {
-    return 'Olá! 👋 Como posso ajudar você hoje? Estou pronto para auxiliar com análises, relatórios ou responder suas dúvidas sobre os projetos.';
-  }
-
-  if (mensagemLower.includes('obrigado') || mensagemLower.includes('obrigada')) {
-    return 'Por nada! Estou aqui sempre que precisar. 😊 Se tiver mais alguma dúvida ou precisar de ajuda, é só chamar!';
-  }
-
-  // Respostas para ações especiais
-  if (mensagemLower.includes('criar documento')) {
-    const tema = mensagemOriginal.replace(/📄 \[Criar documento\]/gi, '').trim();
-    return `📝 Documento criado com sucesso!\\n\\nGerei um documento completo sobre "${tema}" com as seguintes seções:\\n\\n• Introdução e contexto\\n• Análise detalhada\\n• Dados e métricas relevantes\\n• Conclusões e recomendações\\n• Próximos passos\\n\\nO documento está pronto para revisão e pode ser editado conforme necessário. Gostaria de adicionar ou modificar alguma seção?`;
-  }
-
-  if (mensagemLower.includes('gerar podcast')) {
-    const tema = mensagemOriginal.replace(/🎙️ \[Gerar podcast\]/gi, '').trim();
-    return `🎙️ Preparando podcast sobre "${tema}"...\\n\\nEstou processando o conteúdo e gerando um roteiro de podcast profissional com:\\n\\n• Introdução envolvente\\n• Desenvolvimento do tema\\n• Exemplos práticos\\n• Conclusão e insights\\n\\nO áudio será gerado em instantes. Aguarde...`;
-  }
-
-  if (mensagemLower.includes('pesquisar')) {
-    const termo = mensagemOriginal.replace(/🔍 \[Pesquisar\]/gi, '').trim();
-    return `🔍 Resultados da pesquisa sobre "${termo}"\\n\\n**Encontrei as seguintes informações relevantes:**\\n\\n1. **Documentação interna** - 12 resultados\\n   Guias e manuais relacionados ao tema\\n\\n2. **Projetos relacionados** - 8 projetos\\n   Incluindo Analytics v2 e Dashboard Pro\\n\\n3. **Discussões em equipe** - 15 menções\\n   Últimas conversas sobre o assunto\\n\\nGostaria de ver mais detalhes sobre algum desses resultados?`;
-  }
-
-  if (mensagemLower.includes('arquivo') || mensagemLower.includes('documento')) {
-    return 'Entendi que você deseja trabalhar com arquivos. Posso analisar diversos tipos de documentos:\n\n📄 Documentos de texto (PDF, DOCX)\n📊 Planilhas (XLSX, CSV)\n📈 Relatórios e apresentações\n\nBasta enviá-los usando o botão de anexo (📎) e terei prazer em analisá-los para você!';
-  }
-
-  // Resposta genérica inteligente
-  const respostasGenericas = [
-    'Entendo sua questão. Com base nos dados disponíveis na plataforma Xertica, posso fornecer análises detalhadas sobre esse tema. Poderia me dar mais contexto para que eu possa ajudá-lo melhor?',
-    'Interessante! Deixe-me processar isso... Com base no seu histórico e nos dados do sistema, recomendo que possamos explorar essa questão em mais detalhes. O que especificamente você gostaria de saber?',
-    'Ótima pergunta! Para te dar a melhor resposta possível, preciso entender melhor o contexto. Você pode me fornecer mais informações sobre o que está buscando?',
-    'Estou analisando sua solicitação. Baseado nos dados do sistema Xertica, posso te ajudar com isso. Você gostaria de uma análise rápida ou um relatório completo?'
-  ];
-
-  return respostasGenericas[Math.floor(Math.random() * respostasGenericas.length)];
-};
-
-export function AssistenteXertica({ isExpanded, onToggle, onToggleWithTab, isFullPage = false }: AssistenteXerticaProps) {
+
+
+
+
+
+
+export function AssistenteXertica({
+  isExpanded,
+  onToggle,
+  onToggleWithTab,
+  isFullPage = false,
+  demoMode = false,
+  customResponses = []
+}: AssistenteXerticaProps) {
   const navigate = useNavigate();
   const { geminiApiKey, isApiKeyValid } = useApiKey();
   const {
@@ -398,10 +350,10 @@ export function AssistenteXertica({ isExpanded, onToggle, onToggleWithTab, isFul
     setIsTyping(true);
 
     try {
-      let resposta: string;
+      let novaMensagemParcial: Partial<Message> = {};
 
-      // Se a chave da API for válida, usar Gemini
-      if (isApiKeyValid && geminiApiKey) {
+      // Se a chave da API for válida e não estiver em modo demo, usar Gemini
+      if (isApiKeyValid && geminiApiKey && !demoMode) {
         // Construir histórico da conversa para o Gemini
         const conversaAtiva = conversas.find(c => c.id === conversaAtual);
         const historico: GeminiMessage[] = [];
@@ -444,7 +396,8 @@ export function AssistenteXertica({ isExpanded, onToggle, onToggleWithTab, isFul
         }
 
         try {
-          resposta = await callGeminiAPI(geminiApiKey, mensagemUsuario, historico);
+          const respostaTexto = await callGeminiAPI(geminiApiKey, mensagemUsuario, historico);
+          novaMensagemParcial = { content: respostaTexto };
         } catch (error) {
           console.error('Erro ao chamar API Gemini:', error);
           // Usar a mensagem de erro do utilitário se disponível
@@ -460,27 +413,41 @@ export function AssistenteXertica({ isExpanded, onToggle, onToggleWithTab, isFul
               description: 'Sua chave foi reportada como vazada. Gere uma nova em Google AI Studio.',
               duration: 6000,
             });
-            resposta = `🔐 **Chave de API Desativada por Segurança**\n\n${errorMessage}\n\n**Como resolver:**\n1. Acesse [Google AI Studio](https://aistudio.google.com/apikey)\n2. Gere uma nova chave de API\n3. Configure a nova chave em **Configurações > API**\n\n⚠️ **Importante:** Não compartilhe sua chave de API publicamente.`;
+            novaMensagemParcial = {
+              content: `🔐 **Chave de API Desativada por Segurança**\n\n${errorMessage}\n\n**Como resolver:**\n1. Acesse [Google AI Studio](https://aistudio.google.com/apikey)\n2. Gere uma nova chave de API\n3. Configure a nova chave em **Configurações > API**\n\n⚠️ **Importante:** Não compartilhe sua chave de API publicamente.`
+            };
           } else {
             toast.error('Erro ao processar mensagem', {
               description: 'Verifique sua chave de API nas Configurações.',
               duration: 4000,
             });
-            resposta = `**Erro ao processar sua mensagem**\n\n${errorMessage}\n\n💡 **Dica:** Verifique se sua chave de API está configurada corretamente em **Configurações > API**.`;
+            novaMensagemParcial = {
+              content: `**Erro ao processar sua mensagem**\n\n${errorMessage}\n\n💡 **Dica:** Verifique se sua chave de API está configurada corretamente em **Configurações > API**.`
+            };
           }
         }
       } else {
-        // Fallback para respostas simuladas se não houver API key
+        // Fallback para respostas simuladas se não houver API key ou em modo demo
         await new Promise(resolve => setTimeout(resolve, 1000 + Math.random() * 1000));
-        resposta = gerarResposta(mensagemUsuario);
+
+        // Passar customResponses para gerarResposta
+        const resultadoMock = gerarResposta(mensagemUsuario, customResponses);
+
+        if (typeof resultadoMock === 'string') {
+          novaMensagemParcial = { content: resultadoMock };
+        } else {
+          // Se for objeto (MockResponse), usar diretamente
+          novaMensagemParcial = resultadoMock;
+        }
       }
 
       const novaMensagem: Message = {
         id: Date.now().toString() + '-ia',
         type: 'assistant',
-        content: resposta,
+        content: '', // Valor padrão se não vier no partial
         timestamp: new Date(),
-        isFavorite: false
+        isFavorite: false,
+        ...novaMensagemParcial
       };
 
       setConversas(prev => prev.map(conv => {
@@ -489,7 +456,7 @@ export function AssistenteXertica({ isExpanded, onToggle, onToggleWithTab, isFul
           return {
             ...conv,
             mensagens: novasMensagens,
-            ultimaMensagem: resposta.substring(0, 50) + '...',
+            ultimaMensagem: (novaMensagem.content || '').substring(0, 50) + '...',
             timestamp: new Date().toLocaleString('pt-BR')
           };
         }

package/components/assistant-utils.ts

@@ -0,0 +1,101 @@
+import type { Message, MockResponse, Sugestao } from '../contexts/AssistenteContext';
+import { BarChart3, ImageIcon, Table as TableIcon, FileText } from 'lucide-react';
+import React from 'react';
+
+export const sugestoesPadrao: Sugestao[] = [
+    { id: '1', texto: 'O que posso pedir para você fazer?' },
+    { id: '2', texto: 'O que você faz?' },
+    { id: '3', texto: 'Com quais projetos devo me preocupar agora?' },
+    { id: '4', texto: 'Qual meu próximo projeto?' },
+    { id: '5', texto: 'Qual projetos está tendo o melhor desempenho?' }
+];
+
+export const sugestoesRicas: Sugestao[] = [
+    { id: 'rich-1', texto: 'Ver exemplo de Gráfico', icon: React.createElement(BarChart3, { className: "w-4 h-4 mr-2" }) },
+    { id: 'rich-2', texto: 'Ver exemplo de Imagem', icon: React.createElement(ImageIcon, { className: "w-4 h-4 mr-2" }) },
+    { id: 'rich-3', texto: 'Ver exemplo de Tabela', icon: React.createElement(TableIcon, { className: "w-4 h-4 mr-2" }) },
+    { id: 'rich-4', texto: 'Ver exemplo de Documento', icon: React.createElement(FileText, { className: "w-4 h-4 mr-2" }) }
+];
+
+// Respostas simuladas da IA
+export const gerarResposta = (mensagemUsuario: string, customResponses?: MockResponse[]): string | Partial<Message> => {
+    const mensagemLower = mensagemUsuario.toLowerCase();
+
+    // 1. Verificar respostas customizadas primeiro
+    if (customResponses && customResponses.length > 0) {
+        for (const mock of customResponses) {
+            const trigger = mock.trigger;
+            let match = false;
+
+            if (trigger instanceof RegExp) {
+                match = trigger.test(mensagemUsuario);
+            } else {
+                match = mensagemLower.includes(trigger.toLowerCase());
+            }
+
+            if (match) {
+                return mock.response;
+            }
+        }
+    }
+
+    const mensagemOriginal = mensagemUsuario;
+
+    if (mensagemLower.includes('o que') && (mensagemLower.includes('fazer') || mensagemLower.includes('pedir'))) {
+        return 'Posso ajudar você com diversas tarefas! Posso:\n\n• Analisar dados e métricas dos seus projetos\n• Responder perguntas sobre performance e resultados\n• Sugerir otimizações e melhorias\n• Gerar relatórios e documentação\n• Ajudar no planejamento de sprints\n• E muito mais!\n\nQual tarefa você gostaria de realizar primeiro?';
+    }
+
+    if (mensagemLower.includes('o que você faz') || mensagemLower.includes('quem é você')) {
+        return 'Olá! Sou o Assistente Xertica, uma IA desenvolvida para ajudar você a gerenciar projetos, analisar dados e otimizar processos. Estou aqui 24/7 para responder suas perguntas e auxiliar nas suas tarefas diárias.\n\nPosso processar documentos, analisar áudios e imagens, além de fornecer insights baseados nos dados da plataforma.';
+    }
+
+    if (mensagemLower.includes('projeto') && (mensagemLower.includes('preocupar') || mensagemLower.includes('atenção'))) {
+        return 'Com base na análise dos seus projetos ativos, recomendo focar nos seguintes:\n\n1. **Projeto Alpha** - 15% acima do prazo, requer atenção imediata\n2. **Sistema Beta** - Performance crítica, necessita otimização\n3. **Mobile Gamma** - Aguardando aprovações há 5 dias\n\nGostaria de mais detalhes sobre algum deles?';
+    }
+
+    if (mensagemLower.includes('próximo projeto') || mensagemLower.includes('próxima tarefa')) {
+        return 'Seu próximo projeto prioritário é o **Sistema de Analytics V2**.\n\n📅 Início previsto: Próxima segunda-feira\n👥 Time: 5 desenvolvedores\n⏱️ Duração estimada: 3 sprints\n\nJá preparei um roadmap inicial. Gostaria de revisar?';
+    }
+
+    if (mensagemLower.includes('desempenho') || mensagemLower.includes('performance') || mensagemLower.includes('melhor')) {
+        return 'Analisando os dados de performance dos últimos 30 dias:\n\n🏆 **Melhor Performance:**\n• Projeto Dashboard 2.0: +35% eficiência\n• Sistema CRM: -40% tempo de resposta\n• App Mobile: 4.8★ rating (+0.5)\n\n📊 Todos estão acima das metas estabelecidas. Parabéns!\n\nQuer ver métricas detalhadas?';
+    }
+
+    if (mensagemLower.includes('olá') || mensagemLower.includes('oi') || mensagemLower.includes('bom dia') || mensagemLower.includes('boa tarde') || mensagemLower.includes('boa noite')) {
+        return 'Olá! 👋 Como posso ajudar você hoje? Estou pronto para auxiliar com análises, relatórios ou responder suas dúvidas sobre os projetos.';
+    }
+
+    if (mensagemLower.includes('obrigado') || mensagemLower.includes('obrigada')) {
+        return 'Por nada! Estou aqui sempre que precisar. 😊 Se tiver mais alguma dúvida ou precisar de ajuda, é só chamar!';
+    }
+
+    // Respostas para ações especiais
+    if (mensagemLower.includes('criar documento')) {
+        const tema = mensagemOriginal.replace(/📄 \[Criar documento\]/gi, '').trim();
+        return `📝 Documento criado com sucesso!\\n\\nGerei um documento completo sobre "${tema}" com as seguintes seções:\\n\\n• Introdução e contexto\\n• Análise detalhada\\n• Dados e métricas relevantes\\n• Conclusões e recomendações\\n• Próximos passos\\n\\nO documento está pronto para revisão e pode ser editado conforme necessário. Gostaria de adicionar ou modificar alguma seção?`;
+    }
+
+    if (mensagemLower.includes('gerar podcast')) {
+        const tema = mensagemOriginal.replace(/🎙️ \[Gerar podcast\]/gi, '').trim();
+        return `🎙️ Preparando podcast sobre "${tema}"...\\n\\nEstou processando o conteúdo e gerando um roteiro de podcast profissional com:\\n\\n• Introdução envolvente\\n• Desenvolvimento do tema\\n• Exemplos práticos\\n• Conclusão e insights\\n\\nO áudio será gerado em instantes. Aguarde...`;
+    }
+
+    if (mensagemLower.includes('pesquisar')) {
+        const termo = mensagemOriginal.replace(/🔍 \[Pesquisar\]/gi, '').trim();
+        return `🔍 Resultados da pesquisa sobre "${termo}"\\n\\n**Encontrei as seguintes informações relevantes:**\\n\\n1. **Documentação interna** - 12 resultados\\n   Guias e manuais relacionados ao tema\\n\\n2. **Projetos relacionados** - 8 projetos\\n   Incluindo Analytics v2 e Dashboard Pro\\n\\n3. **Discussões em equipe** - 15 menções\\n   Últimas conversas sobre o assunto\\n\\nGostaria de ver mais detalhes sobre algum desses resultados?`;
+    }
+
+    if (mensagemLower.includes('arquivo') || mensagemLower.includes('documento')) {
+        return 'Entendi que você deseja trabalhar com arquivos. Posso analisar diversos tipos de documentos:\n\n📄 Documentos de texto (PDF, DOCX)\n📊 Planilhas (XLSX, CSV)\n📈 Relatórios e apresentações\n\nBasta enviá-los usando o botão de anexo (📎) e terei prazer em analisá-los para você!';
+    }
+
+    // Resposta genérica inteligente
+    const respostasGenericas = [
+        'Entendo sua questão. Com base nos dados disponíveis na plataforma Xertica, posso fornecer análises detalhadas sobre esse tema. Poderia me dar mais contexto para que eu possa ajudá-lo melhor?',
+        'Interessante! Deixe-me processar isso... Com base no seu histórico e nos dados do sistema, recomendo que possamos explorar essa questão em mais detalhes. O que especificamente você gostaria de saber?',
+        'Ótima pergunta! Para te dar a melhor resposta possível, preciso entender melhor o contexto. Você pode me fornecer mais informações sobre o que está buscando?',
+        'Estou analisando sua solicitação. Baseado nos dados do sistema Xertica, posso te ajudar com isso. Você gostaria de uma análise rápida ou um relatório completo?'
+    ];
+
+    return respostasGenericas[Math.floor(Math.random() * respostasGenericas.length)];
+};

package/components/ui/xertica-assistant.tsx

@@ -81,12 +81,12 @@ function AssistantTooltipContent({
 /**
  * Tipos de mensagem suportados pelo assistente
  */
-export type MessageType = 'user' | 'assistant';
+export type MessageType = 'user' | 'assistant' | 'system';
 
 /**
  * Tipos de anexo que podem ser incluídos em mensagens
  */
-export type AttachmentType = 'file' | 'audio' | 'image' | 'document' | 'podcast' | 'search';
+export type AttachmentType = 'file' | 'audio' | 'image' | 'video' | 'document' | 'podcast' | 'search';
 
 /**
  * Tipo de busca que pode ser realizada
@@ -141,6 +141,15 @@ export interface Message {
   searchResults?: SearchResult[];
   searchSources?: SearchSource[];
   searchCommands?: SearchCommand[];
+  chartData?: any[];
+  chartConfig?: any;
+  tableData?: {
+    caption?: string;
+    headers: string[];
+    rows: (string | React.ReactNode)[][];
+  };
+  evaluation?: 'like' | 'dislike';
+  evaluationReason?: string;
 }
 
 /**
@@ -177,6 +186,9 @@ export type AssistantTab = 'chat' | 'historico' | 'favoritos';
 // Props do Componente
 // ============================================================================
 
+import type { MockResponse } from '../../contexts/AssistenteContext';
+import { gerarResposta } from '../assistant-utils';
+
 export interface XerticaAssistantProps {
   /**
    * Modo de exibição do assistente
@@ -207,6 +219,16 @@ export interface XerticaAssistantProps {
    */
   showApiWarning?: boolean;
 
+  /**
+   * Ativa o modo de demonstração (sem API key)
+   */
+  demoMode?: boolean;
+
+  /**
+   * Respostas customizadas para o modo de demonstração
+   */
+  customResponses?: MockResponse[];
+
   /**
    * Chave da API do Gemini (se disponível)
    */
@@ -330,6 +352,8 @@ export function XerticaAssistant({
   height,
   className = '',
   mobileFloating = false,
+  demoMode = false,
+  customResponses = []
 }: XerticaAssistantProps) {
   // ============================================================================
   // State Management
@@ -435,10 +459,37 @@ export function XerticaAssistant({
 
     setMensagens(prev => [...prev, novaMensagem]);
 
+
     if (onSendMessage) {
       onSendMessage(mensagem);
     }
 
+    if (demoMode) {
+      // Simular resposta no modo demo se não houver handler externo ou se o handler for apenas para log/side-effect
+      // Mas cuidado para não duplicar se onSendMessage também gerar resposta.
+      // Assumindo que demoMode é autossuficiente.
+      const mensagemAtual = mensagem;
+      setTimeout(() => {
+        const resposta = gerarResposta(mensagemAtual, customResponses);
+
+        let novaMensagemIA: Message = {
+          id: `msg-${Date.now()}-ia`,
+          type: 'assistant',
+          content: '',
+          timestamp: new Date(),
+          isFavorite: false
+        };
+
+        if (typeof resposta === 'string') {
+          novaMensagemIA.content = resposta;
+        } else {
+          novaMensagemIA = { ...novaMensagemIA, ...resposta };
+        }
+
+        setMensagens(prev => [...prev, novaMensagemIA]);
+      }, 1000 + Math.random() * 1000);
+    }
+
     setMensagem('');
   };
 

package/contexts/AssistenteContext.tsx

@@ -33,6 +33,12 @@ export interface Message {
   evaluationReason?: string;
 }
 
+export interface MockResponse {
+  trigger: string | RegExp;
+  response: string | Partial<Message>;
+  delay?: number;
+}
+
 export interface Conversa {
   id: string;
   titulo: string;

package/dist/components/AssistenteXertica.d.ts

@@ -4,5 +4,14 @@ interface AssistenteXerticaProps {
     onToggleWithTab?: (tab: 'chat' | 'historico' | 'favoritos') => void;
     isFullPage?: boolean;
 }
-export declare function AssistenteXertica({ isExpanded, onToggle, onToggleWithTab, isFullPage }: AssistenteXerticaProps): import("react/jsx-runtime").JSX.Element;
+import type { MockResponse } from '../contexts/AssistenteContext';
+interface AssistenteXerticaProps {
+    isExpanded: boolean;
+    onToggle: () => void;
+    onToggleWithTab?: (tab: 'chat' | 'historico' | 'favoritos') => void;
+    isFullPage?: boolean;
+    demoMode?: boolean;
+    customResponses?: MockResponse[];
+}
+export declare function AssistenteXertica({ isExpanded, onToggle, onToggleWithTab, isFullPage, demoMode, customResponses }: AssistenteXerticaProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/assistant-utils.d.ts

@@ -0,0 +1,4 @@
+import type { Message, MockResponse, Sugestao } from '../contexts/AssistenteContext';
+export declare const sugestoesPadrao: Sugestao[];
+export declare const sugestoesRicas: Sugestao[];
+export declare const gerarResposta: (mensagemUsuario: string, customResponses?: MockResponse[]) => string | Partial<Message>;

package/dist/components/ui/xertica-assistant.d.ts

@@ -1,11 +1,12 @@
+import React from 'react';
 /**
  * Tipos de mensagem suportados pelo assistente
  */
-export type MessageType = 'user' | 'assistant';
+export type MessageType = 'user' | 'assistant' | 'system';
 /**
  * Tipos de anexo que podem ser incluídos em mensagens
  */
-export type AttachmentType = 'file' | 'audio' | 'image' | 'document' | 'podcast' | 'search';
+export type AttachmentType = 'file' | 'audio' | 'image' | 'video' | 'document' | 'podcast' | 'search';
 /**
  * Tipo de busca que pode ser realizada
  */
@@ -55,6 +56,15 @@ export interface Message {
     searchResults?: SearchResult[];
     searchSources?: SearchSource[];
     searchCommands?: SearchCommand[];
+    chartData?: any[];
+    chartConfig?: any;
+    tableData?: {
+        caption?: string;
+        headers: string[];
+        rows: (string | React.ReactNode)[][];
+    };
+    evaluation?: 'like' | 'dislike';
+    evaluationReason?: string;
 }
 /**
  * Interface para uma conversa salva
@@ -82,6 +92,7 @@ export type AssistantMode = 'collapsed' | 'expanded' | 'fullPage';
  * Abas disponíveis no assistente
  */
 export type AssistantTab = 'chat' | 'historico' | 'favoritos';
+import type { MockResponse } from '../../contexts/AssistenteContext';
 export interface XerticaAssistantProps {
     /**
      * Modo de exibição do assistente
@@ -107,6 +118,14 @@ export interface XerticaAssistantProps {
      * @default true
      */
     showApiWarning?: boolean;
+    /**
+     * Ativa o modo de demonstração (sem API key)
+     */
+    demoMode?: boolean;
+    /**
+     * Respostas customizadas para o modo de demonstração
+     */
+    customResponses?: MockResponse[];
     /**
      * Chave da API do Gemini (se disponível)
      */
@@ -193,4 +212,4 @@ export interface XerticaAssistantProps {
  * />
  * ```
  */
-export declare function XerticaAssistant({ mode, isExpanded: controlledIsExpanded, onToggle, defaultTab, showApiWarning, apiKey, onNavigateSettings, onNavigateFullPage, userName, initialMessages, savedConversations, suggestions: propSuggestions, onSendMessage, onFileAttach, isProcessing, width, height, className, mobileFloating, }: XerticaAssistantProps): import("react/jsx-runtime").JSX.Element;
+export declare function XerticaAssistant({ mode, isExpanded: controlledIsExpanded, onToggle, defaultTab, showApiWarning, apiKey, onNavigateSettings, onNavigateFullPage, userName, initialMessages, savedConversations, suggestions: propSuggestions, onSendMessage, onFileAttach, isProcessing, width, height, className, mobileFloating, demoMode, customResponses }: XerticaAssistantProps): import("react/jsx-runtime").JSX.Element;

package/dist/contexts/AssistenteContext.d.ts

@@ -28,6 +28,11 @@ export interface Message {
     evaluation?: 'like' | 'dislike';
     evaluationReason?: string;
 }
+export interface MockResponse {
+    trigger: string | RegExp;
+    response: string | Partial<Message>;
+    delay?: number;
+}
 export interface Conversa {
     id: string;
     titulo: string;

package/dist/index.es.js

@@ -19687,6 +19687,80 @@ function TooltipContent({
     }
   ) });
 }
+const sugestoesPadrao = [
+  { id: "1", texto: "O que posso pedir para você fazer?" },
+  { id: "2", texto: "O que você faz?" },
+  { id: "3", texto: "Com quais projetos devo me preocupar agora?" },
+  { id: "4", texto: "Qual meu próximo projeto?" },
+  { id: "5", texto: "Qual projetos está tendo o melhor desempenho?" }
+];
+const sugestoesRicas = [
+  { id: "rich-1", texto: "Ver exemplo de Gráfico", icon: React__default.createElement(ChartColumn, { className: "w-4 h-4 mr-2" }) },
+  { id: "rich-2", texto: "Ver exemplo de Imagem", icon: React__default.createElement(Image$1, { className: "w-4 h-4 mr-2" }) },
+  { id: "rich-3", texto: "Ver exemplo de Tabela", icon: React__default.createElement(Table$1, { className: "w-4 h-4 mr-2" }) },
+  { id: "rich-4", texto: "Ver exemplo de Documento", icon: React__default.createElement(FileText, { className: "w-4 h-4 mr-2" }) }
+];
+const gerarResposta = (mensagemUsuario, customResponses) => {
+  const mensagemLower = mensagemUsuario.toLowerCase();
+  if (customResponses && customResponses.length > 0) {
+    for (const mock of customResponses) {
+      const trigger = mock.trigger;
+      let match2 = false;
+      if (trigger instanceof RegExp) {
+        match2 = trigger.test(mensagemUsuario);
+      } else {
+        match2 = mensagemLower.includes(trigger.toLowerCase());
+      }
+      if (match2) {
+        return mock.response;
+      }
+    }
+  }
+  const mensagemOriginal = mensagemUsuario;
+  if (mensagemLower.includes("o que") && (mensagemLower.includes("fazer") || mensagemLower.includes("pedir"))) {
+    return "Posso ajudar você com diversas tarefas! Posso:\n\n• Analisar dados e métricas dos seus projetos\n• Responder perguntas sobre performance e resultados\n• Sugerir otimizações e melhorias\n• Gerar relatórios e documentação\n• Ajudar no planejamento de sprints\n• E muito mais!\n\nQual tarefa você gostaria de realizar primeiro?";
+  }
+  if (mensagemLower.includes("o que você faz") || mensagemLower.includes("quem é você")) {
+    return "Olá! Sou o Assistente Xertica, uma IA desenvolvida para ajudar você a gerenciar projetos, analisar dados e otimizar processos. Estou aqui 24/7 para responder suas perguntas e auxiliar nas suas tarefas diárias.\n\nPosso processar documentos, analisar áudios e imagens, além de fornecer insights baseados nos dados da plataforma.";
+  }
+  if (mensagemLower.includes("projeto") && (mensagemLower.includes("preocupar") || mensagemLower.includes("atenção"))) {
+    return "Com base na análise dos seus projetos ativos, recomendo focar nos seguintes:\n\n1. **Projeto Alpha** - 15% acima do prazo, requer atenção imediata\n2. **Sistema Beta** - Performance crítica, necessita otimização\n3. **Mobile Gamma** - Aguardando aprovações há 5 dias\n\nGostaria de mais detalhes sobre algum deles?";
+  }
+  if (mensagemLower.includes("próximo projeto") || mensagemLower.includes("próxima tarefa")) {
+    return "Seu próximo projeto prioritário é o **Sistema de Analytics V2**.\n\n📅 Início previsto: Próxima segunda-feira\n👥 Time: 5 desenvolvedores\n⏱️ Duração estimada: 3 sprints\n\nJá preparei um roadmap inicial. Gostaria de revisar?";
+  }
+  if (mensagemLower.includes("desempenho") || mensagemLower.includes("performance") || mensagemLower.includes("melhor")) {
+    return "Analisando os dados de performance dos últimos 30 dias:\n\n🏆 **Melhor Performance:**\n• Projeto Dashboard 2.0: +35% eficiência\n• Sistema CRM: -40% tempo de resposta\n• App Mobile: 4.8★ rating (+0.5)\n\n📊 Todos estão acima das metas estabelecidas. Parabéns!\n\nQuer ver métricas detalhadas?";
+  }
+  if (mensagemLower.includes("olá") || mensagemLower.includes("oi") || mensagemLower.includes("bom dia") || mensagemLower.includes("boa tarde") || mensagemLower.includes("boa noite")) {
+    return "Olá! 👋 Como posso ajudar você hoje? Estou pronto para auxiliar com análises, relatórios ou responder suas dúvidas sobre os projetos.";
+  }
+  if (mensagemLower.includes("obrigado") || mensagemLower.includes("obrigada")) {
+    return "Por nada! Estou aqui sempre que precisar. 😊 Se tiver mais alguma dúvida ou precisar de ajuda, é só chamar!";
+  }
+  if (mensagemLower.includes("criar documento")) {
+    const tema = mensagemOriginal.replace(/📄 \[Criar documento\]/gi, "").trim();
+    return `📝 Documento criado com sucesso!\\n\\nGerei um documento completo sobre "${tema}" com as seguintes seções:\\n\\n• Introdução e contexto\\n• Análise detalhada\\n• Dados e métricas relevantes\\n• Conclusões e recomendações\\n• Próximos passos\\n\\nO documento está pronto para revisão e pode ser editado conforme necessário. Gostaria de adicionar ou modificar alguma seção?`;
+  }
+  if (mensagemLower.includes("gerar podcast")) {
+    const tema = mensagemOriginal.replace(/🎙️ \[Gerar podcast\]/gi, "").trim();
+    return `🎙️ Preparando podcast sobre "${tema}"...\\n\\nEstou processando o conteúdo e gerando um roteiro de podcast profissional com:\\n\\n• Introdução envolvente\\n• Desenvolvimento do tema\\n• Exemplos práticos\\n• Conclusão e insights\\n\\nO áudio será gerado em instantes. Aguarde...`;
+  }
+  if (mensagemLower.includes("pesquisar")) {
+    const termo = mensagemOriginal.replace(/🔍 \[Pesquisar\]/gi, "").trim();
+    return `🔍 Resultados da pesquisa sobre "${termo}"\\n\\n**Encontrei as seguintes informações relevantes:**\\n\\n1. **Documentação interna** - 12 resultados\\n   Guias e manuais relacionados ao tema\\n\\n2. **Projetos relacionados** - 8 projetos\\n   Incluindo Analytics v2 e Dashboard Pro\\n\\n3. **Discussões em equipe** - 15 menções\\n   Últimas conversas sobre o assunto\\n\\nGostaria de ver mais detalhes sobre algum desses resultados?`;
+  }
+  if (mensagemLower.includes("arquivo") || mensagemLower.includes("documento")) {
+    return "Entendi que você deseja trabalhar com arquivos. Posso analisar diversos tipos de documentos:\n\n📄 Documentos de texto (PDF, DOCX)\n📊 Planilhas (XLSX, CSV)\n📈 Relatórios e apresentações\n\nBasta enviá-los usando o botão de anexo (📎) e terei prazer em analisá-los para você!";
+  }
+  const respostasGenericas = [
+    "Entendo sua questão. Com base nos dados disponíveis na plataforma Xertica, posso fornecer análises detalhadas sobre esse tema. Poderia me dar mais contexto para que eu possa ajudá-lo melhor?",
+    "Interessante! Deixe-me processar isso... Com base no seu histórico e nos dados do sistema, recomendo que possamos explorar essa questão em mais detalhes. O que especificamente você gostaria de saber?",
+    "Ótima pergunta! Para te dar a melhor resposta possível, preciso entender melhor o contexto. Você pode me fornecer mais informações sobre o que está buscando?",
+    "Estou analisando sua solicitação. Baseado nos dados do sistema Xertica, posso te ajudar com isso. Você gostaria de uma análise rápida ou um relatório completo?"
+  ];
+  return respostasGenericas[Math.floor(Math.random() * respostasGenericas.length)];
+};
 const __vite_import_meta_env__$2 = {};
 function AssistantTooltipContent$1({
   className,
@@ -19737,7 +19811,9 @@ function XerticaAssistant({
   width,
   height,
   className = "",
-  mobileFloating = false
+  mobileFloating = false,
+  demoMode = false,
+  customResponses = []
 }) {
   const isFullPage = mode === "fullPage";
   const [internalIsExpanded, setInternalIsExpanded] = useState(controlledIsExpanded ?? true);
@@ -19802,6 +19878,25 @@ function XerticaAssistant({
     if (onSendMessage) {
       onSendMessage(mensagem);
     }
+    if (demoMode) {
+      const mensagemAtual = mensagem;
+      setTimeout(() => {
+        const resposta = gerarResposta(mensagemAtual, customResponses);
+        let novaMensagemIA = {
+          id: `msg-${Date.now()}-ia`,
+          type: "assistant",
+          content: "",
+          timestamp: /* @__PURE__ */ new Date(),
+          isFavorite: false
+        };
+        if (typeof resposta === "string") {
+          novaMensagemIA.content = resposta;
+        } else {
+          novaMensagemIA = { ...novaMensagemIA, ...resposta };
+        }
+        setMensagens((prev) => [...prev, novaMensagemIA]);
+      }, 1e3 + Math.random() * 1e3);
+    }
     setMensagem("");
   };
   const handleToggleFavorite = (messageId) => {
@@ -56387,67 +56482,14 @@ function AssistantTooltipContent({
     }
   ) });
 }
-const sugestoesPadrao = [
-  { id: "1", texto: "O que posso pedir para você fazer?" },
-  { id: "2", texto: "O que você faz?" },
-  { id: "3", texto: "Com quais projetos devo me preocupar agora?" },
-  { id: "4", texto: "Qual meu próximo projeto?" },
-  { id: "5", texto: "Qual projetos está tendo o melhor desempenho?" }
-];
-const sugestoesRicas = [
-  { id: "rich-1", texto: "Ver exemplo de Gráfico", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(ChartColumn, { className: "w-4 h-4 mr-2" }) },
-  { id: "rich-2", texto: "Ver exemplo de Imagem", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Image$1, { className: "w-4 h-4 mr-2" }) },
-  { id: "rich-3", texto: "Ver exemplo de Tabela", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, { className: "w-4 h-4 mr-2" }) },
-  { id: "rich-4", texto: "Ver exemplo de Documento", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "w-4 h-4 mr-2" }) }
-];
-const gerarResposta = (mensagemUsuario) => {
-  const mensagemLower = mensagemUsuario.toLowerCase();
-  const mensagemOriginal = mensagemUsuario;
-  if (mensagemLower.includes("o que") && (mensagemLower.includes("fazer") || mensagemLower.includes("pedir"))) {
-    return "Posso ajudar você com diversas tarefas! Posso:\n\n• Analisar dados e métricas dos seus projetos\n• Responder perguntas sobre performance e resultados\n• Sugerir otimizações e melhorias\n• Gerar relatórios e documentação\n• Ajudar no planejamento de sprints\n• E muito mais!\n\nQual tarefa você gostaria de realizar primeiro?";
-  }
-  if (mensagemLower.includes("o que você faz") || mensagemLower.includes("quem é você")) {
-    return "Olá! Sou o Assistente Xertica, uma IA desenvolvida para ajudar você a gerenciar projetos, analisar dados e otimizar processos. Estou aqui 24/7 para responder suas perguntas e auxiliar nas suas tarefas diárias.\n\nPosso processar documentos, analisar áudios e imagens, além de fornecer insights baseados nos dados da plataforma.";
-  }
-  if (mensagemLower.includes("projeto") && (mensagemLower.includes("preocupar") || mensagemLower.includes("atenção"))) {
-    return "Com base na análise dos seus projetos ativos, recomendo focar nos seguintes:\n\n1. **Projeto Alpha** - 15% acima do prazo, requer atenção imediata\n2. **Sistema Beta** - Performance crítica, necessita otimização\n3. **Mobile Gamma** - Aguardando aprovações há 5 dias\n\nGostaria de mais detalhes sobre algum deles?";
-  }
-  if (mensagemLower.includes("próximo projeto") || mensagemLower.includes("próxima tarefa")) {
-    return "Seu próximo projeto prioritário é o **Sistema de Analytics V2**.\n\n📅 Início previsto: Próxima segunda-feira\n👥 Time: 5 desenvolvedores\n⏱️ Duração estimada: 3 sprints\n\nJá preparei um roadmap inicial. Gostaria de revisar?";
-  }
-  if (mensagemLower.includes("desempenho") || mensagemLower.includes("performance") || mensagemLower.includes("melhor")) {
-    return "Analisando os dados de performance dos últimos 30 dias:\n\n🏆 **Melhor Performance:**\n• Projeto Dashboard 2.0: +35% eficiência\n• Sistema CRM: -40% tempo de resposta\n• App Mobile: 4.8★ rating (+0.5)\n\n📊 Todos estão acima das metas estabelecidas. Parab��ns!\n\nQuer ver métricas detalhadas?";
-  }
-  if (mensagemLower.includes("olá") || mensagemLower.includes("oi") || mensagemLower.includes("bom dia") || mensagemLower.includes("boa tarde") || mensagemLower.includes("boa noite")) {
-    return "Olá! 👋 Como posso ajudar você hoje? Estou pronto para auxiliar com análises, relatórios ou responder suas dúvidas sobre os projetos.";
-  }
-  if (mensagemLower.includes("obrigado") || mensagemLower.includes("obrigada")) {
-    return "Por nada! Estou aqui sempre que precisar. 😊 Se tiver mais alguma dúvida ou precisar de ajuda, é só chamar!";
-  }
-  if (mensagemLower.includes("criar documento")) {
-    const tema = mensagemOriginal.replace(/📄 \[Criar documento\]/gi, "").trim();
-    return `📝 Documento criado com sucesso!\\n\\nGerei um documento completo sobre "${tema}" com as seguintes seções:\\n\\n• Introdução e contexto\\n• Análise detalhada\\n• Dados e métricas relevantes\\n• Conclusões e recomendações\\n• Próximos passos\\n\\nO documento está pronto para revisão e pode ser editado conforme necessário. Gostaria de adicionar ou modificar alguma seção?`;
-  }
-  if (mensagemLower.includes("gerar podcast")) {
-    const tema = mensagemOriginal.replace(/🎙️ \[Gerar podcast\]/gi, "").trim();
-    return `🎙️ Preparando podcast sobre "${tema}"...\\n\\nEstou processando o conteúdo e gerando um roteiro de podcast profissional com:\\n\\n• Introdução envolvente\\n• Desenvolvimento do tema\\n• Exemplos práticos\\n• Conclusão e insights\\n\\nO áudio será gerado em instantes. Aguarde...`;
-  }
-  if (mensagemLower.includes("pesquisar")) {
-    const termo = mensagemOriginal.replace(/🔍 \[Pesquisar\]/gi, "").trim();
-    return `🔍 Resultados da pesquisa sobre "${termo}"\\n\\n**Encontrei as seguintes informações relevantes:**\\n\\n1. **Documentação interna** - 12 resultados\\n   Guias e manuais relacionados ao tema\\n\\n2. **Projetos relacionados** - 8 projetos\\n   Incluindo Analytics v2 e Dashboard Pro\\n\\n3. **Discussões em equipe** - 15 menções\\n   Últimas conversas sobre o assunto\\n\\nGostaria de ver mais detalhes sobre algum desses resultados?`;
-  }
-  if (mensagemLower.includes("arquivo") || mensagemLower.includes("documento")) {
-    return "Entendi que você deseja trabalhar com arquivos. Posso analisar diversos tipos de documentos:\n\n📄 Documentos de texto (PDF, DOCX)\n📊 Planilhas (XLSX, CSV)\n📈 Relatórios e apresentações\n\nBasta enviá-los usando o botão de anexo (📎) e terei prazer em analisá-los para você!";
-  }
-  const respostasGenericas = [
-    "Entendo sua questão. Com base nos dados disponíveis na plataforma Xertica, posso fornecer análises detalhadas sobre esse tema. Poderia me dar mais contexto para que eu possa ajudá-lo melhor?",
-    "Interessante! Deixe-me processar isso... Com base no seu histórico e nos dados do sistema, recomendo que possamos explorar essa questão em mais detalhes. O que especificamente você gostaria de saber?",
-    "Ótima pergunta! Para te dar a melhor resposta possível, preciso entender melhor o contexto. Você pode me fornecer mais informações sobre o que está buscando?",
-    "Estou analisando sua solicitação. Baseado nos dados do sistema Xertica, posso te ajudar com isso. Você gostaria de uma análise rápida ou um relatório completo?"
-  ];
-  return respostasGenericas[Math.floor(Math.random() * respostasGenericas.length)];
-};
-function AssistenteXertica({ isExpanded, onToggle, onToggleWithTab, isFullPage = false }) {
+function AssistenteXertica({
+  isExpanded,
+  onToggle,
+  onToggleWithTab,
+  isFullPage = false,
+  demoMode = false,
+  customResponses = []
+}) {
   const navigate = useNavigate();
   const { geminiApiKey, isApiKeyValid } = useApiKey();
   const {
@@ -56633,8 +56675,8 @@ function AssistenteXertica({ isExpanded, onToggle, onToggleWithTab, isFullPage =
   const simularRespostaIA = async (mensagemUsuario) => {
     setIsTyping(true);
     try {
-      let resposta;
-      if (isApiKeyValid && geminiApiKey) {
+      let novaMensagemParcial = {};
+      if (isApiKeyValid && geminiApiKey && !demoMode) {
         const conversaAtiva2 = conversas.find((c2) => c2.id === conversaAtual);
         const historico = [];
         const systemPrompt = buildSystemPrompt();
@@ -56664,7 +56706,8 @@ function AssistenteXertica({ isExpanded, onToggle, onToggleWithTab, isFullPage =
           });
         }
         try {
-          resposta = await callGeminiAPI(geminiApiKey, mensagemUsuario, historico);
+          const respostaTexto = await callGeminiAPI(geminiApiKey, mensagemUsuario, historico);
+          novaMensagemParcial = { content: respostaTexto };
         } catch (error) {
           console.error("Erro ao chamar API Gemini:", error);
           const errorMessage = error instanceof Error ? error.message : "❌ Erro desconhecido";
@@ -56674,7 +56717,8 @@ function AssistenteXertica({ isExpanded, onToggle, onToggleWithTab, isFullPage =
               description: "Sua chave foi reportada como vazada. Gere uma nova em Google AI Studio.",
               duration: 6e3
             });
-            resposta = `🔐 **Chave de API Desativada por Segurança**
+            novaMensagemParcial = {
+              content: `🔐 **Chave de API Desativada por Segurança**
 
 ${errorMessage}
 
@@ -56683,29 +56727,39 @@ ${errorMessage}
 2. Gere uma nova chave de API
 3. Configure a nova chave em **Configurações > API**
 
-⚠️ **Importante:** Não compartilhe sua chave de API publicamente.`;
+⚠️ **Importante:** Não compartilhe sua chave de API publicamente.`
+            };
           } else {
             ue$1.error("Erro ao processar mensagem", {
               description: "Verifique sua chave de API nas Configurações.",
               duration: 4e3
             });
-            resposta = `**Erro ao processar sua mensagem**
+            novaMensagemParcial = {
+              content: `**Erro ao processar sua mensagem**
 
 ${errorMessage}
 
-💡 **Dica:** Verifique se sua chave de API está configurada corretamente em **Configurações > API**.`;
+💡 **Dica:** Verifique se sua chave de API está configurada corretamente em **Configurações > API**.`
+            };
           }
         }
       } else {
         await new Promise((resolve) => setTimeout(resolve, 1e3 + Math.random() * 1e3));
-        resposta = gerarResposta(mensagemUsuario);
+        const resultadoMock = gerarResposta(mensagemUsuario, customResponses);
+        if (typeof resultadoMock === "string") {
+          novaMensagemParcial = { content: resultadoMock };
+        } else {
+          novaMensagemParcial = resultadoMock;
+        }
       }
       const novaMensagem = {
         id: Date.now().toString() + "-ia",
         type: "assistant",
-        content: resposta,
+        content: "",
+        // Valor padrão se não vier no partial
         timestamp: /* @__PURE__ */ new Date(),
-        isFavorite: false
+        isFavorite: false,
+        ...novaMensagemParcial
       };
       setConversas((prev) => prev.map((conv) => {
         if (conv.id === conversaAtual) {
@@ -56713,7 +56767,7 @@ ${errorMessage}
           return {
             ...conv,
             mensagens: novasMensagens,
-            ultimaMensagem: resposta.substring(0, 50) + "...",
+            ultimaMensagem: (novaMensagem.content || "").substring(0, 50) + "...",
             timestamp: (/* @__PURE__ */ new Date()).toLocaleString("pt-BR")
           };
         }

package/dist/index.umd.js

@@ -19706,6 +19706,80 @@
       }
     ) });
   }
+  const sugestoesPadrao = [
+    { id: "1", texto: "O que posso pedir para você fazer?" },
+    { id: "2", texto: "O que você faz?" },
+    { id: "3", texto: "Com quais projetos devo me preocupar agora?" },
+    { id: "4", texto: "Qual meu próximo projeto?" },
+    { id: "5", texto: "Qual projetos está tendo o melhor desempenho?" }
+  ];
+  const sugestoesRicas = [
+    { id: "rich-1", texto: "Ver exemplo de Gráfico", icon: React.createElement(ChartColumn, { className: "w-4 h-4 mr-2" }) },
+    { id: "rich-2", texto: "Ver exemplo de Imagem", icon: React.createElement(Image$1, { className: "w-4 h-4 mr-2" }) },
+    { id: "rich-3", texto: "Ver exemplo de Tabela", icon: React.createElement(Table$1, { className: "w-4 h-4 mr-2" }) },
+    { id: "rich-4", texto: "Ver exemplo de Documento", icon: React.createElement(FileText, { className: "w-4 h-4 mr-2" }) }
+  ];
+  const gerarResposta = (mensagemUsuario, customResponses) => {
+    const mensagemLower = mensagemUsuario.toLowerCase();
+    if (customResponses && customResponses.length > 0) {
+      for (const mock of customResponses) {
+        const trigger = mock.trigger;
+        let match2 = false;
+        if (trigger instanceof RegExp) {
+          match2 = trigger.test(mensagemUsuario);
+        } else {
+          match2 = mensagemLower.includes(trigger.toLowerCase());
+        }
+        if (match2) {
+          return mock.response;
+        }
+      }
+    }
+    const mensagemOriginal = mensagemUsuario;
+    if (mensagemLower.includes("o que") && (mensagemLower.includes("fazer") || mensagemLower.includes("pedir"))) {
+      return "Posso ajudar você com diversas tarefas! Posso:\n\n• Analisar dados e métricas dos seus projetos\n• Responder perguntas sobre performance e resultados\n• Sugerir otimizações e melhorias\n• Gerar relatórios e documentação\n• Ajudar no planejamento de sprints\n• E muito mais!\n\nQual tarefa você gostaria de realizar primeiro?";
+    }
+    if (mensagemLower.includes("o que você faz") || mensagemLower.includes("quem é você")) {
+      return "Olá! Sou o Assistente Xertica, uma IA desenvolvida para ajudar você a gerenciar projetos, analisar dados e otimizar processos. Estou aqui 24/7 para responder suas perguntas e auxiliar nas suas tarefas diárias.\n\nPosso processar documentos, analisar áudios e imagens, além de fornecer insights baseados nos dados da plataforma.";
+    }
+    if (mensagemLower.includes("projeto") && (mensagemLower.includes("preocupar") || mensagemLower.includes("atenção"))) {
+      return "Com base na análise dos seus projetos ativos, recomendo focar nos seguintes:\n\n1. **Projeto Alpha** - 15% acima do prazo, requer atenção imediata\n2. **Sistema Beta** - Performance crítica, necessita otimização\n3. **Mobile Gamma** - Aguardando aprovações há 5 dias\n\nGostaria de mais detalhes sobre algum deles?";
+    }
+    if (mensagemLower.includes("próximo projeto") || mensagemLower.includes("próxima tarefa")) {
+      return "Seu próximo projeto prioritário é o **Sistema de Analytics V2**.\n\n📅 Início previsto: Próxima segunda-feira\n👥 Time: 5 desenvolvedores\n⏱️ Duração estimada: 3 sprints\n\nJá preparei um roadmap inicial. Gostaria de revisar?";
+    }
+    if (mensagemLower.includes("desempenho") || mensagemLower.includes("performance") || mensagemLower.includes("melhor")) {
+      return "Analisando os dados de performance dos últimos 30 dias:\n\n🏆 **Melhor Performance:**\n• Projeto Dashboard 2.0: +35% eficiência\n• Sistema CRM: -40% tempo de resposta\n• App Mobile: 4.8★ rating (+0.5)\n\n📊 Todos estão acima das metas estabelecidas. Parabéns!\n\nQuer ver métricas detalhadas?";
+    }
+    if (mensagemLower.includes("olá") || mensagemLower.includes("oi") || mensagemLower.includes("bom dia") || mensagemLower.includes("boa tarde") || mensagemLower.includes("boa noite")) {
+      return "Olá! 👋 Como posso ajudar você hoje? Estou pronto para auxiliar com análises, relatórios ou responder suas dúvidas sobre os projetos.";
+    }
+    if (mensagemLower.includes("obrigado") || mensagemLower.includes("obrigada")) {
+      return "Por nada! Estou aqui sempre que precisar. 😊 Se tiver mais alguma dúvida ou precisar de ajuda, é só chamar!";
+    }
+    if (mensagemLower.includes("criar documento")) {
+      const tema = mensagemOriginal.replace(/📄 \[Criar documento\]/gi, "").trim();
+      return `📝 Documento criado com sucesso!\\n\\nGerei um documento completo sobre "${tema}" com as seguintes seções:\\n\\n• Introdução e contexto\\n• Análise detalhada\\n• Dados e métricas relevantes\\n• Conclusões e recomendações\\n• Próximos passos\\n\\nO documento está pronto para revisão e pode ser editado conforme necessário. Gostaria de adicionar ou modificar alguma seção?`;
+    }
+    if (mensagemLower.includes("gerar podcast")) {
+      const tema = mensagemOriginal.replace(/🎙️ \[Gerar podcast\]/gi, "").trim();
+      return `🎙️ Preparando podcast sobre "${tema}"...\\n\\nEstou processando o conteúdo e gerando um roteiro de podcast profissional com:\\n\\n• Introdução envolvente\\n• Desenvolvimento do tema\\n• Exemplos práticos\\n• Conclusão e insights\\n\\nO áudio será gerado em instantes. Aguarde...`;
+    }
+    if (mensagemLower.includes("pesquisar")) {
+      const termo = mensagemOriginal.replace(/🔍 \[Pesquisar\]/gi, "").trim();
+      return `🔍 Resultados da pesquisa sobre "${termo}"\\n\\n**Encontrei as seguintes informações relevantes:**\\n\\n1. **Documentação interna** - 12 resultados\\n   Guias e manuais relacionados ao tema\\n\\n2. **Projetos relacionados** - 8 projetos\\n   Incluindo Analytics v2 e Dashboard Pro\\n\\n3. **Discussões em equipe** - 15 menções\\n   Últimas conversas sobre o assunto\\n\\nGostaria de ver mais detalhes sobre algum desses resultados?`;
+    }
+    if (mensagemLower.includes("arquivo") || mensagemLower.includes("documento")) {
+      return "Entendi que você deseja trabalhar com arquivos. Posso analisar diversos tipos de documentos:\n\n📄 Documentos de texto (PDF, DOCX)\n📊 Planilhas (XLSX, CSV)\n📈 Relatórios e apresentações\n\nBasta enviá-los usando o botão de anexo (📎) e terei prazer em analisá-los para você!";
+    }
+    const respostasGenericas = [
+      "Entendo sua questão. Com base nos dados disponíveis na plataforma Xertica, posso fornecer análises detalhadas sobre esse tema. Poderia me dar mais contexto para que eu possa ajudá-lo melhor?",
+      "Interessante! Deixe-me processar isso... Com base no seu histórico e nos dados do sistema, recomendo que possamos explorar essa questão em mais detalhes. O que especificamente você gostaria de saber?",
+      "Ótima pergunta! Para te dar a melhor resposta possível, preciso entender melhor o contexto. Você pode me fornecer mais informações sobre o que está buscando?",
+      "Estou analisando sua solicitação. Baseado nos dados do sistema Xertica, posso te ajudar com isso. Você gostaria de uma análise rápida ou um relatório completo?"
+    ];
+    return respostasGenericas[Math.floor(Math.random() * respostasGenericas.length)];
+  };
   const __vite_import_meta_env__$2 = {};
   function AssistantTooltipContent$1({
     className,
@@ -19756,7 +19830,9 @@
     width,
     height,
     className = "",
-    mobileFloating = false
+    mobileFloating = false,
+    demoMode = false,
+    customResponses = []
   }) {
     const isFullPage = mode === "fullPage";
     const [internalIsExpanded, setInternalIsExpanded] = React.useState(controlledIsExpanded ?? true);
@@ -19821,6 +19897,25 @@
       if (onSendMessage) {
         onSendMessage(mensagem);
       }
+      if (demoMode) {
+        const mensagemAtual = mensagem;
+        setTimeout(() => {
+          const resposta = gerarResposta(mensagemAtual, customResponses);
+          let novaMensagemIA = {
+            id: `msg-${Date.now()}-ia`,
+            type: "assistant",
+            content: "",
+            timestamp: /* @__PURE__ */ new Date(),
+            isFavorite: false
+          };
+          if (typeof resposta === "string") {
+            novaMensagemIA.content = resposta;
+          } else {
+            novaMensagemIA = { ...novaMensagemIA, ...resposta };
+          }
+          setMensagens((prev) => [...prev, novaMensagemIA]);
+        }, 1e3 + Math.random() * 1e3);
+      }
       setMensagem("");
     };
     const handleToggleFavorite = (messageId) => {
@@ -56406,67 +56501,14 @@ ${colorConfig.map(([key, itemConfig]) => {
       }
     ) });
   }
-  const sugestoesPadrao = [
-    { id: "1", texto: "O que posso pedir para você fazer?" },
-    { id: "2", texto: "O que você faz?" },
-    { id: "3", texto: "Com quais projetos devo me preocupar agora?" },
-    { id: "4", texto: "Qual meu próximo projeto?" },
-    { id: "5", texto: "Qual projetos está tendo o melhor desempenho?" }
-  ];
-  const sugestoesRicas = [
-    { id: "rich-1", texto: "Ver exemplo de Gráfico", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(ChartColumn, { className: "w-4 h-4 mr-2" }) },
-    { id: "rich-2", texto: "Ver exemplo de Imagem", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Image$1, { className: "w-4 h-4 mr-2" }) },
-    { id: "rich-3", texto: "Ver exemplo de Tabela", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, { className: "w-4 h-4 mr-2" }) },
-    { id: "rich-4", texto: "Ver exemplo de Documento", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "w-4 h-4 mr-2" }) }
-  ];
-  const gerarResposta = (mensagemUsuario) => {
-    const mensagemLower = mensagemUsuario.toLowerCase();
-    const mensagemOriginal = mensagemUsuario;
-    if (mensagemLower.includes("o que") && (mensagemLower.includes("fazer") || mensagemLower.includes("pedir"))) {
-      return "Posso ajudar você com diversas tarefas! Posso:\n\n• Analisar dados e métricas dos seus projetos\n• Responder perguntas sobre performance e resultados\n• Sugerir otimizações e melhorias\n• Gerar relatórios e documentação\n• Ajudar no planejamento de sprints\n• E muito mais!\n\nQual tarefa você gostaria de realizar primeiro?";
-    }
-    if (mensagemLower.includes("o que você faz") || mensagemLower.includes("quem é você")) {
-      return "Olá! Sou o Assistente Xertica, uma IA desenvolvida para ajudar você a gerenciar projetos, analisar dados e otimizar processos. Estou aqui 24/7 para responder suas perguntas e auxiliar nas suas tarefas diárias.\n\nPosso processar documentos, analisar áudios e imagens, além de fornecer insights baseados nos dados da plataforma.";
-    }
-    if (mensagemLower.includes("projeto") && (mensagemLower.includes("preocupar") || mensagemLower.includes("atenção"))) {
-      return "Com base na análise dos seus projetos ativos, recomendo focar nos seguintes:\n\n1. **Projeto Alpha** - 15% acima do prazo, requer atenção imediata\n2. **Sistema Beta** - Performance crítica, necessita otimização\n3. **Mobile Gamma** - Aguardando aprovações há 5 dias\n\nGostaria de mais detalhes sobre algum deles?";
-    }
-    if (mensagemLower.includes("próximo projeto") || mensagemLower.includes("próxima tarefa")) {
-      return "Seu próximo projeto prioritário é o **Sistema de Analytics V2**.\n\n📅 Início previsto: Próxima segunda-feira\n👥 Time: 5 desenvolvedores\n⏱️ Duração estimada: 3 sprints\n\nJá preparei um roadmap inicial. Gostaria de revisar?";
-    }
-    if (mensagemLower.includes("desempenho") || mensagemLower.includes("performance") || mensagemLower.includes("melhor")) {
-      return "Analisando os dados de performance dos últimos 30 dias:\n\n🏆 **Melhor Performance:**\n• Projeto Dashboard 2.0: +35% eficiência\n• Sistema CRM: -40% tempo de resposta\n• App Mobile: 4.8★ rating (+0.5)\n\n📊 Todos estão acima das metas estabelecidas. Parab��ns!\n\nQuer ver métricas detalhadas?";
-    }
-    if (mensagemLower.includes("olá") || mensagemLower.includes("oi") || mensagemLower.includes("bom dia") || mensagemLower.includes("boa tarde") || mensagemLower.includes("boa noite")) {
-      return "Olá! 👋 Como posso ajudar você hoje? Estou pronto para auxiliar com análises, relatórios ou responder suas dúvidas sobre os projetos.";
-    }
-    if (mensagemLower.includes("obrigado") || mensagemLower.includes("obrigada")) {
-      return "Por nada! Estou aqui sempre que precisar. 😊 Se tiver mais alguma dúvida ou precisar de ajuda, é só chamar!";
-    }
-    if (mensagemLower.includes("criar documento")) {
-      const tema = mensagemOriginal.replace(/📄 \[Criar documento\]/gi, "").trim();
-      return `📝 Documento criado com sucesso!\\n\\nGerei um documento completo sobre "${tema}" com as seguintes seções:\\n\\n• Introdução e contexto\\n• Análise detalhada\\n• Dados e métricas relevantes\\n• Conclusões e recomendações\\n• Próximos passos\\n\\nO documento está pronto para revisão e pode ser editado conforme necessário. Gostaria de adicionar ou modificar alguma seção?`;
-    }
-    if (mensagemLower.includes("gerar podcast")) {
-      const tema = mensagemOriginal.replace(/🎙️ \[Gerar podcast\]/gi, "").trim();
-      return `🎙️ Preparando podcast sobre "${tema}"...\\n\\nEstou processando o conteúdo e gerando um roteiro de podcast profissional com:\\n\\n• Introdução envolvente\\n• Desenvolvimento do tema\\n• Exemplos práticos\\n• Conclusão e insights\\n\\nO áudio será gerado em instantes. Aguarde...`;
-    }
-    if (mensagemLower.includes("pesquisar")) {
-      const termo = mensagemOriginal.replace(/🔍 \[Pesquisar\]/gi, "").trim();
-      return `🔍 Resultados da pesquisa sobre "${termo}"\\n\\n**Encontrei as seguintes informações relevantes:**\\n\\n1. **Documentação interna** - 12 resultados\\n   Guias e manuais relacionados ao tema\\n\\n2. **Projetos relacionados** - 8 projetos\\n   Incluindo Analytics v2 e Dashboard Pro\\n\\n3. **Discussões em equipe** - 15 menções\\n   Últimas conversas sobre o assunto\\n\\nGostaria de ver mais detalhes sobre algum desses resultados?`;
-    }
-    if (mensagemLower.includes("arquivo") || mensagemLower.includes("documento")) {
-      return "Entendi que você deseja trabalhar com arquivos. Posso analisar diversos tipos de documentos:\n\n📄 Documentos de texto (PDF, DOCX)\n📊 Planilhas (XLSX, CSV)\n📈 Relatórios e apresentações\n\nBasta enviá-los usando o botão de anexo (📎) e terei prazer em analisá-los para você!";
-    }
-    const respostasGenericas = [
-      "Entendo sua questão. Com base nos dados disponíveis na plataforma Xertica, posso fornecer análises detalhadas sobre esse tema. Poderia me dar mais contexto para que eu possa ajudá-lo melhor?",
-      "Interessante! Deixe-me processar isso... Com base no seu histórico e nos dados do sistema, recomendo que possamos explorar essa questão em mais detalhes. O que especificamente você gostaria de saber?",
-      "Ótima pergunta! Para te dar a melhor resposta possível, preciso entender melhor o contexto. Você pode me fornecer mais informações sobre o que está buscando?",
-      "Estou analisando sua solicitação. Baseado nos dados do sistema Xertica, posso te ajudar com isso. Você gostaria de uma análise rápida ou um relatório completo?"
-    ];
-    return respostasGenericas[Math.floor(Math.random() * respostasGenericas.length)];
-  };
-  function AssistenteXertica({ isExpanded, onToggle, onToggleWithTab, isFullPage = false }) {
+  function AssistenteXertica({
+    isExpanded,
+    onToggle,
+    onToggleWithTab,
+    isFullPage = false,
+    demoMode = false,
+    customResponses = []
+  }) {
     const navigate = useNavigate();
     const { geminiApiKey, isApiKeyValid } = useApiKey();
     const {
@@ -56652,8 +56694,8 @@ ${colorConfig.map(([key, itemConfig]) => {
     const simularRespostaIA = async (mensagemUsuario) => {
       setIsTyping(true);
       try {
-        let resposta;
-        if (isApiKeyValid && geminiApiKey) {
+        let novaMensagemParcial = {};
+        if (isApiKeyValid && geminiApiKey && !demoMode) {
           const conversaAtiva2 = conversas.find((c2) => c2.id === conversaAtual);
           const historico = [];
           const systemPrompt = buildSystemPrompt();
@@ -56683,7 +56725,8 @@ ${colorConfig.map(([key, itemConfig]) => {
             });
           }
           try {
-            resposta = await callGeminiAPI(geminiApiKey, mensagemUsuario, historico);
+            const respostaTexto = await callGeminiAPI(geminiApiKey, mensagemUsuario, historico);
+            novaMensagemParcial = { content: respostaTexto };
           } catch (error) {
             console.error("Erro ao chamar API Gemini:", error);
             const errorMessage = error instanceof Error ? error.message : "❌ Erro desconhecido";
@@ -56693,7 +56736,8 @@ ${colorConfig.map(([key, itemConfig]) => {
                 description: "Sua chave foi reportada como vazada. Gere uma nova em Google AI Studio.",
                 duration: 6e3
               });
-              resposta = `🔐 **Chave de API Desativada por Segurança**
+              novaMensagemParcial = {
+                content: `🔐 **Chave de API Desativada por Segurança**
 
 ${errorMessage}
 
@@ -56702,29 +56746,39 @@ ${errorMessage}
 2. Gere uma nova chave de API
 3. Configure a nova chave em **Configurações > API**
 
-⚠️ **Importante:** Não compartilhe sua chave de API publicamente.`;
+⚠️ **Importante:** Não compartilhe sua chave de API publicamente.`
+              };
             } else {
               ue$1.error("Erro ao processar mensagem", {
                 description: "Verifique sua chave de API nas Configurações.",
                 duration: 4e3
               });
-              resposta = `**Erro ao processar sua mensagem**
+              novaMensagemParcial = {
+                content: `**Erro ao processar sua mensagem**
 
 ${errorMessage}
 
-💡 **Dica:** Verifique se sua chave de API está configurada corretamente em **Configurações > API**.`;
+💡 **Dica:** Verifique se sua chave de API está configurada corretamente em **Configurações > API**.`
+              };
             }
           }
         } else {
           await new Promise((resolve) => setTimeout(resolve, 1e3 + Math.random() * 1e3));
-          resposta = gerarResposta(mensagemUsuario);
+          const resultadoMock = gerarResposta(mensagemUsuario, customResponses);
+          if (typeof resultadoMock === "string") {
+            novaMensagemParcial = { content: resultadoMock };
+          } else {
+            novaMensagemParcial = resultadoMock;
+          }
         }
         const novaMensagem = {
           id: Date.now().toString() + "-ia",
           type: "assistant",
-          content: resposta,
+          content: "",
+          // Valor padrão se não vier no partial
           timestamp: /* @__PURE__ */ new Date(),
-          isFavorite: false
+          isFavorite: false,
+          ...novaMensagemParcial
         };
         setConversas((prev) => prev.map((conv) => {
           if (conv.id === conversaAtual) {
@@ -56732,7 +56786,7 @@ ${errorMessage}
             return {
               ...conv,
               mensagens: novasMensagens,
-              ultimaMensagem: resposta.substring(0, 50) + "...",
+              ultimaMensagem: (novaMensagem.content || "").substring(0, 50) + "...",
               timestamp: (/* @__PURE__ */ new Date()).toLocaleString("pt-BR")
             };
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xertica-ui",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "description": "Xertica UI - Design System completo com componentes React e Tailwind CSS",
   "type": "module",
   "main": "./dist/index.umd.js",