xertica-ui 2.2.0 → 2.3.0

package/contexts/ApiKeyContext.tsx

@@ -1,196 +1,196 @@
-import React, { createContext, useContext, useState, useEffect, ReactNode } from 'react';
-
-interface ApiKeyContextType {
-  apiKey: string;
-  setApiKey: (key: string) => void;
-  geminiApiKey: string;
-  setGeminiApiKey: (key: string) => void;
-  isApiKeyValid: boolean;
-  googleMapsApiKey: string;
-  setGoogleMapsApiKey: (key: string) => void;
-  isGoogleMapsKeyValid: boolean;
-  reloadMapsApi: () => Promise<void>;
-}
-
-const ApiKeyContext = createContext<ApiKeyContextType | undefined>(undefined);
-
-const readStorage = (key: string) =>
-  typeof window !== 'undefined' ? window.localStorage?.getItem(key) : null;
-
-const writeStorage = (key: string, value: string) => {
-  if (typeof window === 'undefined') return;
-  window.localStorage?.setItem(key, value);
-};
-
-const removeStorage = (key: string) => {
-  if (typeof window === 'undefined') return;
-  window.localStorage?.removeItem(key);
-};
-
-interface ApiKeyProviderProps {
-  children: ReactNode;
-  initialApiKey?: string;
-  initialGeminiApiKey?: string;
-  initialGoogleMapsApiKey?: string;
-}
-
-export function ApiKeyProvider({
-  children,
-  initialApiKey,
-  initialGeminiApiKey,
-  initialGoogleMapsApiKey,
-}: ApiKeyProviderProps) {
-  // Lista de chaves conhecidas como vazadas (para limpeza automática)
-  const LEAKED_KEYS = [
-    'AIzaSyCMsAMytBeOK0Qd7RKFyA5IW9eWt2WTJg',
-    'AIzaSyAiYWEIEmx212Up9zfM8kqyMXB4jLs8gq0',
-  ];
-
-  const [apiKey, setApiKeyState] = useState<string>(() => {
-    if (initialApiKey) return initialApiKey;
-    const saved = readStorage('xertica-api-key');
-    return saved || '';
-  });
-
-  const [geminiApiKey, setGeminiApiKeyState] = useState<string>(() => {
-    if (initialGeminiApiKey) return initialGeminiApiKey;
-    const saved = readStorage('xertica-gemini-api-key');
-
-    // Se a chave salva estiver na lista de vazadas, removê-la
-    if (saved && LEAKED_KEYS.includes(saved)) {
-      removeStorage('xertica-gemini-api-key');
-      return '';
-    }
-
-    return saved || '';
-  });
-
-  const [googleMapsApiKey, setGoogleMapsApiKeyState] = useState<string>(() => {
-    if (initialGoogleMapsApiKey) return initialGoogleMapsApiKey;
-    const saved = readStorage('xertica-googlemaps-api-key');
-    return saved || '';
-  });
-
-  const [isApiKeyValid, setIsApiKeyValid] = useState(false);
-  const [isGoogleMapsKeyValid, setIsGoogleMapsKeyValid] = useState(false);
-
-  useEffect(() => {
-    if (initialApiKey !== undefined) {
-      setApiKeyState(initialApiKey.trim());
-    }
-  }, [initialApiKey]);
-
-  useEffect(() => {
-    if (initialGeminiApiKey !== undefined) {
-      setGeminiApiKeyState(initialGeminiApiKey.trim());
-    }
-  }, [initialGeminiApiKey]);
-
-  useEffect(() => {
-    if (initialGoogleMapsApiKey !== undefined) {
-      setGoogleMapsApiKeyState(initialGoogleMapsApiKey.trim());
-    }
-  }, [initialGoogleMapsApiKey]);
-
-  useEffect(() => {
-    if (apiKey) {
-      writeStorage('xertica-api-key', apiKey);
-      setIsApiKeyValid(apiKey.length > 0);
-    } else {
-      removeStorage('xertica-api-key');
-      setIsApiKeyValid(false);
-    }
-  }, [apiKey]);
-
-  useEffect(() => {
-    if (geminiApiKey) {
-      writeStorage('xertica-gemini-api-key', geminiApiKey);
-      // Validação básica do formato da chave
-      setIsApiKeyValid(geminiApiKey.startsWith('AIzaSy') && geminiApiKey.length > 20);
-    } else {
-      removeStorage('xertica-gemini-api-key');
-      setIsApiKeyValid(false);
-    }
-  }, [geminiApiKey]);
-
-  useEffect(() => {
-    if (googleMapsApiKey) {
-      writeStorage('xertica-googlemaps-api-key', googleMapsApiKey);
-      // Validação básica do formato da chave do Google Maps
-      setIsGoogleMapsKeyValid(
-        googleMapsApiKey.startsWith('AIzaSy') && googleMapsApiKey.length > 20
-      );
-
-      // Recarregar automaticamente o Google Maps quando a chave mudar
-      const reloadMaps = async () => {
-        if (googleMapsApiKey.length < 10) return;
-
-        try {
-          const { reloadGoogleMaps } = await import('../components/ui/google-maps-loader');
-          await reloadGoogleMaps(googleMapsApiKey);
-          console.log('[ApiKeyContext] Google Maps recarregado com sucesso');
-        } catch (error) {
-          console.error('[ApiKeyContext] Erro ao recarregar Google Maps:', error);
-        }
-      };
-
-      reloadMaps();
-    } else {
-      removeStorage('xertica-googlemaps-api-key');
-      setIsGoogleMapsKeyValid(false);
-    }
-  }, [googleMapsApiKey]);
-
-  const setApiKey = (key: string) => {
-    setApiKeyState(key.trim());
-  };
-
-  const setGeminiApiKey = (key: string) => {
-    setGeminiApiKeyState(key.trim());
-  };
-
-  const setGoogleMapsApiKey = (key: string) => {
-    setGoogleMapsApiKeyState(key.trim());
-  };
-
-  const reloadMapsApi = async () => {
-    if (!googleMapsApiKey || googleMapsApiKey.length < 10) {
-      return;
-    }
-
-    try {
-      // Importar dinamicamente a função de reload
-      const { reloadGoogleMaps } = await import('../components/ui/google-maps-loader');
-      await reloadGoogleMaps(googleMapsApiKey);
-      console.log('[ApiKeyContext] Google Maps recarregado manualmente');
-    } catch (error) {
-      console.error('[ApiKeyContext] Erro ao recarregar Google Maps:', error);
-    }
-  };
-
-  return (
-    <ApiKeyContext.Provider
-      value={{
-        apiKey,
-        setApiKey,
-        geminiApiKey,
-        setGeminiApiKey,
-        isApiKeyValid,
-        googleMapsApiKey,
-        setGoogleMapsApiKey,
-        isGoogleMapsKeyValid,
-        reloadMapsApi,
-      }}
-    >
-      {children}
-    </ApiKeyContext.Provider>
-  );
-}
-
-export function useApiKey() {
-  const context = useContext(ApiKeyContext);
-  if (!context) {
-    throw new Error('useApiKey must be used within ApiKeyProvider');
-  }
-  return context;
-}
+import React, { createContext, useContext, useState, useEffect, ReactNode } from 'react';
+
+interface ApiKeyContextType {
+  apiKey: string;
+  setApiKey: (key: string) => void;
+  geminiApiKey: string;
+  setGeminiApiKey: (key: string) => void;
+  isApiKeyValid: boolean;
+  googleMapsApiKey: string;
+  setGoogleMapsApiKey: (key: string) => void;
+  isGoogleMapsKeyValid: boolean;
+  reloadMapsApi: () => Promise<void>;
+}
+
+const ApiKeyContext = createContext<ApiKeyContextType | undefined>(undefined);
+
+const readStorage = (key: string) =>
+  typeof window !== 'undefined' ? window.localStorage?.getItem(key) : null;
+
+const writeStorage = (key: string, value: string) => {
+  if (typeof window === 'undefined') return;
+  window.localStorage?.setItem(key, value);
+};
+
+const removeStorage = (key: string) => {
+  if (typeof window === 'undefined') return;
+  window.localStorage?.removeItem(key);
+};
+
+interface ApiKeyProviderProps {
+  children: ReactNode;
+  initialApiKey?: string;
+  initialGeminiApiKey?: string;
+  initialGoogleMapsApiKey?: string;
+}
+
+export function ApiKeyProvider({
+  children,
+  initialApiKey,
+  initialGeminiApiKey,
+  initialGoogleMapsApiKey,
+}: ApiKeyProviderProps) {
+  // Lista de chaves conhecidas como vazadas (para limpeza automática)
+  const LEAKED_KEYS = [
+    'AIzaSyCMsAMytBeOK0Qd7RKFyA5IW9eWt2WTJg',
+    'AIzaSyAiYWEIEmx212Up9zfM8kqyMXB4jLs8gq0',
+  ];
+
+  const [apiKey, setApiKeyState] = useState<string>(() => {
+    if (initialApiKey) return initialApiKey;
+    const saved = readStorage('xertica-api-key');
+    return saved || '';
+  });
+
+  const [geminiApiKey, setGeminiApiKeyState] = useState<string>(() => {
+    if (initialGeminiApiKey) return initialGeminiApiKey;
+    const saved = readStorage('xertica-gemini-api-key');
+
+    // Se a chave salva estiver na lista de vazadas, removê-la
+    if (saved && LEAKED_KEYS.includes(saved)) {
+      removeStorage('xertica-gemini-api-key');
+      return '';
+    }
+
+    return saved || '';
+  });
+
+  const [googleMapsApiKey, setGoogleMapsApiKeyState] = useState<string>(() => {
+    if (initialGoogleMapsApiKey) return initialGoogleMapsApiKey;
+    const saved = readStorage('xertica-googlemaps-api-key');
+    return saved || '';
+  });
+
+  const [isApiKeyValid, setIsApiKeyValid] = useState(false);
+  const [isGoogleMapsKeyValid, setIsGoogleMapsKeyValid] = useState(false);
+
+  useEffect(() => {
+    if (initialApiKey !== undefined) {
+      setApiKeyState(initialApiKey.trim());
+    }
+  }, [initialApiKey]);
+
+  useEffect(() => {
+    if (initialGeminiApiKey !== undefined) {
+      setGeminiApiKeyState(initialGeminiApiKey.trim());
+    }
+  }, [initialGeminiApiKey]);
+
+  useEffect(() => {
+    if (initialGoogleMapsApiKey !== undefined) {
+      setGoogleMapsApiKeyState(initialGoogleMapsApiKey.trim());
+    }
+  }, [initialGoogleMapsApiKey]);
+
+  useEffect(() => {
+    if (apiKey) {
+      writeStorage('xertica-api-key', apiKey);
+      setIsApiKeyValid(apiKey.length > 0);
+    } else {
+      removeStorage('xertica-api-key');
+      setIsApiKeyValid(false);
+    }
+  }, [apiKey]);
+
+  useEffect(() => {
+    if (geminiApiKey) {
+      writeStorage('xertica-gemini-api-key', geminiApiKey);
+      // Validação básica do formato da chave
+      setIsApiKeyValid(geminiApiKey.startsWith('AIzaSy') && geminiApiKey.length > 20);
+    } else {
+      removeStorage('xertica-gemini-api-key');
+      setIsApiKeyValid(false);
+    }
+  }, [geminiApiKey]);
+
+  useEffect(() => {
+    if (googleMapsApiKey) {
+      writeStorage('xertica-googlemaps-api-key', googleMapsApiKey);
+      // Validação básica do formato da chave do Google Maps
+      setIsGoogleMapsKeyValid(
+        googleMapsApiKey.startsWith('AIzaSy') && googleMapsApiKey.length > 20
+      );
+
+      // Recarregar automaticamente o Google Maps quando a chave mudar
+      const reloadMaps = async () => {
+        if (googleMapsApiKey.length < 10) return;
+
+        try {
+          const { reloadGoogleMaps } = await import('../components/ui/google-maps-loader');
+          await reloadGoogleMaps(googleMapsApiKey);
+          console.log('[ApiKeyContext] Google Maps recarregado com sucesso');
+        } catch (error) {
+          console.error('[ApiKeyContext] Erro ao recarregar Google Maps:', error);
+        }
+      };
+
+      reloadMaps();
+    } else {
+      removeStorage('xertica-googlemaps-api-key');
+      setIsGoogleMapsKeyValid(false);
+    }
+  }, [googleMapsApiKey]);
+
+  const setApiKey = (key: string) => {
+    setApiKeyState(key.trim());
+  };
+
+  const setGeminiApiKey = (key: string) => {
+    setGeminiApiKeyState(key.trim());
+  };
+
+  const setGoogleMapsApiKey = (key: string) => {
+    setGoogleMapsApiKeyState(key.trim());
+  };
+
+  const reloadMapsApi = async () => {
+    if (!googleMapsApiKey || googleMapsApiKey.length < 10) {
+      return;
+    }
+
+    try {
+      // Importar dinamicamente a função de reload
+      const { reloadGoogleMaps } = await import('../components/ui/google-maps-loader');
+      await reloadGoogleMaps(googleMapsApiKey);
+      console.log('[ApiKeyContext] Google Maps recarregado manualmente');
+    } catch (error) {
+      console.error('[ApiKeyContext] Erro ao recarregar Google Maps:', error);
+    }
+  };
+
+  return (
+    <ApiKeyContext.Provider
+      value={{
+        apiKey,
+        setApiKey,
+        geminiApiKey,
+        setGeminiApiKey,
+        isApiKeyValid,
+        googleMapsApiKey,
+        setGoogleMapsApiKey,
+        isGoogleMapsKeyValid,
+        reloadMapsApi,
+      }}
+    >
+      {children}
+    </ApiKeyContext.Provider>
+  );
+}
+
+export function useApiKey() {
+  const context = useContext(ApiKeyContext);
+  if (!context) {
+    throw new Error('useApiKey must be used within ApiKeyProvider');
+  }
+  return context;
+}

