From 0b4c385aeb46a9a274f0d0ebd7e7361edbe5ecc9 Mon Sep 17 00:00:00 2001
From: Galindo97 <agalindo2aduanasoft.com.mx>
Date: Fri, 2 Jan 2026 14:16:09 -0600
Subject: [PATCH] feat: Implement Document Types for Digitization module

- Added backend API for managing document types related to digitization, including CRUD operations.
- Created DTOs and models for DocumentTypeDigitization with validation using Pydantic.
- Updated frontend API service to interact with the new document types API.
- Refactored existing forms in the frontend to load and manage document types effectively.
- Enhanced data loading and state management in various components related to pedimentos.
---
 .../v1/modules/a76/doc_types_dig/__init__.py  |   1 +
 .../api/v1/modules/a76/doc_types_dig/dto.py   |  32 ++
 .../v1/modules/a76/doc_types_dig/models.py    |  25 ++
 .../v1/modules/a76/doc_types_dig/routes.py    | 170 +++++++
 .../models/pedimento_config_additional.py     |  15 +-
 backend/api/v1/modules/a76/router.py          |   2 +
 .../document_types_digitization.ts            |  70 +++
 .../accounts-compensation-tab-form.svelte     |   7 +-
 .../edit/contributions-tab-form.svelte        |   2 +-
 .../edit/digitization-tab-form.svelte         | 418 +++++++++++++++---
 .../edit/other-data-tab-form.svelte           |  99 +----
 .../package-transportation-tab-form.svelte    |  76 +++-
 .../pedimentos/edit/[id]/+page.svelte         | 201 +++++++--
 13 files changed, 890 insertions(+), 228 deletions(-)
 create mode 100644 backend/api/v1/modules/a76/doc_types_dig/__init__.py
 create mode 100644 backend/api/v1/modules/a76/doc_types_dig/dto.py
 create mode 100644 backend/api/v1/modules/a76/doc_types_dig/models.py
 create mode 100644 backend/api/v1/modules/a76/doc_types_dig/routes.py
 create mode 100644 frontend/src/lib/api/dashboard/refrence_data/document_types_digitization.ts

diff --git a/backend/api/v1/modules/a76/doc_types_dig/__init__.py b/backend/api/v1/modules/a76/doc_types_dig/__init__.py
new file mode 100644
index 00000000..e65cae83
--- /dev/null
+++ b/backend/api/v1/modules/a76/doc_types_dig/__init__.py
@@ -0,0 +1 @@
+# Document Types for Digitization module
diff --git a/backend/api/v1/modules/a76/doc_types_dig/dto.py b/backend/api/v1/modules/a76/doc_types_dig/dto.py
new file mode 100644
index 00000000..21ee57e2
--- /dev/null
+++ b/backend/api/v1/modules/a76/doc_types_dig/dto.py
@@ -0,0 +1,32 @@
+from pydantic import BaseModel, Field
+
+
+class DocumentTypeDigitizationBase(BaseModel):
+    """Base schema for Document Type Digitization"""
+
+    code: str = Field(..., max_length=10, description="Código del tipo de documento")
+    description: str = Field(..., description="Descripción del tipo de documento")
+    active: bool = Field(default=True, description="Indica si el tipo está activo")
+
+
+class DocumentTypeDigitizationCreate(DocumentTypeDigitizationBase):
+    """Schema for creating a Document Type Digitization"""
+
+    pass
+
+
+class DocumentTypeDigitizationUpdate(BaseModel):
+    """Schema for updating a Document Type Digitization"""
+
+    code: str | None = Field(None, max_length=10)
+    description: str | None = None
+    active: bool | None = None
+
+
+class DocumentTypeDigitizationResponse(DocumentTypeDigitizationBase):
+    """Schema for Document Type Digitization response"""
+
+    id: int
+
+    class Config:
+        from_attributes = True
diff --git a/backend/api/v1/modules/a76/doc_types_dig/models.py b/backend/api/v1/modules/a76/doc_types_dig/models.py
new file mode 100644
index 00000000..db7636ce
--- /dev/null
+++ b/backend/api/v1/modules/a76/doc_types_dig/models.py
@@ -0,0 +1,25 @@
+from api.v1.common.base_models import TenantScopedMixin, TimestampMixin
+from core.database import Base
+from sqlalchemy import Boolean, Integer, PrimaryKeyConstraint, String, Text, UniqueConstraint
+from sqlalchemy.orm import Mapped, mapped_column
+
+
+class DocumentTypeDigitization(Base, TenantScopedMixin, TimestampMixin):
+    """Tipos de documentos para digitalización de pedimentos"""
+
+    __tablename__ = "document_types_digitization"
+    __table_args__ = (
+        PrimaryKeyConstraint("id", name="document_types_digitization_pkey"),
+        UniqueConstraint(
+            "tenant_id",
+            "company_id",
+            "code",
+            name="document_types_digitization_code_key",
+        ),
+        {"schema": "a76"},
+    )
+
+    id: Mapped[int] = mapped_column(Integer)
+    code: Mapped[str] = mapped_column(String(10), nullable=False, index=True)
+    description: Mapped[str] = mapped_column(Text, nullable=False)
+    active: Mapped[bool] = mapped_column(Boolean, default=True)
diff --git a/backend/api/v1/modules/a76/doc_types_dig/routes.py b/backend/api/v1/modules/a76/doc_types_dig/routes.py
new file mode 100644
index 00000000..a3ee51a7
--- /dev/null
+++ b/backend/api/v1/modules/a76/doc_types_dig/routes.py
@@ -0,0 +1,170 @@
+from typing import List
+
+from api.v1.modules.a76.doc_types_dig.dto import (
+    DocumentTypeDigitizationCreate,
+    DocumentTypeDigitizationResponse,
+    DocumentTypeDigitizationUpdate,
+)
+from api.v1.modules.a76.doc_types_dig.models import DocumentTypeDigitization
+from core.database import get_core_db
+from fastapi import APIRouter, Depends, HTTPException, status
+from sqlalchemy import select
+from sqlalchemy.orm import Session
+
+router = APIRouter(prefix="/document-types-digitization", tags=["Document Types Digitization"])
+
+
+@router.get("", response_model=List[DocumentTypeDigitizationResponse])
+def get_all_document_types(
+    active_only: bool = True,
+    db: Session = Depends(get_core_db),
+):
+    """
+    Obtener todos los tipos de documentos para digitalización
+    
+    Args:
+        active_only: Si es True, solo devuelve los tipos activos
+    """
+    query = select(DocumentTypeDigitization)
+    
+    if active_only:
+        query = query.where(DocumentTypeDigitization.active == True)
+    
+    query = query.order_by(DocumentTypeDigitization.code)
+    
+    result = db.execute(query)
+    document_types = result.scalars().all()
+    
+    return document_types
+
+
+@router.get("/{document_type_id}", response_model=DocumentTypeDigitizationResponse)
+def get_document_type(
+    document_type_id: int,
+    db: Session = Depends(get_core_db),
+):
+    """Obtener un tipo de documento por ID"""
+    result = db.execute(
+        select(DocumentTypeDigitization).where(DocumentTypeDigitization.id == document_type_id)
+    )
+    document_type = result.scalar_one_or_none()
+    
+    if not document_type:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail=f"Tipo de documento con ID {document_type_id} no encontrado"
+        )
+    
+    return document_type
+
+
+@router.get("/by-code/{code}", response_model=DocumentTypeDigitizationResponse)
+def get_document_type_by_code(
+    code: str,
+    db: Session = Depends(get_core_db),
+):
+    """Obtener un tipo de documento por código"""
+    result = db.execute(
+        select(DocumentTypeDigitization).where(DocumentTypeDigitization.code == code)
+    )
+    document_type = result.scalar_one_or_none()
+    
+    if not document_type:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail=f"Tipo de documento con código {code} no encontrado"
+        )
+    
+    return document_type
+
+
+@router.post("", response_model=DocumentTypeDigitizationResponse, status_code=status.HTTP_201_CREATED)
+def create_document_type(
+    document_type_data: DocumentTypeDigitizationCreate,
+    db: Session = Depends(get_core_db),
+):
+    """Crear un nuevo tipo de documento"""
+    # Verificar si el código ya existe
+    result = db.execute(
+        select(DocumentTypeDigitization).where(DocumentTypeDigitization.code == document_type_data.code)
+    )
+    existing = result.scalar_one_or_none()
+    
+    if existing:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail=f"Ya existe un tipo de documento con el código {document_type_data.code}"
+        )
+    
+    new_document_type = DocumentTypeDigitization(**document_type_data.model_dump())
+    db.add(new_document_type)
+    db.commit()
+    db.refresh(new_document_type)
+    
+    return new_document_type
+
+
+@router.put("/{document_type_id}", response_model=DocumentTypeDigitizationResponse)
+def update_document_type(
+    document_type_id: int,
+    document_type_data: DocumentTypeDigitizationUpdate,
+    db: Session = Depends(get_core_db),
+):
+    """Actualizar un tipo de documento existente"""
+    result = db.execute(
+        select(DocumentTypeDigitization).where(DocumentTypeDigitization.id == document_type_id)
+    )
+    document_type = result.scalar_one_or_none()
+    
+    if not document_type:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail=f"Tipo de documento con ID {document_type_id} no encontrado"
+        )
+    
+    # Actualizar solo los campos proporcionados
+    update_data = document_type_data.model_dump(exclude_unset=True)
+    
+    # Verificar si el nuevo código ya existe (si se está actualizando)
+    if "code" in update_data and update_data["code"] != document_type.code:
+        result = db.execute(
+            select(DocumentTypeDigitization).where(DocumentTypeDigitization.code == update_data["code"])
+        )
+        existing = result.scalar_one_or_none()
+        if existing:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail=f"Ya existe un tipo de documento con el código {update_data['code']}"
+            )
+    
+    for field, value in update_data.items():
+        setattr(document_type, field, value)
+    
+    db.commit()
+    db.refresh(document_type)
+    
+    return document_type
+
+
+@router.delete("/{document_type_id}", status_code=status.HTTP_204_NO_CONTENT)
+def delete_document_type(
+    document_type_id: int,
+    db: Session = Depends(get_core_db),
+):
+    """Eliminar un tipo de documento (soft delete, marca como inactivo)"""
+    result = db.execute(
+        select(DocumentTypeDigitization).where(DocumentTypeDigitization.id == document_type_id)
+    )
+    document_type = result.scalar_one_or_none()
+    
+    if not document_type:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail=f"Tipo de documento con ID {document_type_id} no encontrado"
+        )
+    
+    # Soft delete - solo marcar como inactivo
+    document_type.active = False
+    db.commit()
+    
+    return None
diff --git a/backend/api/v1/modules/a76/pedmientos/models/pedimento_config_additional.py b/backend/api/v1/modules/a76/pedmientos/models/pedimento_config_additional.py
index 22735ad6..28fff3a1 100644
--- a/backend/api/v1/modules/a76/pedmientos/models/pedimento_config_additional.py
+++ b/backend/api/v1/modules/a76/pedmientos/models/pedimento_config_additional.py
@@ -3,11 +3,10 @@ from typing import TYPE_CHECKING
 from api.v1.common.base_models import TenantScopedMixin, TimestampMixin
 from core.database import Base
 from sqlalchemy import (
+    Boolean,
     ForeignKeyConstraint,
     Integer,
     PrimaryKeyConstraint,
-    SmallInteger,
-    String,
     UniqueConstraint,
 )
 from sqlalchemy.orm import Mapped, mapped_column, relationship
