xertica-ui 1.3.2 → 1.3.4

package/components/AssistenteXertica.tsx

@@ -121,6 +121,7 @@ interface AssistenteXerticaProps {
 }
 
 import type { Message, Conversa, SearchResult, SearchSource, SearchCommand, Sugestao, MockResponse } from '../contexts/AssistenteContext';
+import { sugestoesPadrao, sugestoesRicas, gerarResposta } from './assistant-utils';
 
 // ... (existing code)
 
@@ -136,104 +137,13 @@ interface AssistenteXerticaProps {
 // ... (existing code)
 
 
-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" /> }
-];
 
 // Respostas simuladas da IA
-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?';
-  }
-  // ... (rest of the function)
-
-  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({

package/components/HomePage.tsx

@@ -2,15 +2,24 @@ import React from 'react';
 import { useLocation, useNavigate } from 'react-router';
 import { Sidebar } from './Sidebar';
 import { HomeContent } from './HomeContent';
-import { AssistenteXertica } from './AssistenteXertica';
+import { XerticaAssistant } from './ui/xertica-assistant';
+import { generateDemoResponse } from '../utils/demo-responses';
 import { routes } from '../routes';
+import { useLayout } from '../contexts/LayoutContext';
 
-interface HomePageProps {
-  user: { email: string } | null;
-  onLogout: () => void;
-}
+const richSuggestions = [
+  { id: 'chart-1', texto: 'Ver análise de performance' },
+  { id: 'table-1', texto: 'Gerar relatório de projetos' },
+  { id: 'doc-1', texto: 'Criar documento de requisitos' },
+  { id: 'pod-1', texto: 'Gerar podcast do resumo diário' }
+];
+
+const feedbackOptions = [
+  'Não era o que eu procurava',
+  'Informação incorreta',
+  'Resposta incompleta'
+];
 
-import { useLayout } from '../contexts/LayoutContext';
 
 interface HomePageProps {
   user: { email: string } | null;
@@ -34,10 +43,14 @@ export function HomePage({ user, onLogout }: HomePageProps) {
         routes={routes}
       />
       <HomeContent />
-      <AssistenteXertica
+      <XerticaAssistant
         isExpanded={assistenteExpanded}
         onToggle={toggleAssistente}
-        onToggleWithTab={toggleAssistenteWithTab}
+        defaultTab="chat"
+        demoMode={true}
+        responseGenerator={generateDemoResponse}
+        richSuggestions={richSuggestions}
+        feedbackOptions={feedbackOptions}
       />
     </div>
   );

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)];
+};