xertica-ui 1.3.1 → 1.3.2

package/components/AssistenteXertica.tsx

@@ -120,7 +120,21 @@ interface AssistenteXerticaProps {
   isFullPage?: boolean;
 }
 
-import type { Message, Conversa, SearchResult, SearchSource, SearchCommand, Sugestao } from '../contexts/AssistenteContext';
+import type { Message, Conversa, SearchResult, SearchSource, SearchCommand, Sugestao, MockResponse } from '../contexts/AssistenteContext';
+
+// ... (existing code)
+
+interface AssistenteXerticaProps {
+  isExpanded: boolean;
+  onToggle: () => void;
+  onToggleWithTab?: (tab: 'chat' | 'historico' | 'favoritos') => void;
+  isFullPage?: boolean;
+  demoMode?: boolean;
+  customResponses?: MockResponse[];
+}
+
+// ... (existing code)
+
 
 const sugestoesPadrao: Sugestao[] = [
   { id: '1', texto: 'O que posso pedir para você fazer?' },
@@ -138,13 +152,33 @@ const sugestoesRicas: Sugestao[] = [
 ];
 
 // Respostas simuladas da IA
-const gerarResposta = (mensagemUsuario: string): string => {
+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.';
@@ -201,7 +235,15 @@ const gerarResposta = (mensagemUsuario: string): string => {
   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 +440,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 +486,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 +503,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 +546,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/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/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

@@ -56400,8 +56400,22 @@ const sugestoesRicas = [
   { 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 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?";
@@ -56447,7 +56461,14 @@ const gerarResposta = (mensagemUsuario) => {
   ];
   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 +56654,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 +56685,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 +56696,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 +56706,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 +56746,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

@@ -56419,8 +56419,22 @@ ${colorConfig.map(([key, itemConfig]) => {
     { 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 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?";
@@ -56466,7 +56480,14 @@ ${colorConfig.map(([key, itemConfig]) => {
     ];
     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 +56673,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 +56704,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 +56715,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 +56725,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 +56765,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.2",
   "description": "Xertica UI - Design System completo com componentes React e Tailwind CSS",
   "type": "module",
   "main": "./dist/index.umd.js",