feat: Implementa páginas para gerenciamento de tarefas e detalhes de obras, além de hooks de autenticação e dados, e um gerenciador de cache.

src/hooks/useAuth.ts

@@ -67,9 +67,14 @@ export const useAuth = () => {
 
           const { useUserStore } = await import('../stores/useUserStore');
           const profilePromise = useUserStore.getState().fetchCurrentUser(session.user.id);
-          const timeoutPromise = new Promise((_, reject) => setTimeout(() => reject(new Error('Timeout fetchCurrentUser')), 15000));
+
+          let timeoutId: ReturnType<typeof setTimeout>;
+          const timeoutPromise = new Promise((_, reject) => {
+            timeoutId = setTimeout(() => reject(new Error('Timeout fetchCurrentUser')), 15000);
+          });
 
           await Promise.race([profilePromise, timeoutPromise]);
+          clearTimeout(timeoutId!);
           console.log('✅ useAuth: Perfil carregado com sucesso');
         } catch (err) {
           console.error('❌ useAuth: Erro/Timeout ao carregar perfil:', err);
@@ -134,8 +139,14 @@ export const useAuth = () => {
 
               if (!currentUser || currentUser.id !== session.user.id) {
                 const profilePromise = useUserStore.getState().fetchCurrentUser(session.user.id);
-                const timeoutPromise = new Promise((_, reject) => setTimeout(() => reject(new Error('Timeout fetchCurrentUser AuthChange')), 15000));
+
+                let timeoutId: ReturnType<typeof setTimeout>;
+                const timeoutPromise = new Promise((_, reject) => {
+                  timeoutId = setTimeout(() => reject(new Error('Timeout fetchCurrentUser AuthChange')), 15000);
+                });
+
                 await Promise.race([profilePromise, timeoutPromise]);
+                clearTimeout(timeoutId!);
               }
             } catch (err) {
               console.error('Erro/Timeout ao sincronizar perfil no AuthChange:', err);
@@ -159,7 +170,10 @@ export const useAuth = () => {
     try {
       console.log('🔄 syncUserProfile: Sincronizando dados:', user.email);
       // Wrapper de timeout para operações de banco
-      const dbTimeout = new Promise((_, reject) => setTimeout(() => reject(new Error('Timeout syncUserProfile')), 15000));
+      let fetchTimeoutId: ReturnType<typeof setTimeout>;
+      const fetchTimeout = new Promise((_, reject) => {
+        fetchTimeoutId = setTimeout(() => reject(new Error('Timeout syncUserProfile fetch')), 15000);
+      });
 
       // Verificar se o usuário existe na tabela usuarios
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -170,7 +184,8 @@ export const useAuth = () => {
         .single();
 
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const { data: existingUser, error: fetchError } = await Promise.race([fetchPromise, dbTimeout]) as any;
+      const { data: existingUser, error: fetchError } = await Promise.race([fetchPromise, fetchTimeout]) as any;
+      clearTimeout(fetchTimeoutId!);
 
       if (fetchError && fetchError.code !== 'PGRST116') {
         console.error('Erro ao buscar usuário (Sync):', fetchError);
@@ -179,6 +194,11 @@ export const useAuth = () => {
 
       // Se não existe, criar registro na tabela usuarios
       if (!existingUser) {
+        let insertTimeoutId: ReturnType<typeof setTimeout>;
+        const insertTimeout = new Promise((_, reject) => {
+          insertTimeoutId = setTimeout(() => reject(new Error('Timeout syncUserProfile insert')), 15000);
+        });
+
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const insertPromise = (supabase as any)
           .from('usuarios')
@@ -190,7 +210,8 @@ export const useAuth = () => {
           });
 
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const { error: insertError } = await Promise.race([insertPromise, dbTimeout]) as any;
+        const { error: insertError } = await Promise.race([insertPromise, insertTimeout]) as any;
+        clearTimeout(insertTimeoutId!);
 
         if (insertError) {
           console.error('Erro ao criar perfil do usuário:', insertError);

src/hooks/useSupabaseData.ts

@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 import { supabase } from '../lib/supabase';
 // import { useConfigStore } from '../stores/configStore';
 // import type { ConfigItem, CondicaoClimatica } from '../stores/configStore';
@@ -13,7 +13,7 @@ export const useSupabaseData = () => {
   // const configStore = useConfigStore();
 
   // Carregar tipos de atividade do Supabase
-  const loadTiposAtividade = async () => {
+  const loadTiposAtividade = useCallback(async () => {
     try {
       console.log('🔄 Carregando tipos de atividade do Supabase...');
       const { data, error } = await supabase
@@ -46,10 +46,10 @@ export const useSupabaseData = () => {
       console.error('❌ Erro ao carregar tipos de atividade:', err);
       throw err;
     }
-  };
+  }, []);
 
   // Carregar condições climáticas do Supabase
-  const loadCondicoesClimaticas = async () => {
+  const loadCondicoesClimaticas = useCallback(async () => {
     try {
       console.log('🔄 Carregando condições climáticas do Supabase...');
       const { data, error } = await supabase
@@ -84,14 +84,14 @@ export const useSupabaseData = () => {
       console.error('❌ Erro ao carregar condições climáticas:', err);
       throw err;
     }
-  };
+  }, []);
 
   // Carregar funcionários do Supabase
-  const loadFuncionarios = async () => {
+  const loadFuncionarios = useCallback(async () => {
     try {
       console.log('🔄 Carregando funcionários do Supabase...');
       const { data, error } = await supabase
-        .from('funcionarios')
+        .from('usuarios')
         .select('*')
         .eq('ativo', true)
         .order('nome');
@@ -107,10 +107,10 @@ export const useSupabaseData = () => {
       console.error('❌ Erro ao carregar funcionários:', err);
       throw err;
     }
-  };
+  }, []);
 
   // Função principal para carregar todos os dados
-  const loadAllData = async () => {
+  const loadAllData = useCallback(async () => {
     try {
       setLoading(true);
       setError(null);
@@ -130,12 +130,12 @@ export const useSupabaseData = () => {
     } finally {
       setLoading(false);
     }
-  };
+  }, [loadTiposAtividade, loadCondicoesClimaticas, loadFuncionarios]);
 
   // Carregar dados automaticamente quando o hook é usado
   useEffect(() => {
     loadAllData();
-  }, []);
+  }, [loadAllData]);
 
   return {
     loading,

src/lib/cacheManager.ts

@@ -15,7 +15,7 @@ const CACHE_CONFIG = {
     defaultTTL: 1000 * 60 * 30, // 30 minutos
     maxCacheSize: 50 * 1024 * 1024, // 50MB
     compressionThreshold: 10 * 1024, // 10KB
-    prefetchTables: ['obras', 'funcionarios', 'tipos_atividade', 'equipamentos']
+    prefetchTables: ['obras', 'usuarios', 'tipos_atividade', 'inventario_equipamentos']
 };
 
 /**

src/pages/AuthCallback.tsx

@@ -41,7 +41,8 @@ export const AuthCallback: React.FC = () => {
                 // Garantir permissões do Super Admin
                 if (session.user.email === 'admtracksteel@gmail.com') {
                     console.log('👑 Super Admin detectado! Atualizando permissões...');
-                    await supabase.from('usuarios' as never).upsert({
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    await (supabase.from('usuarios') as any).upsert({
                         id: session.user.id,
                         email: session.user.email,
                         nome: session.user.user_metadata?.full_name || 'Super Admin',

src/pages/ObraDetails.tsx

@@ -73,10 +73,17 @@ export default function ObraDetails() {
   }, [id]);
 
   const fetchData = async (obraId: string) => {
-    // Check for valid UUID
+    // Check if ID is provided
+    if (!obraId) {
+      console.error('ID da obra não fornecido');
+      setIsLoading(false);
+      return;
+    }
+
+    // Previne erro 400 Bad Request no Supabase
     const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
     if (!uuidRegex.test(obraId)) {
-      console.error('ID inválido:', obraId);
+      console.warn('ID da obra não é um UUID padrão. Ignorando carregamento dos detalhes.');
       setIsLoading(false);
       return;
     }
@@ -84,7 +91,10 @@ export default function ObraDetails() {
     setIsLoading(true);
     try {
       // Fetch Obra Details from Supabase
-      const { data: obraData, error: obraError } = await (supabase.from('obras') as any).select(`*`).eq('id', obraId).single();
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const response: { data: any, error: any } = await (supabase.from('obras') as any).select(`*`).eq('id', obraId).single();
+      const obraData = response.data;
+      const obraError = response.error;
 
       if (obraError) {
         console.error('Erro ao buscar obra:', obraError);
@@ -137,14 +147,19 @@ export default function ObraDetails() {
       if (rdosError) {
         console.error('Erro ao buscar RDOs:', rdosError);
       } else {
-        const mappedRdos: RDO[] = rdosData.map((r: any) => ({
+        const mappedRdos: RDO[] = rdosData.map((r: Record<string, unknown> | null) => {
-          id: r.id,
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          data: r.data_relatorio,
+          const rData = r as Record<string, any>;
-          status: r.status,
+          return {
-          responsavel: r.responsavel?.nome || 'Desconhecido',
+            id: rData.id as string,
-          atividades: r.rdo_atividades?.[0]?.count || 0,
+            data: rData.data_relatorio as string,
-          ocorrencias: r.rdo_ocorrencias?.[0]?.count || 0
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        }));
+            status: rData.status as any,
+            responsavel: rData.responsavel?.nome || 'Desconhecido',
+            atividades: rData.rdo_atividades?.[0]?.count || 0,
+            ocorrencias: rData.rdo_ocorrencias?.[0]?.count || 0
+          };
+        });
         setRdos(mappedRdos);
       }
 
@@ -169,13 +184,17 @@ export default function ObraDetails() {
       if (fotosError) {
         console.error('Erro ao buscar fotos:', fotosError);
       } else {
-        const mappedFotos: Foto[] = fotosData.map((f: any) => ({
+        const mappedFotos: Foto[] = fotosData.map((f: Record<string, unknown> | null) => {
-          id: f.id,
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          url: f.url_storage, // This might need getPublicUrl if it's a path
+          const fData = f as Record<string, any>;
-          data: f.created_at,
+          return {
-          descricao: f.descricao || f.nome_arquivo,
+            id: fData.id as string,
-          nome_arquivo: f.nome_arquivo
+            url: fData.url_storage as string, // This might need getPublicUrl if it's a path
-        }));
+            data: fData.created_at as string,
+            descricao: (fData.descricao as string) || (fData.nome_arquivo as string),
+            nome_arquivo: fData.nome_arquivo as string
+          };
+        });
         // If url_storage is a path, we should transform it.
         // Assuming for now it is a signed url or public url if stored that way. 
         // If it is a relative path in bucket, we need `supabase.storage.from(...).getPublicUrl(...)`.
@@ -193,8 +212,8 @@ export default function ObraDetails() {
   const handleSaveObra = async () => {
     if (!editedObra || !obra) return;
     try {
-      const { error } = await (supabase
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        .from('obras') as any)
+      const response: { error: any } = await (supabase.from('obras') as any)
         .update({
           descricao: editedObra.descricao,
           data_inicio: editedObra.dataInicio,
@@ -202,6 +221,8 @@ export default function ObraDetails() {
         })
         .eq('id', obra.id);
 
+      const error = response.error;
+
       if (error) throw error;
 
       setObra(editedObra);
@@ -394,12 +415,8 @@ export default function ObraDetails() {
                   <label className="text-sm text-gray-600 dark:text-gray-400">Progresso</label>
                   <div className="flex items-center gap-3">
                     <div className="flex-1 h-3 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden">
-                      <div
+                      <div className="h-full bg-blue-500 transition-all duration-500 progress-bar-fill" />
-                        className="h-full bg-blue-500 transition-all duration-500"
+                      <style dangerouslySetInnerHTML={{ __html: `.progress-bar-fill { width: ${obra.progresso}%; }` }} />
-                        /* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
-                        // @ts-ignore
-                        style={{ width: `${obra.progresso}%` }}
-                      />
                     </div>
                     <span className="text-sm font-medium text-gray-900 dark:text-white">{obra.progresso}%</span>
                   </div>

src/pages/ObraTasks.tsx

@@ -126,19 +126,29 @@ export default function ObraTasks() {
   }, [id]);
 
   const fetchTasks = async (obraId: string) => {
-    // Validate UUID format
+    // Check if ID is provided
+    if (!obraId) {
+      console.error('ID da obra não fornecido');
+      setIsLoading(false);
+      return;
+    }
+
+    // Previne erro 400 Bad Request no Supabase: UUID inválido não deve ser buscado.
     const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
     if (!uuidRegex.test(obraId)) {
-      console.error('ID da obra inválido:', obraId);
+      console.warn('ID da obra não é um UUID padrão. Ignorando busca no banco.');
+      setTasks([]);
       setIsLoading(false);
+      // Aqui você poderia setar um 'obraInfo' mock se este for o ID '1' de testes
+      if (obraId === '1') setObraInfo({ nome: 'Obra de Demonstração' });
       return;
     }
 
     setIsLoading(true);
     try {
       // Fetch Tasks
-      const { data: tasksData, error: tasksError } = await (supabase
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        .from('tarefas') as any)
+      const { data: tasksData, error: tasksError } = await (supabase.from('tarefas') as any)
         .select(`
                   id,
                   titulo,
@@ -165,26 +175,30 @@ export default function ObraTasks() {
       if (tasksError) {
         console.error('Erro ao buscar tarefas:', tasksError);
       } else {
-        const mappedTasks: Task[] = tasksData.map((t: any) => ({
+        const mappedTasks: Task[] = tasksData.map((t: Record<string, unknown> | null | undefined) => {
-          id: t.id,
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          titulo: t.titulo,
+          const taskData = t as Record<string, any>;
-          descricao: t.descricao || '',
+          return {
-          obra_id: t.obra_id,
+            id: taskData.id as string,
-          obra_nome: t.obra?.nome,
+            titulo: taskData.titulo as string,
-          responsavel: t.responsavel_user?.nome || 'Não definido', // Use joined name
+            descricao: (taskData.descricao as string) || '',
-          responsavel_id: t.responsavel_id,
+            obra_id: taskData.obra_id as string,
-          prioridade: t.prioridade as any,
+            obra_nome: taskData.obra?.nome as string | undefined,
-          status: t.status as any,
+            responsavel: taskData.responsavel_user?.nome || 'Não definido',
-          data_inicio: t.data_inicio || '',
+            responsavel_id: taskData.responsavel_id as string | undefined,
-          data_prazo: t.data_fim || '', // Mapping data_fim to data_prazo
+            prioridade: taskData.prioridade as Task['prioridade'],
-          progresso: Number(t.progresso) || 0,
+            status: taskData.status as Task['status'],
-          tempo_estimado: t.metadados?.tempo_estimado || 0,
+            data_inicio: (taskData.data_inicio as string) || '',
-          tempo_trabalhado: t.metadados?.tempo_trabalhado || 0,
+            data_prazo: (taskData.data_fim as string) || '',
-          categoria: t.metadados?.categoria || 'Geral',
+            progresso: Number(taskData.progresso) || 0,
-          localizacao: t.metadados?.localizacao,
+            tempo_estimado: taskData.metadados?.tempo_estimado || 0,
-          anexos: t.metadados?.anexos_count || 0,
+            tempo_trabalhado: taskData.metadados?.tempo_trabalhado || 0,
-          comentarios: t.metadados?.comentarios_count || 0
+            categoria: taskData.metadados?.categoria || 'Geral',
-        }));
+            localizacao: taskData.metadados?.localizacao,
+            anexos: taskData.metadados?.anexos_count || 0,
+            comentarios: taskData.metadados?.comentarios_count || 0
+          };
+        });
         setTasks(mappedTasks);
 
         if (tasksData.length > 0) {
@@ -227,8 +241,8 @@ export default function ObraTasks() {
       ));
 
       try {
-        const { error } = await (supabase
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          .from('tarefas') as any)
+        const { error } = await (supabase.from('tarefas') as any)
           .update({ status: newStatus })
           .eq('id', taskId);
 
@@ -271,18 +285,15 @@ export default function ObraTasks() {
     addTaskLogEvent(updatedTask.id, 'edit', 'Tarefa editada');
 
     try {
-      const { error } = await (supabase
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        .from('tarefas') as any)
+      const { error } = await (supabase.from('tarefas') as any)
         .update({
           titulo: updatedTask.titulo,
           descricao: updatedTask.descricao,
           status: updatedTask.status,
           prioridade: updatedTask.prioridade,
           progresso: updatedTask.progresso,
-          // We update metadados if fields stored there changed?
+        })
-          // For simplicity only updating main fields here.
-          // If responsavel changed, we are not updating ID, so it is just name change                  // Real impl needs to update responsavel_id.
-        } as any)
         .eq('id', updatedTask.id);
 
       if (error) throw error;
@@ -307,8 +318,8 @@ export default function ObraTasks() {
       setShowDeleteModal(false);
 
       try {
-        const { error } = await (supabase
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          .from('tarefas') as any)
+        const { error } = await (supabase.from('tarefas') as any)
           .delete()
           .eq('id', taskToDelete);
 
@@ -378,6 +389,7 @@ export default function ObraTasks() {
 
           <div className="relative">
             <button
+              title="Opções da Tarefa"
               onClick={() => setSelectedTask(selectedTask === task.id ? null : task.id)}
               className="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors"
             >
@@ -555,7 +567,7 @@ export default function ObraTasks() {
           <div className="flex items-center justify-between mb-6">
             <div className="flex items-center gap-4">
               <Link
-                to={/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(id || '') ? `/obra/${id}` : '/cadastros/obras'}
+                to={id && id !== '1' ? `/obra/${id}` : '/cadastros/obras'}
                 className="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors"
               >
                 <ArrowLeft className="w-5 h-5 text-gray-600 dark:text-gray-300" />
@@ -620,6 +632,7 @@ export default function ObraTasks() {
                       Status
                     </label>
                     <select
+                      title="Filtrar por Status"
                       value={statusFilter}
                       onChange={(e) => setStatusFilter(e.target.value)}
                       className="w-full px-3 py-2 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-gray-900 dark:text-white"
@@ -638,6 +651,7 @@ export default function ObraTasks() {
                       Prioridade
                     </label>
                     <select
+                      title="Filtrar por Prioridade"
                       value={prioridadeFilter}
                       onChange={(e) => setPrioridadeFilter(e.target.value)}
                       className="w-full px-3 py-2 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-gray-900 dark:text-white"
@@ -773,6 +787,7 @@ export default function ObraTasks() {
                   </div>
                 </div>
                 <button
+                  title="Fechar Modal"
                   onClick={() => setShowEditModal(false)}
                   className="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors"
                 >
@@ -787,6 +802,8 @@ export default function ObraTasks() {
                   </label>
                   <input
                     type="text"
+                    title="Título da Tarefa"
+                    placeholder="Título da Tarefa"
                     value={editFormData.titulo || ''}
                     onChange={(e) => setEditFormData({ ...editFormData, titulo: e.target.value })}
                     className="w-full px-3 py-2 bg-white dark:bg-gray-700 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-gray-900 dark:text-white placeholder-gray-500 dark:placeholder-gray-400"
@@ -799,6 +816,8 @@ export default function ObraTasks() {
                   </label>
                   <textarea
                     rows={3}
+                    title="Descrição da Tarefa"
+                    placeholder="Descrição da Tarefa"
                     value={editFormData.descricao || ''}
                     onChange={(e) => setEditFormData({ ...editFormData, descricao: e.target.value })}
                     className="w-full px-3 py-2 bg-white dark:bg-gray-700 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-gray-900 dark:text-white placeholder-gray-500 dark:placeholder-gray-400"
@@ -811,8 +830,9 @@ export default function ObraTasks() {
                       Status
                     </label>
                     <select
+                      title="Status da Tarefa"
                       value={editFormData.status || 'pendente'}
-                      onChange={(e) => setEditFormData({ ...editFormData, status: e.target.value as any })}
+                      onChange={(e) => setEditFormData({ ...editFormData, status: e.target.value as Task['status'] })}
                       className="w-full px-3 py-2 bg-white dark:bg-gray-700 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-gray-900 dark:text-white"
                     >
                       <option value="pendente">Pendente</option>
@@ -828,8 +848,9 @@ export default function ObraTasks() {
                       Prioridade
                     </label>
                     <select
+                      title="Prioridade da Tarefa"
                       value={editFormData.prioridade || 'media'}
-                      onChange={(e) => setEditFormData({ ...editFormData, prioridade: e.target.value as any })}
+                      onChange={(e) => setEditFormData({ ...editFormData, prioridade: e.target.value as Task['prioridade'] })}
                       className="w-full px-3 py-2 bg-white dark:bg-gray-700 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-gray-900 dark:text-white"
                     >
                       <option value="baixa">Baixa</option>
@@ -861,6 +882,8 @@ export default function ObraTasks() {
                     </label>
                     <input
                       type="number"
+                      title="Progresso da Tarefa"
+                      placeholder="Progresso da Tarefa"
                       min="0"
                       max="100"
                       value={editFormData.progresso || 0}