refactor(eslint): Etapas 14-16 — elimina top arquivos do baseline (442→177)

src/components/admin/connections/__tests__/ConnectionUI.test.tsx

@@ -60,13 +60,13 @@ describe('ConnectionsOverviewTable Interações e Acessibilidade', () => {
 
   beforeEach(() => {
     vi.clearAllMocks();
-    useAuthMock.mockReturnValue({ isAdmin: true });
+    useAuthMock.mockReturnValue({ isAdmin: true } as unknown as ReturnType<typeof useAuth>);
     useConnectionsOverviewMock.mockReturnValue({
       rows: mockRows,
       loading: false,
       refresh: vi.fn(),
-    });
-    useConnectionTesterMock.mockReturnValue({ test: vi.fn(), testing: false });
+    } as unknown as ReturnType<typeof useConnectionsOverview>);
+    useConnectionTesterMock.mockReturnValue({ test: vi.fn(), isTesting: false } as unknown as ReturnType<typeof useConnectionTester>);
   });
 
   it('deve permitir focar e navegar nos botões de ação via teclado', () => {

src/components/admin/connections/__tests__/ConnectionsOverviewTable.test.tsx

@@ -74,26 +74,26 @@ describe('ConnectionsOverviewTable Regression Tests', () => {
 
   beforeEach(() => {
     vi.clearAllMocks();
-    useAuthMock.mockReturnValue({ isAdmin: true });
+    useAuthMock.mockReturnValue({ isAdmin: true } as unknown as ReturnType<typeof useAuth>);
     useConnectionsOverviewMock.mockReturnValue({
       rows: mockRows,
       loading: false,
       refreshing: false,
       refresh: vi.fn(),
       patchRow: vi.fn(),
-    });
+    } as unknown as ReturnType<typeof useConnectionsOverview>);
     useConnectionTesterMock.mockReturnValue({
       test: vi.fn(),
       testing: false,
-    });
+    } as unknown as ReturnType<typeof useConnectionTester>);
     useConsecutiveFailuresMock.mockReturnValue({
       map: new Map(),
       loading: false,
-    });
+    } as unknown as ReturnType<typeof useConsecutiveFailures>);
     useSecretsManagerMock.mockReturnValue({
       secrets: [],
       list: vi.fn(),
-    });
+    } as unknown as ReturnType<typeof useSecretsManager>);
   });
 
   it('should render the table with correct data', async () => {
@@ -129,7 +129,7 @@ describe('ConnectionsOverviewTable Regression Tests', () => {
       refreshing: false,
       refresh: refreshMock,
       patchRow: vi.fn(),
-    });
+    } as unknown as ReturnType<typeof useConnectionsOverview>);
 
     render(
       <TooltipProvider>
@@ -150,7 +150,7 @@ describe('ConnectionsOverviewTable Regression Tests', () => {
       refreshing: false,
       refresh: vi.fn(),
       patchRow: vi.fn(),
-    });
+    } as unknown as ReturnType<typeof useConnectionsOverview>);
 
     render(
       <TooltipProvider>

src/components/auth/ForgotPasswordForm.tsx

@@ -4,7 +4,7 @@ import { useNavigate } from 'react-router-dom';
 import { z } from 'zod';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Mail, Loader2, ArrowLeft, Clock, ShieldCheck } from 'lucide-react';