package/contexts/AssistenteContext.test.tsx

@@ -1,17 +1,17 @@
-/** @vitest-environment jsdom */
-import { renderHook } from '@testing-library/react';
-import { describe, it, expect } from 'vitest';
-import { AssistenteProvider, useAssistente } from './AssistenteContext';
-import React from 'react';
-
-describe('AssistenteContext', () => {
-  it('provides assistente state', () => {
-    const wrapper = ({ children }: { children: React.ReactNode }) => (
-      <AssistenteProvider>{children}</AssistenteProvider>
-    );
-
-    const { result } = renderHook(() => useAssistente(), { wrapper });
-    expect(result.current).toBeDefined();
-    expect(result.current.historico).toBeInstanceOf(Array);
-  });
-});
+/** @vitest-environment jsdom */
+import { renderHook } from '@testing-library/react';
+import { describe, it, expect } from 'vitest';
+import { AssistenteProvider, useAssistente } from './AssistenteContext';
+import React from 'react';
+
+describe('AssistenteContext', () => {
+  it('provides assistente state', () => {
+    const wrapper = ({ children }: { children: React.ReactNode }) => (
+      <AssistenteProvider>{children}</AssistenteProvider>
+    );
+
+    const { result } = renderHook(() => useAssistente(), { wrapper });
+    expect(result.current).toBeDefined();
+    expect(result.current.historico).toBeInstanceOf(Array);
+  });
+});