@@ -38,12 +37,12 @@ class PedimentoConfigAdditional(Base, TenantScopedMixin, TimestampMixin):
     id: Mapped[int] = mapped_column(Integer)
     pedimento_id: Mapped[int] = mapped_column(Integer, nullable=False)
 
-    add_po_identifier: Mapped[int] = mapped_column(SmallInteger)
-    do_not_exempt_norms_complement_x: Mapped[int] = mapped_column(SmallInteger)
-    manual_pedimento_year: Mapped[str] = mapped_column(String(2))
-    enable_import_invoice_recipient: Mapped[int] = mapped_column(SmallInteger)
-    send_502_validation_file_for_consolidated: Mapped[int] = mapped_column(SmallInteger)
-    add_remove_norms: Mapped[int] = mapped_column(SmallInteger)
+    add_po_identifier: Mapped[bool] = mapped_column(Boolean, default=False)
+    do_not_exempt_norms_complement_x: Mapped[bool] = mapped_column(Boolean, default=False)
+    manual_pedimento_year: Mapped[int] = mapped_column(Integer, nullable=True)
+    enable_import_invoice_recipient: Mapped[bool] = mapped_column(Boolean, default=False)
+    send_502_validation_file_for_consolidated: Mapped[bool] = mapped_column(Boolean, default=False)
+    add_remove_norms: Mapped[bool] = mapped_column(Boolean, default=False)
 
     pedimento: Mapped["Pedimentos"] = relationship(
         "Pedimentos", back_populates="pedimento_config_additional"
diff --git a/backend/api/v1/modules/a76/router.py b/backend/api/v1/modules/a76/router.py
index 8bfee681..a08d04d6 100644
--- a/backend/api/v1/modules/a76/router.py
+++ b/backend/api/v1/modules/a76/router.py
@@ -14,6 +14,7 @@ from .clients_and_providers import router as client_and_provider_router
 from .general_catalogs.company import router as company_router
 from .country_rule_oct.routes import router as country_rule_oct_router
 from .transportation.drivers.routes import router as drivers_router
+from .doc_types_dig.routes import router as doc_types_dig_router
 from .general_catalogs.exchange_rate.routes import router as exchange_rate_router
 from .general_catalogs.identifiers.routes import router as identifiers_router
 from .fraction_rule_octave.routes import router as fraction_rule_octave_router
@@ -73,6 +74,7 @@ router.include_router(trailers_router, prefix="/a76", tags=["a76 / trailers"])
 router.include_router(
     customs_broker_router, prefix="/a76", tags=["a76 / customs_broker"]
 )
+router.include_router(doc_types_dig_router, prefix="/a76", tags=["a76 / document_types_digitization"])
 router.include_router(drivers_router, prefix="/a76", tags=["a76 / drivers"])
 router.include_router(transporters_router, prefix="/a76",
                       tags=["a76 / transporters"])
diff --git a/frontend/src/lib/api/dashboard/refrence_data/document_types_digitization.ts b/frontend/src/lib/api/dashboard/refrence_data/document_types_digitization.ts
new file mode 100644
index 00000000..4ddb1bc7
--- /dev/null
+++ b/frontend/src/lib/api/dashboard/refrence_data/document_types_digitization.ts
@@ -0,0 +1,70 @@
+import { api } from '$lib/api';
+
+export interface DocumentTypeDigitization {
+	id: number;
+	code: string;
+	description: string;
+	active: boolean;
+}
+
+export interface DocumentTypeDigitizationCreate {
+	code: string;
+	description: string;
+	active?: boolean;
+}
+
+export interface DocumentTypeDigitizationUpdate {
+	code?: string;
+	description?: string;
+	active?: boolean;
+}
+
+const BASE_URL = '/v1/a76/document-types-digitization';
+
+/**
+ * API para Tipos de Documentos de Digitalización
+ */
+export const documentTypesDigitizationApi = {
+	/**
+	 * Obtener todos los tipos de documentos para digitalización
+	 */
+	getAll: (activeOnly: boolean = true) => {
+		const url = `${BASE_URL}?active_only=${activeOnly}`;
+		return api.get<DocumentTypeDigitization[]>(url);
+	},
+
+	/**
+	 * Obtener un tipo de documento por ID
+	 */
+	getById: (id: number) => {
+		return api.get<DocumentTypeDigitization>(`${BASE_URL}/${id}`);
+	},
+
+	/**
+	 * Obtener un tipo de documento por código
+	 */
+	getByCode: (code: string) => {
+		return api.get<DocumentTypeDigitization>(`${BASE_URL}/by-code/${code}`);
+	},
+
+	/**
+	 * Crear un nuevo tipo de documento
+	 */
+	create: (data: DocumentTypeDigitizationCreate) => {
+		return api.post<DocumentTypeDigitization>(BASE_URL, data);
+	},
+
+	/**
+	 * Actualizar un tipo de documento existente
+	 */
+	update: (id: number, data: DocumentTypeDigitizationUpdate) => {
+		return api.put<DocumentTypeDigitization>(`${BASE_URL}/${id}`, data);
+	},
+
+	/**
+	 * Eliminar (soft delete) un tipo de documento
+	 */
+	delete: (id: number) => {
+		return api.delete(`${BASE_URL}/${id}`);
+	}
+};
diff --git a/frontend/src/lib/components/dashboard/pedimentos/edit/accounts-compensation-tab-form.svelte b/frontend/src/lib/components/dashboard/pedimentos/edit/accounts-compensation-tab-form.svelte
index 7008c275..f0b432e5 100644
--- a/frontend/src/lib/components/dashboard/pedimentos/edit/accounts-compensation-tab-form.svelte
+++ b/frontend/src/lib/components/dashboard/pedimentos/edit/accounts-compensation-tab-form.svelte
@@ -544,7 +544,12 @@
 <Dialog bind:open={isCuentaDialogOpen}>
 	<DialogContent class="max-w-2xl max-h-[90vh] overflow-y-auto">
 		<DialogHeader>
-			<DialogTitle>Cuentas Aduaneras a nivel Pedimento</DialogTitle>
+			<DialogTitle>
+				{editingCuentaIndex !== null ? 'Cuentas Aduaneras a nivel Pedimento' : 'Insertando'}
+			</DialogTitle>
+			{#if editingCuentaIndex === null}
+				<p class="text-sm text-muted-foreground">Cuentas Aduaneras a nivel Pedimento</p>
+			{/if}
 		</DialogHeader>
 
 		<div class="space-y-6 py-4">
diff --git a/frontend/src/lib/components/dashboard/pedimentos/edit/contributions-tab-form.svelte b/frontend/src/lib/components/dashboard/pedimentos/edit/contributions-tab-form.svelte
index 90143061..41ebc60c 100644
--- a/frontend/src/lib/components/dashboard/pedimentos/edit/contributions-tab-form.svelte
+++ b/frontend/src/lib/components/dashboard/pedimentos/edit/contributions-tab-form.svelte
@@ -578,7 +578,7 @@
 	<DialogContent class="max-w-2xl max-h-[90vh] overflow-y-auto">
 		<DialogHeader>
 			<DialogTitle>
-				{editingIndex !== null ? 'Editar Contribución' : 'Nueva Contribución'}
+				{editingIndex !== null ? 'Editar Contribución' : 'Insertando'}
 			</DialogTitle>
 		</DialogHeader>
 
diff --git a/frontend/src/lib/components/dashboard/pedimentos/edit/digitization-tab-form.svelte b/frontend/src/lib/components/dashboard/pedimentos/edit/digitization-tab-form.svelte
index 689ee413..992a7278 100644
--- a/frontend/src/lib/components/dashboard/pedimentos/edit/digitization-tab-form.svelte
+++ b/frontend/src/lib/components/dashboard/pedimentos/edit/digitization-tab-form.svelte
@@ -33,15 +33,16 @@
 		ChevronRight,
 		ChevronsRight
 	} from 'lucide-svelte';
+	import { documentTypesDigitizationApi, type DocumentTypeDigitization } from '$lib/api/dashboard/refrence_data/document_types_digitization';
 
 	interface Digitalizacion {
 		id?: number;
 		linea: number;
-		clave: string;
-		documento: string;
-		e_document: string;
-		operacion: string;
+		tipo_documento: string;
+		ruta_archivo_pdf: string;
 		observaciones: string;
+		e_document: string;
+		numero_operacion_vu: string;
 	}
 
 	let {
@@ -57,6 +58,51 @@
 	// Estados para diálogo
 	let isDialogOpen = $state(false);
 	let editingIndex = $state<number | null>(null);
+	let isTipoDocumentoDialogOpen = $state(false);
+	let isNuevoTipoDocumentoDialogOpen = $state(false);
+
+	// Tipos de documentos disponibles (cargados desde el backend)
+	let tiposDocumentos = $state<DocumentTypeDigitization[]>([]);
+	let isLoadingTiposDocumentos = $state(false);
+	let errorLoadingTiposDocumentos = $state<string | null>(null);
+
+	// Formulario para nuevo tipo de documento
+	let nuevoTipoDocumento = $state({
+		code: '',
+		description: '',
+		active: true
+	});
+
+	// Cargar tipos de documentos desde el backend
+	async function cargarTiposDocumentos() {
+		try {
+			isLoadingTiposDocumentos = true;
+			errorLoadingTiposDocumentos = null;
+			const response = await documentTypesDigitizationApi.getAll(true);
+			tiposDocumentos = response.data || [];
+		} catch (error) {
+			console.error('Error al cargar tipos de documentos:', error);
+			errorLoadingTiposDocumentos = 'Error al cargar los tipos de documentos';
+			// Si falla, usar array vacío para que el componente siga funcionando
+			tiposDocumentos = [];
+		} finally {
+			isLoadingTiposDocumentos = false;
+		}
+	}
+
+	// Filtro de búsqueda para tipos de documentos
+	let tipoDocumentoBusqueda = $state('');
+
+	// Tipos de documentos filtrados
+	const tiposDocumentosFiltrados = $derived(
+		tipoDocumentoBusqueda.trim() === ''
+			? tiposDocumentos
+			: tiposDocumentos.filter(
+					(td) =>
+						td.code.toLowerCase().includes(tipoDocumentoBusqueda.toLowerCase()) ||
+						td.description.toLowerCase().includes(tipoDocumentoBusqueda.toLowerCase())
+			  )
+	);
 
 	// Paginación
 	let currentPage = $state(0);
@@ -64,13 +110,16 @@
 
 	let currentDigitalizacion = $state<Digitalizacion>({
 		linea: 0,
-		clave: '',
-		documento: '',
+		tipo_documento: '',
+		ruta_archivo_pdf: '',
+		observaciones: '',
 		e_document: '',
-		operacion: '',
-		observaciones: ''
+		numero_operacion_vu: ''
 	});
 
+	// Referencias para los inputs de archivo
+	let fileInputRef: HTMLInputElement;
+
 	const totalPages = $derived(
 		Math.ceil((formData?.digitalizaciones?.length ?? 0) / pageSize)
 	);
@@ -83,19 +132,23 @@
 	);
 
 	function openNewDigitalizacion() {
+		console.log('🟢 INICIO openNewDigitalizacion - isDialogOpen:', isDialogOpen);
 		editingIndex = null;
 		const nextLinea = formData?.digitalizaciones?.length
 			? Math.max(...formData.digitalizaciones.map((d) => d.linea)) + 1
 			: 1;
 		currentDigitalizacion = {
 			linea: nextLinea,
-			clave: '',
-			documento: '',
+			tipo_documento: '',
+			ruta_archivo_pdf: '',
+			observaciones: '',
 			e_document: '',
-			operacion: '',
-			observaciones: ''
+			numero_operacion_vu: ''
 		};
+		console.log('🔵 Abriendo dialog de digitalización, isDialogOpen antes:', isDialogOpen);
 		isDialogOpen = true;
+		console.log('🔵 isDialogOpen después:', isDialogOpen);
+		console.log('🟢 FIN openNewDigitalizacion');
 	}
 
 	function openEditDigitalizacion(index: number) {
@@ -157,6 +210,45 @@
 		alert('Cargar E-Document no implementado aún');
 	}
 
+	async function seleccionarRutaArchivo() {
+		try {
+			// Usar la File System Access API si está disponible
+			if ('showSaveFilePicker' in window) {
+				// @ts-ignore - API moderna del navegador
+				const handle = await window.showSaveFilePicker({
+					suggestedName: 'documento.pdf',
+					types: [
+						{
+							description: 'PDF Files',
+							accept: { 'application/pdf': ['.pdf'] }
+						}
+					]
+				});
+				
+				// Obtener la ruta (nombre del archivo seleccionado)
+				currentDigitalizacion.ruta_archivo_pdf = handle.name;
+			} else {
+				// Fallback para navegadores que no soportan la API
+				const input = document.createElement('input');
+				input.type = 'file';
+				input.accept = '.pdf';
+				
+				input.onchange = (e: Event) => {
+					const target = e.target as HTMLInputElement;
+					if (target.files && target.files.length > 0) {
+						const file = target.files[0];
+						currentDigitalizacion.ruta_archivo_pdf = file.name;
+					}
+				};
+				
+				input.click();
+			}
+		} catch (error) {
+			// Usuario canceló la selección
+			console.log('Selección de archivo cancelada');
+		}
+	}
+
 	function goToFirstPage() {
 		currentPage = 0;
 	}
@@ -172,6 +264,48 @@
 	function goToLastPage() {
 		currentPage = totalPages - 1;
 	}
+
+	function abrirTiposDocumentos() {
+		tipoDocumentoBusqueda = '';
+		// Cargar los tipos de documentos si aún no se han cargado
+		if (tiposDocumentos.length === 0 && !isLoadingTiposDocumentos) {
+			cargarTiposDocumentos();
+		}
+		isTipoDocumentoDialogOpen = true;
+	}
+
+	function seleccionarTipoDocumento(code: string) {
+		currentDigitalizacion.tipo_documento = code;
+		isTipoDocumentoDialogOpen = false;
+	}
+
+	function abrirNuevoTipoDocumento() {
+		nuevoTipoDocumento = {
+			code: '',
+			description: '',
+			active: true
+		};
+		isNuevoTipoDocumentoDialogOpen = true;
+	}
+
+	async function guardarNuevoTipoDocumento() {
+		try {
+			const response = await documentTypesDigitizationApi.create(nuevoTipoDocumento);
+			if (response.data) {
+				// Agregar el nuevo tipo a la lista
+				tiposDocumentos = [...tiposDocumentos, response.data];
+				// Seleccionar el nuevo tipo
+				currentDigitalizacion.tipo_documento = response.data.code;
+				// Cerrar ambos dialogs
+				isNuevoTipoDocumentoDialogOpen = false;
+				isTipoDocumentoDialogOpen = false;
+			}
+		} catch (error) {
+			console.error('Error al crear tipo de documento:', error);
+			alert('Error al crear el tipo de documento');
+		}
+	}
+
 </script>
 
 <Card>
@@ -182,11 +316,11 @@
 				<TableHeader>
 					<TableRow>
 						<TableHead class="w-[80px]">Línea</TableHead>
-						<TableHead>Clave</TableHead>
-						<TableHead>Documento</TableHead>
-						<TableHead>E-Document</TableHead>
-						<TableHead>Operación</TableHead>
-						<TableHead>Observaciones</TableHead>
+									<TableHead>Tipo Documento</TableHead>
+									<TableHead>Ruta Archivo PDF</TableHead>
+									<TableHead>E-Document</TableHead>
+									<TableHead>Núm. Operación V.U</TableHead>
+										<TableHead>Observaciones</TableHead>
 						<TableHead class="w-[100px]">Acciones</TableHead>
 					</TableRow>
 				</TableHeader>
@@ -207,10 +341,10 @@
 						{#each paginatedDigitalizaciones as digitalizacion, index}
 							<TableRow>
 								<TableCell class="font-medium">{digitalizacion.linea}</TableCell>
-								<TableCell>{digitalizacion.clave}</TableCell>
-								<TableCell>{digitalizacion.documento}</TableCell>
+								<TableCell>{digitalizacion.tipo_documento}</TableCell>
+								<TableCell>{digitalizacion.ruta_archivo_pdf}</TableCell>
 								<TableCell>{digitalizacion.e_document}</TableCell>
-								<TableCell>{digitalizacion.operacion}</TableCell>
+								<TableCell>{digitalizacion.numero_operacion_vu}</TableCell>
 								<TableCell class="max-w-[200px] truncate" title={digitalizacion.observaciones}>
 									{digitalizacion.observaciones}
 								</TableCell>
@@ -338,76 +472,224 @@
 
 <!-- Dialog para Digitalización -->
 <Dialog bind:open={isDialogOpen}>
-	<DialogContent class="max-w-2xl">
+	<DialogContent class="max-w-2xl max-h-[90vh] overflow-y-auto">
 		<DialogHeader>
-			<DialogTitle>
-				{editingIndex !== null ? 'Editar Digitalización' : 'Nueva Digitalización'}
-			</DialogTitle>
+			<DialogTitle>Digitalización {currentDigitalizacion.linea}</DialogTitle>
 		</DialogHeader>
 
 		<div class="grid gap-4 py-4">
-			<div class="grid grid-cols-2 gap-4">
-				<div class="space-y-2">
-					<Label for="linea">Línea *</Label>
+			<div class="space-y-2">
+				<Label for="linea">Línea:</Label>
+				<Input
+					id="linea"
+					type="number"
+					bind:value={currentDigitalizacion.linea}
+					readonly
+					class="bg-muted"
+				/>
+			</div>
+
+			<div class="space-y-2">
+				<Label for="tipo_documento">Tipo Documento:</Label>
+				<div class="flex gap-2">
 					<Input
-						id="linea"
-						type="number"
-						bind:value={currentDigitalizacion.linea}
-						placeholder="1"
-						readonly
+						id="tipo_documento"
+						bind:value={currentDigitalizacion.tipo_documento}
+						placeholder=""
+						class="flex-1"
 					/>
-				</div>
-				<div class="space-y-2">
-					<Label for="clave">Clave *</Label>
-					<Input id="clave" bind:value={currentDigitalizacion.clave} placeholder="Clave" />
+					<Button size="icon" variant="outline" onclick={abrirTiposDocumentos}>
+						<FolderOpen class="h-4 w-4" />
+					</Button>
 				</div>
 			</div>
 
 			<div class="space-y-2">
-				<Label for="documento">Documento *</Label>
-				<Input
-					id="documento"
-					bind:value={currentDigitalizacion.documento}
-					placeholder="Nombre o tipo del documento"
-				/>
+				<Label for="ruta_archivo_pdf">Ruta del archivo PDF:</Label>
+				<div class="flex gap-2">
+					<Input
+						id="ruta_archivo_pdf"
+						bind:value={currentDigitalizacion.ruta_archivo_pdf}
+						placeholder="Escriba la ruta o use el botón para seleccionar"
+						class="flex-1"
+					/>
+					<Button size="icon" variant="outline" onclick={seleccionarRutaArchivo} type="button">
+						<FolderOpen class="h-4 w-4" />
+					</Button>
+				</div>
 			</div>
 
 			<div class="space-y-2">
-				<Label for="e_document">E-Document</Label>
-				<Input
-					id="e_document"
-					bind:value={currentDigitalizacion.e_document}
-					placeholder="Referencia del documento electrónico"
-				/>
-			</div>
-
-			<div class="space-y-2">
-				<Label for="operacion">Operación</Label>
-				<Input
-					id="operacion"
-					bind:value={currentDigitalizacion.operacion}
-					placeholder="Tipo de operación"
-				/>
-			</div>
-
-			<div class="space-y-2">
-				<Label for="observaciones">Observaciones</Label>
+				<Label for="observaciones">Observaciones:</Label>
 				<Textarea
 					id="observaciones"
 					bind:value={currentDigitalizacion.observaciones}
-					placeholder="Observaciones adicionales"
-					rows={3}
+					placeholder=""
+					rows={5}
 				/>
 			</div>
+
+			<div class="grid grid-cols-2 gap-4">
+				<div class="space-y-2">
+					<Label for="e_document">E-Document:</Label>
+					<Input
+						id="e_document"
+						bind:value={currentDigitalizacion.e_document}
+						placeholder=""
+					/>
+				</div>
+
+				<div class="space-y-2">
+					<Label for="numero_operacion_vu">Núm. de Operación V.U:</Label>
+					<Input
+						id="numero_operacion_vu"
+						bind:value={currentDigitalizacion.numero_operacion_vu}
+						placeholder=""
+					/>
+				</div>
+			</div>
 		</div>
 
 		<DialogFooter>
 			<Button variant="outline" onclick={() => (isDialogOpen = false)}>Cancelar</Button>
-			<Button
-				onclick={saveDigitalizacion}
-				disabled={!currentDigitalizacion.clave || !currentDigitalizacion.documento}
-			>
-				{editingIndex !== null ? 'Actualizar' : 'Guardar'}
+			<Button onclick={saveDigitalizacion}>
+				Aceptar
+			</Button>
+		</DialogFooter>
+	</DialogContent>
+</Dialog>
+
+<!-- Dialog para Seleccionar Tipo de Documento -->
+<Dialog bind:open={isTipoDocumentoDialogOpen}>
+	<DialogContent class="!max-w-[50vw] !w-[50vw] max-h-[85vh] h-[85vh] flex flex-col p-6">
+		<DialogHeader class="shrink-0">
+			<DialogTitle>DIGITALIZACIÓN TIPOS DE DOCUMENTOS</DialogTitle>
+		</DialogHeader>
+
+		<div class="space-y-4 flex-1 min-h-0 flex flex-col overflow-hidden">
+			<!-- Campo de búsqueda y botón nuevo -->
+			<div class="flex items-center gap-2 shrink-0">
+				<Label for="buscar_tipo" class="whitespace-nowrap min-w-[60px]">Buscar:</Label>
+				<Input
+					id="buscar_tipo"
+					bind:value={tipoDocumentoBusqueda}
+					placeholder="Buscar por código o descripción..."
+					class="flex-1"
+				/>
+				<Button size="sm" onclick={abrirNuevoTipoDocumento}>
+					<Plus class="mr-1.5" size={14} />
+					Nuevo
+				</Button>
+			</div>
+
+			<!-- Tabla de tipos de documentos -->
+			<div class="border rounded-lg flex-1 min-h-0 overflow-hidden">
+				{#if isLoadingTiposDocumentos}
+					<div class="text-center py-8 text-muted-foreground">
+						Cargando tipos de documentos...
+					</div>
+				{:else if errorLoadingTiposDocumentos}
+					<div class="text-center py-8 text-destructive">
+						{errorLoadingTiposDocumentos}
+					</div>
+				{:else}
+					<div class="overflow-y-auto h-full">
+						<Table>
+							<TableHeader class="sticky top-0 bg-background z-10 border-b">
+								<TableRow>
+									<TableHead class="w-[100px]">Código</TableHead>
+									<TableHead>Descripción</TableHead>
+								</TableRow>
+							</TableHeader>
+							<TableBody>
+								{#if tiposDocumentosFiltrados.length === 0}
+									<TableRow>
+										<TableCell colspan={2} class="text-center text-muted-foreground py-8">
+											No se encontraron tipos de documentos
+										</TableCell>
+									</TableRow>
+								{:else}
+									{#each tiposDocumentosFiltrados as tipo}
+										<TableRow 
+											class="cursor-pointer hover:bg-muted/50"
+											onclick={() => seleccionarTipoDocumento(tipo.code)}
+										>
+											<TableCell class="font-medium">{tipo.code}</TableCell>
+											<TableCell class="break-words whitespace-normal">{tipo.description}</TableCell>
+										</TableRow>
+									{/each}
+								{/if}
+							</TableBody>
+						</Table>
+					</div>
+				{/if}
+			</div>
+		</div>
+
+		<DialogFooter>
+			<Button variant="outline" onclick={() => (isTipoDocumentoDialogOpen = false)}>
+				Cancelar
+			</Button>
+			<Button 
+				variant="default"
+				onclick={() => (isTipoDocumentoDialogOpen = false)}
+			>
+				Seleccionar
+			</Button>
+		</DialogFooter>
+	</DialogContent>
+</Dialog>
+
+<!-- Dialog para Nuevo Tipo de Documento -->
+<Dialog bind:open={isNuevoTipoDocumentoDialogOpen}>
+	<DialogContent class="max-w-md">
+		<DialogHeader>
+			<DialogTitle>Tipos de Documentos para Digitalización</DialogTitle>
+		</DialogHeader>
+
+		<div class="space-y-4 py-4">
+			<!-- Clave -->
+			<div class="space-y-2">
+				<Label for="nuevo_code">Clave:</Label>
+				<Input
+					id="nuevo_code"
+					bind:value={nuevoTipoDocumento.code}
+					placeholder="Ingrese la clave"
+					maxlength={10}
+				/>
+			</div>
+
+			<!-- Documento -->
+			<div class="space-y-2">
+				<Label for="nuevo_description">Documento:</Label>
+				<Input
+					id="nuevo_description"
+					bind:value={nuevoTipoDocumento.description}
+					placeholder="Descripción del documento"
+				/>
+			</div>
+
+			<!-- Detalle (campo de texto largo) -->
+			<div class="space-y-2">
+				<Label for="nuevo_detalle">Detalle:</Label>
+				<Textarea
+					id="nuevo_detalle"
+					placeholder="Información adicional..."
+					rows={4}
+					class="resize-none"
+				/>
+			</div>
+		</div>
+
+		<DialogFooter>
+			<Button variant="outline" onclick={() => (isNuevoTipoDocumentoDialogOpen = false)}>
+				Cancelar
+			</Button>
+			<Button 
+				onclick={guardarNuevoTipoDocumento}
+				disabled={!nuevoTipoDocumento.code || !nuevoTipoDocumento.description}
+			>
+				Aceptar
 			</Button>
 		</DialogFooter>
 	</DialogContent>
diff --git a/frontend/src/lib/components/dashboard/pedimentos/edit/other-data-tab-form.svelte b/frontend/src/lib/components/dashboard/pedimentos/edit/other-data-tab-form.svelte
index 9e8dd0dc..471efbce 100644
--- a/frontend/src/lib/components/dashboard/pedimentos/edit/other-data-tab-form.svelte
+++ b/frontend/src/lib/components/dashboard/pedimentos/edit/other-data-tab-form.svelte
@@ -146,104 +146,7 @@
 		formData: OtrosDatosFormData;
 	} = $props();
 
-	// Rastrear los valores del servidor para evitar sobrescribir cambios del usuario
-	let lastServerConfigHash = $state<string | null>(null);
-
-	// Cargar datos del pedimento cuando está disponible
-	$effect(() => {
-		if (pedimento) {
-			// Crear un hash de las configuraciones relevantes
-			const configHash = JSON.stringify({
-				calc: pedimento.pedimento_config_calculations,
-				params: pedimento.pedimento_config_parameters,
-				updates: pedimento.pedimento_config_updates,
-				rect: pedimento.pedimento_config_update_rectification,
-				surcharges: pedimento.pedimento_config_surcharges
-			});
-			
-			// Solo actualizar si las configuraciones cambiaron
-			if (configHash !== lastServerConfigHash) {
-				lastServerConfigHash = configHash;
-				console.log('🔄 Cargando datos del servidor en other-data-tab-form');
-				console.log('📥 pedimento_config_updates del servidor:', pedimento.pedimento_config_updates);
-			
-			// Mapear pedimento_config_calculations
-			if (pedimento.pedimento_config_calculations) {
-				const calc = pedimento.pedimento_config_calculations;
-				formData.dta_por_operacion_ag_facturas = calc.dta_operation ?? false;
-				formData.dta_por_numero_vehiculos = calc.dta_vehicle_count ?? false;
-				formData.paga_iva = calc.pays_vat ?? false;
-				formData.paga_prevalidacion = calc.pays_prevalidation ?? false;
-				formData.aplicar_dta_8_millar_partida = calc.dta_mixed_rate_8permil ?? false;
-				formData.incluir_eci = calc.include_sagar_certificate_fee ?? false;
-				formData.cuota_fija_adicional_vehiculo = calc.fixed_vehicle_dta_fee ?? false;
-				formData.cuota_fija_adicional_fp = calc.additional_fixed_fee?.toString() || '0';
-				
-				// Mapear tipo_calculo desde dta_type
-				if (calc.dta_type === '1') {
-					formData.tipo_calculo = 'Cuota fija';
-				} else if (calc.dta_type === '2') {
-					formData.tipo_calculo = '8 al millar';
-				} else if (calc.dta_type === '3') {
-					formData.tipo_calculo = '1.76 al millar';
-				} else if (calc.dta_type === '4') {
-					formData.tipo_calculo = 'Estados extranjeros';
-				} else {
-					formData.tipo_calculo = 'ninguno';
-				}
-			}
-
-			// Mapear pedimento_config_parameters
-			if (pedimento.pedimento_config_parameters) {
-				const params = pedimento.pedimento_config_parameters;
-				formData.es_embajada = params.is_embassy ?? false;
-				formData.embajada_dta = params.embassy_dta || '0.00';
-				formData.regla_3_1_21_factores = params.rule_3121_section_ii ?? false;
-				formData.cambio_tarifa_anterior = params.use_previous_tariff ? 'true' : '';
-				formData.agregar_entidad_federativa_proveedor = params.add_state_supplier_record_505 ?? false;
-				formData.calculo_valor_aduana_v2 = params.customs_value_calculation ?? false;
-				formData.calculo_2_decimales_valor_unitario = params.two_decimals_unit_value ?? false;
-				formData.calcular_valor_aduana_base_partidas = params.customs_value_per_item ?? false;
-				formData.proveedor_nacional_modifico_dta = params.is_national_supplier ?? false;
-			}
-
-			// Mapear pedimento_config_updates
-			if (pedimento.pedimento_config_updates) {
-				const updates = pedimento.pedimento_config_updates;
-				formData.actualizar_iva = updates.update_vat ?? false;
-				formData.actualizar_advalorem = updates.update_advalorem ?? false;
-				formData.actualizar_dta = updates.update_dta ?? false;
-				formData.actualizar_cc = updates.update_cc ?? false;
-				formData.actualizar_ieps = updates.update_ieps ?? false;
-				console.log('✅ Mapeado update_dta:', updates.update_dta, '→ formData.actualizar_dta:', formData.actualizar_dta);
-			}
-
-			// Mapear pedimento_config_update_rectification
-			if (pedimento.pedimento_config_update_rectification) {
-				const rect = pedimento.pedimento_config_update_rectification;
-				formData.actualizar_iva_rect = rect.update_vat ?? false;
-				formData.actualizar_advalorem_rect = rect.update_advalorem ?? false;
-				formData.actualizar_dta_rect = rect.update_dta ?? false;
-				formData.actualizar_cc_rect = rect.update_cc ?? false;
-				formData.actualizar_ieps_rect = rect.update_ieps ?? false;
-				formData.calcular_recargos_diferencias = rect.calculate_surcharge ?? false;
-			}
-
-			// Mapear pedimento_config_surcharges
-			if (pedimento.pedimento_config_surcharges) {
-				const surcharges = pedimento.pedimento_config_surcharges;
-				formData.recargo_igi = surcharges.surcharge_igi ?? false;
-				formData.deducible_recargos = surcharges.surcharge_dta ?? false;
-				formData.recargo_iva = surcharges.surcharge_vat ?? false;
-				formData.recargo_ieps = surcharges.surcharge_ieps ?? false;
-				formData.recargo_isan = surcharges.surcharge_isan ?? false;
-				formData.recargo_cc = surcharges.surcharge_cc ?? false;
-			}
-		}
-	}
-});
-
-	// Estados para vista de bitácora
+	// Estados para vista de Bitácora
 	let showBitacora = $state(false);
 	let currentBitacoraPage = $state(0);
 	let bitacoraPageSize = 10;
diff --git a/frontend/src/lib/components/dashboard/pedimentos/edit/package-transportation-tab-form.svelte b/frontend/src/lib/components/dashboard/pedimentos/edit/package-transportation-tab-form.svelte
index 053c3f74..a366d5b4 100644
--- a/frontend/src/lib/components/dashboard/pedimentos/edit/package-transportation-tab-form.svelte
+++ b/frontend/src/lib/components/dashboard/pedimentos/edit/package-transportation-tab-form.svelte
@@ -95,20 +95,73 @@
 
 	// Cargar datos del pedimento cuando está disponible
 	$effect(() => {
-		if (pedimento && pedimento.pedimento_transport_means) {
-			const transport = pedimento.pedimento_transport_means;
-			// Por ahora solo log para ver qué datos vienen
-			console.log('📦 pedimento_transport_means del servidor:', transport);
+		if (pedimento) {
+			console.log('📦 Cargando datos del pedimento en package-transportation-tab-form');
+			
+			// Cargar datos de bultos desde pedimento_bultos
+			if (pedimento.pedimento_bultos) {
+				const bultos = pedimento.pedimento_bultos;
+				formData.bultos = {
+					cantidad: bultos.quantity ?? 0,
+					marcas: bultos.brand || 'S/M',
+					numero: bultos.number || 'S/N',
+					vehiculos: bultos.vehicles ?? 1
+				};
+			}
+			
+			// Cargar transportes desde pedimento_transport_means
+			if (pedimento.pedimento_transport_means && Array.isArray(pedimento.pedimento_transport_means)) {
+				formData.transportes = pedimento.pedimento_transport_means.map((t: any) => ({
+					id: t.id,
+					transportista: t.carrier || '',
+					rfc: t.rfc || '',
+					curp: t.curp || '',
+					nombre: t.name || '',
+					domicilio: t.address || '',
+					ciudad: t.city || '',
+					estado: t.state || '',
+					pais: t.country || '',
+					identificacion_fiscal: t.tax_id || '',
+					total_bultos: t.total_packages ?? 0,
+					identificacion: t.identification || ''
+				}));
+			}
+			
+			// Cargar precintos desde pedimento_seals
+			if (pedimento.pedimento_seals && Array.isArray(pedimento.pedimento_seals)) {
+				formData.precintos = pedimento.pedimento_seals.map((p: any) => ({
+					id: p.id,
+					numero: p.number || '',
+					identificacion: p.identification || ''
+				}));
+			}
+			
+			// Cargar contenedores desde pedimento_containers
+			if (pedimento.pedimento_containers && Array.isArray(pedimento.pedimento_containers)) {
+				formData.contenedores = pedimento.pedimento_containers.map((c: any) => ({
+					id: c.id,
+					numero: c.number || '',
+					identificacion: c.identification || '',
+					tipo: c.type || ''
+				}));
+			}
+			
+			console.log('✅ Datos cargados en formData:', {
+				bultos: formData.bultos,
+				transportes: formData.transportes.length,
+				precintos: formData.precintos.length,
+				contenedores: formData.contenedores.length
+			});
 		}
 	});
 
 	// Log cuando el componente se monta/desmonta
 	$effect(() => {
 		console.log('🚀 BultosTransportesTabForm montado - Datos actuales:', {
-			transportes: formData.transportes.length,
-			guias: formData.guias.length,
-			precintos: formData.precintos.length,
-			contenedores: formData.contenedores.length
+			transportes: formData?.transportes?.length ?? 0,
+			guias: formData?.guias?.length ?? 0,
+			precintos: formData?.precintos?.length ?? 0,
+			contenedores: formData?.contenedores?.length ?? 0
 		});
 		
 		return () => {
@@ -1297,17 +1350,12 @@
 						id="t_pais"
 						type="text"
 						placeholder="Buscar país..."
-						value={searchCountry}
+						value={searchCountry || (currentTransporte.pais ? countries.find(c => c.m3_key === currentTransporte.pais)?.description_es || currentTransporte.pais : '')}
 						oninput={(e) => (searchCountry = (e.target as HTMLInputElement).value)}
 						onfocus={() => (showCountryDropdown = true)}
 						onblur={() => setTimeout(() => (showCountryDropdown = false), 200)}
 						class="w-full"
 					/>
-					{#if currentTransporte.pais && !searchCountry}
-						<div class="absolute inset-0 pointer-events-none flex items-center px-3 text-sm">
-							<span class="truncate">{countries.find(c => c.m3_key === currentTransporte.pais)?.description_es || currentTransporte.pais}</span>
-						</div>
-					{/if}
 					{#if showCountryDropdown && filteredCountries.length > 0}
 						<div class="absolute z-50 w-full mt-1 bg-popover border border-border rounded-md shadow-lg max-h-[300px] overflow-auto">
 							{#each filteredCountries as country}
diff --git a/frontend/src/routes/dashboard/pedimentos/edit/[id]/+page.svelte b/frontend/src/routes/dashboard/pedimentos/edit/[id]/+page.svelte
index 99f309bd..53953e3a 100644
--- a/frontend/src/routes/dashboard/pedimentos/edit/[id]/+page.svelte
+++ b/frontend/src/routes/dashboard/pedimentos/edit/[id]/+page.svelte
@@ -101,7 +101,7 @@
 		compensaciones: [],
 		documentos_pago: []
 	});
-	let digitalizacionFormData = $state({
+	let digitalizacionFormData = $state<{digitalizaciones: any[]}>({
 		digitalizaciones: []
 	});
 	let identificadoresFormData = $state({
@@ -146,6 +146,84 @@
 		agregar_entidad_federativa_proveedor: false
 	});
 
+	// Cargar datos del pedimento en otrosDatosFormData cuando data.pedimento está disponible
+	$effect(() => {
+		if (data.pedimento && !data.isCreate) {
+			const pedimento = data.pedimento;
+			
+			// Mapear pedimento_config_calculations
+			if (pedimento.pedimento_config_calculations) {
+				const calc = pedimento.pedimento_config_calculations;
+				otrosDatosFormData.dta_por_operacion_ag_facturas = calc.dta_operation ?? false;
+				otrosDatosFormData.dta_por_numero_vehiculos = calc.dta_vehicle_count ?? false;
+				otrosDatosFormData.paga_iva = calc.pays_vat ?? false;
+				otrosDatosFormData.paga_prevalidacion = calc.pays_prevalidation ?? false;
+				otrosDatosFormData.aplicar_dta_8_millar_partida = calc.dta_mixed_rate_8permil ?? false;
+				otrosDatosFormData.incluir_eci = calc.include_sagar_certificate_fee ?? false;
+				otrosDatosFormData.cuota_fija_adicional_vehiculo = calc.fixed_vehicle_dta_fee ?? false;
+				otrosDatosFormData.cuota_fija_adicional_fp = calc.additional_fixed_fee?.toString() || '0';
+				
+				if (calc.dta_type === '1') {
+					otrosDatosFormData.tipo_calculo = 'Cuota fija';
+				} else if (calc.dta_type === '2') {
+					otrosDatosFormData.tipo_calculo = '8 al millar';
+				} else if (calc.dta_type === '3') {
+					otrosDatosFormData.tipo_calculo = '1.76 al millar';
+				} else if (calc.dta_type === '4') {
+					otrosDatosFormData.tipo_calculo = 'Estados extranjeros';
+				} else {
+					otrosDatosFormData.tipo_calculo = 'ninguno';
+				}
+			}
+
+			// Mapear pedimento_config_parameters
+			if (pedimento.pedimento_config_parameters) {
+				const params = pedimento.pedimento_config_parameters;
+				otrosDatosFormData.es_embajada = params.is_embassy ?? false;
+				otrosDatosFormData.embajada_dta = params.embassy_dta || '0.00';
+				otrosDatosFormData.regla_3_1_21_factores = params.rule_3121_section_ii ?? false;
+				otrosDatosFormData.cambio_tarifa_anterior = params.use_previous_tariff ? 'true' : '';
+				otrosDatosFormData.agregar_entidad_federativa_proveedor = params.add_state_supplier_record_505 ?? false;
+				otrosDatosFormData.calculo_valor_aduana_v2 = params.customs_value_calculation ?? false;
+				otrosDatosFormData.calculo_2_decimales_valor_unitario = params.two_decimals_unit_value ?? false;
+				otrosDatosFormData.calcular_valor_aduana_base_partidas = params.customs_value_per_item ?? false;
+				otrosDatosFormData.proveedor_nacional_modifico_dta = params.is_national_supplier ?? false;
+			}
+
+			// Mapear pedimento_config_updates
+			if (pedimento.pedimento_config_updates) {
+				const updates = pedimento.pedimento_config_updates;
+				otrosDatosFormData.actualizar_iva = updates.update_vat ?? false;
+				otrosDatosFormData.actualizar_advalorem = updates.update_advalorem ?? false;
+				otrosDatosFormData.actualizar_dta = updates.update_dta ?? false;
+				otrosDatosFormData.actualizar_cc = updates.update_cc ?? false;
+				otrosDatosFormData.actualizar_ieps = updates.update_ieps ?? false;
+			}
+
+			// Mapear pedimento_config_update_rectification
+			if (pedimento.pedimento_config_update_rectification) {
+				const rect = pedimento.pedimento_config_update_rectification;
+				otrosDatosFormData.actualizar_iva_rect = rect.update_vat ?? false;
+				otrosDatosFormData.actualizar_advalorem_rect = rect.update_advalorem ?? false;
+				otrosDatosFormData.actualizar_dta_rect = rect.update_dta ?? false;
+				otrosDatosFormData.actualizar_cc_rect = rect.update_cc ?? false;
+				otrosDatosFormData.actualizar_ieps_rect = rect.update_ieps ?? false;
+				otrosDatosFormData.calcular_recargos_diferencias = rect.calculate_surcharge ?? false;
+			}
+
+			// Mapear pedimento_config_surcharges
+			if (pedimento.pedimento_config_surcharges) {
+				const surcharges = pedimento.pedimento_config_surcharges;
+				otrosDatosFormData.recargo_igi = surcharges.surcharge_igi ?? false;
+				otrosDatosFormData.deducible_recargos = surcharges.surcharge_dta ?? false;
+				otrosDatosFormData.recargo_iva = surcharges.surcharge_vat ?? false;
+				otrosDatosFormData.recargo_ieps = surcharges.surcharge_ieps ?? false;
+				otrosDatosFormData.recargo_isan = surcharges.surcharge_isan ?? false;
+				otrosDatosFormData.recargo_cc = surcharges.surcharge_cc ?? false;
+			}
+		}
+	});
+
 	// Estados para saber si existen datos previos (para compatibilidad con componentes hijos)
 	let observacionesExists = $state(false);
 	let facturasExists = $state(false);
@@ -208,26 +286,26 @@
 			}
 
 			// Construir el payload unificado
-			const payload: CreatePedimentoData | UpdatePedimentoData = {
-				// Datos generales
-				year: generalFormData?.year || undefined,
-				customs_office: generalFormData?.customs_office || undefined,
-				license: generalFormData?.license || undefined,
-				pedimento_number: generalFormData?.pedimento_number || undefined,
-				client_id: generalFormData?.client_id || undefined,
-				operation_type: generalFormData?.operation_type || undefined,
-				pedimento_type: generalFormData?.pedimento_type || undefined,
-				pedimento_code: generalFormData?.pedimento_code || undefined,
-				regime: generalFormData?.regime || undefined,
-				status: generalFormData?.status || undefined,
-				usd_value: generalFormData?.usd_value || undefined,
-				paid_price: generalFormData?.paid_price || undefined,
-				gross_weight: generalFormData?.gross_weight || undefined,
-				exchange_rate: generalFormData?.exchange_rate || undefined
-			};
+		const payload: any = {
+			// Datos generales
+			year: generalFormData?.year || undefined,
+			customs_office: generalFormData?.customs_office || undefined,
+			license: generalFormData?.license || undefined,
+			pedimento_number: generalFormData?.pedimento_number || undefined,
+			client_id: generalFormData?.client_id || undefined,
+			operation_type: generalFormData?.operation_type || undefined,
+			pedimento_type: generalFormData?.pedimento_type || undefined,
+			pedimento_code: generalFormData?.pedimento_code || undefined,
+		regime: generalFormData?.regime || undefined,
+		status: generalFormData?.status || undefined,
+		usd_value: generalFormData?.usd_value || undefined,
+		paid_price: generalFormData?.paid_price || undefined,
+		gross_weight: generalFormData?.gross_weight || undefined,
+		exchange_rate: generalFormData?.exchange_rate || undefined
+	};
 
-			// Fechas - enviar si hay al menos un campo con valor
-			if (generalFormData) {
+	// Fechas - enviar si hay al menos un campo con valor
+	if (generalFormData) {
 				const hasDatesValue = generalFormData.entry_date || generalFormData.pedimento_date || 
 					generalFormData.extraction_date || generalFormData.rectification_payment_date ||
 					generalFormData.original_date || generalFormData.payment_date;
@@ -460,13 +538,46 @@
 		}
 	}
 
-	// Eliminar campos undefined para no enviarlos
-	Object.keys(payload).forEach(key => {
-				if (payload[key as keyof typeof payload] === undefined) {
-					delete payload[key as keyof typeof payload];
-				}
-			});
+			// Digitalización - solo enviar si hay digitalizaciones
+			if (digitalizacionFormData && digitalizacionFormData.digitalizaciones && digitalizacionFormData.digitalizaciones.length > 0) {
+				(payload as any).digitalizaciones = digitalizacionFormData.digitalizaciones.map((d: any) => ({
+					linea: d.linea,
+					tipo_documento: d.tipo_documento || null,
+					ruta_archivo_pdf: d.ruta_archivo_pdf || null,
+					observaciones: d.observaciones || null,
+					e_document: d.e_document || null,
+					numero_operacion_vu: d.numero_operacion_vu || null
+				}));
+			}
 
+			// Crear una copia limpia del payload para evitar problemas con reactivos de Svelte
+		// En lugar de clonar, construimos un objeto nuevo solo con los valores que necesitamos
+		const cleanPayload: any = {};
+		
+		// Copiar campos del nivel superior
+		for (const key in payload) {
+			if (payload.hasOwnProperty(key)) {
+				const value = payload[key];
+				// Si es un valor primitivo o null, copiarlo directamente
+				if (value === null || value === undefined || typeof value !== 'object') {
+					if (value !== undefined) {
+						cleanPayload[key] = value;
+					}
+				}
+				// Si es un array, crear una copia del array
+				else if (Array.isArray(value)) {
+					cleanPayload[key] = value.map((item: any) => {
+						if (item === null || typeof item !== 'object') return item;
+						// Para objetos en arrays, crear un nuevo objeto plano
+						return {...item};
+					});
+				}
+				// Si es un objeto, crear una copia plana
+				else {
+					cleanPayload[key] = {...value};
+				}
+			}
+		}
 			let newPedimentoId = pedimentoId;
 
 			// Determinar si es creación o actualización basándose en si tenemos un ID
@@ -474,7 +585,7 @@
 
 			if (isCreating) {				
 				// Crear nuevo pedimento con todos sus sub-recursos
-				const response = await pedimentosApi.create(payload as CreatePedimentoData);				
+				const response = await pedimentosApi.create(cleanPayload as CreatePedimentoData);				
 				if (response.error) {
 					const errorMsg = typeof response.error === 'string' ? response.error : 'Error al crear el pedimento';
 					throw new Error(errorMsg);
@@ -487,17 +598,29 @@
 				return;
 			} else {				
 				// Actualizar pedimento existente con todos sus sub-recursos
-				const response = await pedimentosApi.update(pedimentoId!, payload as UpdatePedimentoData);				
-				if (response.error) throw new Error(response.error);
-				
-				// Recargar los datos del pedimento desde el servidor
-				await invalidateAll();
-			}
+			console.log('🔍 Enviando cleanPayload:', cleanPayload);
+			const response = await pedimentosApi.update(pedimentoId!, cleanPayload as UpdatePedimentoData);				
+			console.log('✅ Respuesta del servidor:', response);
+			if (response.error) throw new Error(response.error);
 			
-			success = true;
-			setTimeout(() => {
-				success = false;
-			}, 3000);
+			// Recargar los datos del pedimento desde el servidor
+			console.log('🔄 Recargando datos con invalidateAll...');
+			try {
+				await invalidateAll();
+				console.log('✅ invalidateAll completado');
+				// Forzar recarga de datos esperando un tick
+				await new Promise(resolve => setTimeout(resolve, 100));
+			} catch (invalidateError) {
+				console.error('❌ Error en invalidateAll:', invalidateError);
+				// No lanzar el error, solo loguearlo
+				// El pedimento ya se guardó exitosamente en el backend
+			}
+		}
+		
+		success = true;
+		setTimeout(() => {
+			success = false;
+		}, 3000);
 		} catch (e) {
 			if (e instanceof Error && e.message.includes('401')) {
 				error = 'Sesión expirada. Recargando página...';
@@ -635,7 +758,9 @@
 		/>
 	</Tabs.Content>
 	<Tabs.Content value="otros-datos">
-		<OtrosDatosTabForm pedimento={data.pedimento} bind:formData={otrosDatosFormData} />
+		{#key data.pedimento?.id}
+			<OtrosDatosTabForm pedimento={data.pedimento} bind:formData={otrosDatosFormData} />
+		{/key}
 	</Tabs.Content>
 	<Tabs.Content value="digitalizacion">
 		<DigitalizacionTabForm bind:formData={digitalizacionFormData} />