fix: production-readiness corrections (Etapas 1–20)

e2e/flows/mockup-generator.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { test, expect, requireAuth } from '../fixtures/test-base';
 import path from 'path';
 import fs from 'fs';
 
@@ -7,6 +7,8 @@ import fs from 'fs';
  * Covers: Navigation, Validations, Keyboard, Failures, and Downloads
  */
 test.describe('Mockup Generator - Full E2E Suite', () => {
+  test.beforeEach(() => requireAuth());
+
   test.beforeEach(async ({ page }) => {
     await page.goto('/mockup-generator');
     // Ensure the page title is visible before starting

scripts/check-no-db-push.mjs

@@ -35,6 +35,8 @@ const ALLOWLIST = [
   // Diretórios de histórico/auditoria (não são guia operacional ativo):
   'docs/historico/',
   'docs/sessoes/',
+  // Arquivo de auditoria na raiz (menciona o comando como proibição):
+  'AUDITORIA_REDEPLOY_PROMO_GIFTS_2026-05-13_15-32 (1).md',
   // Auto-referências:
   'scripts/check-no-db-push.mjs',
   'scripts/gen-migrations-readme.mjs',

src/components/admin/ImageUploadButton.tsx

@@ -1,14 +1,10 @@
-import React, { useState, useRef } from "react";
-import { supabase } from "@/integrations/supabase/client";
-import { toast } from "sonner";
-import { Button } from "@/components/ui/button";
-import { Loader2, Upload, X, Image as ImageIcon } from "lucide-react";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
-import { validateFile } from "@/lib/security/file-validation";
+import React, { useState, useRef } from 'react';
+import { supabase } from '@/integrations/supabase/client';
+import { toast } from 'sonner';
+import { Button } from '@/components/ui/button';
+import { Loader2, Upload, X, Image as ImageIcon } from 'lucide-react';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
+import { validateFile } from '@/lib/security/file-validation';
 
 interface ImageUploadButtonProps {
   currentImageUrl: string | null;
@@ -22,7 +18,7 @@ export function ImageUploadButton({
   currentImageUrl,
   onUpload,
   onRemove,
-  folder = "locations",
+  folder = 'locations',
   className,
 }: ImageUploadButtonProps) {
   const [isUploading, setIsUploading] = useState(false);
@@ -35,34 +31,34 @@ export function ImageUploadButton({
     // 🛡️ Camada de Segurança V2.0: Validação de integridade e tipo real
     const validation = await validateFile(file, {
       maxSizeMb: 5,
-      allowedExtensions: [".jpg", ".jpeg", ".png", ".webp"],
-      allowedMimeTypes: ["image/jpeg", "image/png", "image/webp"],
+      allowedExtensions: ['.jpg', '.jpeg', '.png', '.webp'],
+      allowedMimeTypes: ['image/jpeg', 'image/png', 'image/webp'],
     });
 
     if (!validation.valid) {
-      toast.error(validation.error || "Arquivo inválido");
+      toast.error(validation.error || 'Arquivo inválido');
       return;
     }
 
     setIsUploading(true);
 
     try {
       // Generate unique filename
-      const fileExt = file.name.split(".").pop();
-      const fileName = `${folder}/${Date.now()}-${Math.random().toString(36).substring(7)}.${fileExt}`;
+      const fileExt = file.name.split('.').pop();
+      const _fileName = `${folder}/${Date.now()}-${Math.random().toString(36).substring(7)}.${fileExt}`;
 
       const formData = new FormData();
-      formData.append("file", file);
-      formData.append("folder", folder);
+      formData.append('file', file);
+      formData.append('folder', folder);
 
       let retryCount = 0;
       const maxRetries = 3;
       let uploadSuccess = false;
-      let lastError: any = null;
+      let lastError: unknown = null;
 
       while (retryCount < maxRetries && !uploadSuccess) {
         try {
-          const { data, error } = await supabase.functions.invoke("secure-upload", {
+          const { data, error } = await supabase.functions.invoke('secure-upload', {
             body: formData,
           });
 
@@ -75,21 +71,30 @@ export function ImageUploadButton({
           }
 
           onUpload(data.url);
-          toast.success("Imagem enviada com segurança!");
+          toast.success('Imagem enviada com segurança!');
           uploadSuccess = true;
-        } catch (error: any) {
+        } catch (error: unknown) {
           lastError = error;
-
+          const errObj = error as Record<string, unknown>;
+
           // Se for bloqueio de segurança (403), interrompe as tentativas
-          if (error.status === 403 || (error.context?.context?.status === 403)) {
+          if (
+            errObj?.status === 403 ||
+            (errObj?.context as Record<string, unknown>)?.status === 403 ||
+            ((errObj?.context as Record<string, unknown>)?.context as Record<string, unknown>)
+              ?.status === 403
+          ) {
             break;
           }
 
           retryCount++;
           if (retryCount < maxRetries) {
             const delay = Math.pow(2, retryCount) * 1000; // Exponential backoff: 2s, 4s
-            console.warn(`Tentativa ${retryCount} falhou. Tentando novamente em ${delay}ms...`, error);
-            await new Promise(resolve => setTimeout(resolve, delay));
+            console.warn(
+              `Tentativa ${retryCount} falhou. Tentando novamente em ${delay}ms...`,
+              error,
+            );
+            await new Promise((resolve) => setTimeout(resolve, delay));
           }
         }
       }
@@ -98,12 +103,12 @@ export function ImageUploadButton({
         throw lastError;
       }
     } catch (error) {
-      console.error("Upload error:", error);
-      toast.error("Erro ao enviar imagem");
+      console.error('Upload error:', error);
+      toast.error('Erro ao enviar imagem');
     } finally {
       setIsUploading(false);
       if (fileInputRef.current) {
-        fileInputRef.current.value = "";
+        fileInputRef.current.value = '';
       }
     }
   };
@@ -113,16 +118,16 @@ export function ImageUploadButton({
 
     try {
       // Extract path from URL
-      const urlParts = currentImageUrl.split("/personalization-images/");
+      const urlParts = currentImageUrl.split('/personalization-images/');
       if (urlParts.length > 1) {
         const filePath = urlParts[1];
-        await supabase.storage.from("personalization-images").remove([filePath]);
+        await supabase.storage.from('personalization-images').remove([filePath]);
       }
       onRemove();
-      toast.success("Imagem removida!");
+      toast.success('Imagem removida!');
     } catch (error) {
-      console.error("Remove error:", error);
-      toast.error("Erro ao remover imagem");
+      console.error('Remove error:', error);
+      toast.error('Erro ao remover imagem');
     }
   };
 
@@ -140,20 +145,17 @@ export function ImageUploadButton({
         <div className="flex items-center gap-1">
           <Tooltip>
             <TooltipTrigger asChild>
-              <Button
-                type="button"
-                size="sm"
-                variant="ghost"
-                className="h-7 w-7 p-0"
-              >
+              <Button type="button" size="sm" variant="ghost" className="h-7 w-7 p-0">
                 <ImageIcon className="h-4 w-4 text-primary" />
               </Button>
             </TooltipTrigger>
             <TooltipContent side="top" className="p-0">
               <img
                 src={currentImageUrl}
                 alt="Área de gravação"
-                className="max-w-64 max-h-48 rounded" loading="lazy" />
+                className="max-h-48 max-w-64 rounded"
+                loading="lazy"
+              />
             </TooltipContent>
           </Tooltip>
           <Button
@@ -179,7 +181,7 @@ export function ImageUploadButton({
             <Loader2 className="h-3 w-3 animate-spin" />
           ) : (
             <>
-              <Upload className="h-3 w-3 mr-1" />
+              <Upload className="mr-1 h-3 w-3" />
               <span className="text-xs">Imagem</span>
             </>
           )}

src/components/admin/connections/ZoneSection.tsx

@@ -9,8 +9,7 @@
  *   - Espaçamento interno padronizado (space-y-4)
  *   - Suporte opcional a actions à direita do header
  */
-import type { LucideIcon } from "lucide-react";
-import { ChevronDown } from "lucide-react";
+import { type LucideIcon, ChevronDown } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { Button } from "@/components/ui/button";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";

src/components/admin/connections/useSecretField.ts

@@ -136,7 +136,7 @@ export function useSecretField({ secretName, status, connectionId, onSaved }: Us
           }
         }
       }
-    } catch {}
+    } catch { /* empty */ }
   }, [secretName, connectionId]);
 
   useEffect(() => {

src/components/admin/group-personalization/GroupComponentCard.tsx

@@ -20,15 +20,15 @@ interface GroupComponentCardProps {
   locations: GroupLocation[];
   techniques: Technique[] | undefined;
   locationTechniques: GroupLocationTechnique[];
-  onUpdateComponent: (data: { id: string; [key: string]: any }) => void;
+  onUpdateComponent: (data: { id: string; [key: string]: unknown }) => void;
   onDeleteComponent: (id: string) => void;
   onAddLocation: (data: { group_component_id: string; location_code: string; location_name: string; max_width_cm?: number; max_height_cm?: number; max_area_cm2?: number }) => void;
   addLocationPending: boolean;
-  onUpdateLocation: (data: { id: string; [key: string]: any }) => void;
+  onUpdateLocation: (data: { id: string; [key: string]: unknown }) => void;
   onDeleteLocation: (id: string) => void;
   onAddTechnique: (data: { group_location_id: string; technique_id: string; max_colors?: number }) => void;
   addTechniquePending: boolean;
-  onUpdateTechnique: (data: { id: string; [key: string]: any }) => void;
+  onUpdateTechnique: (data: { id: string; [key: string]: unknown }) => void;
   onDeleteTechnique: (id: string) => void;
 }
 

src/components/admin/group-personalization/GroupLocationCard.tsx

@@ -19,11 +19,11 @@ interface GroupLocationCardProps {
   selectedGroup: string | null;
   techniques: Technique[] | undefined;
   locationTechniques: GroupLocationTechnique[];
-  onUpdateLocation: (data: { id: string; [key: string]: any }) => void;
+  onUpdateLocation: (data: { id: string; [key: string]: unknown }) => void;
   onDeleteLocation: (id: string) => void;
   onAddTechnique: (data: { group_location_id: string; technique_id: string; max_colors?: number }) => void;
   addTechniquePending: boolean;
-  onUpdateTechnique: (data: { id: string; [key: string]: any }) => void;
+  onUpdateTechnique: (data: { id: string; [key: string]: unknown }) => void;
   onDeleteTechnique: (id: string) => void;
 }
 

src/components/admin/hooks/useGroupPersonalization.ts

@@ -159,7 +159,7 @@ export function useGroupPersonalization() {
   });
 
   const updateComponent = useMutation({
-    mutationFn: async ({ id, ...data }: { id: string; [key: string]: any }) => {
+    mutationFn: async ({ id, ...data }: { id: string; [key: string]: unknown }) => {
       const { error } = await untypedFrom("product_group_components").update(data).eq("id", id);
       if (error) throw error;
     },
@@ -192,7 +192,7 @@ export function useGroupPersonalization() {
   });
 
   const updateLocation = useMutation({
-    mutationFn: async ({ id, ...data }: { id: string; [key: string]: any }) => {
+    mutationFn: async ({ id, ...data }: { id: string; [key: string]: unknown }) => {
       const { error } = await untypedFrom("product_group_locations").update(data).eq("id", id);
       if (error) throw error;
     },
@@ -228,7 +228,7 @@ export function useGroupPersonalization() {
   });
 
   const updateTechnique = useMutation({
-    mutationFn: async ({ id, ...data }: { id: string; [key: string]: any }) => {
+    mutationFn: async ({ id, ...data }: { id: string; [key: string]: unknown }) => {
       const { error } = await untypedFrom("product_group_location_techniques").update(data).eq("id", id);
       if (error) throw error;
     },

src/components/admin/products/BulkImportDialog.tsx

@@ -27,7 +27,7 @@ interface BulkImportDialogProps {
 
 export function BulkImportDialog({ open, onOpenChange, onComplete }: BulkImportDialogProps) {
   const [step, setStep] = useState<Step>('upload');
-  const [rawData, setRawData] = useState<Record<string, any>[]>([]);
+  const [rawData, setRawData] = useState<Record<string, unknown>[]>([]);
   const [headers, setHeaders] = useState<string[]>([]);
   const [fileName, setFileName] = useState('');
   const [mapping, setMapping] = useState<ColumnMapping>({});
@@ -52,7 +52,7 @@ export function BulkImportDialog({ open, onOpenChange, onComplete }: BulkImportD
   }, []);
 
   // ── Upload complete handler ──
-  const handleFileProcessed = useCallback((h: string[], rows: Record<string, any>[], name: string, m: ColumnMapping) => {
+  const handleFileProcessed = useCallback((h: string[], rows: Record<string, unknown>[], name: string, m: ColumnMapping) => {
     setHeaders(h);
     setRawData(rows);
     setFileName(name);
@@ -71,7 +71,7 @@ export function BulkImportDialog({ open, onOpenChange, onComplete }: BulkImportD
       const row = rawData[i];
       const errors: string[] = [];
       const warnings: string[] = [];
-      const mapped: Record<string, any> = {};
+      const mapped: Record<string, unknown> = {};
 
       for (const [sourceCol, targetField] of Object.entries(mapping)) {
         if (targetField) mapped[targetField] = row[sourceCol];

src/components/admin/products/NewSupplierDialog.tsx

@@ -1,13 +1,24 @@
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
 import { Button } from '@/components/ui/button';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
-import { Plus, Loader2, Building2, Phone, DollarSign, Settings2, MapPin, Globe, Landmark } from 'lucide-react';
+import {
+  Plus,
+  Loader2,
+  Building2,
+  Phone,
+  DollarSign,
+  Settings2,
+  MapPin,
+  Globe,
+  Landmark,
+  Trash2,
+  X,
+} from 'lucide-react';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { Textarea } from '@/components/ui/textarea';
 import { Switch } from '@/components/ui/switch';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
-import { Trash2, X } from 'lucide-react';
 import { applyPixMask, pixPlaceholder, validatePixKey } from '@/utils/pixMask';
 import { type NewSupplierDialogProps } from './new-supplier/types';
 import { useNewSupplierForm } from './new-supplier/useNewSupplierForm';

src/components/admin/products/bulk-import/StepComplete.tsx

@@ -2,8 +2,7 @@ import { Button } from '@/components/ui/button';
 import { ScrollArea } from '@/components/ui/scroll-area';
 import { Progress } from '@/components/ui/progress';
 import { CheckCircle2, AlertTriangle, Loader2, RotateCcw, FileDown } from 'lucide-react';
-import type { BatchImportProgress, BatchImportResult } from '@/lib/external-db/batch-import';
-import { generateErrorReportCSV } from '@/lib/external-db/batch-import';
+import { type BatchImportProgress, type BatchImportResult, generateErrorReportCSV } from '@/lib/external-db/batch-import';
 import { toast } from 'sonner';
 import type { ValidationResult } from './types';
 
@@ -45,7 +44,7 @@ interface StepCompleteProps {
   importMode: string;
   invalidCount: number;
   validationResults: ValidationResult[];
-  rawData: Record<string, any>[];
+  rawData: Record<string, unknown>[];
   onReset: () => void;
   onClose: () => void;
 }

src/components/admin/products/bulk-import/StepMapping.tsx

@@ -7,7 +7,7 @@ import { TARGET_FIELDS, type ColumnMapping, type TargetFieldKey } from './types'
 
 interface StepMappingProps {
   headers: string[];
-  rawData: Record<string, any>[];
+  rawData: Record<string, unknown>[];
   mapping: ColumnMapping;
   setMapping: (fn: (prev: ColumnMapping) => ColumnMapping) => void;
   requiredMapped: boolean;

src/components/admin/products/bulk-import/StepPreview.tsx

@@ -11,7 +11,7 @@ import type { ValidationResult, ColumnMapping } from './types';
 
 interface StepPreviewProps {
   validationResults: ValidationResult[];
-  rawData: Record<string, any>[];
+  rawData: Record<string, unknown>[];
   mapping: ColumnMapping;
   importMode: ImportMode;
   setImportMode: (mode: ImportMode) => void;