xertica-ui 2.2.1 → 2.4.0

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

package/contexts/AuthContext.tsx

@@ -1,118 +1,121 @@
-import React, { createContext, useCallback, useContext, useEffect, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-
-// ─────────────────────────────────────────────────────────────────────────────
-// Types
-// ─────────────────────────────────────────────────────────────────────────────
-
-export interface AuthUser {
-  email: string;
-  name?: string;
-  avatar?: string;
-}
-
-interface AuthContextValue {
-  /** Currently authenticated user, or null when logged out */
-  user: AuthUser | null;
-  /** True while the initial session hydration from localStorage is pending */
-  isLoading: boolean;
-  /** Attempt login — returns true on success, false on invalid credentials */
-  login: (email: string, password: string) => boolean;
-  /** Clear session and redirect to /login */
-  logout: () => void;
-}
-
-// ─────────────────────────────────────────────────────────────────────────────
-// Context
-// ─────────────────────────────────────────────────────────────────────────────
-
-const AuthContext = createContext<AuthContextValue | null>(null);
-
-const STORAGE_KEY = 'xertica_user';
-const AUTH_PATHS = ['/login', '/forgot-password', '/verify-email', '/reset-password'];
-
-// ─────────────────────────────────────────────────────────────────────────────
-// Provider
-// ─────────────────────────────────────────────────────────────────────────────
-
-/**
- * `AuthProvider` — manages authentication state for the devops app.
- *
- * Must be rendered **inside** `<BrowserRouter>` so that `useNavigate` is available.
- * Wrap your `<Routes>` tree with this provider to give all pages access to
- * `user`, `login`, and `logout` via `useAuth()` without prop-drilling.
- *
- * @example
- * ```tsx
- * <Router>
- *   <AuthProvider>
- *     <AppRoutes />
- *   </AuthProvider>
- * </Router>
- * ```
- */
-export function AuthProvider({ children }: { children: React.ReactNode }) {
-  const [user, setUser] = useState<AuthUser | null>(null);
-  const [isLoading, setIsLoading] = useState(true);
-  const navigate = useNavigate();
-
-  // Hydrate session from localStorage on mount
-  useEffect(() => {
-    try {
-      const raw = localStorage.getItem(STORAGE_KEY);
-      if (raw) setUser(JSON.parse(raw));
-    } catch {
-      localStorage.removeItem(STORAGE_KEY);
-    } finally {
-      setIsLoading(false);
-    }
-  }, []);
-
-  // Redirect authenticated users away from auth-only pages
-  useEffect(() => {
-    if (!isLoading && user && AUTH_PATHS.includes(window.location.pathname)) {
-      navigate('/home', { replace: true });
-    }
-  }, [isLoading, user, navigate]);
-
-  const login = useCallback((email: string, password: string): boolean => {
-    if (!email.trim() || !password.trim()) return false;
-    const userData: AuthUser = { email };
-    setUser(userData);
-    localStorage.setItem(STORAGE_KEY, JSON.stringify(userData));
-    navigate('/home');
-    return true;
-  }, [navigate]);
-
-  const logout = useCallback(() => {
-    setUser(null);
-    localStorage.removeItem(STORAGE_KEY);
-    navigate('/login');
-  }, [navigate]);
-
-  return (
-    <AuthContext.Provider value={{ user, isLoading, login, logout }}>
-      {children}
-    </AuthContext.Provider>
-  );
-}
-
-// ─────────────────────────────────────────────────────────────────────────────
-// Hook
-// ─────────────────────────────────────────────────────────────────────────────
-
-/**
- * `useAuth` — consume authentication state anywhere inside `<AuthProvider>`.
- *
- * @throws if called outside `<AuthProvider>`
- *
- * @example
- * ```tsx
- * const { user, logout } = useAuth();
- * ```
- */
-export function useAuth(): AuthContextValue {
-  const ctx = useContext(AuthContext);
-  if (!ctx) throw new Error('useAuth must be used within <AuthProvider>');
-  return ctx;
-}
+import React, { createContext, useCallback, useContext, useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Types
+// ─────────────────────────────────────────────────────────────────────────────
+
+export interface AuthUser {
+  email: string;
+  name?: string;
+  avatar?: string;
+}
+
+interface AuthContextValue {
+  /** Currently authenticated user, or null when logged out */
+  user: AuthUser | null;
+  /** True while the initial session hydration from localStorage is pending */
+  isLoading: boolean;
+  /** Attempt login — returns true on success, false on invalid credentials */
+  login: (email: string, password: string) => boolean;
+  /** Clear session and redirect to /login */
+  logout: () => void;
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Context
+// ─────────────────────────────────────────────────────────────────────────────
+
+const AuthContext = createContext<AuthContextValue | null>(null);
+
+const STORAGE_KEY = 'xertica_user';
+const AUTH_PATHS = ['/login', '/forgot-password', '/verify-email', '/reset-password'];
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Provider
+// ─────────────────────────────────────────────────────────────────────────────
+
+/**
+ * `AuthProvider` — manages authentication state for the devops app.
+ *
+ * Must be rendered **inside** `<BrowserRouter>` so that `useNavigate` is available.
+ * Wrap your `<Routes>` tree with this provider to give all pages access to
+ * `user`, `login`, and `logout` via `useAuth()` without prop-drilling.
+ *
+ * @example
+ * ```tsx
+ * <Router>
+ *   <AuthProvider>
+ *     <AppRoutes />
+ *   </AuthProvider>
+ * </Router>
+ * ```
+ */
+export function AuthProvider({ children }: { children: React.ReactNode }) {
+  const [user, setUser] = useState<AuthUser | null>(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const navigate = useNavigate();
+
+  // Hydrate session from localStorage on mount
+  useEffect(() => {
+    try {
+      const raw = localStorage.getItem(STORAGE_KEY);
+      if (raw) setUser(JSON.parse(raw));
+    } catch {
+      localStorage.removeItem(STORAGE_KEY);
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+
+  // Redirect authenticated users away from auth-only pages
+  useEffect(() => {
+    if (!isLoading && user && AUTH_PATHS.includes(window.location.pathname)) {
+      navigate('/home', { replace: true });
+    }
+  }, [isLoading, user, navigate]);
+
+  const login = useCallback(
+    (email: string, password: string): boolean => {
+      if (!email.trim() || !password.trim()) return false;
+      const userData: AuthUser = { email };
+      setUser(userData);
+      localStorage.setItem(STORAGE_KEY, JSON.stringify(userData));
+      navigate('/home');
+      return true;
+    },
+    [navigate]
+  );
+
+  const logout = useCallback(() => {
+    setUser(null);
+    localStorage.removeItem(STORAGE_KEY);
+    navigate('/login');
+  }, [navigate]);
+
+  return (
+    <AuthContext.Provider value={{ user, isLoading, login, logout }}>
+      {children}
+    </AuthContext.Provider>
+  );
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Hook
+// ─────────────────────────────────────────────────────────────────────────────
+
+/**
+ * `useAuth` — consume authentication state anywhere inside `<AuthProvider>`.
+ *
+ * @throws if called outside `<AuthProvider>`
+ *
+ * @example
+ * ```tsx
+ * const { user, logout } = useAuth();
+ * ```
+ */
+export function useAuth(): AuthContextValue {
+  const ctx = useContext(AuthContext);
+  if (!ctx) throw new Error('useAuth must be used within <AuthProvider>');
+  return ctx;
+}

package/contexts/BrandColorsContext.test.tsx

@@ -1,21 +1,21 @@
-/** @vitest-environment jsdom */
-import { renderHook, act } from '@testing-library/react';
-import { describe, it, expect, beforeEach } from 'vitest';
-import { BrandColorsProvider, useBrandColors } from './BrandColorsContext';
-import React from 'react';
-
-describe('BrandColorsContext', () => {
-  it('updates brand colors and css variables', () => {
-    const wrapper = ({ children }: { children: React.ReactNode }) => (
-      <BrandColorsProvider>{children}</BrandColorsProvider>
-    );
-
-    const { result } = renderHook(() => useBrandColors(), { wrapper });
-
-    act(() => {
-      result.current.setBrandColor('primary', '#ff0000');
-    });
-
-    expect(result.current.colors.primary).toBe('#ff0000');
-  });
-});
+/** @vitest-environment jsdom */
+import { renderHook, act } from '@testing-library/react';
+import { describe, it, expect, beforeEach } from 'vitest';
+import { BrandColorsProvider, useBrandColors } from './BrandColorsContext';
+import React from 'react';
+
+describe('BrandColorsContext', () => {
+  it('updates brand colors and css variables', () => {
+    const wrapper = ({ children }: { children: React.ReactNode }) => (
+      <BrandColorsProvider>{children}</BrandColorsProvider>
+    );
+
+    const { result } = renderHook(() => useBrandColors(), { wrapper });
+
+    act(() => {
+      result.current.setBrandColor('primary', '#ff0000');
+    });
+
+    expect(result.current.colors.primary).toBe('#ff0000');
+  });
+});