fix: exclusao em cascata de pecas e importacao inteligente sem duplicidade

2026-09-16 15:19:09 +00:00
parent 6570f50a1a
commit 74336b0da0
5 changed files with 285 additions and 190 deletions
@@ -18,6 +18,7 @@ interface PecasTableProps {
  pecas: Peca[];
  onOpenComponentPopup: (pecaId: string) => void;
  onDeletePeca?: (pecaId: string) => void;
+  onDeletePecasBatch?: (pecaIds: string[]) => Promise<any>;
  onEditPeca?: (peca: Peca) => void;
  onDeleteLastImport?: () => void;
  onBatchUpdatePecas?: (pecaIds: string[], updates: any) => Promise<void>;
@@ -31,6 +32,7 @@ export function PecasTable({
  pecas, 
  onOpenComponentPopup, 
  onDeletePeca, 
+  onDeletePecasBatch,
  onEditPeca, 
  onDeleteLastImport,
  onBatchUpdatePecas,
@@ -89,19 +91,24 @@ export function PecasTable({
  };

  const handleDeleteSelected = async () => {
-    if (!canDelete || !onDeletePeca) {
+    if (!canDelete || (!onDeletePecasBatch && !onDeletePeca)) {
      toast.error('Você não tem permissão para excluir peças');
      return;
    }
    
-    if (window.confirm(`Tem certeza que deseja excluir ${selectedPecas.size} peças?`)) {
+    if (window.confirm(`Tem certeza que deseja excluir ${selectedPecas.size} peças selecionadas e seus vínculos?`)) {
      try {
-        for (const pecaId of selectedPecas) {
-          await onDeletePeca(pecaId);
+        const pecaIdsArray = Array.from(selectedPecas);
+        if (onDeletePecasBatch) {
+          await onDeletePecasBatch(pecaIdsArray);
+        } else if (onDeletePeca) {
+          for (const pecaId of pecaIdsArray) {
+            await onDeletePeca(pecaId);
+          }
+          toast.success('Peças excluídas com sucesso!');
        }
-        toast.success('Peças excluídas com sucesso!');
      } catch (error) {
-        toast.error('Erro ao excluir peças.');
+        console.error('Erro ao excluir peças:', error);
      }
    }
  };
@@ -172,6 +172,13 @@ export function useComponentesPeca(pecaIds: string | string[] = []) {
    }

    try {
+      // 1. Apagar apontamentos de produção vinculados ao componente
+      await supabase
+        .from('apontamentos_producao')
+        .delete()
+        .eq('componente_id', id);
+
+      // 2. Apagar o componente
      const { error } = await supabase
        .from('componentes_peca')
        .delete()
@@ -241,6 +241,83 @@ export function usePecas() {
    }
  };

+  const deletePecasCascade = async (pecaIds: string[]): Promise<boolean> => {
+    if (!pecaIds || pecaIds.length === 0) return true;
+
+    try {
+      console.log('🗑️ Iniciando exclusão em cascata para peças:', pecaIds);
+
+      // 1. Obter todos os IDs de componentes vinculados a essas peças
+      const { data: componentes } = await supabase
+        .from('componentes_peca')
+        .select('id')
+        .in('peca_id', pecaIds);
+
+      const componenteIds = componentes?.map(c => c.id) || [];
+
+      // 2. Apagar apontamentos de produção vinculados aos componentes
+      if (componenteIds.length > 0) {
+        const { error: apCompError } = await supabase
+          .from('apontamentos_producao')
+          .delete()
+          .in('componente_id', componenteIds);
+        if (apCompError) console.warn('Aviso ao apagar apontamentos de componentes:', apCompError);
+      }
+
+      // 3. Apagar apontamentos de produção vinculados diretamente às peças
+      const { error: apPecaError } = await supabase
+        .from('apontamentos_producao')
+        .delete()
+        .in('peca_id', pecaIds);
+      if (apPecaError) console.warn('Aviso ao apagar apontamentos de peças:', apPecaError);
+
+      // 4. Apagar itens de prioridades de fabricação
+      const { error: prioridadesError } = await supabase
+        .from('itens_prioridade_fabricacao')
+        .delete()
+        .in('peca_id', pecaIds);
+      if (prioridadesError) console.warn('Aviso ao apagar itens de prioridade:', prioridadesError);
+
+      // 5. Apagar itens de romaneio de peças
+      const { error: romaneioError } = await supabase
+        .from('itens_romaneio_pecas')
+        .delete()
+        .in('peca_id', pecaIds);
+      if (romaneioError) console.warn('Aviso ao apagar itens de romaneio:', romaneioError);
+
+      // 6. Apagar datas de processos
+      const { error: processosError } = await supabase
+        .from('processos_pecas_datas')
+        .delete()
+        .in('peca_id', pecaIds);
+      if (processosError) console.warn('Aviso ao apagar processos datas:', processosError);
+
+      // 7. Apagar componentes das peças
+      const { error: compError } = await supabase
+        .from('componentes_peca')
+        .delete()
+        .in('peca_id', pecaIds);
+      if (compError) console.warn('Aviso ao apagar componentes:', compError);
+
+      // 8. Apagar as peças principais
+      const { error: deleteError } = await supabase
+        .from('pecas')
+        .delete()
+        .in('id', pecaIds);
+
+      if (deleteError) {
+        console.error('❌ Erro ao apagar peças do banco:', deleteError);
+        throw deleteError;
+      }
+
+      console.log('✅ Peças e vínculos apagados com sucesso');
+      return true;
+    } catch (error) {
+      console.error('❌ Erro na exclusão em cascata das peças:', error);
+      throw error;
+    }
+  };
+
  const deletePeca = async (pecaId: string): Promise<boolean> => {
    if (!user) {
      toast.error('Usuário não autenticado');
@@ -248,17 +325,7 @@ export function usePecas() {
    }

    try {
-      const { error } = await supabase
-        .from('pecas')
-        .delete()
-        .eq('id', pecaId);
-
-      if (error) {
-        console.error('Erro ao apagar peça:', error);
-        toast.error('Erro ao apagar peça');
-        return false;
-      }
-
+      await deletePecasCascade([pecaId]);
      toast.success('Peça apagada com sucesso!');
      await loadPecas();
      return true;
@@ -269,6 +336,24 @@ export function usePecas() {
    }
  };

+  const deletePecasBatch = async (pecaIds: string[]): Promise<boolean> => {
+    if (!user) {
+      toast.error('Usuário não autenticado');
+      return false;
+    }
+
+    try {
+      await deletePecasCascade(pecaIds);
+      toast.success(`${pecaIds.length} peça(s) apagada(s) com sucesso!`);
+      await loadPecas();
+      return true;
+    } catch (error) {
+      console.error('Erro ao apagar peças selecionadas:', error);
+      toast.error('Erro ao apagar peças selecionadas');
+      return false;
+    }
+  };
+
  const importCSV = async (file: File) => {
    console.log('📄 Importando CSV...');
    if (!user) {
@@ -313,25 +398,7 @@ export function usePecas() {
        return;
      }

-      const { error } = await supabase
-        .from('pecas')
-        .insert(pecasData);
-
-      if (error) {
-        console.error('❌ Erro ao importar CSV:', error);
-        throw error;
-      }
-
-      console.log('✅ CSV importado com sucesso:', pecasData.length, 'peças');
-      toast.success(`${pecasData.length} peça(s) importada(s) com sucesso!`);
-      setHasRecentImport(true);
-      
-      // Sincronização manual apenas após importação
-      setTimeout(() => {
-        sincronizarPrioridades(false);
-      }, 3000);
-      
-      await loadPecas();
+      await importPecas(pecasData);
    } catch (error) {
      console.error('❌ Erro ao importar CSV:', error);
      toast.error('Erro ao importar arquivo CSV');
@@ -340,7 +407,7 @@ export function usePecas() {
  };

  const importPecas = async (pecasData: any[]) => {
-    console.log('📦 Iniciando importação de peças:', pecasData.length);
+    console.log('📦 Iniciando importação inteligente de peças:', pecasData.length);
    if (!user) {
      toast.error('Usuário não autenticado');
      return;
@@ -353,8 +420,6 @@ export function usePecas() {
      console.log('🔍 Separando dados de peças e componentes...');
      
      pecasData.forEach((item, index) => {
-        console.log(`📋 Processando item ${index + 1}:`, item);
-        
        const pecaKey = `${item.of_number || ''}-${item.etapa_fase || ''}-${item.marca || ''}`;
        
        const pecaData = {
@@ -394,75 +459,135 @@ export function usePecas() {
        }
      });

-      const pecasParaInserir = Array.from(pecasMap.values());
-      console.log('✅ Peças para inserir:', pecasParaInserir.length);
+      const pecasParaProcessar = Array.from(pecasMap.values());
+      console.log('✅ Peças únicas a processar:', pecasParaProcessar.length);
      console.log('✅ Peças com componentes:', componentesMap.size);

-      if (pecasParaInserir.length === 0) {
+      if (pecasParaProcessar.length === 0) {
        toast.error('Nenhuma peça válida encontrada para importação');
        return;
      }

-      console.log('💾 Inserindo peças principais...');
-      const { data: pecasInseridas, error: pecasError } = await supabase
+      // 1. Consultar peças existentes para não duplicar (mesma OF, Fase e Marca)
+      const ofsParaConsultar = Array.from(new Set(pecasParaProcessar.map(p => p.of_number).filter(Boolean)));
+      const { data: pecasExistentes, error: queryExistentesError } = await supabase
        .from('pecas')
-        .insert(pecasParaInserir)
-        .select('id, of_number, etapa_fase, marca');
+        .select('id, of_number, etapa_fase, marca')
+        .eq('user_id', user.id)
+        .in('of_number', ofsParaConsultar);

-      if (pecasError) {
-        console.error('❌ Erro ao inserir peças:', pecasError);
-        toast.error(`Erro ao inserir peças: ${pecasError.message}`);
-        throw pecasError;
+      if (queryExistentesError) {
+        console.warn('Aviso ao consultar peças existentes:', queryExistentesError);
      }

-      console.log('✅ Peças inseridas com sucesso:', pecasInseridas?.length || 0);
+      const existingPecasMap = new Map<string, string>();
+      if (pecasExistentes) {
+        pecasExistentes.forEach(ep => {
+          const key = `${ep.of_number || ''}-${ep.etapa_fase || ''}-${ep.marca || ''}`;
+          existingPecasMap.set(key, ep.id);
+        });
+      }

+      const pecaIdResolvedMap = new Map<string, string>();
+      const pecasNovasParaInserir: any[] = [];
+      let totalAtualizadas = 0;
+
+      // 2. Atualizar existentes mantendo ID (preservando apontamentos e prioridades)
+      for (const peca of pecasParaProcessar) {
+        const key = `${peca.of_number || ''}-${peca.etapa_fase || ''}-${peca.marca || ''}`;
+        const existingId = existingPecasMap.get(key);
+
+        if (existingId) {
+          const { error: updateError } = await supabase
+            .from('pecas')
+            .update({
+              descricao: peca.descricao,
+              quantidade: peca.quantidade,
+              peso_unitario: peca.peso_unitario,
+              peso_total: peca.peso_total,
+              tratamento_superficial: peca.tratamento_superficial,
+              material: peca.material,
+              perfil_principal: peca.perfil_principal,
+              tem_componentes: peca.tem_componentes
+            })
+            .eq('id', existingId);
+
+          if (!updateError) {
+            pecaIdResolvedMap.set(key, existingId);
+            totalAtualizadas++;
+          }
+        } else {
+          pecasNovasParaInserir.push(peca);
+        }
+      }
+
+      // 3. Inserir novas peças
+      let totalNovas = 0;
+      if (pecasNovasParaInserir.length > 0) {
+        console.log('💾 Inserindo novas peças principais:', pecasNovasParaInserir.length);
+        const { data: pecasInseridas, error: pecasError } = await supabase
+          .from('pecas')
+          .insert(pecasNovasParaInserir)
+          .select('id, of_number, etapa_fase, marca');
+
+        if (pecasError) {
+          console.error('❌ Erro ao inserir novas peças:', pecasError);
+          toast.error(`Erro ao inserir peças: ${pecasError.message}`);
+          throw pecasError;
+        }
+
+        if (pecasInseridas) {
+          totalNovas = pecasInseridas.length;
+          pecasInseridas.forEach(p => {
+            const key = `${p.of_number || ''}-${p.etapa_fase || ''}-${p.marca || ''}`;
+            pecaIdResolvedMap.set(key, p.id);
+          });
+        }
+      }
+
+      // 4. Inserir/Sincronizar Componentes
      let totalComponentesInseridos = 0;
-      
-      if (componentesMap.size > 0 && pecasInseridas) {
-        console.log('🔧 Inserindo componentes...');
+      if (componentesMap.size > 0) {
+        console.log('🔧 Inserindo e sincronizando componentes...');
        
        for (const [pecaKey, componentes] of componentesMap.entries()) {
-          const [of_number, etapa_fase, marca] = pecaKey.split('-');
+          const pecaId = pecaIdResolvedMap.get(pecaKey);
          
-          const pecaInserida = pecasInseridas.find(p => 
-            p.of_number === of_number && 
-            p.etapa_fase === etapa_fase && 
-            p.marca === marca
-          );
-          
-          if (pecaInserida && componentes.length > 0) {
+          if (pecaId && componentes.length > 0) {
+            // Limpar componentes antigos desta peça para atualizar de forma limpa
+            await supabase
+              .from('componentes_peca')
+              .delete()
+              .eq('peca_id', pecaId);
+
            const componentesComPecaId = componentes.map(comp => ({
              ...comp,
-              peca_id: pecaInserida.id
+              peca_id: pecaId
            }));

-            console.log(`🔧 Inserindo ${componentesComPecaId.length} componentes para peça ${marca}...`);
-
            const { error: componentesError } = await supabase
              .from('componentes_peca')
              .insert(componentesComPecaId);

            if (componentesError) {
-              console.error('❌ Erro ao inserir componentes:', componentesError);
+              console.error(`❌ Erro ao inserir componentes para ${pecaKey}:`, componentesError);
            } else {
              totalComponentesInseridos += componentesComPecaId.length;
-              console.log(`✅ Componentes inseridos para peça ${marca}: ${componentesComPecaId.length}`);
            }
          }
        }
      }

-      let successMessage = `✅ ${pecasInseridas?.length || 0} peça(s) importada(s) com sucesso!`;
-      if (totalComponentesInseridos > 0) {
-        successMessage += ` ${totalComponentesInseridos} componente(s) também foram criados.`;
-      }
+      let successMessage = `✅ Importação concluída!`;
+      if (totalNovas > 0) successMessage += ` ${totalNovas} nova(s) peça(s).`;
+      if (totalAtualizadas > 0) successMessage += ` ${totalAtualizadas} peça(s) atualizada(s).`;
+      if (totalComponentesInseridos > 0) successMessage += ` ${totalComponentesInseridos} componente(s) vinculados.`;

      console.log('🎉 Importação concluída:', successMessage);
      toast.success(successMessage);
      setHasRecentImport(true);
      
-      // Sincronização manual apenas após importação
+      // Sincronização manual de prioridades
      setTimeout(() => {
        sincronizarPrioridades(false);
      }, 3000);
@@ -500,27 +625,7 @@ export function usePecas() {
      }

      const pecaIds = pecasParaApagar.map(peca => peca.id);
-      const { error: deleteComponentesError } = await supabase
-        .from('componentes_peca')
-        .delete()
-        .in('peca_id', pecaIds);
-
-      if (deleteComponentesError) {
-        console.error('Erro ao apagar componentes das peças:', deleteComponentesError);
-        toast.error('Erro ao apagar componentes das peças');
-        return;
-      }
-
-      const { error: deleteError } = await supabase
-        .from('pecas')
-        .delete()
-        .in('id', pecaIds);
-
-      if (deleteError) {
-        console.error('Erro ao apagar peças:', deleteError);
-        toast.error('Erro ao apagar peças');
-        return;
-      }
+      await deletePecasCascade(pecaIds);

      toast.success('Última importação desfeita com sucesso!');
      setHasRecentImport(false);
@@ -556,27 +661,7 @@ export function usePecas() {
      }

      const pecaIds = pecasParaApagar.map(peca => peca.id);
-      const { error: deleteComponentesError } = await supabase
-        .from('componentes_peca')
-        .delete()
-        .in('peca_id', pecaIds);
-
-      if (deleteComponentesError) {
-        console.error('Erro ao apagar componentes das peças:', deleteComponentesError);
-        toast.error('Erro ao apagar componentes das peças');
-        return;
-      }
-
-      const { error: deleteError } = await supabase
-        .from('pecas')
-        .delete()
-        .in('id', pecaIds);
-
-      if (deleteError) {
-        console.error('Erro ao apagar peças:', deleteError);
-        toast.error('Erro ao apagar peças');
-        return;
-      }
+      await deletePecasCascade(pecaIds);

      toast.success('Última importação apagada com sucesso!');
      setHasRecentImport(false);
@@ -635,6 +720,7 @@ export function usePecas() {
    savePeca,
    updatePeca,
    deletePeca,
+    deletePecasBatch,
    importCSV,
    importPecas,
    undoLastImport,
@@ -645,3 +731,4 @@ export function usePecas() {
    sincronizarPrioridades
  };
 }
+
@@ -23,6 +23,7 @@ export default function CadastroPecas() {
    savePeca, 
    updatePeca, 
    deletePeca, 
+    deletePecasBatch,
    importCSV, 
    importPecas,
    undoLastImport,
@@ -70,11 +71,16 @@ export default function CadastroPecas() {

  const handleDelete = async (pecaId: string) => {
    if (!canDelete()) return;
-    if (confirm('Tem certeza que deseja apagar esta peça?')) {
+    if (confirm('Tem certeza que deseja apagar esta peça e seus vínculos?')) {
      await deletePeca(pecaId);
    }
  };

+  const handleDeleteBatch = async (pecaIds: string[]) => {
+    if (!canDelete()) return;
+    await deletePecasBatch(pecaIds);
+  };
+
  const handleEdit = (peca: Peca) => {
    if (!canEdit()) return;
    setEditingPeca(peca);
@@ -233,6 +239,7 @@ export default function CadastroPecas() {
              pecas={pecas}
              onOpenComponentPopup={handleOpenComponentPopup}
              onDeletePeca={canDelete() ? handleDelete : undefined}
+              onDeletePecasBatch={canDelete() ? handleDeleteBatch : undefined}
              onEditPeca={canEdit() ? handleEdit : undefined}
              onDeleteLastImport={canDelete() ? handleDeleteLastImport : undefined}
              hasRecentImport={hasRecentImport}
@@ -24,6 +24,7 @@ export default function CadastroPecasFiltrado() {
    savePeca, 
    updatePeca, 
    deletePeca, 
+    deletePecasBatch,
    importCSV, 
    importPecas,
    undoLastImport,
@@ -45,12 +46,10 @@ export default function CadastroPecasFiltrado() {
    if (!canCreate()) return false;
    setSaving(true);
    try {
-      // Garantir que a peça seja salva com a OF selecionada
-      const formDataComOF = { ...formData, of_number: ofSelecionada };
-      const success = await savePeca(formDataComOF);
+      const pecaComOF = { ...formData, of_number: ofSelecionada };
+      const success = await savePeca(pecaComOF);
      if (success) {
        setShowForm(false);
-        // Reload data after successful save
        loadPecas();
      }
      return success;
@@ -59,15 +58,15 @@ export default function CadastroPecasFiltrado() {
    }
  };

-  const handleUpdate = async (id: string, formData: any) => {
-    if (!canEdit()) return false;
+  const handleUpdate = async (formData: any) => {
+    if (!canEdit() || !editingPeca) return false;
    setSaving(true);
    try {
-      const success = await updatePeca(id, formData);
+      const pecaComOF = { ...formData, of_number: ofSelecionada };
+      const success = await updatePeca(editingPeca.id, pecaComOF);
      if (success) {
        setEditingPeca(null);
        setShowForm(false);
-        // Reload data after successful update
        loadPecas();
      }
      return success;
@@ -78,15 +77,22 @@ export default function CadastroPecasFiltrado() {

  const handleDelete = async (pecaId: string) => {
    if (!canDelete()) return;
-    if (confirm('Tem certeza que deseja apagar esta peça?')) {
+    if (confirm('Tem certeza que deseja apagar esta peça e seus vínculos?')) {
      const success = await deletePeca(pecaId);
      if (success) {
-        // Reload data after successful delete
        loadPecas();
      }
    }
  };

+  const handleDeleteBatch = async (pecaIds: string[]) => {
+    if (!canDelete()) return;
+    const success = await deletePecasBatch(pecaIds);
+    if (success) {
+      loadPecas();
+    }
+  };
+
  const handleEdit = (peca: Peca) => {
    if (!canEdit()) return;
    setEditingPeca(peca);
@@ -102,7 +108,6 @@ export default function CadastroPecasFiltrado() {
    if (!canDelete()) return;
    if (confirm('Tem certeza que deseja apagar todas as peças da última importação?')) {
      await deleteLastImport();
-      // Reload data after successful delete
      loadPecas();
    }
  };
@@ -122,13 +127,11 @@ export default function CadastroPecasFiltrado() {
      throw new Error('Sem permissão');
    }
    try {
-      // Adicionar a OF selecionada a todas as peças importadas
      const pecasComOF = pecasData.map(peca => ({
        ...peca,
        of_number: ofSelecionada
      }));
      await importPecas(pecasComOF);
-      // Reload data after successful import
      loadPecas();
    } catch (error) {
      throw error;
@@ -142,38 +145,25 @@ export default function CadastroPecasFiltrado() {
    }
    try {
      await importCSV(file);
-      // Reload data after successful import
      loadPecas();
      return true;
    } catch (error) {
-      console.error('Erro ao importar CSV:', error);
      return false;
    }
  };

-  const handleBatchUpdatePecas = async (pecaIds: string[], updates: any) => {
-    if (!canEdit()) {
-      toast.error('Você não tem permissão para editar peças');
-      throw new Error('Sem permissão');
-    }
-    
-    try {
-      await batchUpdatePecas(pecaIds, updates);
-      // Reload data after successful batch update
-      loadPecas();
-    } catch (error) {
-      throw error;
-    }
-  };
-
  const handleUndoLastImport = async () => {
-    await undoLastImport();
-    // Reload data after successful undo
-    loadPecas();
+    if (!canDelete()) return;
+    if (confirm('Tem certeza que deseja desfazer a última importação?')) {
+      await undoLastImport();
+      loadPecas();
+    }
  };

-  const handleVoltar = () => {
-    navigate('/seletor-of');
+  const handleBatchUpdatePecas = async (pecaIds: string[], updates: any) => {
+    if (!canEdit()) return;
+    await batchUpdatePecas(pecaIds, updates);
+    loadPecas();
  };

  useEffect(() => {
@@ -197,56 +187,52 @@ export default function CadastroPecasFiltrado() {
  }

  return (
-    <div className="min-h-screen bg-background p-6">
-      <div className="max-w-7xl mx-auto space-y-6">
-        {/* Header */}
-        <div className="flex items-center justify-between">
-          <div>
-            <div className="flex items-center gap-4 mb-2">
-              <h1 className="text-3xl font-bold text-foreground">Cadastro de Peças</h1>
-              <Badge variant="secondary" className="text-lg px-3 py-1">
-                OF: {ofSelecionada}
-              </Badge>
-            </div>
-            <p className="text-muted-foreground">Gerencie as peças da OF selecionada</p>
-          </div>
-          <div className="flex items-center gap-4">
-            <Button 
-              onClick={handleVoltar}
-              variant="outline"
+    <StandardPageLayout
+      title="Cadastro de Peças"
+      description="Gerencie as peças da OF selecionada"
+      badges={[
+        { label: `OF: ${ofSelecionada}`, variant: "secondary" }
+      ]}
+      actions={
+        <div className="flex gap-2">
+          <Button 
+            variant="outline" 
+            onClick={() => navigate('/ordens-fabricacao')}
+            className="flex items-center gap-2"
+          >
+            <ArrowLeft className="h-4 w-4" />
+            Voltar
+          </Button>
+          <Badge variant="outline" className="text-sm px-3 py-1">
+            {pecasFiltradas.length} peças
+          </Badge>
+          {canCreate() && (
+            <Button
+              onClick={() => {
+                setEditingPeca(null);
+                setShowForm(!showForm);
+              }}
              className="flex items-center gap-2"
            >
-              <ArrowLeft className="h-4 w-4" />
-              Voltar
+              <Plus className="h-4 w-4" />
+              {showForm ? 'Fechar' : 'Nova Peça'}
            </Button>
-            <Badge variant="secondary" className="bg-secondary text-secondary-foreground border-border">
-              {pecasFiltradas.length} {pecasFiltradas.length === 1 ? 'peça' : 'peças'}
-            </Badge>
-            {canCreate() && (
-              <Button 
-                onClick={() => setShowForm(true)}
-                className="bg-primary hover:bg-primary/90 text-primary-foreground flex items-center gap-2"
-              >
-                <Plus className="h-4 w-4" />
-                Nova Peça
-              </Button>
-            )}
-          </div>
+          )}
        </div>
-
+      }
+    >
+      <div className="space-y-6">
        {/* Form Card */}
        {showForm && canCreate() && (
          <Card className="bg-card border-border">
            <CardHeader>
-              <CardTitle className="text-card-foreground flex items-center gap-2">
-                <Package className="h-5 w-5" />
-                {editingPeca ? 'Editar Peça' : 'Nova Peça'} - OF: {ofSelecionada}
+              <CardTitle className="text-card-foreground">
+                {editingPeca ? 'Editar Peça' : 'Nova Peça'}
              </CardTitle>
            </CardHeader>
            <CardContent>
-              <PecaForm 
-                ofNumbers={[ofSelecionada]} // Apenas a OF selecionada
-                ofDefault={ofSelecionada}
+              <PecaForm
+                ofNumber={ofSelecionada}
                onSave={handleSave}
                onUpdate={handleUpdate}
                onImportCSV={handleImportCSV}
@@ -278,6 +264,7 @@ export default function CadastroPecasFiltrado() {
              pecas={pecasFiltradas}
              onOpenComponentPopup={handleOpenComponentPopup}
              onDeletePeca={canDelete() ? handleDelete : undefined}
+              onDeletePecasBatch={canDelete() ? handleDeleteBatch : undefined}
              onEditPeca={canEdit() ? handleEdit : undefined}
              onDeleteLastImport={canDelete() ? handleDeleteLastImport : undefined}
              onBatchUpdatePecas={canEdit() ? handleBatchUpdatePecas : undefined}
@@ -301,6 +288,6 @@ export default function CadastroPecasFiltrado() {
          />
        )}
      </div>
-    </div>
+    </StandardPageLayout>
  );
 }