package/contexts/AssistenteContext.tsx

@@ -1,113 +1,113 @@
-import React, { createContext, useContext, useState, ReactNode } from 'react';
-import type {
-  Message,
-  SearchResult,
-  SearchSource,
-  SearchCommand,
-  MockResponse,
-} from '../components/assistant/xertica-assistant/types';
-
-// Re-export shared types for backward compatibility
-export type { Message, SearchResult, SearchSource, SearchCommand, MockResponse };
-
-/**
- * @deprecated Use `Suggestion` from `xertica-assistant/types` instead.
- * Kept for backward compatibility with existing consumers.
- */
-export interface Sugestao {
-  id: string;
-  texto: string;
-  icon?: ReactNode;
-}
-
-/**
- * A saved conversation in the AssistenteContext (Portuguese naming convention).
- * Note: `Conversation` in `xertica-assistant/types` uses English naming.
- */
-export interface Conversa {
-  id: string;
-  titulo: string;
-  mensagens: Message[];
-  ultimaMensagem: string;
-  timestamp: string;
-  favorita?: boolean;
-}
-
-interface AssistenteContextType {
-  historico: Message[];
-  conversaAtual: string;
-  setConversaAtual: (id: string) => void;
-  conversas: Conversa[];
-  setConversas: React.Dispatch<React.SetStateAction<Conversa[]>>;
-  isTyping: boolean;
-  setIsTyping: (typing: boolean) => void;
-  abaSelecionada: 'chat' | 'historico' | 'favoritos';
-  setAbaSelecionada: (aba: 'chat' | 'historico' | 'favoritos') => void;
-  editingDocument: { content: string; title: string } | null;
-  setEditingDocument: (doc: { content: string; title: string } | null) => void;
-  searchFilter: 'all' | 'document' | 'project' | 'conversation' | 'file' | 'contact';
-  setSearchFilter: (
-    filter: 'all' | 'document' | 'project' | 'conversation' | 'file' | 'contact'
-  ) => void;
-  savedSearches: string[];
-  setSavedSearches: React.Dispatch<React.SetStateAction<string[]>>;
-}
-
-const AssistenteContext = createContext<AssistenteContextType | undefined>(undefined);
-
-export function AssistenteProvider({ children }: { children: ReactNode }) {
-  const [conversaAtual, setConversaAtual] = useState<string>('1');
-  const [conversas, setConversas] = useState<Conversa[]>([
-    {
-      id: '1',
-      titulo: 'Nova Conversa',
-      mensagens: [],
-      ultimaMensagem: '',
-      timestamp: new Date().toISOString(),
-      favorita: false,
-    },
-  ]);
-  const [isTyping, setIsTyping] = useState(false);
-  const [abaSelecionada, setAbaSelecionada] = useState<'chat' | 'historico' | 'favoritos'>('chat');
-  const [editingDocument, setEditingDocument] = useState<{ content: string; title: string } | null>(
-    null
-  );
-  const [searchFilter, setSearchFilter] = useState<
-    'all' | 'document' | 'project' | 'conversation' | 'file' | 'contact'
-  >('all');
-  const [savedSearches, setSavedSearches] = useState<string[]>([]);
-
-  const historico = conversas.find(c => c.id === conversaAtual)?.mensagens || [];
-
-  return (
-    <AssistenteContext.Provider
-      value={{
-        historico,
-        conversaAtual,
-        setConversaAtual,
-        conversas,
-        setConversas,
-        isTyping,
-        setIsTyping,
-        abaSelecionada,
-        setAbaSelecionada,
-        editingDocument,
-        setEditingDocument,
-        searchFilter,
-        setSearchFilter,
-        savedSearches,
-        setSavedSearches,
-      }}
-    >
-      {children}
-    </AssistenteContext.Provider>
-  );
-}
-
-export function useAssistente() {
-  const context = useContext(AssistenteContext);
-  if (!context) {
-    throw new Error('useAssistente must be used within AssistenteProvider');
-  }
-  return context;
-}
+import React, { createContext, useContext, useState, ReactNode } from 'react';
+import type {
+  Message,
+  SearchResult,
+  SearchSource,
+  SearchCommand,
+  MockResponse,
+} from '../components/assistant/xertica-assistant/types';
+
+// Re-export shared types for backward compatibility
+export type { Message, SearchResult, SearchSource, SearchCommand, MockResponse };
+
+/**
+ * @deprecated Use `Suggestion` from `xertica-assistant/types` instead.
+ * Kept for backward compatibility with existing consumers.
+ */
+export interface Sugestao {
+  id: string;
+  texto: string;
+  icon?: ReactNode;
+}
+
+/**
+ * A saved conversation in the AssistenteContext (Portuguese naming convention).
+ * Note: `Conversation` in `xertica-assistant/types` uses English naming.
+ */
+export interface Conversa {
+  id: string;
+  titulo: string;
+  mensagens: Message[];
+  ultimaMensagem: string;
+  timestamp: string;
+  favorita?: boolean;
+}
+
+interface AssistenteContextType {
+  historico: Message[];
+  conversaAtual: string;
+  setConversaAtual: (id: string) => void;
+  conversas: Conversa[];
+  setConversas: React.Dispatch<React.SetStateAction<Conversa[]>>;
+  isTyping: boolean;
+  setIsTyping: (typing: boolean) => void;
+  abaSelecionada: 'chat' | 'historico' | 'favoritos';
+  setAbaSelecionada: (aba: 'chat' | 'historico' | 'favoritos') => void;
+  editingDocument: { content: string; title: string } | null;
+  setEditingDocument: (doc: { content: string; title: string } | null) => void;
+  searchFilter: 'all' | 'document' | 'project' | 'conversation' | 'file' | 'contact';
+  setSearchFilter: (
+    filter: 'all' | 'document' | 'project' | 'conversation' | 'file' | 'contact'
+  ) => void;
+  savedSearches: string[];
+  setSavedSearches: React.Dispatch<React.SetStateAction<string[]>>;
+}
+
+const AssistenteContext = createContext<AssistenteContextType | undefined>(undefined);
+
+export function AssistenteProvider({ children }: { children: ReactNode }) {
+  const [conversaAtual, setConversaAtual] = useState<string>('1');
+  const [conversas, setConversas] = useState<Conversa[]>([
+    {
+      id: '1',
+      titulo: 'Nova Conversa',
+      mensagens: [],
+      ultimaMensagem: '',
+      timestamp: new Date().toISOString(),
+      favorita: false,
+    },
+  ]);
+  const [isTyping, setIsTyping] = useState(false);
+  const [abaSelecionada, setAbaSelecionada] = useState<'chat' | 'historico' | 'favoritos'>('chat');
+  const [editingDocument, setEditingDocument] = useState<{ content: string; title: string } | null>(
+    null
+  );
+  const [searchFilter, setSearchFilter] = useState<
+    'all' | 'document' | 'project' | 'conversation' | 'file' | 'contact'
+  >('all');
+  const [savedSearches, setSavedSearches] = useState<string[]>([]);
+
+  const historico = conversas.find(c => c.id === conversaAtual)?.mensagens || [];
+
+  return (
+    <AssistenteContext.Provider
+      value={{
+        historico,
+        conversaAtual,
+        setConversaAtual,
+        conversas,
+        setConversas,
+        isTyping,
+        setIsTyping,
+        abaSelecionada,
+        setAbaSelecionada,
+        editingDocument,
+        setEditingDocument,
+        searchFilter,
+        setSearchFilter,
+        savedSearches,
+        setSavedSearches,
+      }}
+    >
+      {children}
+    </AssistenteContext.Provider>
+  );
+}
+
+export function useAssistente() {
+  const context = useContext(AssistenteContext);
+  if (!context) {
+    throw new Error('useAssistente must be used within AssistenteProvider');
+  }
+  return context;
+}