xertica-ui 2.2.1 → 2.4.0

package/templates/vite.config.ts

@@ -1,52 +1,55 @@
-import { defineConfig } from 'vite';
-import path from 'path';
-import fs from 'fs';
-import tailwindcss from '@tailwindcss/vite';
-import react from '@vitejs/plugin-react';
-
-// ── Monorepo dev aliases (auto-detected) ────────────────────────────────────
-// When this vite.config lives inside the xertica-ui monorepo (i.e. the
-// `components/` directory exists one level up), we alias every `xertica-ui/*`
-// subpath directly to the TypeScript source so Vite HMR picks up changes
-// without a full `npm run build` in the library root.
-//
-// When this file is copied to a project scaffolded by the CLI, `../components`
-// does NOT exist and the aliases are simply skipped — the project resolves
-// `xertica-ui` from node_modules as normal.
-// ────────────────────────────────────────────────────────────────────────────
-const LIB_ROOT = path.resolve(__dirname, '..');
-const isMonorepo = fs.existsSync(path.join(LIB_ROOT, 'components', 'index.ts'));
-
-const libAliases = isMonorepo
-  ? [
-      { find: 'xertica-ui/ui',        replacement: path.join(LIB_ROOT, 'components/ui/index.ts') },
-      { find: 'xertica-ui/blocks',    replacement: path.join(LIB_ROOT, 'components/blocks/index.ts') },
-      { find: 'xertica-ui/assistant', replacement: path.join(LIB_ROOT, 'components/assistant/index.ts') },
-      { find: 'xertica-ui/layout',    replacement: path.join(LIB_ROOT, 'components/layout/index.ts') },
-      { find: 'xertica-ui/brand',     replacement: path.join(LIB_ROOT, 'components/brand/index.ts') },
-      { find: 'xertica-ui/media',     replacement: path.join(LIB_ROOT, 'components/media/index.ts') },
-      { find: 'xertica-ui/hooks',     replacement: path.join(LIB_ROOT, 'components/hooks/index.ts') },
-      { find: 'xertica-ui/pages',     replacement: path.join(LIB_ROOT, 'components/pages/index.ts') },
-      // Bare `xertica-ui` must come AFTER subpaths (most-specific first).
-      { find: 'xertica-ui',           replacement: path.join(LIB_ROOT, 'components/index.ts') },
-    ]
-  : [];
-
-export default defineConfig({
-  plugins: [
-    // The React and Tailwind plugins are both required for Make, even if
-    // Tailwind is not being actively used — do not remove them.
-    react(),
-    tailwindcss(),
-  ],
-  resolve: {
-    alias: [
-      ...libAliases,
-      // Alias @ to the src directory
-      { find: '@', replacement: path.resolve(__dirname, './src') },
-    ],
-  },
-
-  // File types to support raw imports. Never add .css, .tsx, or .ts files to this.
-  assetsInclude: ['**/*.svg', '**/*.csv'],
+import { defineConfig } from 'vite';
+import path from 'path';
+import fs from 'fs';
+import tailwindcss from '@tailwindcss/vite';
+import react from '@vitejs/plugin-react';
+
+// ── Monorepo dev aliases (auto-detected) ────────────────────────────────────
+// When this vite.config lives inside the xertica-ui monorepo (i.e. the
+// `components/` directory exists one level up), we alias every `xertica-ui/*`
+// subpath directly to the TypeScript source so Vite HMR picks up changes
+// without a full `npm run build` in the library root.
+//
+// When this file is copied to a project scaffolded by the CLI, `../components`
+// does NOT exist and the aliases are simply skipped — the project resolves
+// `xertica-ui` from node_modules as normal.
+// ────────────────────────────────────────────────────────────────────────────
+const LIB_ROOT = path.resolve(__dirname, '..');
+const isMonorepo = fs.existsSync(path.join(LIB_ROOT, 'components', 'index.ts'));
+
+const libAliases = isMonorepo
+  ? [
+      { find: 'xertica-ui/ui', replacement: path.join(LIB_ROOT, 'components/ui/index.ts') },
+      { find: 'xertica-ui/blocks', replacement: path.join(LIB_ROOT, 'components/blocks/index.ts') },
+      {
+        find: 'xertica-ui/assistant',
+        replacement: path.join(LIB_ROOT, 'components/assistant/index.ts'),
+      },
+      { find: 'xertica-ui/layout', replacement: path.join(LIB_ROOT, 'components/layout/index.ts') },
+      { find: 'xertica-ui/brand', replacement: path.join(LIB_ROOT, 'components/brand/index.ts') },
+      { find: 'xertica-ui/media', replacement: path.join(LIB_ROOT, 'components/media/index.ts') },
+      { find: 'xertica-ui/hooks', replacement: path.join(LIB_ROOT, 'components/hooks/index.ts') },
+      { find: 'xertica-ui/pages', replacement: path.join(LIB_ROOT, 'components/pages/index.ts') },
+      // Bare `xertica-ui` must come AFTER subpaths (most-specific first).
+      { find: 'xertica-ui', replacement: path.join(LIB_ROOT, 'components/index.ts') },
+    ]
+  : [];
+
+export default defineConfig({
+  plugins: [
+    // The React and Tailwind plugins are both required for Make, even if
+    // Tailwind is not being actively used — do not remove them.
+    react(),
+    tailwindcss(),
+  ],
+  resolve: {
+    alias: [
+      ...libAliases,
+      // Alias @ to the src directory
+      { find: '@', replacement: path.resolve(__dirname, './src') },
+    ],
+  },
+
+  // File types to support raw imports. Never add .css, .tsx, or .ts files to this.
+  assetsInclude: ['**/*.svg', '**/*.csv'],
 });

package/utils/color-utils.ts

@@ -1,72 +1,72 @@
-/**
- * Color utility functions shared across the project.
- * Extracted from BrandColorsContext to allow reuse and isolated testing.
- */
-
-/**
- * Converts a hex color string to its RGB components.
- * @param hex - Hex color string (with or without leading `#`)
- * @returns Object with `r`, `g`, `b` values (0–255), or `null` if invalid
- *
- * @example
- * hexToRgb('#3b82f6') // { r: 59, g: 130, b: 246 }
- * hexToRgb('3b82f6')  // { r: 59, g: 130, b: 246 }
- * hexToRgb('invalid') // null
- */
-export function hexToRgb(hex: string): { r: number; g: number; b: number } | null {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return result
-    ? {
-        r: parseInt(result[1], 16),
-        g: parseInt(result[2], 16),
-        b: parseInt(result[3], 16),
-      }
-    : null;
-}
-
-/**
- * Converts RGB components to an `rgba()` CSS string.
- * @param r - Red (0–255)
- * @param g - Green (0–255)
- * @param b - Blue (0–255)
- * @param alpha - Alpha (0–1), defaults to 1
- *
- * @example
- * rgbToRgba(59, 130, 246, 0.5) // 'rgba(59, 130, 246, 0.5)'
- */
-export function rgbToRgba(r: number, g: number, b: number, alpha = 1): string {
-  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
-}
-
-/**
- * Converts a hex color to an `rgba()` CSS string.
- * Returns `null` if the hex is invalid.
- *
- * @example
- * hexToRgba('#3b82f6', 0.15) // 'rgba(59, 130, 246, 0.15)'
- */
-export function hexToRgba(hex: string, alpha = 1): string | null {
-  const rgb = hexToRgb(hex);
-  if (!rgb) return null;
-  return rgbToRgba(rgb.r, rgb.g, rgb.b, alpha);
-}
-
-/**
- * Determines whether a hex color is considered "light" based on its luminance.
- * Uses the W3C relative luminance formula.
- *
- * @param hex - Hex color string
- * @returns `true` if the color is light, `false` if dark
- *
- * @example
- * isLightColor('#ffffff') // true
- * isLightColor('#000000') // false
- * isLightColor('#3b82f6') // false
- */
-export function isLightColor(hex: string): boolean {
-  const rgb = hexToRgb(hex);
-  if (!rgb) return true;
-  // W3C relative luminance
-  const luminance = (0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b) / 255;
-  return luminance > 0.5;
-}
+/**
+ * Color utility functions shared across the project.
+ * Extracted from BrandColorsContext to allow reuse and isolated testing.
+ */
+
+/**
+ * Converts a hex color string to its RGB components.
+ * @param hex - Hex color string (with or without leading `#`)
+ * @returns Object with `r`, `g`, `b` values (0–255), or `null` if invalid
+ *
+ * @example
+ * hexToRgb('#3b82f6') // { r: 59, g: 130, b: 246 }
+ * hexToRgb('3b82f6')  // { r: 59, g: 130, b: 246 }
+ * hexToRgb('invalid') // null
+ */
+export function hexToRgb(hex: string): { r: number; g: number; b: number } | null {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result
+    ? {
+        r: parseInt(result[1], 16),
+        g: parseInt(result[2], 16),
+        b: parseInt(result[3], 16),
+      }
+    : null;
+}
+
+/**
+ * Converts RGB components to an `rgba()` CSS string.
+ * @param r - Red (0–255)
+ * @param g - Green (0–255)
+ * @param b - Blue (0–255)
+ * @param alpha - Alpha (0–1), defaults to 1
+ *
+ * @example
+ * rgbToRgba(59, 130, 246, 0.5) // 'rgba(59, 130, 246, 0.5)'
+ */
+export function rgbToRgba(r: number, g: number, b: number, alpha = 1): string {
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+
+/**
+ * Converts a hex color to an `rgba()` CSS string.
+ * Returns `null` if the hex is invalid.
+ *
+ * @example
+ * hexToRgba('#3b82f6', 0.15) // 'rgba(59, 130, 246, 0.15)'
+ */
+export function hexToRgba(hex: string, alpha = 1): string | null {
+  const rgb = hexToRgb(hex);
+  if (!rgb) return null;
+  return rgbToRgba(rgb.r, rgb.g, rgb.b, alpha);
+}
+
+/**
+ * Determines whether a hex color is considered "light" based on its luminance.
+ * Uses the W3C relative luminance formula.
+ *
+ * @param hex - Hex color string
+ * @returns `true` if the color is light, `false` if dark
+ *
+ * @example
+ * isLightColor('#ffffff') // true
+ * isLightColor('#000000') // false
+ * isLightColor('#3b82f6') // false
+ */
+export function isLightColor(hex: string): boolean {
+  const rgb = hexToRgb(hex);
+  if (!rgb) return true;
+  // W3C relative luminance
+  const luminance = (0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b) / 255;
+  return luminance > 0.5;
+}

package/utils/demo-responses.test.ts

@@ -1,10 +1,10 @@
-import { describe, it, expect } from 'vitest';
-import { getDemoResponse } from './demo-responses';
-
-describe('demo-responses', () => {
-  it('returns a demo response', () => {
-    const response = getDemoResponse('hello');
-    const content = typeof response === 'string' ? response : response.content;
-    expect(content?.length).toBeGreaterThan(0);
-  });
-});
+import { describe, it, expect } from 'vitest';
+import { getDemoResponse } from './demo-responses';
+
+describe('demo-responses', () => {
+  it('returns a demo response', () => {
+    const response = getDemoResponse('hello');
+    const content = typeof response === 'string' ? response : response.content;
+    expect(content?.length).toBeGreaterThan(0);
+  });
+});

package/utils/demo-responses.ts

@@ -1,151 +1,151 @@
-import { Message } from '../components/assistant/xertica-assistant';
-
-export const generateDemoResponse = (mensagemUsuario: string): string | Partial<Message> => {
-  const mensagemLower = mensagemUsuario.toLowerCase();
-
-  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 {
-      content:
-        'Analisando os dados de performance dos últimos 6 meses:\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📊 Visualize o crescimento abaixo:',
-      chartData: [
-        { month: 'Jan', desktop: 186, mobile: 80 },
-        { month: 'Fev', desktop: 305, mobile: 200 },
-        { month: 'Mar', desktop: 237, mobile: 120 },
-        { month: 'Abr', desktop: 73, mobile: 190 },
-        { month: 'Mai', desktop: 209, mobile: 130 },
-        { month: 'Jun', desktop: 214, mobile: 140 },
-      ],
-      chartConfig: {
-        desktop: { label: 'Desktop', color: 'hsl(var(--chart-1))' },
-        mobile: { label: 'Mobile', color: 'hsl(var(--chart-2))' },
-      },
-    };
-  }
-
-  if (
-    mensagemLower.includes('tabela') ||
-    mensagemLower.includes('lista') ||
-    mensagemLower.includes('relatório')
-  ) {
-    return {
-      content: 'Aqui está o relatório detalhado dos projetos ativos:',
-      tableData: {
-        caption: 'Status dos Projetos - Q1 2024',
-        headers: ['Projeto', 'Status', 'Prioridade', 'Responsável'],
-        rows: [
-          ['Analytics Dashboard', 'Em Progresso', 'Alta', 'João Silva'],
-          ['Mobile App V2', 'Revisão', 'Média', 'Maria Santos'],
-          ['API Gateway', 'Concluído', 'Baixa', 'Carlos Souza'],
-          ['Website Institucional', 'Em Progresso', 'Média', 'Ana Oliveira'],
-          ['Sistema de Pagamentos', 'Planejamento', 'Crítica', 'Pedro Costa'],
-        ],
-      },
-    };
-  }
-
-  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 = mensagemUsuario.replace(/📄 \[Criar documento\]/gi, '').trim();
-    return {
-      content: `📝 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?`,
-      attachmentType: 'document',
-      documentTitle: `Documento: ${tema}`,
-      documentContent: `# ${tema}\n\n## Introdução\nEste documento foi gerado automaticamente.\n\n## Conteúdo\nConteúdo gerado sobre ${tema}...`,
-    };
-  }
-
-  if (mensagemLower.includes('gerar podcast')) {
-    const tema = mensagemUsuario.replace(/🎙️ \[Gerar podcast\]/gi, '').trim();
-    return {
-      content: `🎙️ 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...`,
-      attachmentType: 'podcast',
-      attachmentName: `Podcast - ${tema}.mp3`,
-      audioUrl:
-        'data:audio/mp3;base64,SUQzBAAAAAAAI1RTU0UAAAAPAAADTGF2ZjU4Ljc2LjEwMAAAAAAAAAAAAAAA//tQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWGluZwAAAA8AAAACAAADhAC7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7v///////////////////////////////////////////8AAAAATGF2YzU4LjEzAAAAAAAAAAAAAAAAJAAAAAAAAAAAA4TnTxAOAAAAAAD/+xBkAA',
-    };
-  }
-
-  if (mensagemLower.includes('pesquisar')) {
-    const termo = mensagemUsuario.replace(/🔍 \[Pesquisar\]/gi, '').trim();
-    return {
-      content: `🔍 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?`,
-      attachmentType: 'search',
-      searchResults: [
-        {
-          id: '1',
-          title: 'Doc 1',
-          description: 'Descrição 1',
-          type: 'document',
-          path: '/docs/1',
-          relevance: 0.9,
-        },
-        {
-          id: '2',
-          title: 'Projeto A',
-          description: 'Projeto Alpha',
-          type: 'project',
-          path: '/projects/a',
-          relevance: 0.8,
-        },
-      ],
-      searchSources: [
-        { name: 'Documentos', count: 12 },
-        { name: 'Projetos', count: 8 },
-      ],
-    };
-  }
-
-  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)];
-};
-
-export const getDemoResponse = generateDemoResponse;
+import { Message } from '../components/assistant/xertica-assistant';
+
+export const generateDemoResponse = (mensagemUsuario: string): string | Partial<Message> => {
+  const mensagemLower = mensagemUsuario.toLowerCase();
+
+  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 {
+      content:
+        'Analisando os dados de performance dos últimos 6 meses:\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📊 Visualize o crescimento abaixo:',
+      chartData: [
+        { month: 'Jan', desktop: 186, mobile: 80 },
+        { month: 'Fev', desktop: 305, mobile: 200 },
+        { month: 'Mar', desktop: 237, mobile: 120 },
+        { month: 'Abr', desktop: 73, mobile: 190 },
+        { month: 'Mai', desktop: 209, mobile: 130 },
+        { month: 'Jun', desktop: 214, mobile: 140 },
+      ],
+      chartConfig: {
+        desktop: { label: 'Desktop', color: 'hsl(var(--chart-1))' },
+        mobile: { label: 'Mobile', color: 'hsl(var(--chart-2))' },
+      },
+    };
+  }
+
+  if (
+    mensagemLower.includes('tabela') ||
+    mensagemLower.includes('lista') ||
+    mensagemLower.includes('relatório')
+  ) {
+    return {
+      content: 'Aqui está o relatório detalhado dos projetos ativos:',
+      tableData: {
+        caption: 'Status dos Projetos - Q1 2024',
+        headers: ['Projeto', 'Status', 'Prioridade', 'Responsável'],
+        rows: [
+          ['Analytics Dashboard', 'Em Progresso', 'Alta', 'João Silva'],
+          ['Mobile App V2', 'Revisão', 'Média', 'Maria Santos'],
+          ['API Gateway', 'Concluído', 'Baixa', 'Carlos Souza'],
+          ['Website Institucional', 'Em Progresso', 'Média', 'Ana Oliveira'],
+          ['Sistema de Pagamentos', 'Planejamento', 'Crítica', 'Pedro Costa'],
+        ],
+      },
+    };
+  }
+
+  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 = mensagemUsuario.replace(/📄 \[Criar documento\]/gi, '').trim();
+    return {
+      content: `📝 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?`,
+      attachmentType: 'document',
+      documentTitle: `Documento: ${tema}`,
+      documentContent: `# ${tema}\n\n## Introdução\nEste documento foi gerado automaticamente.\n\n## Conteúdo\nConteúdo gerado sobre ${tema}...`,
+    };
+  }
+
+  if (mensagemLower.includes('gerar podcast')) {
+    const tema = mensagemUsuario.replace(/🎙️ \[Gerar podcast\]/gi, '').trim();
+    return {
+      content: `🎙️ 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...`,
+      attachmentType: 'podcast',
+      attachmentName: `Podcast - ${tema}.mp3`,
+      audioUrl:
+        'data:audio/mp3;base64,SUQzBAAAAAAAI1RTU0UAAAAPAAADTGF2ZjU4Ljc2LjEwMAAAAAAAAAAAAAAA//tQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWGluZwAAAA8AAAACAAADhAC7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7v///////////////////////////////////////////8AAAAATGF2YzU4LjEzAAAAAAAAAAAAAAAAJAAAAAAAAAAAA4TnTxAOAAAAAAD/+xBkAA',
+    };
+  }
+
+  if (mensagemLower.includes('pesquisar')) {
+    const termo = mensagemUsuario.replace(/🔍 \[Pesquisar\]/gi, '').trim();
+    return {
+      content: `🔍 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?`,
+      attachmentType: 'search',
+      searchResults: [
+        {
+          id: '1',
+          title: 'Doc 1',
+          description: 'Descrição 1',
+          type: 'document',
+          path: '/docs/1',
+          relevance: 0.9,
+        },
+        {
+          id: '2',
+          title: 'Projeto A',
+          description: 'Projeto Alpha',
+          type: 'project',
+          path: '/projects/a',
+          relevance: 0.8,
+        },
+      ],
+      searchSources: [
+        { name: 'Documentos', count: 12 },
+        { name: 'Projetos', count: 8 },
+      ],
+    };
+  }
+
+  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)];
+};
+
+export const getDemoResponse = generateDemoResponse;