+import { Mail, Loader2, ArrowLeft, Clock } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
@@ -56,7 +56,7 @@ export function ForgotPasswordForm({ onBack }: ForgotPasswordFormProps) {
 
       // Navega para a página de confirmação com instruções detalhadas
       navigate('/forgot-password-confirmation');
-    } catch (error) {
+    } catch (_error) {
       toast({
         variant: 'destructive',
         title: 'Erro inesperado',

src/components/auth/PasswordStrengthIndicator.tsx

@@ -1,4 +1,4 @@
-import { useMemo, useEffect, useState, useCallback } from 'react';
+import { useMemo, useEffect, useState } from 'react';
 import { cn } from '@/lib/utils';
 import { Check, X, AlertTriangle, Loader2, Shield } from 'lucide-react';
 import { usePasswordBreachCheck } from '@/hooks/auth';

src/components/bi/BIAiCopilot.tsx

@@ -118,7 +118,7 @@ export function BIAiCopilot({ open, onOpenChange, clientId, clientName, ramoAtiv
       if (error) throw error;
       const answer = (data as { answer?: string })?.answer ?? "Não consegui processar agora.";
       setMessages((prev) => [...prev, { role: "assistant", content: answer }]);
-    } catch (e) {
+    } catch (_e) {
       toast.error("Erro ao consultar o copiloto. Tente novamente.");
       setMessages((prev) => [
         ...prev,

src/components/bi/ClientComparator.tsx

@@ -4,7 +4,6 @@
  */
 import { Card, CardContent } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
 import { Skeleton } from "@/components/ui/skeleton";
 import { CheckCircle2, AlertTriangle, X, Trophy, Minus } from "lucide-react";
 import { cn } from "@/lib/utils";

src/components/bi/ExecutiveSummaryButton.tsx

@@ -12,7 +12,7 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { Copy, Loader2, FileText, Sparkles, Presentation } from "lucide-react";
+import { Copy, Loader2, Sparkles, Presentation } from "lucide-react";
 import { toast } from "sonner";
 import { useClientHealthScore } from "@/hooks/bi/useClientHealthScore";
 import { useClientBI } from "@/hooks/bi/useClientBI";

src/components/catalog/CatalogContent.tsx

@@ -1,9 +1,5 @@
-import { useRef, useCallback, useEffect, useState, useMemo, memo, type RefObject } from 'react';
+import { memo, type RefObject } from 'react';
 import type { ActiveColorFilter } from '@/utils/color-image-resolver';
-import { useVirtualizer } from '@tanstack/react-virtual';
-import { Loader2, ArrowUp, AlertCircle } from 'lucide-react';
-import { useProductsContextSafe } from '@/contexts/ProductsContext';
-import { Button } from '@/components/ui/button';
 import { Skeleton } from '@/components/ui/skeleton';
 
 
@@ -14,7 +10,6 @@ import { ProductCardSkeleton } from '@/components/products/ProductCardSkeleton';
 import { ProductListItemSkeleton } from '@/components/products/ProductListItemSkeleton';
 import { ProductTableSkeleton } from '@/components/products/ProductTableSkeleton';
 import { EmptyState } from '@/components/common/EmptyState';
-import { SelectionCheckbox } from '@/components/common/SelectionCheckbox';
 import { CatalogBulkModals } from './CatalogBulkModals';
 import { useCatalogSelection } from './useCatalogSelection';
 import { cn } from '@/lib/utils';
@@ -66,7 +61,7 @@ export const CatalogContent = memo(function CatalogContent({
   isLoadingMore,
   totalEstimate,
   loadMoreRef,
-  itemsPerPage,
+  itemsPerPage: _itemsPerPage,
   navigate,
   handleViewProduct,
   handleShareProduct,
@@ -76,13 +71,13 @@ export const CatalogContent = memo(function CatalogContent({
   isInCompare,
   onToggleCompare,
   canAddToCompare,
-  onLoadMore,
+  onLoadMore: _onLoadMore,
   onResetFilters,
   selectionMode,
   onSelectedCountChange,
   activeColorFilter,
-  activeProductId,
-  setActiveProductId,
+  activeProductId: _activeProductId,
+  setActiveProductId: _setActiveProductId,
 }: CatalogContentProps) {
   const selection = useCatalogSelection(
     paginatedProducts,

src/components/categories/CategorySidebarPanel.tsx

@@ -1,5 +1,5 @@
 import { useState, useCallback, type MouseEvent } from 'react';
-import { ChevronRight, ChevronDown, Folder, FolderOpen, X, ChevronLeft, Layers } from 'lucide-react';
+import { ChevronRight, Folder, X, ChevronLeft, Layers } from 'lucide-react';
 import { useCategoriesTree, type CategoryNode, type CategoryTreeItem } from '@/hooks/products';
 import { Input } from '@/components/ui/input';
 import { Button } from '@/components/ui/button';

src/components/compare/AIComparisonAdvisor.tsx

@@ -3,7 +3,7 @@
  * Cache: sessionStorage por 30 min para combinação de IDs.
  */
 import { useState } from "react";
-import type { Product } from "@/types/product";
+import type { Product } from "@/types/product-catalog";
 import { Brain, Sparkles, Loader2, AlertCircle } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";

src/components/compare/ComparisonDuelView.tsx

@@ -8,7 +8,7 @@ import { Button } from "@/components/ui/button";
 import { Crown, X, Check, Minus } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { useComparisonScore } from "@/hooks/comparison";
-import type { Product } from "@/types/product";
+import type { Product } from "@/types/product-catalog";
 
 interface Props {
   products: Product[];

src/components/compare/ComparisonHighlights.tsx

@@ -4,7 +4,7 @@
  */
 import { useMemo } from "react";
 import { cn } from "@/lib/utils";
-import { TrendingUp, TrendingDown, Minus, Crown, AlertTriangle } from "lucide-react";
+import { TrendingUp, Minus, Crown, AlertTriangle } from "lucide-react";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
 
 type HighlightType = "best" | "worst" | "neutral";

src/components/compare/ComparisonMobileView.tsx

@@ -3,7 +3,7 @@
  * Cada linha = atributo, produtos viram chips horizontais swipeable.
  */
 import { Badge } from "@/components/ui/badge";
-import type { Product, ProductColor } from "@/types/product";
+import type { Product, ProductColor } from "@/types/product-catalog";
 import { Button } from "@/components/ui/button";
 import { X, Crown } from "lucide-react";
 import { cn } from "@/lib/utils";

src/components/compare/ComparisonPresentationLauncher.tsx

@@ -3,7 +3,7 @@
  * Atalhos: ← → navega, Esc fecha, F fullscreen do browser.
  */
 import { useState, useEffect, useCallback } from "react";
-import type { Product } from "@/types/product";
+import type { Product } from "@/types/product-catalog";
 import { Dialog, DialogContent } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";

src/components/compare/ComparisonRadarChart.tsx

@@ -3,7 +3,7 @@
  * Eixos: Preço (invertido), Estoque, Variedade de cores, Qtd mínima (invertido), Lead time (invertido).
  */
 import { useMemo } from "react";
-import type { Product } from "@/types/product";
+import type { Product } from "@/types/product-catalog";
 import {
   Radar,
   RadarChart,

src/components/compare/FloatingCompareBar.tsx

@@ -6,7 +6,7 @@ import { Button } from "@/components/ui/button";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import { useComparisonStore, type CompareVariantInfo } from "@/stores/useComparisonStore";
 import { useProductsContextSafe } from "@/contexts/ProductsContext";
-import type { Product } from "@/types/product";
+import type { Product } from "@/types/product-catalog";
 import { cn } from "@/lib/utils";
 
 export const FloatingCompareBar = React.forwardRef<HTMLDivElement>(

src/components/dashboard/QuickActionsPanel.tsx

@@ -1,22 +1,17 @@
-import { useEffect, useState, useMemo } from "react";
+import { useMemo } from "react";
 import { Skeleton } from "@/components/ui/skeleton";
 import { useNavigate } from "react-router-dom";
 import {
   FilePlus,
-  Clock,
-  CheckCircle2,
-  XCircle,
-  TrendingUp,
-  FileText,
-  ArrowRight,
-  DollarSign,
+  Clock, TrendingUp,
+  FileText, DollarSign,
   Target,
-  BarChart3,
+  BarChart3
 } from "lucide-react";
 import { Card, CardContent } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
-import { useQuotes, Quote } from "@/hooks/quotes";
+import { useQuotes } from "@/hooks/quotes";
 import { useAuth } from "@/contexts/AuthContext";
 import { startOfMonth, endOfMonth, parseISO, isWithinInterval } from "date-fns";
 

src/components/dashboard/RecentKitsWidget.tsx

@@ -5,7 +5,7 @@
 
 import { useQuery } from '@tanstack/react-query';
 import { useNavigate } from 'react-router-dom';
-import { Package, Pencil, Clock, ArrowRight } from 'lucide-react';
+import { Package, Clock, ArrowRight } from 'lucide-react';
 import { supabase } from '@/integrations/supabase/client';
 import { useAuth } from '@/contexts/AuthContext';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';

src/components/expert/ExpertChatDialog.tsx

@@ -3,7 +3,7 @@
  * Original: 1418 lines → Now: ~80 lines (orchestrator only)
  */
 import { Dialog, DialogContent } from "@/components/ui/dialog";
-import { FlowFilterPanel, defaultFlowFilters } from "./FlowFilterPanel";
+import { FlowFilterPanel } from "./FlowFilterPanel";
 import { useExpertChat } from "./chat/useExpertChat";
 import { ChatHeader } from "./chat/ChatHeader";
 import { ChatHistoryPanel } from "./chat/ChatHistoryPanel";

src/components/filters/ColorGroupFilter.tsx

@@ -15,7 +15,7 @@ import {
   CollapsibleTrigger,
 } from '@/components/ui/collapsible';
 import { cn } from '@/lib/utils';
-import { useColorSystem, ColorGroup, ColorNuance, isLightColor } from '@/hooks/products';
+import { useColorSystem, isLightColor } from '@/hooks/products';
 
 // =====================================================
 // TIPOS

src/components/filters/CommemorativeDateFilter.tsx

@@ -1,7 +1,6 @@
 import { useActiveCommemorativeDates, type CommemorativeDate } from "@/hooks/intelligence";
 import { cn } from "@/lib/utils";
 import { Skeleton } from "@/components/ui/skeleton";
-import { ScrollArea } from "@/components/ui/scroll-area";
 
 interface CommemorativeDateFilterProps {
   selectedDates: string[];

src/components/filters/ExternalCategoryFilter.tsx

@@ -3,7 +3,6 @@ import { ChevronDown, ChevronRight, Search, X, Layers, RefreshCw } from "lucide-
 import { Checkbox } from "@/components/ui/checkbox";
 import { Label } from "@/components/ui/label";
 import { Input } from "@/components/ui/input";
-import { ScrollArea } from "@/components/ui/scroll-area";
 import { Skeleton } from "@/components/ui/skeleton";
 import { Badge } from "@/components/ui/badge";
 import { cn } from "@/lib/utils";

src/components/filters/FilterPanel.tsx

@@ -26,7 +26,6 @@ import {
   QuickOptionsFilter,
 } from "./filter-panel/sections/SimpleFilters";
 import { SizeFilter } from "./filter-panel/sections/SizeFilter";
-import { GenderBadge } from "@/components/products/GenderBadge";
 
 export function FilterPanel({
   filters, onFilterChange, onReset, activeFiltersCount,

src/components/filters/filter-panel/sections/SizeFilter.tsx

@@ -3,10 +3,9 @@
  * Extrai size_codes únicos das variações dos produtos carregados.
  */
 import { useMemo, useState } from "react";
-import { Ruler, Search, X } from "lucide-react";
+import { Search, X } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { Input } from "@/components/ui/input";
-import { Badge } from "@/components/ui/badge";
 
 const SIZE_ORDER = [
   "PP", "P", "M", "G", "GG", "XG", "XXG", "EG", "EGG",

src/components/intelligence/IntelligenceFilterBar.tsx

@@ -1,4 +1,4 @@
-import { useState, useMemo, useCallback } from "react";
+import { useState, useMemo } from "react";
 import { Filter, X, ChevronDown, Package, Search } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";

src/components/intelligence/RankingFilterToolbar.tsx

@@ -1,5 +1,5 @@
-import { useState, useMemo, useCallback } from "react";
-import { Search, Filter, ChevronDown, X, Tag, Hash, History, Clock } from "lucide-react";
+import { useState, useMemo } from "react";
+import { Search, Filter, ChevronDown, X, Tag, History, Clock } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";

src/components/intelligence/SegmentAnalysis.tsx

@@ -2,7 +2,6 @@ import { PieChart, Building2 } from "lucide-react";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Skeleton } from "@/components/ui/skeleton";
 import { useSegmentAnalysis } from "@/hooks/intelligence";
-import { cn } from "@/lib/utils";
 
 export function SegmentAnalysis({ days = 30, categoryId, supplierId }: { days?: number; categoryId?: string | null; supplierId?: string | null }) {
   const { data: segments, isLoading } = useSegmentAnalysis(days, categoryId, supplierId);

src/components/inventory/StockAlertDialogs.tsx

@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { AlertTriangle, TrendingDown, X, CheckCircle2, Package, XCircle, Truck } from "lucide-react";
+import { AlertTriangle, TrendingDown, X, CheckCircle2, XCircle } from "lucide-react";
 import {
   Dialog,
   DialogContent,

src/components/inventory/StockCategoryTreeSelect.tsx

@@ -5,7 +5,6 @@
 import { useState, useMemo } from "react";
 import { ChevronRight, FolderTree, Search, X } from "lucide-react";
 import { Input } from "@/components/ui/input";
-import { ScrollArea } from "@/components/ui/scroll-area";
 import { cn } from "@/lib/utils";
 import { useCategoriesTree, type CategoryNode } from "@/hooks/products";
 import { motion } from "framer-motion";

src/components/inventory/StockDashboard.tsx

@@ -100,7 +100,7 @@ export function StockDashboard() {
     return Math.round((healthy / summary.totalProducts) * 100);
   }, [summary]);
 
-  const healthColor = healthScore >= 80 ? 'text-success' : healthScore >= 50 ? 'text-warning' : 'text-destructive';
+  const _healthColor = healthScore >= 80 ? 'text-success' : healthScore >= 50 ? 'text-warning' : 'text-destructive';
 
   // Future stock total
   const futureStockTotal = useMemo(

src/components/inventory/StockFilterToolbar.tsx

@@ -58,7 +58,7 @@ interface StockFilterToolbarProps {
   filteredCount: number;
 }
 
-const STATUS_OPTIONS: { value: StockStatus | 'all'; label: string; icon: React.ReactNode; color: string }[] = [
+const _STATUS_OPTIONS: { value: StockStatus | 'all'; label: string; icon: React.ReactNode; color: string }[] = [
   { value: 'all', label: 'Todos', icon: <PackageCheck className="h-3.5 w-3.5" />, color: 'text-foreground' },
   { value: 'in_stock', label: 'Em Estoque', icon: <PackageCheck className="h-3.5 w-3.5" />, color: 'text-success' },
   { value: 'low_stock', label: 'Baixo', icon: <AlertTriangle className="h-3.5 w-3.5" />, color: 'text-warning' },

src/components/kit-builder/BoxSelector.tsx

@@ -14,7 +14,7 @@ import { ScrollArea } from '@/components/ui/scroll-area';
 import { Slider } from '@/components/ui/slider';
 import { Label } from '@/components/ui/label';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible';
+import { Collapsible, CollapsibleContent } from '@/components/ui/collapsible';
 import { cn } from '@/lib/utils';
 import {
   formatVolume,

src/components/kit-builder/DiscontinuedItemsAlert.tsx

@@ -3,10 +3,9 @@
  * Checks if any items in a kit are marked inactive and alerts the user
  */
 
-import { AlertTriangle, ExternalLink } from 'lucide-react';
+import { AlertTriangle } from 'lucide-react';
 import { Card, CardContent } from '@/components/ui/card';
 import { Badge } from '@/components/ui/badge';
-import { Button } from '@/components/ui/button';
 import type { KitItem } from '@/lib/kit-builder';
 import { useQuery } from '@tanstack/react-query';
 import { supabase } from '@/integrations/supabase/client';