package/utils/gemini.test.ts

@@ -1,25 +1,25 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { callGeminiAPI, buildSystemPrompt } from './gemini';
-
-describe('gemini utility', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it('builds system prompt correctly', () => {
-    const prompt = buildSystemPrompt();
-    expect(prompt).toContain('Assistente Xertica');
-  });
-
-  it.skip('calls Gemini API - requires real API key in .env', async () => {
-    // Skipped by default - API key may exceed quota (429 error)
-    // To enable: change it.skip to it
-    const apiKey = import.meta.env.VITE_GEMINI_API_KEY || '';
-    if (!apiKey) {
-      console.log('Skipping test - no VITE_GEMINI_API_KEY in .env');
-      return;
-    }
-    const response = await callGeminiAPI(apiKey, 'hello');
-    expect(typeof response).toBe('string');
-  }, 30000);
-});
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { callGeminiAPI, buildSystemPrompt } from './gemini';
+
+describe('gemini utility', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('builds system prompt correctly', () => {
+    const prompt = buildSystemPrompt();
+    expect(prompt).toContain('Assistente Xertica');
+  });
+
+  it.skip('calls Gemini API - requires real API key in .env', async () => {
+    // Skipped by default - API key may exceed quota (429 error)
+    // To enable: change it.skip to it
+    const apiKey = import.meta.env.VITE_GEMINI_API_KEY || '';
+    if (!apiKey) {
+      console.log('Skipping test - no VITE_GEMINI_API_KEY in .env');
+      return;
+    }
+    const response = await callGeminiAPI(apiKey, 'hello');
+    expect(typeof response).toBe('string');
+  }, 30000);
+});